mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-07-02 18:43:08 +08:00
Feat/design improvements and minor bug fixes (#939)
* fix(shell): hide prompt options on desktop * fix(chat): group continuous same-tool runs more consistently Consecutive tool calls (Edit, Read, Grep, etc.) grouped inconsistently: - The group threshold was 3, so a run of only 2 calls stayed ungrouped while a run of 3 collapsed — making two back-to-back edits look different from three. - A run was broken by any interleaved message, including ones that render nothing (reasoning hidden when showThinking is off). Providers like Codex interleave hidden reasoning between tool calls, so visually continuous edits intermittently failed to group. Lower TOOL_GROUP_THRESHOLD to 2 and skip non-rendered messages when extending a run, so any 2+ consecutive same-tool calls collapse reliably. ChatMessagesPane now passes showThinking into groupConsecutiveTools. * fix(chat): stabilize message scroll controls * fix: update command menu positioning * fix(chat): refine load all overlay behavior * fix(chat): hide load all prompt after final page * fix(chat): remove auto scroll quick setting * fix(chat): unify messages and composer into centered column Constrain both ChatMessagesPane content and ChatComposer to the same max-w-3xl centered column. Previously only the composer had a max-width, causing messages to fill the full width while the input stayed narrow, making them visually misaligned with large empty gutters on either side. * style(ui): rework light/dark theme to make it visually consistent Rework the color system around warm neutrals and route hardcoded surfaces through theme tokens for consistency. - Theme tokens (index.css, ThemeContext): warm cream light mode and neutral charcoal dark mode, replacing the pure-white/blue-tinted palette; update PWA theme-color meta - Code blocks: soft grey background in light mode via oneLight/oneDark, and drop the Tailwind Typography <pre> shell that framed the highlighter in a dark box - Dropdowns/panels: convert CommandMenu, Quick Settings, and the JSON response block from hardcoded gray/slate to popover/muted/border tokens - Git panel: Publish button purple -> primary blue - Composer: drop top padding so the input sits flush with the thread * fix: use app theme for code editor * style(chat): unify composer toolbar heights and declutter slash-command modal - Composer: give the permission-mode and token-usage buttons a fixed h-8 so every bottom-toolbar control shares one height - CommandResultModal: replace the blue gradient header (gradient fill, glow blobs, blue eyebrow + icon chip) with a clean neutral header on popover/muted tokens * fix(chat): header ellipsis, Codex logo on light theme, portal copy menu - MainContentTitle: truncate the session title with an ellipsis instead of horizontal-scrolling it - MessageComponent: use text-foreground for the provider logo chip so the currentColor Codex/OpenAI mark is visible on the light theme - MessageCopyControl: render the copy-format dropdown in a portal so it escapes the chat message's `contain: paint` clip box; anchor it to the trigger, flip above near the viewport bottom, close on scroll/resize * style(mcp): remove purple accents and portal the server form modal - Replace the purple provider-button colors, heading icon, and form submit button with the primary token (no purple in the MCP UI) - Portal the add/edit MCP server modal to document.body so its fixed overlay covers the full viewport, fixing the white band at the top caused by the Settings dialog's transformed tab content becoming the containing block * style(ui): use Merriweather serif for chat text and Encode Sans for the rest of the UI * fix: align activity indicator with composer input width Wrap ActivityIndicator in the same mx-auto max-w-3xl container as the text input so the "Analyzing…" label and Stop button stay within the input's boundaries instead of spanning the full window width. * style: improve thinking and stop button placements * style(auth): modernize login, setup, and onboarding screens * fix(chat): correct invalid dark-mode hover on AskUserQuestion options * fix: remove unnecessary auto expand tools * fix: resolve coderabbit comments * fix(chat): widen chat layout and sidebar titles * fix(branding): update CloudCLI wordmark styling --------- Co-authored-by: Simos Mikelatos <simosmik@gmail.com>
This commit is contained in:
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "Darstellung",
|
||||
"toolDisplay": "Werkzeuganzeige",
|
||||
"viewOptions": "Anzeigeoptionen",
|
||||
"inputSettings": "Eingabeeinstellungen"
|
||||
},
|
||||
"darkMode": "Darkmode",
|
||||
"autoExpandTools": "Werkzeuge automatisch erweitern",
|
||||
"showRawParameters": "Rohe Parameter anzeigen",
|
||||
"showThinking": "Denken anzeigen",
|
||||
"autoScrollToBottom": "Automatisch nach unten scrollen",
|
||||
"sendByCtrlEnter": "Mit Strg+Enter senden",
|
||||
"sendByCtrlEnterDescription": "Wenn aktiviert, sendet Strg+Enter die Nachricht anstelle von Enter. Dies ist nützlich für IME-Benutzer:innen, um versehentliches Senden zu vermeiden.",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -70,14 +70,11 @@
|
||||
"sections": {
|
||||
"appearance": "Appearance",
|
||||
"toolDisplay": "Tool Display",
|
||||
"viewOptions": "View Options",
|
||||
"inputSettings": "Input Settings"
|
||||
},
|
||||
"darkMode": "Dark Mode",
|
||||
"autoExpandTools": "Auto-expand tools",
|
||||
"showRawParameters": "Show raw parameters",
|
||||
"showThinking": "Show thinking",
|
||||
"autoScrollToBottom": "Auto-scroll to bottom",
|
||||
"sendByCtrlEnter": "Send by Ctrl+Enter",
|
||||
"voiceEnabled": "Voice (mic + read aloud)",
|
||||
"sendByCtrlEnterDescription": "When enabled, pressing Ctrl+Enter will send the message instead of just Enter. This is useful for IME users to avoid accidental sends.",
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "Apparence",
|
||||
"toolDisplay": "Affichage des outils",
|
||||
"viewOptions": "Options d'affichage",
|
||||
"inputSettings": "Paramètres de saisie"
|
||||
},
|
||||
"darkMode": "Mode sombre",
|
||||
"autoExpandTools": "Développer automatiquement les outils",
|
||||
"showRawParameters": "Afficher les paramètres bruts",
|
||||
"showThinking": "Afficher la réflexion",
|
||||
"autoScrollToBottom": "Défilement automatique vers le bas",
|
||||
"sendByCtrlEnter": "Envoyer avec Ctrl+Entrée",
|
||||
"sendByCtrlEnterDescription": "Lorsqu'activé, appuyer sur Ctrl+Entrée envoie le message au lieu de simplement Entrée. Utile pour les utilisateurs IME pour éviter les envois accidentels.",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "Aspetto",
|
||||
"toolDisplay": "Visualizzazione strumenti",
|
||||
"viewOptions": "Opzioni visualizzazione",
|
||||
"inputSettings": "Impostazioni input"
|
||||
},
|
||||
"darkMode": "Modalità scura",
|
||||
"autoExpandTools": "Espandi strumenti automaticamente",
|
||||
"showRawParameters": "Mostra parametri grezzi",
|
||||
"showThinking": "Mostra ragionamento",
|
||||
"autoScrollToBottom": "Scorrimento automatico in basso",
|
||||
"sendByCtrlEnter": "Invia con Ctrl+Invio",
|
||||
"sendByCtrlEnterDescription": "Se abilitato, premere Ctrl+Invio invierà il messaggio invece di Invio. Utile per gli utenti IME per evitare invii accidentali.",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "外観",
|
||||
"toolDisplay": "ツール表示",
|
||||
"viewOptions": "表示オプション",
|
||||
"inputSettings": "入力設定"
|
||||
},
|
||||
"darkMode": "ダークモード",
|
||||
"autoExpandTools": "ツールを自動展開",
|
||||
"showRawParameters": "生パラメータを表示",
|
||||
"showThinking": "思考を表示",
|
||||
"autoScrollToBottom": "自動スクロール",
|
||||
"sendByCtrlEnter": "Ctrl+Enterで送信",
|
||||
"sendByCtrlEnterDescription": "有効にすると、Enterではなく Ctrl+Enter でメッセージを送信します。IMEユーザーの誤送信防止に便利です。",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "외관",
|
||||
"toolDisplay": "도구 표시",
|
||||
"viewOptions": "보기 옵션",
|
||||
"inputSettings": "입력 설정"
|
||||
},
|
||||
"darkMode": "다크 모드",
|
||||
"autoExpandTools": "도구 자동 펼치기",
|
||||
"showRawParameters": "Raw 파라미터 표시",
|
||||
"showThinking": "생각 과정 표시",
|
||||
"autoScrollToBottom": "자동 스크롤",
|
||||
"sendByCtrlEnter": "Ctrl+Enter로 전송",
|
||||
"sendByCtrlEnterDescription": "활성화하면 Enter 대신 Ctrl+Enter로 메시지를 전송합니다. IME 사용자가 실수로 전송하는 것을 방지하는 데 유용합니다.",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "Внешний вид",
|
||||
"toolDisplay": "Отображение инструментов",
|
||||
"viewOptions": "Параметры просмотра",
|
||||
"inputSettings": "Настройки ввода"
|
||||
},
|
||||
"darkMode": "Темная тема",
|
||||
"autoExpandTools": "Автоматически разворачивать инструменты",
|
||||
"showRawParameters": "Показывать сырые параметры",
|
||||
"showThinking": "Показывать размышления",
|
||||
"autoScrollToBottom": "Автопрокрутка вниз",
|
||||
"sendByCtrlEnter": "Отправка по Ctrl+Enter",
|
||||
"sendByCtrlEnterDescription": "Когда включено, нажатие Ctrl+Enter будет отправлять сообщение вместо просто Enter. Это полезно для пользователей IME, чтобы избежать случайной отправки.",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "Görünüm",
|
||||
"toolDisplay": "Araç Gösterimi",
|
||||
"viewOptions": "Görünüm Seçenekleri",
|
||||
"inputSettings": "Girdi Ayarları"
|
||||
},
|
||||
"darkMode": "Koyu Mod",
|
||||
"autoExpandTools": "Araçları otomatik genişlet",
|
||||
"showRawParameters": "Ham parametreleri göster",
|
||||
"showThinking": "Düşünmeyi göster",
|
||||
"autoScrollToBottom": "Otomatik en alta kaydır",
|
||||
"sendByCtrlEnter": "Ctrl+Enter ile gönder",
|
||||
"sendByCtrlEnterDescription": "Etkinleştirildiğinde, Ctrl+Enter'a basmak yalnız Enter yerine mesajı gönderir. IME (girdi metot düzenleyici) kullananlar için yanlışlıkla göndermeyi önler.",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "外观",
|
||||
"toolDisplay": "工具显示",
|
||||
"viewOptions": "视图选项",
|
||||
"inputSettings": "输入设置"
|
||||
},
|
||||
"darkMode": "深色模式",
|
||||
"autoExpandTools": "自动展开工具",
|
||||
"showRawParameters": "显示原始参数",
|
||||
"showThinking": "显示思考过程",
|
||||
"autoScrollToBottom": "自动滚动到底部",
|
||||
"sendByCtrlEnter": "使用 Ctrl+Enter 发送",
|
||||
"sendByCtrlEnterDescription": "启用后,按 Ctrl+Enter 发送消息,而不是仅按 Enter。这对于使用输入法的用户可以避免意外发送。",
|
||||
"dragHandle": {
|
||||
|
||||
@@ -54,14 +54,11 @@
|
||||
"sections": {
|
||||
"appearance": "外觀",
|
||||
"toolDisplay": "工具顯示",
|
||||
"viewOptions": "檢視選項",
|
||||
"inputSettings": "輸入設定"
|
||||
},
|
||||
"darkMode": "深色模式",
|
||||
"autoExpandTools": "自動展開工具",
|
||||
"showRawParameters": "顯示原始參數",
|
||||
"showThinking": "顯示思考過程",
|
||||
"autoScrollToBottom": "自動捲動到底部",
|
||||
"sendByCtrlEnter": "使用 Ctrl+Enter 傳送",
|
||||
"sendByCtrlEnterDescription": "啟用後,按 Ctrl+Enter 傳送訊息,而不是僅按 Enter。這對於使用輸入法的使用者可以避免意外傳送。",
|
||||
"dragHandle": {
|
||||
|
||||
Reference in New Issue
Block a user