[FEATURE]: Compact sidebar MCP rows without status text #53321

Activity

1. github-actions

   assigned

   simonklee

   on Oct 5, 2026
2. Nowaker

   added 2 commits that reference this issue on Oct 5, 2026

   docs(forklog): record compact sidebar MCP rows

   ...

   2f0bb15

   docs(forklog): record compact sidebar MCP rows

   ...

   ef617da
3. opencodejr commented on Oct 27, 2026

   

   opencodejrBot

   on Oct 27, 2026

   More actions

   Thanks for the detailed proposal! You're asking for an option to show sidebar MCP rows as just the colored dot and the server name, without the status text, so long lists take less space. Maintainers will consider it.

   One note: your example (Needs auth, the full error wrapping over several lines, tui.json) looks like v1 output. In v2 the sidebar already uses short, single-line labels (Connected, Error, Sign in, Disabled) and doesn't show the failure reason. The labels are still there, though, so your request still applies.

   Related:

   • feat(tui): add session.mcp_list to draw compact sidebar MCP rows #54965 / feat(tui): compact sidebar MCP rows without status text #53322: your PRs adding this option
   • [FEATURE]: Per-status MCP counts in the sidebar heading #53260: per-status MCP counts in the sidebar heading
   • [FEATURE]: Remember, hide and reorder TUI sidebar sections #51535: remember, hide and reorder sidebar sections
   • [FEATURE]: Compact one-line display for the sidebar Context block #53200: compact one-line Context block

   In the meantime, you can get this in v2 now with a small local TUI plugin that replaces the built-in MCP section. It type-checks against the current plugin API, but I haven't run it in a live TUI.

   1. Save this as ~/.config/opencode/plugins/mcp-compact/tui.tsx (plugins in that folder are discovered automatically):

   import { Plugin } from "@opencode/plugin/tui"
   import { createMemo, For, Show } from "solid-js"
   
   export default Plugin.define({
     id: "local.sidebar.mcp-compact",
     setup(context) {
       const theme = context.theme
       const color = (status: string) => {
         if (status === "connected") return theme.text.feedback.success.base
         if (status === "failed") return theme.text.feedback.error.base
         if (status === "needs_auth") return theme.text.feedback.warning.base
         return theme.text.muted
       }
       context.ui.slot({
         append: "sidebar.content",
         render: (props) => {
           const session = createMemo(() => context.data.session.get(props.sessionID))
           const list = createMemo(() => context.data.location.mcp.server.list(session()?.location) ?? [])
           return (
             <Show when={list().length > 0}>
               <box>
                 <text fg={theme.text.base}>
                   <b>MCP</b>
                 </text>
                 <For each={list()}>
                   {(item) => (
                     <box flexDirection="row" gap={1} minWidth={0}>
                       <text flexShrink={0} fg={color(item.status.status)}>
                         •
                       </text>
                       <text fg={theme.text.base} wrapMode="none" truncate flexGrow={1} flexShrink={1} minWidth={0}>
                         {item.name}
                       </text>
                     </box>
                   )}
                 </For>
               </box>
             </Show>
           )
         },
       })
     },
   })

   2. Turn off the built-in MCP section in ~/.config/opencode/cli.json:

   {
     "plugins": ["-opencode.sidebar.mcp"]
   }

   The sidebar will then show a plain MCP heading with dot + name rows. /status and /mcps still show each server's full status and errors. This simplified version doesn't keep the built-in collapse toggle or open the MCP dialog when you click a row; you can add both with context.storage and context.ui.dialog if you want them.