anomalyco/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-07-22 10:15:31 -04:00
Code Issues 5.9k Packages Projects Releases 19 Wiki Activity

feat(app): Add Status button popover to session header (per Figma request) #7249

New Issue
Closed
opened 2026-02-16 18:06:34 -05:00 by yindo · 4 comments
yindo commented 2026-02-16 18:06:34 -05:00
Owner
Copy Link
Copy Source

Originally created by @kearns-cu on GitHub (Jan 22, 2026).

Originally assigned to: @adamdotdevin on GitHub.

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

Figma 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.tsx
  • packages/app/src/i18n/*.ts (all locale files)
Originally created by @kearns-cu on GitHub (Jan 22, 2026). Originally assigned to: @adamdotdevin on GitHub. ## 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 [Figma Design](https://www.figma.com/design/nm7fT1he2hcniHIipY1iEk/opencode-open-source?node-id=62-15981&t=eRaHUat9zChEiiRr-0) ## 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.tsx` - `packages/app/src/i18n/*.ts` (all locale files)
yindo added the web label 2026-02-16 18:06:34 -05:00
yindo closed this issue 2026-02-16 18:06:34 -05:00
yindo commented 2026-02-16 18:06:34 -05:00
Author
Owner
Copy Link
Copy Source

@kearns-cu commented on GitHub (Jan 22, 2026):

Working on this

@kearns-cu commented on GitHub (Jan 22, 2026): Working on this
yindo commented 2026-02-16 18:06:35 -05:00
Author
Owner
Copy Link
Copy Source

@github-actions[bot] commented on GitHub (Jan 22, 2026):

This issue might be a duplicate of existing issues. Please check:

  • #8801: [FEATURE]: add version to session header and /status in TUI

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.

@github-actions[bot] commented on GitHub (Jan 22, 2026): This issue might be a duplicate of existing issues. Please check: - #8801: [FEATURE]: add version to session header and /status in TUI 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.
yindo commented 2026-02-16 18:06:35 -05:00
Author
Owner
Copy Link
Copy Source

@kearns-cu commented on GitHub (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.

@kearns-cu commented on GitHub (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.
yindo commented 2026-02-16 18:06:35 -05:00
Author
Owner
Copy Link
Copy Source

@NourEldin-Osama commented on GitHub (Jan 23, 2026):

+1

@NourEldin-Osama commented on GitHub (Jan 23, 2026): +1
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
acp
bad
bug
discussion
docs
documentation
enhancement
extension
good first issue
growth
help-wanted
mcp
model-problem
needs:compliance
nix
opentui
perf
pull-request
Mirrored from GitHub Pull Request
 tui
web
windows
zen
No Label web
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#7249
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?