Skip to content

feat(settings): add reusable mobile-first settings UI kit#465

Merged
KucharczykL merged 28 commits into
mainfrom
codex/384-settings-ui-kit
Jul 21, 2026
Merged

feat(settings): add reusable mobile-first settings UI kit#465
KucharczykL merged 28 commits into
mainfrom
codex/384-settings-ui-kit

Conversation

@KucharczykL

Copy link
Copy Markdown
Owner

Summary

  • add the reusable settings scaffold, grouped Django form fields, supported one/two/three-column layouts, live-save behavior, masked secrets, source/lock metadata, and shared tooltip definition lists
  • add the authenticated DEBUG-only settings UI kit preview and codify its visual/component contracts for future settings pages
  • replace the ambiguous mobile priority-plus menu with a self-explanatory native-dialog bottom sheet while preserving the same section-link DOM in the desktop sticky rail
  • add reusable bottom-sheet controller/surface behavior with focus containment, safe backdrop dismissal, exact scroll restoration, responsive cleanup, and no-JavaScript navigation fallback
  • strengthen neutral badge visibility and enforce a cross-tone contract so tone definitions can change palette only, not border, spacing, typography, or shape

Verification

  • DEBUG=true make check
  • Ruff and formatting: passed
  • mypy: 201 source files passed
  • Vitest: 573 passed
  • pytest and Playwright: 1,919 passed
  • generated element types and icons: current

Notes

  • the complete section-link list is moved, never cloned, between the mobile sheet and desktop rail
  • settings navigation retains ordinary nav/list/link semantics and does not inherit ARIA-menu roles or roving tabindex
  • unlocked source badges remain subject to the documented final epic deletion gate if no concrete shipped use case survives

Closes #384

@github-actions

Copy link
Copy Markdown

@KucharczykL
KucharczykL merged commit 58a8c08 into main Jul 21, 2026
5 checks passed
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.

Settings epic — Stage 3: settings UI kit (mobile-first, enhance existing)

1 participant