[allisson]

First D254 task of the roadmap: the notices and the header's lock state. Presentation only: every text stays, nothing becomes dismissible that was not.

• Preview (D177): the full-width banner becomes a "Preview" badge beside the app's name, in the warning color. It opens the same text in a popover, which Escape or a click outside closes.
• Storage warning (D196): one line under the header with its icon. "Details" shows the whole text and "Less" folds it again. It still cannot be dismissed.
• Backup reminder (D188): moves from the frame to the top of the item list, under the search. "Make a backup" and Dismiss work as before; Dismiss becomes an icon button named "Dismiss".
• Lock state (§13.2): a neutral badge with an open or closed padlock, still always visible in the vault. Lock is a secondary button on tablet and desktop.
• Start screens: the app's name shows once, and there is no lock badge before a vault exists.
• Phone header: tighter spacing so it stays on one line. A drill-down shows only Back and the lock state.

The e2e specs follow the change: the Preview badge opens its text, the storage warning's one button is Details, and the first screen and a just-erased vault have no lock badge. The refounding spec now looks for the reminder at the top of the list.

Checks: pnpm run ci passes. Playwright on Chromium passes for smoke, vault, erase, storage-state, backup-reminder, onboarding, layout (44 px targets), refounding, feedback, axe, navigation and keyboard: 53 tests.

🤖 Generated with Claude Code