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>

packages/ui/src/lib/i18n/messages/pl.settings.ts

@@ -69,6 +69,33 @@ export const settingsDict = {
   'settings.agents.page.section.identityRole': 'Tożsamość i Rola',
   'settings.agents.page.section.modelParameters': 'Model i Parametry',
   'settings.agents.page.section.systemPrompt': 'System Prompt',
+  'settings.agents.page.permissionsEditor.sectionInfo': 'Edytuje własne reguły uprawnień tego agenta dokładnie tak, jak są zapisane w jego konfiguracji. „Dziedzicz” pozostawia klucz nieustawiony — obowiązują konfiguracja globalna i domyślne.',
+  'settings.agents.page.permissionsEditor.defaultLabel': 'Domyślne dla wszystkich narzędzi',
+  'settings.agents.page.permissionsEditor.defaultAria': 'Domyślne uprawnienie dla wszystkich narzędzi',
+  'settings.agents.page.permissionsEditor.defaultInfo': 'Rezerwa na poziomie agenta (klucz *). Dotyczy narzędzi bez własnej reguły.',
+  'settings.agents.page.permissionsEditor.effectiveHint': '→ {action}',
+  'settings.agents.page.permissionsEditor.ruleCount': '{count} reguł',
+  'settings.agents.page.permissionsEditor.keyAria': 'Uprawnienie dla {key}',
+  'settings.agents.page.permissionsEditor.patternPlaceholder': 'Wzorzec, np. rm -rf * lub /path/**',
+  'settings.agents.page.permissionsEditor.patternActionAria': 'Akcja dla wzorca {key}',
+  'settings.agents.page.permissionsEditor.customKeyPlaceholder': 'Własny klucz uprawnienia…',
+  'settings.agents.page.permissionsEditor.sessionRulesTitle': 'Przyznane w sesji (niezapisane)',
+  'settings.agents.page.permissionsEditor.sessionRulesInfo': 'Reguły przyznane w trakcie sesji (odpowiedzi „zawsze zezwalaj”). Działają teraz, ale nie są częścią zapisanej konfiguracji i znikną po restarcie.',
+  'settings.agents.page.permissionsEditor.action.default': 'Domyślnie',
+  'settings.agents.page.permissionsEditor.action.inherit': 'Dziedzicz',
+  'settings.agents.page.permissionsEditor.action.allow': 'Zezwól',
+  'settings.agents.page.permissionsEditor.action.ask': 'Pytaj',
+  'settings.agents.page.permissionsEditor.action.deny': 'Odmów',
+  'settings.agents.page.permissionsEditor.actions.save': 'Zapisz uprawnienia',
+  'settings.agents.page.permissionsEditor.actions.discard': 'Odrzuć',
+  'settings.agents.page.permissionsEditor.actions.addRule': 'Dodaj regułę',
+  'settings.agents.page.permissionsEditor.actions.addKey': 'Dodaj klucz',
+  'settings.agents.page.permissionsEditor.actions.removeRuleAria': 'Usuń regułę',
+  'settings.agents.page.permissionsEditor.actions.retry': 'Ponów',
+  'settings.agents.page.permissionsEditor.state.loadFailed': 'Nie udało się wczytać konfiguracji uprawnień agenta.',
+  'settings.agents.page.permissionsEditor.toast.saved': 'Uprawnienia zapisane',
+  'settings.agents.page.permissionsEditor.toast.savedRestartRequired': 'Uprawnienia zapisane — uruchom ponownie serwer OpenCode, aby zastosować',
+  'settings.agents.page.permissionsEditor.toast.saveFailed': 'Nie udało się zapisać uprawnień',
   'settings.agents.page.section.toolPermissions': 'Uprawnienia do narzędzi',
   'settings.agents.page.subtitle.edit': 'Edytuj ustawienia agenta',
   'settings.agents.page.subtitle.new': 'Skonfiguruj nową personę asystenta',
@@ -117,7 +144,7 @@ export const settingsDict = {
   'settings.behavior.page.responseStyle.option.noFiller': 'Bez zbędnych treści',
   'settings.behavior.page.responseStyle.option.pushback': 'Krytyczne podejście',
   'settings.behavior.page.responseStyle.option.warmPeer': 'Przyjazny kolega',
-  'settings.behavior.page.responseStyle.preset': 'Preset',
+  'settings.behavior.page.responseStyle.preset': 'Predefiniowany styl',
   'settings.behavior.page.responseStyle.tooltip': 'Jeśli jest włączone, instrukcje te określają sposób odpowiadania asystenta w każdej nowej rozmowie. Są one przesyłane z Twoją pierwszą wiadomością i nie zmieniają Twoich globalnych reguł AGENTS.md.',
   'settings.behavior.page.section.responseStyle': 'Styl odpowiedzi',
   'settings.behavior.page.section.systemPrompt': 'Globalny AGENTS.md',
@@ -173,6 +200,7 @@ export const settingsDict = {
   'settings.commands.sidebar.toast.renameFailed': 'Nie udało się zmienić nazwy polecenia',
   'settings.commands.sidebar.toast.resetFailed': 'Nie udało się zresetować polecenia',
   'settings.commands.sidebar.total': 'Suma: {count}',
+  'settings.common.infoAria': 'Więcej informacji',
   'settings.common.actions.cancel': 'Anuluj',
   'settings.common.actions.clear': 'Wyczyść',
   'settings.common.actions.copyAll': 'Kopiuj wszystko',
@@ -184,6 +212,8 @@ export const settingsDict = {
   'settings.common.actions.reset': 'Zresetuj',
   'settings.common.actions.saveChanges': 'Zapisz zmiany',
   'settings.common.actions.saving': 'Zapisywanie...',
+  'settings.common.status.saved': 'Zapisano',
+  'settings.common.status.saveFailed': 'Nie udało się zapisać',
   'settings.common.badge.modified': 'Zmodyfikowano',
   'settings.common.badge.new': 'Nowy',
   'settings.common.field.description': 'Opis',
@@ -731,6 +761,8 @@ export const settingsDict = {
   'settings.openchamber.desktopNetwork.field.keepAwakeDescription': 'Aby telefony nadal mogły otwierać tę aplikację. Ekran nadal może się wyłączyć.',
   'settings.openchamber.desktopNetwork.field.warning': 'Ostrzeżenie: po włączeniu aplikacja jest dostępna dla każdego w tej samej sieci lokalnej.',
   'settings.openchamber.desktopNetwork.field.passwordRequiredWarning': 'Dostęp LAN wymaga hasła UI pulpitu. Dopóki go nie ustawisz, aplikacja pulpitu uruchamia się tylko lokalnie.',
+  'settings.openchamber.desktopPassword.actions.showPassword': 'Pokaż hasło',
+  'settings.openchamber.desktopPassword.actions.hidePassword': 'Ukryj hasło',
   'settings.openchamber.desktopPassword.field.password': 'Hasło UI pulpitu',
   'settings.openchamber.desktopPassword.field.passwordPlaceholder': 'Hasło nie jest wymagane',
   'settings.openchamber.desktopPassword.field.passwordDescription': 'OpenChamber pyta po restarcie, a potem po wygaśnięciu sesji logowania: po 12 godzinach albo po 7 dniach z opcją Zaufaj temu urządzeniu. Zostaw puste, aby wyłączyć logowanie.',
@@ -915,7 +947,7 @@ export const settingsDict = {
   'settings.openchamber.tunnel.state.noExpiry': 'Bez wygaśnięcia',
   'settings.openchamber.tunnel.state.revoked': 'Unieważniony',
   'settings.openchamber.tunnel.state.tunnelReady': 'Tunel gotowy',
-  'settings.openchamber.tunnel.title': 'Zdalny Tunel',
+  'settings.openchamber.tunnel.title': 'Tunel zewnętrzny',
   'settings.openchamber.tunnel.toast.addManagedRemoteTokenBeforeStarting': 'Dodaj token tunelu managed remote przed uruchomieniem',
   'settings.openchamber.tunnel.toast.checkAvailabilityFailed': 'Nie udało się sprawdzić dostępności tunelu',
   'settings.openchamber.tunnel.toast.connectLinkCopied': 'Link połączenia został skopiowany',
@@ -1090,8 +1122,11 @@ export const settingsDict = {
   'settings.openchamber.visual.option.pwaOrientation.system.description': 'Uwzględniaj ustawienie obrotu urządzenia.',
   'settings.openchamber.visual.option.pwaOrientation.system.label': 'Zgodnie z systemem',
   'settings.openchamber.visual.option.themeMode.dark': 'Ciemny',
+  'settings.openchamber.visual.option.themeMode.dark.description': 'Zawsze używaj ciemnego wyglądu',
   'settings.openchamber.visual.option.themeMode.light': 'Jasny',
+  'settings.openchamber.visual.option.themeMode.light.description': 'Zawsze używaj jasnego wyglądu',
   'settings.openchamber.visual.option.themeMode.system': 'Systemowy',
+  'settings.openchamber.visual.option.themeMode.system.description': 'Zgodnie z ustawieniem systemu',
   'settings.openchamber.visual.option.timeFormat.12h.description': 'Pokazuj czas jako 02:15 PM.',
   'settings.openchamber.visual.option.timeFormat.12h.label': '12-godzinny',
   'settings.openchamber.visual.option.timeFormat.24h.description': 'Pokazuj czas jako 14:15.',
@@ -1111,7 +1146,11 @@ export const settingsDict = {
   'settings.openchamber.visual.section.activityDefaultAria': 'Domyślny tryb aktywności',
   'settings.openchamber.visual.section.chatRenderMode': 'Tryb renderowania czatu',
   'settings.openchamber.visual.section.chatRenderModeAria': 'Tryb renderowania czatu',
+  'settings.openchamber.visual.section.chatDisplay': 'Wyświetlanie',
+  'settings.openchamber.visual.section.chatMessageOptions': 'Opcje wiadomości',
+  'settings.openchamber.visual.section.chatFeatures': 'Funkcje',
   'settings.openchamber.visual.section.colorMode': 'Tryb kolorów',
+  'settings.openchamber.visual.section.colorModeAndTheme': 'Tryb kolorów i motyw',
   'settings.openchamber.visual.section.mobileLayout': 'Układ mobilny',
   'settings.openchamber.visual.option.mobileLayout.default': 'Poprzedni',
   'settings.openchamber.visual.option.mobileLayout.new': 'Nowy',
@@ -1123,13 +1162,15 @@ export const settingsDict = {
   'settings.openchamber.visual.section.messageStreamTransport': 'Transport strumienia wiadomości',
   'settings.openchamber.visual.section.navigation': 'Nawigacja',
   'settings.openchamber.visual.section.privacy': 'Prywatność',
-  'settings.openchamber.visual.section.showToolsOpenedByDefault': 'Pokaż narzędzia domyślnie otwarte:',
+  'settings.openchamber.visual.section.showToolsOpenedByDefault': 'Pokaż narzędzia domyślnie otwarte',
   'settings.openchamber.visual.section.sessionAssistance': 'Wsparcie sesji',
   'settings.openchamber.visual.section.reasoning': 'Rozumowanie',
   'settings.openchamber.visual.section.messageAppearance': 'Wygląd wiadomości',
   'settings.openchamber.visual.section.toolsAndFiles': 'Narzędzia i pliki',
   'settings.openchamber.visual.section.composer': 'Pole wiadomości',
   'settings.openchamber.visual.section.spacingAndLayout': 'Odstępy i układ',
+  'settings.openchamber.visual.section.densityAndType': 'Gęstość i typografia',
+  'settings.openchamber.visual.section.appInstall': 'Instalacja aplikacji',
   'settings.openchamber.visual.section.userMessageRendering': 'Renderowanie wiadomości użytkownika',
   'settings.openchamber.visual.section.userMessageRenderingAria': 'Tryb renderowania wiadomości użytkownika',
   'settings.openchamber.worktrees.list.deleteWorktreeAria': 'Usuń worktree {name}',
@@ -1152,22 +1193,31 @@ export const settingsDict = {
   'settings.openchamber.worktrees.state.selectProject': 'Wybierz projekt, aby zarządzać worktree.',
   'settings.page.agents.title': 'Agenci',
   'settings.page.appearance.title': 'Wygląd',
+  'settings.page.appearance.description': 'Dostosuj wygląd i odczucie OpenChamber.',
   'settings.page.behavior.title': 'Zachowanie',
+  'settings.page.behavior.description': 'Kieruj sposobem, w jaki agent odpowiada.',
   'settings.page.chat.title': 'Czat',
+  'settings.page.chat.description': 'Skonfiguruj sposób wyświetlania wiadomości i narzędzi.',
   'settings.page.commands.title': 'Polecenia',
   'settings.page.git.title': 'Git',
   'settings.page.magicPrompts.title': 'Magiczne Prompty',
   'settings.page.mcp.title': 'MCP',
   'settings.page.plugins.title': 'Plugins',
   'settings.page.notifications.title': 'Powiadomienia',
+  'settings.page.notifications.description': 'Wybierz, kiedy i jak otrzymywać powiadomienia.',
   'settings.page.projects.title': 'Projekty',
   'settings.page.providers.title': 'Dostawcy',
   'settings.page.remoteInstances.title': 'Zdalne instancje',
+  'settings.page.general.title': 'Ogólne',
+  'settings.page.general.description': 'Uruchamianie aplikacji, bezpieczeństwo, połączenie i prywatność.',
   'settings.page.sessions.title': 'Sesje',
+  'settings.page.sessions.description': 'Ustaw wartości domyślne i retencję sesji.',
   'settings.page.shortcuts.title': 'Skróty',
+  'settings.page.shortcuts.description': 'Dostosuj skróty klawiszowe.',
   'settings.page.skills.title': 'Umiejętności',
   'settings.page.skillsCatalog.title': 'Katalog umiejętności',
-  'settings.page.tunnel.title': 'Zdalny Tunel',
+  'settings.page.tunnel.title': 'Tunel zewnętrzny',
+  'settings.page.tunnel.description': 'Udostępnij tę instancję przez zdalny tunel.',
   'settings.page.about.title': 'O aplikacji',
   'settings.page.snippets.title': 'Fragmenty',
   'settings.snippets.sidebar.title': 'Fragmenty',
@@ -1227,6 +1277,7 @@ export const settingsDict = {
   'settings.promptTemplates.page.toast.saveUnexpectedError': 'Wystąpił nieoczekiwany błąd podczas zapisywania',
   'settings.page.usage.title': 'Użycie',
   'settings.page.voice.title': 'Głos',
+  'settings.page.voice.description': 'Skonfiguruj mowę i dyktowanie.',
   'settings.projects.actions.actions.add': 'Dodaj akcję',
   'settings.projects.actions.actions.save': 'Zapisz akcje',
   'settings.projects.actions.description': 'Polecenia dla projektu wyświetlane w nagłówku obok nazwy projektu.',
@@ -1841,6 +1892,10 @@ export const settingsDict = {
   'settings.view.search.aria': 'Szukaj ustawień',
   'settings.view.search.clear': 'Wyczyść wyszukiwanie ustawień',
   'settings.view.search.noResults': 'Brak pasujących ustawień',
+  'settings.view.nav.group.general': 'OpenChamber',
+  'settings.view.nav.group.projects': 'Przestrzeń robocza',
+  'settings.view.nav.group.opencode': 'OpenCode',
+  'settings.view.nav.group.content': 'Biblioteka',
   'settings.view.badge.beta': 'beta',
   'settings.view.home.cards.agents.description': 'Prompty, narzędzia, uprawnienia',
   'settings.view.home.cards.agents.title': 'Agenci',
@@ -1899,6 +1954,7 @@ export const settingsDict = {
   'settings.voice.page.preview.customServerLine': 'Cześć! To jest podgląd własnego serwera TTS.',
   'settings.voice.page.preview.voiceLine': 'Cześć! Jestem {voiceName}. Tak brzmi mój głos.',
   'settings.voice.page.provider.browser': 'Przeglądarka',
+  'settings.voice.page.provider.openai': 'OpenAI',
   'settings.voice.page.provider.custom': 'Własny',
   'settings.voice.page.provider.say': 'Say',
   'settings.voice.page.provider.server': 'Serwer',