Repository navigation
feat(tabs): many tabs in the top bar: icons first, then a +N list (0.53.0) - #229
Merged
Merged
Conversation
…53.0, closes #146) Owner, 2026-10-15: "lets tackle when theres very many tabs"; of the four mockups (scroll with arrows, a list, icons then a list, extra rows) the owner picked "C: icons, then list". - lib/stripPlan.ts: planStrip, pure and tested. Every tab named down to the 84 px floor; then tabs at rest become their icon (40 px) while the tab in front and the tabs that need you (Finished, Question, Failed) keep their names; then those become icons too, newest first; then tabs wait in a +N list, resting ones first. The tab in front is never an icon or hidden. - TabStrip measures its room (ResizeObserver) and draws full, icon or nothing per the plan; the strip no longer scrolls. An icon tab keeps its name as tooltip and accessible name, its ring on the icon's corner. - The +N button: the count, a dot in its mark colour for each hidden tab that needs you, and TabOverflowList: Find field focused, Needs you first, a pick brings the tab in front, a right click opens its menu. - Ctrl+Shift+K (Find a tab) now works in the top-bar layout too: the list with every tab in it. - e2e manyTabs (16 tabs in a 700 px window) and the spec in docs/superpowers/specs/2026-10-15-many-tabs-design.md. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017XYVRPzvhLpPCr75uB6uaA
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #146. Owner, 2026-10-15: "lets tackle when theres very many tabs". Mockup round the same day (scroll with arrows, a list, icons then a list, extra rows); the owner picked C: icons first, then a list, then approved the spec and plan.
What the top bar does now (spec:
docs/superpowers/specs/2026-10-15-many-tabs-design.md)Code:
lib/stripPlan.ts(pure, 7 tests),TabStrip.tsx(ResizeObserver, icon variant, +N),TabOverflowList.tsx, the keymap (find-tab in both layouts). App shell only; the core and Prism are untouched.Tests: unit 2148 pass. New e2e
manyTabs(16 tabs in a 700 px window): 13/13. Full e2e: every scenario passed; the run's real-clipboard guard saw 96 changes made outside the run (the tests use the in-memory clipboard). Screenshots:.e2e-shots/strip-many.png,strip-many-list.png.App 0.52.3 -> 0.53.0. Installed for the owner to try.
🤖 Generated with Claude Code
https://claude.ai/code/session_017XYVRPzvhLpPCr75uB6uaA