[tui] Implement HeaderBar with breadcrumb trail, repo context, and status badges #43
Description
Implement HeaderBar with breadcrumb trail, repo context, and status badges
Type: feature
Domain: Codeplane TUI
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.
Dependencies: tui-navigation-provider, tui-theme-and-color-tokens, tui-bootstrap-and-renderer
Auto-generated by smithers workflow