Skip to content

Settings: single searchable nav replaces tabs + rail - #68

Merged
Ed-Barnes937 merged 2 commits into
mainfrom
settings-single-nav
Jul 21, 2026
Merged

Settings: single searchable nav replaces tabs + rail#68
Ed-Barnes937 merged 2 commits into
mainfrom
settings-single-nav

Conversation

@Ed-Barnes937

Copy link
Copy Markdown
Collaborator

Second Refined-redesign deferred item (mockup §06 — "collapses tabs + rail into one searchable nav with iconography; fields get 12px rhythm").

What changed

  • One nav — the CC-GUI / claude-commander tab strip is removed. All categories sit in a single rail: the config categories plus the GUI-only theme category, renamed Appearance and placed after General (its note still explains it's localStorage-only).
  • Search — a search box above the list filters categories by label or by any field label/description (so "branch prefix" finds General). Filtering to a category activates it; clearing restores the full list.
  • Iconography + rhythm — each nav entry gets a glyph icon, the panel gets an uppercase category heading, and field rows move from 9px to the mockup's 12px vertical rhythm.

Save/Cancel semantics are untouched: config categories round-trip save_config, Appearance applies live and never saves.

Tests

  • SettingsModalPageObject: selectTab removed; search(), navLabels(), panelHeading() added.
  • settings.iwft.ts: tab test replaced with the Appearance-category equivalent; 3 new search scenarios (filter by category, filter by field label, clear restores).
  • npm run typecheck clean · vitest 62/62 · iwft 107/107.

🤖 Generated with Claude Code

Ed-Barnes937 and others added 2 commits July 21, 2026 12:03
Refined mockup §06 (deferred from the #59-#66 stack): the CC-GUI /
claude-commander tab strip is gone. A single nav lists every category —
config ones plus the GUI-only theming, renamed Appearance and placed after
General — under a Settings title and a search box that filters categories
by their label or any field label/description. The panel gains an uppercase
category heading, and field rows get the mockup's roomier 12px rhythm.

The Appearance category keeps its live-apply localStorage behavior and its
note; save_config round-tripping is untouched.

SettingsModalPageObject loses selectTab and gains search()/navLabels()/
panelHeading(); settings.iwft.ts swaps the tab test for an Appearance-
category one and adds three search scenarios.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Review finding: with no matching categories the nav showed "No matches"
while the previously-active category kept rendering in the panel. The
panel now empties with the nav; new scenario asserts both.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@Ed-Barnes937
Ed-Barnes937 merged commit dfd0c8c into main Jul 21, 2026
4 checks passed
@Ed-Barnes937 Ed-Barnes937 mentioned this pull request Jul 22, 2026
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