Standardize Settings layout and save feedback (#2122)

* Group settings navigation menu Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Revert "Group settings navigation menu" This reverts commit 5983a4e82074b8dab1084af1cadd803ba28ea65d. * Standardize settings layout feedback Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Fix settings save status timer typing Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Retain settings save status Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Report color mode save state Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Match Appearance settings to two-column layout Rebuild Appearance into Color mode & Theme, Localization, and Density & type sections with responsive two-column grids, consistent section headers, page description, and green save status. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Migrate settings pages to SettingsPageLayout and SettingsSection Replace ScrollableOverlay/max-w-3xl shells with the shared settings layout primitives across entity and static settings pages, normalize section headers, and add settings.page.behavior.description locales. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Unify remaining settings pages on shared section chrome Wire Appearance, Projects, and Remote Instances through SettingsSection/SettingsPageLayout so every settings surface shares the same header, divider, and page shell treatment. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Align settings UI with OpenChamber design system kit Apply kit geometry and control specs: 840px content width, 32/48 padding, fixed 260/280 sidebars, radius/spacing tokens, settings select height, stepper dimensions, and shared field/link typography. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Migrate OpenChamberVisualSettings to shared settings primitives Replace ad-hoc radio/checkbox/chip/field layouts with SettingsSection shared chrome for Appearance, Density, Navigation, Chat/behavior, and Privacy while preserving handlers and data-settings-item anchors. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Migrate settings pages to shared field/checkbox/radio primitives Unify Defaults, Notifications, Behavior, Git, Session Retention, Passkeys, OpenCode CLI, Commands, About, Keyboard Shortcuts, and Desktop Network on SettingsFieldRow / SettingsCheckboxRow / SettingsRadioGroup / SettingsChipGroup for consistent grid, spacing, and DRY layout. Also remove the GitPage double SettingsSection wrap around GitHubSettings. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Unify remaining settings pages onto shared field primitives Migrate Agents, Snippets, Skills, Usage, MCP identity rows and selects to SettingsFieldRow/CheckboxRow/ChipGroup and SETTINGS_SELECT_*; align page titles; light-touch Voice/Tunnel/Providers/Plugins without rewriting complex OAuth, permissions, or tunnel flows. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Polish settings section dividers and transport helper text Slightly stronger section borders for clearer group separation, and keep message-stream transport description under the chip control. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Fix settings grid alignment, control heights, and Chat section titles Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Tighten settings grid: flat Chat 2x2 and full-width stacked selects Message options use a flat two-column grid so row headers share a baseline. Stacked selects fill their column; field-row selects keep a fixed sm:w-56 width. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Align mixed settings controls to shared FieldRow/CheckboxRow grid Separate FieldRows from CheckboxRows with SettingsInset, move enum radios into ControlGroups, and convert misplaced StackedFields to full-width FieldRows so left edges no longer clash. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Translate Behavior response-style preset labels for es and pl Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Group settings nav into categories and improve icons/order Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Fix settings layout: fewer hrs, shared control widths, chat transport section Remove SettingsInset top borders, align App install/Density controls to full cluster width, give Message Stream Transport its own Chat section, and fold Sessions Small Model into the first section to cut extra dividers. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Align Voice and MCP settings labels with shared heading classes Swap form field labels to SETTINGS_FIELD_LABEL_CLASS and use SettingsGroupTitle for MCP control-group headings (manual auth fallback, request headers). Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Differentiate settings heading levels by context Page titles are larger and quieter than section titles; group and field labels use dedicated shared classes so hierarchy is consistent across settings surfaces without ad-hoc typography mixes. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Use shared settings title classes in SettingsView home Wire home and unavailable headings through the shared L1/L2 class constants so they stay aligned with SettingsPageLayout. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Keep settings number steppers from stretching +/- buttons Density & type NumberInputs no longer flex-grow across the row, and NumberInput locks minus/plus to fixed width so the plus side cannot inflate when the control is placed in a full-width cluster. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Place spacing and input-bar offset on their own row Density & type now lays out as font families, then font sizes, then Spacing Density / Input Bar Offset on the row below. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Regroup settings nav and improve Voice layout Drop Advanced/Usage/Git nav categories: Voice and About under Interface, Usage under OpenCode, Git under Workspace. Voice provider chips and STT model cards use shared settings primitives with roomier spacing and a two-column model grid. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * Space out chat feature groups in visual settings * Polish settings: save-state wiring, container-query layouts, unified dropdown triggers - Wire shared save indicator into Behavior page saves and git identity CRUD - Convert settings layout primitives and page rows from viewport to container queries so narrow panes stack instead of clipping - Unify custom dropdown triggers (model/agent/provider pickers) and remaining page selects on the settings control size - Bump global radius scale by 1px; align variant input with select size - Migrate stray raw controls (MCP OAuth checkbox, worktree remove button, git identity dialog rows, skills dialog labels) onto shared primitives - Make settings nav items span full sidebar width; trim nav to 240px * Add General settings page, regroup nav, cap control widths, promote chat feature headers * Mobile settings nav: plain background and touch-sized rows * Hide secondary settings descriptions behind clickable info hints * Move quota credentials to Usage, navigation settings to General, rename External Tunnel * Quiet settings save indicator: silent success, delayed spinner, visible errors * Rewrite settings-ui-patterns skill around shared primitives and refactored conventions * Remove settings starter page; open last visited page, defaulting to General * Settings polish: spacing, control sizes, trigger widths, readable model names, device dates * Centralize dropdown trigger chrome, settings nav polish, mobile-only input bar offset * Fix global line-height regression, auto-hide first-section divider, shortcut row spacing * Global line-height 1.45, align scheduled tasks header button with select * Hide editor toolbar and About in VS Code, animate chat render preview outside desktop dialog * Rebuild agent tool permissions on source-of-truth model Edit the agent's own permission map verbatim (inherit vs explicit actions, pattern rules only for pattern-capable keys), save permission-only, drop the server-side non-wildcard re-merge that resurrected deleted rules, and surface session-granted rules as read-only. * Agents model parameters polish: row spacing, variant dropdown, unified widths, dash for unset numbers --------- Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>
2026-07-18 00:11:05 +03:00
parent 1b402fcb67
commit 17f1b24709
103 changed files with 6406 additions and 6110 deletions
@@ -47,6 +47,10 @@ export const settingsDict = {
  "settings.view.search.aria": "Пошук налаштувань",
  "settings.view.search.clear": "Очистити пошук налаштувань",
  "settings.view.search.noResults": "Нічого не знайдено",
+  "settings.view.nav.group.general": "OpenChamber",
+  "settings.view.nav.group.projects": "Робочий простір",
+  "settings.view.nav.group.opencode": "OpenCode",
+  "settings.view.nav.group.content": "Бібліотека",
  "settings.page.projects.title": "Проєкти",
  "settings.page.remoteInstances.title": "Віддалені інстанси",
  "settings.page.providers.title": "Провайдери",
@@ -59,13 +63,22 @@ export const settingsDict = {
  "settings.page.skillsCatalog.title": "Каталог навичок",
  "settings.page.git.title": "Git",
  "settings.page.appearance.title": "Зовнішній вигляд",
+  "settings.page.appearance.description": "Налаштуйте вигляд і відчуття OpenChamber.",
  "settings.page.chat.title": "Чат",
+  "settings.page.chat.description": "Налаштуйте відображення повідомлень і інструментів.",
  "settings.page.shortcuts.title": "Гарячі клавіші",
+  "settings.page.shortcuts.description": "Налаштуйте комбінації клавіш.",
+  "settings.page.general.title": "Загальні",
+  "settings.page.general.description": "Запуск застосунку, безпека, з'єднання та приватність.",
  "settings.page.sessions.title": "Сесії",
+  "settings.page.sessions.description": "Встановіть значення за замовчуванням і зберігання сесій.",
  "settings.page.magicPrompts.title": "Магічні промпти",
  "settings.page.notifications.title": "Сповіщення",
+  "settings.page.notifications.description": "Оберіть, коли і як отримувати сповіщення.",
  "settings.page.voice.title": "Голос",
-  "settings.page.tunnel.title": "Віддалений тунель",
+  "settings.page.voice.description": "Налаштуйте мовлення та диктування.",
+  "settings.page.tunnel.title": "Зовнішній тунель",
+  "settings.page.tunnel.description": "Відкрийте цей екземпляр через віддалений тунель.",
  "settings.page.about.title": "Про застосунок",
  "settings.page.snippets.title": "Сніпети",
  "settings.snippets.sidebar.title": "Сніпети",
@@ -90,7 +103,7 @@ export const settingsDict = {
  "settings.snippets.page.toast.contentRequired": "Вміст сніпета обов'язковий",
  "settings.snippets.page.toast.saveFailed": "Не вдалося зберегти сніпет",
  "settings.snippets.page.toast.saved": "Сніпет збережено",
-  "settings.openchamber.tunnel.title": "Віддалений тунель",
+  "settings.openchamber.tunnel.title": "Зовнішній тунель",
  "settings.openchamber.tunnel.description": "Налаштуйте безпечний віддалений доступ за допомогою швидких посилань або власного керованого тунелю Cloudflare.",
  "settings.openchamber.tunnel.note.serverSideEnforced": "Безпечний доступ до тунелю забезпечується на стороні сервера.",
  "settings.openchamber.tunnel.note.connectLinksOneTime": "Посилання для підключення одноразові: вони відкликаються, коли тунель зупиняється або минає TTL посилання.",
@@ -366,6 +379,7 @@ export const settingsDict = {
  "settings.remoteInstances.page.logsDialog.selectedInstanceFallback": "Вибраний інстанс",
  "settings.remoteInstances.page.patternDialog.descriptionWithHost": "Для {host} потрібно вказати конкретне призначення.",
  "settings.remoteInstances.page.patternDialog.description": "Введіть призначення.",
+  "settings.common.infoAria": "Докладніше",
  "settings.common.actions.cancel": "Скасувати",
  "settings.common.actions.create": "Створити",
  "settings.common.actions.delete": "Видалити",
@@ -376,6 +390,8 @@ export const settingsDict = {
  "settings.common.actions.copyAll": "Копіювати все",
  "settings.common.actions.clear": "Очистити",
  "settings.common.actions.saving": "Збереження...",
+  'settings.common.status.saved': 'Збережено',
+  'settings.common.status.saveFailed': 'Не вдалося зберегти',
  "settings.common.actions.saveChanges": "Зберегти зміни",
  "settings.common.scope.global": "Глобальний",
  "settings.common.scope.project": "Проєкт",
@@ -460,6 +476,33 @@ export const settingsDict = {
  "settings.agents.page.section.identityRole": "Ідентичність і роль",
  "settings.agents.page.section.modelParameters": "Модель і параметри",
  "settings.agents.page.section.systemPrompt": "Системний промпт",
+  "settings.agents.page.permissionsEditor.sectionInfo": "Редагує власні правила доступу цього агента рівно так, як вони збережені в його конфігу. «Успадкувати» лишає ключ незаданим — діють глобальний конфіг і дефолти.",
+  "settings.agents.page.permissionsEditor.defaultLabel": "Дефолт для всіх інструментів",
+  "settings.agents.page.permissionsEditor.defaultAria": "Дефолтний дозвіл для всіх інструментів",
+  "settings.agents.page.permissionsEditor.defaultInfo": "Фолбек рівня агента (ключ *). Діє для інструментів без власного правила.",
+  "settings.agents.page.permissionsEditor.effectiveHint": "→ {action}",
+  "settings.agents.page.permissionsEditor.ruleCount": "{count} правил",
+  "settings.agents.page.permissionsEditor.keyAria": "Дозвіл для {key}",
+  "settings.agents.page.permissionsEditor.patternPlaceholder": "Патерн, напр. rm -rf * або /path/**",
+  "settings.agents.page.permissionsEditor.patternActionAria": "Дія для патерна {key}",
+  "settings.agents.page.permissionsEditor.customKeyPlaceholder": "Власний ключ дозволу…",
+  "settings.agents.page.permissionsEditor.sessionRulesTitle": "Надані в сесії (не збережені)",
+  "settings.agents.page.permissionsEditor.sessionRulesInfo": "Правила, надані під час живих сесій (відповіді «завжди дозволяти»). Вони діють зараз, але не є частиною збереженого конфігу і зникнуть після рестарту.",
+  "settings.agents.page.permissionsEditor.action.default": "Стандартно",
+  "settings.agents.page.permissionsEditor.action.inherit": "Успадкувати",
+  "settings.agents.page.permissionsEditor.action.allow": "Дозволити",
+  "settings.agents.page.permissionsEditor.action.ask": "Питати",
+  "settings.agents.page.permissionsEditor.action.deny": "Заборонити",
+  "settings.agents.page.permissionsEditor.actions.save": "Зберегти дозволи",
+  "settings.agents.page.permissionsEditor.actions.discard": "Скасувати",
+  "settings.agents.page.permissionsEditor.actions.addRule": "Додати правило",
+  "settings.agents.page.permissionsEditor.actions.addKey": "Додати ключ",
+  "settings.agents.page.permissionsEditor.actions.removeRuleAria": "Видалити правило",
+  "settings.agents.page.permissionsEditor.actions.retry": "Повторити",
+  "settings.agents.page.permissionsEditor.state.loadFailed": "Не вдалося завантажити конфіг дозволів агента.",
+  "settings.agents.page.permissionsEditor.toast.saved": "Дозволи збережено",
+  "settings.agents.page.permissionsEditor.toast.savedRestartRequired": "Дозволи збережено — перезапустіть сервер OpenCode, щоб застосувати",
+  "settings.agents.page.permissionsEditor.toast.saveFailed": "Не вдалося зберегти дозволи",
  "settings.agents.page.section.toolPermissions": "Дозволи інструмента",
  "settings.agents.page.field.agentName": "Ім'я агента",
  "settings.agents.page.field.agentNamePlaceholder": "Ім’я агента",
@@ -495,6 +538,7 @@ export const settingsDict = {
  "settings.agents.page.permissions.permissionPlaceholder": "Дозвіл...",
  "settings.agents.page.permissions.patternPlaceholder": "Шаблон (наприклад, *)",
  "settings.page.behavior.title": "Поведінка",
+  "settings.page.behavior.description": "Керуйте тим, як агент відповідає.",
  "settings.behavior.page.title": "Поведінка",
  "settings.behavior.page.warning.title": "Глобальні правила поєднуються з правилами проєкту",
  "settings.behavior.page.warning.description": "Зміни тут оновлюють {path}. OpenCode також додає правила з AGENTS.md на рівні проєкту, якщо вони існують.",
@@ -880,6 +924,8 @@ export const settingsDict = {
  "settings.openchamber.desktopNetwork.field.allowLanAccessDescription": "Перезапускає застосунок, щоб телефони, планшети та інші комп’ютери в мережі Wi-Fi могли його відкрити.",
  "settings.openchamber.desktopNetwork.field.warning": "Попередження: якщо це ввімкнено, застосунок доступний усім у тій самій локальній мережі.",
  "settings.openchamber.desktopNetwork.field.passwordRequiredWarning": "Для LAN-доступу потрібен пароль десктопного UI. Доки його не задано, десктопний застосунок запускається лише локально.",
+  "settings.openchamber.desktopPassword.actions.showPassword": "Показати пароль",
+  "settings.openchamber.desktopPassword.actions.hidePassword": "Приховати пароль",
  "settings.openchamber.desktopPassword.field.password": "Пароль для десктопного UI",
  "settings.openchamber.desktopPassword.field.passwordPlaceholder": "Пароль не потрібен",
  "settings.openchamber.desktopPassword.field.passwordDescription": "OpenChamber попросить пароль після перезапуску, а потім коли сесія логіну спливе: через 12 годин або через 7 днів із «Довіряти цьому пристрою». Залиште порожнім, щоб вимкнути логін.",
@@ -1585,6 +1631,7 @@ export const settingsDict = {
  "settings.voice.page.section.playbackAndSummary": "Відтворення",
  "settings.voice.page.field.provider": "Провайдер",
  "settings.voice.page.provider.browser": "Браузер",
+  "settings.voice.page.provider.openai": "OpenAI",
  "settings.voice.page.provider.custom": "Власний",
  "settings.voice.page.provider.say": "Say",
  "settings.voice.page.provider.server": "Сервер",
@@ -1664,18 +1711,24 @@ export const settingsDict = {
  "settings.voice.page.field.ttsInputModeRaw": "Сирий Markdown",
  "settings.voice.page.field.ttsInputModeSummarized": "скорочений",
  "settings.openchamber.visual.section.colorMode": "Режим теми",
+  "settings.openchamber.visual.section.colorModeAndTheme": "Режим кольору та тема",
  "settings.openchamber.visual.section.mobileLayout": "Мобільний макет",
  "settings.openchamber.visual.option.mobileLayout.default": "Попередній",
  "settings.openchamber.visual.option.mobileLayout.new": "Новий",
  "settings.openchamber.visual.section.localization": "Локалізація",
  "settings.openchamber.visual.section.spacingAndLayout": "Відступи й компонування",
+  "settings.openchamber.visual.section.densityAndType": "Щільність і шрифти",
+  "settings.openchamber.visual.section.appInstall": "Встановлення застосунку",
  "settings.openchamber.visual.section.navigation": "Навігація",
  "settings.openchamber.visual.section.chatRenderMode": "Режим візуалізації чату",
  "settings.openchamber.visual.section.chatRenderModeAria": "Режим візуалізації чату",
+  "settings.openchamber.visual.section.chatDisplay": "Відображення",
+  "settings.openchamber.visual.section.chatMessageOptions": "Параметри повідомлень",
+  "settings.openchamber.visual.section.chatFeatures": "Функції",
  "settings.openchamber.visual.section.messageStreamTransport": "Транспорт потокових повідомлень",
  "settings.openchamber.visual.section.activityDefault": "Активність за замовчуванням",
  "settings.openchamber.visual.section.activityDefaultAria": "Режим активності за замовчуванням",
-  "settings.openchamber.visual.section.showToolsOpenedByDefault": "Показувати інструменти відкритими за замовчуванням:",
+  "settings.openchamber.visual.section.showToolsOpenedByDefault": "Показувати інструменти відкритими за замовчуванням",
  "settings.openchamber.visual.section.sessionAssistance": "Допомога із сесією",
  "settings.openchamber.visual.section.reasoning": "Міркування",
  "settings.openchamber.visual.section.messageAppearance": "Вигляд повідомлень",
@@ -1806,8 +1859,11 @@ export const settingsDict = {
  "settings.openchamber.visual.field.sendAnonymousUsageReports": "Надсилати анонімні звіти про використання",
  "settings.openchamber.visual.field.sendAnonymousUsageReportsHint": "Допомагає нам зрозуміти, які версії застосунків активно використовуються, щоб ми могли визначити пріоритети покращень. Збираються лише версія застосунку, платформа та середовище виконання – без особистих даних чи коду.",
  "settings.openchamber.visual.option.themeMode.system": "Системна",
+  "settings.openchamber.visual.option.themeMode.system.description": "Дотримуватися системних налаштувань",
  "settings.openchamber.visual.option.themeMode.light": "Світла",
+  "settings.openchamber.visual.option.themeMode.light.description": "Завжди використовувати світлий вигляд",
  "settings.openchamber.visual.option.themeMode.dark": "Темна",
+  "settings.openchamber.visual.option.themeMode.dark.description": "Завжди використовувати темний вигляд",
  "settings.openchamber.visual.option.diffLayout.dynamic.label": "Динамічний",
  "settings.openchamber.visual.option.diffLayout.dynamic.description": "Нові файли показуються inline, змінені — поруч.",
  "settings.openchamber.visual.option.diffLayout.inline.label": "Завжди inline",