Skip to content

docs: layout and presentation after the v0.7.1 screens, with its prototype (D254) - #185

Merged
allisson merged 1 commit into
mainfrom
docs/d254-layout-presentation
Nov 12, 2026
Merged

allisson merged 1 commit into
mainfrom
docs/d254-layout-presentation

Conversation

@allisson

Copy link
Copy Markdown
Owner

Records D254, a Phase 7b area (D244), after the v0.7.1 hands-on test: every v0.7.1 screen was captured at the three widths in both themes, and an HTML prototype was approved part by part before any code. Presentation only: no step, check, warning, confirmation or security rule is removed, and every warning keeps its text.

What D254 decides

  • Notices: the preview banner becomes a "Preview" badge in the header; the storage warning (D196) stays below the header, not dismissible, on one line with "Details"; the backup reminder (D188) moves to the top of the item list.
  • Header: the lock state stays visible (section 13.2) as a neutral badge with a padlock, no longer amber; Lock becomes a secondary button; the start screens show the app's name once.
  • Lists: folders (on a phone) and types (everywhere) become pills that open a bottom sheet or a popover; the toast sits above the phone's bottom navigation.
  • Item detail and editor: a header bar with Edit and "…", divided field rows, icon buttons on non-secret fields (a secret's Show and Copy keep their text, section 13.7), Cancel and Save in a fixed bar, the generator in a dialog or bottom sheet.
  • Show password: a Show/Hide toggle on every local password, export password and import passphrase field, masked again on submit, on a screen change and on lock.
  • Settings: inside the vault frame on tablet and desktop; Devices offers Pair and Re-admit as two cards.
  • Wizards: on a screen of their own, with "Next:", Cancel in the header on a phone, the main action fixed at the bottom on a phone, and a file drop area with Continue.
  • Type and spacing within D231; no token value changes.

Files

  • docs/overview.md: D254; "Amended by D254" on D177, D188, D196, D245, D247, D252 and D253; sections 13.6 and 13.7.
  • docs/prototypes/phase-7b-layout.html: the approved prototype, four parts in tabs, the "after" only (v0.7.1 is the "before", recapturable from its tag).
  • docs/roadmap.md: the capture and prototype task ticked, seven implementation tasks, Release v0.7.2, and the Essential UX Gate's hands-on test moved to v0.7.2.

pnpm format:check green. No code changes.

🤖 Generated with Claude Code

…otype (D254)

Records D254 after a capture of every v0.7.1 screen at the three widths in
both themes and an HTML prototype approved part by part: the preview badge,
the storage warning on one line, the backup reminder at the top of the list,
a neutral lock badge, pills for folders and types, the detail's header bar,
the editor's fixed bar and the generator in a dialog or bottom sheet, Show
and Hide on every password field, Settings inside the vault frame, wizards
on a screen of their own, and the type scale within D231. Presentation only:
no step, check, warning or security rule is removed.

Adds the prototype as docs/prototypes/phase-7b-layout.html, the Phase 7b
tasks, and moves the Essential UX Gate's hands-on test to v0.7.2.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@allisson
allisson merged commit 4aba5d0 into main Nov 12, 2026
7 checks passed
@allisson
allisson deleted the docs/d254-layout-presentation branch November 12, 2026 21:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant