[tui] Implement HeaderBar with breadcrumb trail, repo context, and status badges#205
Open
roninjin10 wants to merge 20 commits intotui-impl/tui-bootstrap-and-rendererfrom
Open
[tui] Implement HeaderBar with breadcrumb trail, repo context, and status badges#205roninjin10 wants to merge 20 commits intotui-impl/tui-bootstrap-and-rendererfrom
roninjin10 wants to merge 20 commits intotui-impl/tui-bootstrap-and-rendererfrom
Conversation
…omplete theme system with color depth detection and semantic tokens
…ary with recovery UI, stack trace, and crash loop detection
…olution, validation gate, loading/error screens, AuthProvider
…er, skeleton rendering, pagination indicator, action loading, optimistic UI
…pes, and screen registry
…oint, useResponsiveValue, useLayout
…exclusion of modals
… GitHub integration
…h stack-based screen routing and context
…, repo context, and status badges
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.
Implement HeaderBar with breadcrumb trail, repo context, and status badges
Implement the header bar per TUI_HEADER_BAR.md. (1) components/HeaderBar.tsx: single-row fixed-height component with three sections in a flexbox row. (2) Left section — breadcrumb trail: renders navigation stack as 'Screen > Screen > Screen' with ' > ' separators (muted color), current screen in primary/bold, previous screens in muted, truncates from left when width exceeds 40% of terminal width (shows '… > Parent > Current'). (3) Center section — repository context: shows 'owner/repo' when a repo-context screen is active, 'owner/repo#number' for issue/landing detail, omitted when no repo context, muted color. (4) Right section — connection status indicator (● green connected, ● yellow syncing, ● red disconnected) and notification badge (unread count in parentheses, primary color when >0, muted when 0, hidden when 0 at minimum breakpoint). (5) Responsive: at minimum breakpoint, center section hidden, breadcrumb allows 60% width. (6) Border: bottom single-line border in border color token.
Closes #43
Auto-generated by smithers workflow
Domain: Codeplane TUI
Ticket:
tui-header-bar