Repository navigation
feat(app): Add Status button popover to session header (per Figma request) #10111
Description
Summary
Add a Status button to the session header that displays a popover with system status information across four tabs:
- Servers - Shows connected servers with health status, version, and default indicator
- MCP - Shows MCP servers with connection status and toggle switches
- LSP - Shows active LSP servers
- Plugins - Shows configured plugins
Design
Implementation Details
- Status button placed in titlebar between terminal toggle and Share button
- Aggregate health indicator (green/red/gray dot) based on server connectivity
- Tabs show counts with proper singular/plural handling
- "Manage servers" button opens the existing server management dialog
- Responsive card sizing that fits content
- Full i18n support across all 11 locales
Files
packages/app/src/components/status-popover.tsx(new)packages/app/src/components/session/session-header.tsxpackages/app/src/i18n/*.ts(all locale files)
Activity
kearns-cu commentedon Jan 22, 2026
Working on this
feat(app): add Status button popover to session header
github-actions commentedon Jan 22, 2026
This issue might be a duplicate of existing issues. Please check:
Both issues propose adding status information to the session header area. While #8801 focuses on the TUI (terminal) with version information, and this issue focuses on the web app with a more comprehensive status button popover, they share the same core goal of displaying system/status information in the header area.
Feel free to ignore if this doesn't address your specific case.
kearns-cu commentedon Jan 22, 2026
This is specifically for the desktop/webapp UI, not the TUI. The linked issue #8801 is for the terminal interface, so they're targeting different surfaces. Not a duplicate.
NourEldin-Osama commentedon Jan 23, 2026
+1