* feat(settings): Fönster redesign - flat rows, help behind ?, dirty save bar
Founder-approved concept (2026-07-25) applied to the whole settings
surface, modal and full-page variants alike:
- New primitives in components/settings/SettingsRows.tsx: section header
(serif title + one-line intro), eyebrow groups, hairline label/control
rows, flat inputs/selects/textareas, segmented control, animated
reveal for gated settings, danger zone.
- Every static explanation paragraph moved behind a "?" popover
(HelpPopover) at row or group level; dynamic status stays visible.
- Modal chrome: company kicker over serif title, fixed 920x680 window.
- SettingsFormWrapper: save is a sticky bar that appears only when the
form is dirty; collapses to zero height when clean.
- All 11 sections converted (Konto, Abonnemang, Företag, Bokföring,
Skatt, Löner, Fakturering, Mallar, Bank incl. Enable Banking-panel,
Assistenten, API) with handlers, validation, role/entitlement/sandbox
gates and i18n keys preserved; checkboxes became switches, cards
dissolved into groups.
- Fix: Escape with an open help popover closed the whole settings
modal; it now closes the popover first.
- New i18n keys: settings_intro.*, group labels, wrapper_unsaved
(sv+en).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
* fix(settings): founder feedback round 1 on the Fönster redesign
- Abonnemang paying state: status and manage split into two rows so the
row no longer wraps awkwardly; the included-features list now shows
for paying companies too.
- Logos where the counterpart has one: BankID mark on the security row
and on the Koppla BankID button, Skatteverket mark on the connection
rows.
- Buttons are unmistakably buttons: 27 text-labeled row actions went
from ghost to outline pills; icon-only actions stay quiet.
- The agent-knowledge view (Regler & profil: Dina regler, Momsprofil,
Konventioner) converted to the flat row language; it was the last
old-style surface inside settings. Descriptions moved behind "?",
rules render as hairline rows, the per-row "Regel" chip demoted to
muted text.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
* fix(settings): address review-bot findings on the Fönster redesign
- SettingsFormWrapper marks the form dirty on switch clicks too: Radix
Switch is a button and fires no input event, so switch-only changes
(f-skatt, KU, ROT/RUT, OSS...) never revealed the save bar.
- i18n: the migrated hardcoded strings got keys in both locales
(fiscal-period start date/range/months, security set-password trio);
dates in ApiKeysPanel/OAuthClientsPanel/CalendarFeedSettings now pass
the active locale to formatDateLong.
- A11y: member remove/revoke buttons and the invite role select got
correct accessible names; BankNameCombobox accepts aria-label wired
from its row; the pinned-fact icon exposes role img.
- BankIdSettings: explicit Avbryt under the QR block so a cancelled
BankID flow cannot strand isLinking.
- VoucherSeriesManager: clear the skeleton when no company is resolved.
Verified end to end in sandbox: switch-only dirty bar, PUT /api/settings
200 for text and switch saves, persistence across hard reload.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---------
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
Jakob Wennberg
6d9846b1e7