Skip to content

Palette: richer session rows + tinted command icons#69

Merged
Ed-Barnes937 merged 1 commit into
mainfrom
palette-rich-rows
Jul 21, 2026
Merged

Palette: richer session rows + tinted command icons#69
Ed-Barnes937 merged 1 commit into
mainfrom
palette-rich-rows

Conversation

@Ed-Barnes937

Copy link
Copy Markdown
Collaborator

Third Refined-redesign deferred item (mockup §06 — "project-color squares + labeled state pills, tinted action icons, and clear group headers make the two result types instantly distinct").

What changed

  • Session rows — the bare liveness dot becomes the project-identity colour square (same hashed proj-N class as sidebar/board), and the plain state text becomes a labeled pill using the shared status-chip markup — identical word and tone to the sidebar row and board card (new stateChipInfo export from status.ts).
  • Command rows — each command declares a glyph + tone rendered as a tinted rounded square (+ green for Add project, ⌦ red for Delete merged-PR sessions, ↻/◈/▤ blue, ⚙/◐ dim); entries without a tone keep the bare ⌥.
  • Contract kept — the label is still every row's first <span>; squares/icons are <i> elements. .palette-state CSS was trimmed to positioning-only so it can't override chip tones. humanState() lost its last caller and is removed.

Tests

  • PalettePageObject gains projSquare / statePill / commandIcon; 2 new palette scenarios (session square + Idle/cyan pill + first-span contract; tinted command icons).
  • npm run typecheck clean · vitest 62/62 · iwft 106/106.

🤖 Generated with Claude Code

Refined mockup §06 (deferred from the #59-#66 stack). Session rows in the
⌘K palette swap the bare liveness dot for the project-identity colour
square (the same hashed proj-N class as the sidebar and board) and a
labeled state pill in the shared status-chip vocabulary — same word and
tone as everywhere else, via a new stateChipInfo export from status.ts.
Command rows get per-action glyphs in tinted rounded squares (green +,
red ⌦, blue ↻/◈/▤, dim ⚙/◐) instead of the uniform ⌥.

The row label remains the row's first <span> (page-object contract); the
squares and icons stay non-<span> elements. humanState() lost its last
caller with the pill change and is removed.

PalettePageObject gains projSquare/statePill/commandIcon; palette.iwft.ts
adds two scenarios covering both row types.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@Ed-Barnes937
Ed-Barnes937 merged commit 07292e8 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