@pellux/goodvibes-tui 0.19.98 → 0.19.99

package/src/panels/index.ts

@@ -35,7 +35,6 @@ export { CockpitPanel } from './cockpit-panel.ts';
 export { RemotePanel } from './remote-panel.ts';
 export { ServicesPanel } from './services-panel.ts';
 export { SubscriptionPanel } from './subscription-panel.ts';
-export { McpPanel } from './mcp-panel.ts';
 export { HooksPanel } from './hooks-panel.ts';
 export { SecurityPanel } from './security-panel.ts';
 export { MarketplacePanel } from './marketplace-panel.ts';

package/src/renderer/conversation-overlays.ts

@@ -13,6 +13,7 @@ import { renderAgentDetailModal } from './agent-detail-modal.ts';
 import { renderLiveTailModal } from './live-tail-modal.ts';
 import { renderContextInspector } from './context-inspector.ts';
 import { renderSettingsModal } from './settings-modal.ts';
+import { renderMcpWorkspace } from './mcp-workspace.ts';
 import { renderSessionPickerModal } from './session-picker-modal.ts';
 import { renderProfilePickerModal } from './profile-picker-modal.ts';
 import { renderBookmarkModal } from './bookmark-modal.ts';
@@ -92,6 +93,11 @@ export function applyConversationOverlays(
     next = replaceViewportWithOverlay(lines, conversationWidth, viewportHeight);
   }
 
+  if (input.mcpWorkspace.active) {
+    const lines = renderMcpWorkspace(input.mcpWorkspace, conversationWidth, viewportHeight);
+    next = replaceViewportWithOverlay(lines, conversationWidth, viewportHeight);
+  }
+
   if (input.sessionPickerModal.active) {
     const lines = renderSessionPickerModal(input.sessionPickerModal, conversationWidth, viewportHeight);
     next = overlayViewportBottom(next, lines, conversationWidth, viewportHeight, bottomDockInset);

package/src/renderer/mcp-workspace.ts

@@ -0,0 +1,297 @@
+import type { Line } from '../types/grid.ts';
+import { createEmptyLine, createStyledCell } from '../types/grid.ts';
+import type { McpWorkspace, McpWorkspaceRow } from '../input/mcp-workspace.ts';
+import { getDisplayWidth, wrapText } from '../utils/terminal-width.ts';
+
+const C = {
+  border: '#64748b',
+  title: '#67e8f9',
+  section: '#93c5fd',
+  text: '#e2e8f0',
+  muted: '#94a3b8',
+  dim: '#64748b',
+  selectedBg: '#223049',
+  panelBg: '#101720',
+  detailBg: '#111827',
+  good: '#22c55e',
+  warn: '#f59e0b',
+  bad: '#ef4444',
+  info: '#38bdf8',
+};
+
+type Style = Partial<Omit<Line[number], 'char'>>;
+
+function line(width: number, bg?: string): Line {
+  const out = createEmptyLine(width);
+  if (bg) {
+    for (let i = 0; i < out.length; i += 1) out[i] = createStyledCell(' ', { bg });
+  }
+  return out;
+}
+
+function write(out: Line, x: number, maxWidth: number, text: string, style: Style = {}): void {
+  let col = x;
+  let used = 0;
+  for (const ch of text) {
+    const w = getDisplayWidth(ch);
+    if (w <= 0) continue;
+    if (used + w > maxWidth || col >= out.length) break;
+    out[col] = createStyledCell(ch, style);
+    if (w > 1 && col + 1 < out.length) out[col + 1] = createStyledCell(' ', style);
+    col += w;
+    used += w;
+  }
+}
+
+function hline(width: number, left: string, fill: string, right: string): Line {
+  const out = line(width);
+  if (width <= 0) return out;
+  out[0] = createStyledCell(left, { fg: C.border });
+  for (let i = 1; i < width - 1; i += 1) out[i] = createStyledCell(fill, { fg: C.border });
+  if (width > 1) out[width - 1] = createStyledCell(right, { fg: C.border });
+  return out;
+}
+
+function content(width: number, bg = C.panelBg): Line {
+  const out = line(width, bg);
+  if (width > 0) out[0] = createStyledCell('|', { fg: C.border, bg });
+  if (width > 1) out[width - 1] = createStyledCell('|', { fg: C.border, bg });
+  return out;
+}
+
+function putVertical(out: Line, x: number, bg = C.panelBg): void {
+  if (x <= 0 || x >= out.length - 1) return;
+  out[x] = createStyledCell('|', { fg: C.border, bg });
+}
+
+function statusColor(text: string): string {
+  if (text.includes('failed') || text.includes('Save failed') || text.includes('Remove failed')) return C.bad;
+  if (text.includes('attention') || text.includes('quarantine')) return C.warn;
+  return C.muted;
+}
+
+function connectedColor(connected: boolean): string {
+  return connected ? C.good : C.warn;
+}
+
+function rowLabel(row: McpWorkspaceRow): string {
+  if (row.type === 'server') return `${row.server.connected ? '[on] ' : '[off]'} ${row.server.name}`;
+  return `+ ${row.label}`;
+}
+
+function rowDetail(row: McpWorkspaceRow): string {
+  if (row.type === 'server') {
+    const server = row.server;
+    return `${server.role} / ${server.trustMode} / ${server.freshness} / ${server.source}`;
+  }
+  return row.detail;
+}
+
+function renderHeader(width: number, workspace: McpWorkspace): Line[] {
+  const top = hline(width, '+', '-', '+');
+  write(top, 2, Math.max(0, width - 4), ' MCP Workspace / Servers ', { fg: C.title, bold: true });
+  const state = workspace.mode === 'browse' ? 'Browser' : workspace.mode === 'form' ? 'Edit Server' : 'Confirm Remove';
+  write(top, Math.max(2, width - state.length - 4), state.length, state, { fg: C.section });
+  return [top];
+}
+
+function renderLeftRail(workspace: McpWorkspace, width: number, height: number): Line[] {
+  const rows = workspace.rows;
+  const out: Line[] = [];
+  const selected = workspace.selectedIndex;
+  const visible = Math.max(1, height - 2);
+  const start = rows.length <= visible ? 0 : Math.max(0, Math.min(selected - Math.floor(visible / 2), rows.length - visible));
+  const end = Math.min(rows.length, start + visible);
+  const title = line(width, C.detailBg);
+  write(title, 1, width - 2, 'Servers and actions', { fg: C.section, bold: true, bg: C.detailBg });
+  out.push(title);
+  if (start > 0) {
+    const above = line(width, C.panelBg);
+    write(above, 1, width - 2, `^ ${start} item(s) above`, { fg: C.dim, bg: C.panelBg });
+    out.push(above);
+  }
+  for (let index = start; index < end && out.length < height; index += 1) {
+    const row = rows[index]!;
+    const selectedRow = index === selected && workspace.mode === 'browse';
+    const bg = selectedRow ? C.selectedBg : C.panelBg;
+    const item = line(width, bg);
+    write(item, 1, 2, selectedRow ? '>' : ' ', { fg: C.text, bg, bold: selectedRow });
+    write(item, 3, width - 4, rowLabel(row), {
+      fg: row.type === 'server' ? connectedColor(row.server.connected) : C.info,
+      bg,
+      bold: selectedRow || row.type === 'action',
+    });
+    out.push(item);
+    if (row.type === 'server' && out.length < height) {
+      const detail = line(width, bg);
+      write(detail, 5, width - 6, rowDetail(row), { fg: C.muted, bg });
+      out.push(detail);
+    }
+  }
+  if (end < rows.length && out.length < height) {
+    const below = line(width, C.panelBg);
+    write(below, 1, width - 2, `v ${rows.length - end} item(s) below`, { fg: C.dim, bg: C.panelBg });
+    out.push(below);
+  }
+  while (out.length < height) out.push(line(width, C.panelBg));
+  return out.slice(0, height);
+}
+
+function selectedDetailLines(workspace: McpWorkspace, width: number): string[] {
+  if (workspace.mode === 'form') {
+    const field = workspace.formFields[workspace.formIndex];
+    return [
+      workspace.editingServerName ? `Editing server: ${workspace.editingServerName}` : 'Adding an MCP server',
+      'This writes the selected project/global MCP config and reloads the runtime. External Claude/Desktop config files remain untouched.',
+      field ? `${field.label}: ${field.help}` : '',
+      'Use Up/Down to choose fields. Type to edit text fields. Left/Right cycles role and trust mode. Enter saves only on Save and reload.',
+    ];
+  }
+  if (workspace.mode === 'delete-confirm') {
+    return [
+      `Remove configured server: ${workspace.editingServerName ?? '(unknown)'}`,
+      'This removes the selected writable project/global config entry and reloads MCP runtime state.',
+      'Press y to remove, n or Esc to cancel.',
+    ];
+  }
+  const selected = workspace.selectedRow;
+  if (!selected) return ['No MCP rows available.'];
+  if (selected.type === 'action') {
+    return [selected.label, selected.detail];
+  }
+  const server = selected.server;
+  return [
+    server.name,
+    `Connected: ${server.connected ? 'yes' : 'no'}    Source: ${server.source}    Schema: ${server.freshness}`,
+    `Role: ${server.role}    Trust: ${server.trustMode}`,
+    `Command: ${server.command ? `${server.command}${server.args?.length ? ` ${server.args.join(' ')}` : ''}` : '(runtime only; no launch config found)'}`,
+    `Allowed paths: ${server.allowedPaths.length > 0 ? server.allowedPaths.join(', ') : '(none)'}`,
+    `Allowed hosts: ${server.allowedHosts.length > 0 ? server.allowedHosts.join(', ') : '(none)'}`,
+    ...(server.quarantineReason ? [`Quarantine: ${server.quarantineReason}${server.quarantineDetail ? ` - ${server.quarantineDetail}` : ''}`] : []),
+  ];
+}
+
+function renderDetails(workspace: McpWorkspace, width: number, height: number): Line[] {
+  const out: Line[] = [];
+  const header = line(width, C.detailBg);
+  write(header, 1, width - 2, workspace.mode === 'browse' ? 'Selected MCP server' : 'MCP server form', {
+    fg: C.section,
+    bold: true,
+    bg: C.detailBg,
+  });
+  out.push(header);
+  const wrapped = selectedDetailLines(workspace, width - 4).flatMap((entry) => wrapText(entry, Math.max(1, width - 4)));
+  for (const text of wrapped) {
+    const next = line(width, C.detailBg);
+    write(next, 1, width - 2, text, { fg: C.text, bg: C.detailBg });
+    out.push(next);
+    if (out.length >= height) break;
+  }
+  while (out.length < height) out.push(line(width, C.detailBg));
+  return out.slice(0, height);
+}
+
+function renderForm(workspace: McpWorkspace, width: number, height: number): Line[] {
+  const out: Line[] = [];
+  const fields = workspace.formFields;
+  const labelWidth = Math.min(22, Math.max(14, Math.floor(width * 0.24)));
+  const visible = Math.max(1, height - 1);
+  const start = fields.length <= visible ? 0 : Math.max(0, Math.min(workspace.formIndex - Math.floor(visible / 2), fields.length - visible));
+  for (let index = start; index < fields.length && out.length < height; index += 1) {
+    const field = fields[index]!;
+    const selected = index === workspace.formIndex;
+    const bg = selected ? C.selectedBg : C.panelBg;
+    const row = line(width, bg);
+    write(row, 1, 2, selected ? '>' : ' ', { fg: C.text, bg, bold: selected });
+    write(row, 3, labelWidth, field.label, { fg: field.id === 'save' ? C.good : field.id === 'cancel' ? C.warn : C.muted, bg, bold: selected });
+    if (field.id === 'save' || field.id === 'cancel') {
+      write(row, labelWidth + 5, width - labelWidth - 6, field.help, { fg: C.muted, bg });
+    } else {
+      const display = field.value.length > 0 ? field.value : '(empty)';
+      write(row, labelWidth + 5, width - labelWidth - 6, display, { fg: field.editable ? C.text : C.info, bg, bold: selected });
+    }
+    out.push(row);
+  }
+  while (out.length < height) out.push(line(width, C.panelBg));
+  return out.slice(0, height);
+}
+
+function renderTools(workspace: McpWorkspace, width: number, height: number): Line[] {
+  const out: Line[] = [];
+  const server = workspace.selectedServer?.name;
+  const tools = server ? workspace.tools.filter((tool) => tool.serverName === server) : workspace.tools;
+  const header = line(width, C.panelBg);
+  const label = workspace.loadingTools
+    ? 'Tools: loading...'
+    : server
+      ? `Tools for ${server}: ${tools.length}`
+      : `Tools: ${tools.length}`;
+  write(header, 1, width - 2, label, { fg: C.section, bold: true, bg: C.panelBg });
+  out.push(header);
+  if (tools.length === 0) {
+    const empty = line(width, C.panelBg);
+    write(empty, 1, width - 2, workspace.loadingTools ? 'Loading tool list from connected MCP servers.' : 'No tools cached for the selected server. Press t to refresh.', { fg: C.muted, bg: C.panelBg });
+    out.push(empty);
+  } else {
+    for (const tool of tools.slice(0, Math.max(0, height - 1))) {
+      const row = line(width, C.panelBg);
+      write(row, 1, Math.min(34, width - 2), `${tool.serverName}:${tool.toolName}`, { fg: C.info, bg: C.panelBg });
+      write(row, Math.min(38, width - 2), Math.max(0, width - 40), tool.description ?? '', { fg: C.muted, bg: C.panelBg });
+      out.push(row);
+    }
+  }
+  while (out.length < height) out.push(line(width, C.panelBg));
+  return out.slice(0, height);
+}
+
+function renderBody(workspace: McpWorkspace, width: number, height: number): Line[] {
+  const leftWidth = Math.min(42, Math.max(28, Math.floor(width * 0.28)));
+  const rightWidth = Math.max(10, width - leftWidth - 3);
+  const topHeight = Math.max(8, Math.min(14, Math.floor(height * 0.34)));
+  const bottomHeight = Math.max(1, height - topHeight - 1);
+  const left = renderLeftRail(workspace, leftWidth, height);
+  const details = renderDetails(workspace, rightWidth, topHeight);
+  const bottom = workspace.mode === 'form'
+    ? renderForm(workspace, rightWidth, bottomHeight)
+    : renderTools(workspace, rightWidth, bottomHeight);
+  const right = [...details, line(rightWidth, C.panelBg), ...bottom].slice(0, height);
+  const out: Line[] = [];
+  for (let i = 0; i < height; i += 1) {
+    const row = content(width);
+    const leftRow = left[i] ?? line(leftWidth, C.panelBg);
+    const rightRow = right[i] ?? line(rightWidth, C.panelBg);
+    for (let x = 0; x < leftWidth && x + 1 < row.length; x += 1) row[x + 1] = leftRow[x] ?? createStyledCell(' ');
+    putVertical(row, leftWidth + 1);
+    for (let x = 0; x < rightWidth && leftWidth + 3 + x < row.length - 1; x += 1) {
+      row[leftWidth + 3 + x] = rightRow[x] ?? createStyledCell(' ');
+    }
+    out.push(row);
+  }
+  return out;
+}
+
+function renderFooter(width: number, workspace: McpWorkspace): Line[] {
+  const status = content(width, C.detailBg);
+  const statusText = workspace.lastError ? workspace.status : workspace.status;
+  write(status, 2, width - 4, statusText, { fg: statusColor(statusText), bg: C.detailBg });
+  const controls = content(width, C.detailBg);
+  const text = workspace.mode === 'form'
+    ? 'Up/Down field  Type edit  Left/Right cycle  Enter save/cancel row  Esc back'
+    : workspace.mode === 'delete-confirm'
+      ? 'y confirm  n/Esc cancel'
+      : 'Up/Down choose  Enter edit/action  a add  e edit  d remove  r reload  t tools  Esc close';
+  write(controls, 2, width - 4, text, { fg: C.muted, bg: C.detailBg });
+  return [status, controls, hline(width, '+', '-', '+')];
+}
+
+export function renderMcpWorkspace(workspace: McpWorkspace, width: number, height: number): Line[] {
+  const safeWidth = Math.max(40, width);
+  const safeHeight = Math.max(12, height);
+  const bodyHeight = Math.max(1, safeHeight - 4);
+  const lines = [
+    ...renderHeader(safeWidth, workspace),
+    ...renderBody(workspace, safeWidth, bodyHeight),
+    ...renderFooter(safeWidth, workspace),
+  ];
+  return lines.slice(0, safeHeight);
+}

package/src/runtime/bootstrap-command-parts.ts

@@ -155,7 +155,7 @@ export function createBootstrapCommandActions(
   | 'openCommunicationPanel'
   | 'openOrchestrationPanel'
   | 'openCockpitPanel'
-  | 'openMcpPanel'
+  | 'openMcpWorkspace'
   | 'openSecurityPanel'
   | 'openKnowledgePanel'
   | 'openRemotePanel'
@@ -262,9 +262,7 @@ export function createBootstrapCommandActions(
     openCockpitPanel: () => {
       showPanel('cockpit');
     },
-    openMcpPanel: () => {
-      showPanel('mcp');
-    },
+    openMcpWorkspace: () => unwiredShellAction('openMcpWorkspace'),
     openSecurityPanel: () => {
       showPanel('security');
     },

package/src/runtime/bootstrap.ts

@@ -33,7 +33,7 @@ import {
   loadLastConversation,
   writeLastSessionPointer,
 } from '@/runtime/index.ts';
-import { startBackgroundProviderRegistration } from '@/runtime/index.ts';
+import { scheduleBackgroundMcpDiscovery, startBackgroundProviderRegistration } from '@/runtime/index.ts';
 import { restoreSavedModel } from '@/runtime/index.ts';
 import { startExternalServices, type ExternalServicesHandle, type HostServiceStatus } from '@/runtime/index.ts';
 import { getOrCreateCompanionToken, pruneStaleOperatorTokens } from '@pellux/goodvibes-sdk/platform/pairing';
@@ -46,6 +46,7 @@ import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
 import { DaemonServer } from '@pellux/goodvibes-sdk/platform/daemon';
 import { HttpListener } from '@pellux/goodvibes-sdk/platform/daemon';
 import { createSafeHostServeFactory } from '../daemon/safe-serve.ts';
+import { startMcpConfigAutoReload } from '../mcp/runtime-reload.ts';
 
 type ExternalServiceFactories = NonNullable<Parameters<typeof startExternalServices>[4]>;
 
@@ -136,7 +137,7 @@ export type BootstrapContext = RuntimeContext & {
  *   4. Runtime bus subscriptions (WRFC, subagent, hook bridge)
  *   5. Providers, webhooks, PermissionManager, HookDispatcher
  *   6. Orchestrator + AcpManager
- *   7. MCP auto-connect + panel manager
+ *   7. MCP auto-connect + workspace/panel manager
  *   8. Command registry + plugin init + CommandContext
  *   9. Input handler wiring
  *  10. Input history, splash options
@@ -513,6 +514,29 @@ export async function bootstrapRuntime(
     shellPaths: services.shellPaths,
     surfaceRoot: 'tui',
   });
+  const mcpDiscovery = scheduleBackgroundMcpDiscovery({
+    mcpRegistry: services.mcpRegistry,
+    systemMessageRouter,
+    requestRender,
+    shellPaths: services.shellPaths,
+    surfaceRoot: 'tui',
+  });
+  bootstrapUnsubs.push(() => mcpDiscovery.stop());
+  const mcpAutoReload = startMcpConfigAutoReload({
+    roots: services.shellPaths,
+    registry: services.mcpRegistry,
+    onReload: ({ connected, total }) => {
+      systemMessageRouter.low(`[MCP] Reloaded config: ${connected}/${total} server(s) connected.`);
+      requestRender();
+    },
+    onError: (error) => {
+      const message = summarizeError(error);
+      logger.warn('MCP config auto-reload failed', { error: message });
+      systemMessageRouter.high(`[MCP] Config reload failed: ${message}`);
+      requestRender();
+    },
+  });
+  bootstrapUnsubs.push(() => mcpAutoReload.stop());
   if (configManager.get('automation.enabled')) {
     deferredStartup.schedule({
       label: 'automation',

package/src/shell/ui-openers.ts

@@ -279,6 +279,11 @@ export function wireShellUiOpeners(options: WireShellUiOpenersOptions): void {
     render();
   };
 
+  commandContext.openMcpWorkspace = () => {
+    input.openMcpWorkspace(commandContext);
+    render();
+  };
+
   commandContext.openSessionPicker = () => {
     input.modalOpened('sessionPicker');
     input.sessionPickerModal.open();

package/src/version.ts

@@ -6,7 +6,7 @@ import { join } from 'node:path';
 // The prebuild script updates the fallback value before compilation.
 // Uses import.meta.dir (Bun) to locate package.json relative to this file,
 // which is correct regardless of the process working directory.
-let _version = '0.19.98';
+let _version = '0.19.99';
 try {
   const pkg = JSON.parse(readFileSync(join(import.meta.dir, '..', 'package.json'), 'utf-8'));
   _version = pkg.version ?? _version;

package/src/panels/mcp-panel.ts

@@ -1,215 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import { ScrollableListPanel } from './scrollable-list-panel.ts';
-import type { McpRegistry } from '@pellux/goodvibes-sdk/platform/mcp';
-import type { McpDecisionRecord } from '@/runtime/index.ts';
-
-type McpServerSecurityEntry = ReturnType<McpRegistry['listServerSecurity']>[number];
-import { truncateDisplay } from '../utils/terminal-width.ts';
-import {
-  buildGuidanceLine,
-  buildKeyValueLine,
-  buildPanelLine,
-  buildStatusPill,
-  DEFAULT_PANEL_PALETTE,
-} from './polish.ts';
-
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  header: '#94a3b8',
-  headerBg: '#1e293b',
-  ok: '#22c55e',
-  warn: '#eab308',
-  error: '#ef4444',
-  selectBg: '#0f172a',
-} as const;
-
-function modeColor(mode: string): string {
-  switch (mode) {
-    case 'allow-all':
-      return C.error;
-    case 'ask-on-risk':
-      return C.warn;
-    case 'constrained':
-      return C.ok;
-    case 'blocked':
-      return C.error;
-    default:
-      return C.dim;
-  }
-}
-
-function freshnessColor(freshness: string): string {
-  switch (freshness) {
-    case 'fresh':
-      return C.ok;
-    case 'stale':
-    case 'fetch_failed':
-      return C.warn;
-    case 'quarantined':
-      return C.error;
-    default:
-      return C.dim;
-  }
-}
-
-function decisionColor(decision: McpDecisionRecord): string {
-  if (decision.verdict === 'deny') return C.error;
-  if (decision.verdict === 'ask') return C.warn;
-  return decision.incoherent ? C.warn : C.ok;
-}
-
-export class McpPanel extends ScrollableListPanel<McpServerSecurityEntry> {
-  private readonly registry: McpRegistry;
-
-  public constructor(registry: McpRegistry) {
-    super('mcp', 'MCP', 'Z', 'monitoring');
-    this.showSelectionGutter = true; // I5: non-color selection affordance
-    this.registry = registry;
-  }
-
-  protected override getPalette() { return C; }
-  protected override getEmptyStateMessage() { return ' No MCP servers configured or connected.'; }
-  protected override getEmptyStateActions() {
-    return [
-      { command: '/mcp', summary: 'list server state and security posture' },
-      { command: '/settings', summary: 'open the MCP settings category for trust and scope controls' },
-    ];
-  }
-
-  protected getItems(): readonly McpServerSecurityEntry[] {
-    return this.registry.listServerSecurity();
-  }
-
-  protected renderItem(entry: McpServerSecurityEntry, index: number, selected: boolean, width: number): Line {
-    const bg = selected ? C.selectBg : undefined;
-    return buildPanelLine(width, [
-      [' ', C.label, bg],
-      [entry.name.padEnd(20), C.value, bg],
-      ...buildStatusPill(entry.connected ? 'good' : 'bad', ` ${(entry.connected ? 'CONNECTED' : 'DISCONNECTED').padEnd(13)}`, { bg }),
-      [` ${entry.trustMode.padEnd(12)}`, modeColor(entry.trustMode), bg],
-      [` ${entry.role.padEnd(10)}`, C.info, bg],
-      [` ${entry.schemaFreshness}`, freshnessColor(entry.schemaFreshness), bg],
-    ]);
-  }
-
-  public handleInput(key: string): boolean {
-    if (key === 'r') {
-      this.markDirty();
-      return true;
-    }
-    return super.handleInput(key);
-  }
-
-  public render(width: number, height: number): Line[] {
-    this.clampSelection();
-    const entries = this.registry.listServerSecurity();
-    const intro = 'Trust, quarantine, scope, and recent security decisions for configured MCP servers.';
-
-    const connected = entries.filter((e) => e.connected).length;
-    const quarantined = entries.filter((e) => e.schemaFreshness === 'quarantined').length;
-    const disconnected = entries.length - connected;
-    const staleSchemas = entries.filter((e) => e.schemaFreshness !== 'fresh').length;
-
-    const headerLines: Line[] = [
-      buildPanelLine(width, [['  MCP posture', C.label]]),
-      buildKeyValueLine(width, [
-        { label: 'servers', value: String(entries.length), valueColor: C.value },
-        { label: 'connected', value: String(connected), valueColor: connected > 0 ? C.ok : C.dim },
-        { label: 'disconnected', value: String(disconnected), valueColor: disconnected > 0 ? C.warn : C.dim },
-        { label: 'stale schema', value: String(staleSchemas), valueColor: staleSchemas > 0 ? C.warn : C.dim },
-        { label: 'quarantined', value: String(quarantined), valueColor: quarantined > 0 ? C.error : C.dim },
-      ], C),
-      buildGuidanceLine(width, '/mcp review', 'inspect trust, freshness, and quarantine posture for configured servers', C),
-      buildGuidanceLine(width, '/mcp repair', 'review reconnect, auth, import, and startup remediation guidance', C),
-    ];
-
-    const selected = entries[this.selectedIndex];
-    const detailLines: Line[] = [];
-    const repairLines: Line[] = [];
-
-    if (selected) {
-      const sandboxBinding = this.registry.listServerSandboxBindings().find((e) => e.name === selected.name);
-      const decisions = this.registry.listRecentSecurityDecisions?.(24) ?? [];
-      const selectedDecision = decisions.find((d) => d.serverName === selected.name);
-
-      detailLines.push(buildPanelLine(width, [
-        ['  Server: ', C.label],
-        [selected.name, C.value],
-        ['  Trust: ', C.label],
-        [selected.trustMode, modeColor(selected.trustMode)],
-        ['  Role: ', C.label],
-        [selected.role, C.info],
-      ]));
-      detailLines.push(buildPanelLine(width, [
-        ['  Schema: ', C.label],
-        [selected.schemaFreshness, freshnessColor(selected.schemaFreshness)],
-        ['  Approved by: ', C.label],
-        [truncateDisplay(selected.quarantineApprovedBy ?? 'n/a', Math.max(0, width - 31)), selected.quarantineApprovedBy ? C.info : C.dim],
-      ]));
-      detailLines.push(buildPanelLine(width, [
-        ['  Scope: ', C.label],
-        [truncateDisplay(
-          `paths ${selected.allowedPaths.length > 0 ? selected.allowedPaths.join(', ') : 'unbounded'}  hosts ${selected.allowedHosts.length > 0 ? selected.allowedHosts.join(', ') : 'unbounded'}`,
-          Math.max(0, width - 10),
-        ), (selected.allowedPaths.length > 0 || selected.allowedHosts.length > 0) ? C.value : C.dim],
-      ]));
-      detailLines.push(buildPanelLine(width, [
-        ['  Sandbox: ', C.label],
-        [truncateDisplay(
-          sandboxBinding?.sessionId
-            ? `${sandboxBinding.profileId ?? 'mcp'} ${sandboxBinding.state ?? 'unknown'} ${sandboxBinding.backend ?? 'n/a'} ${sandboxBinding.startupStatus ?? 'n/a'} (${sandboxBinding.sessionId})`
-            : 'not isolated',
-          Math.max(0, width - 13),
-        ), sandboxBinding?.sessionId ? C.info : C.dim],
-      ]));
-      if (selected.schemaFreshness === 'quarantined') {
-        detailLines.push(buildPanelLine(width, [
-          ['  Quarantine: ', C.label],
-          [truncateDisplay(`${selected.quarantineReason ?? 'unknown'}${selected.quarantineDetail ? ` - ${selected.quarantineDetail}` : ''}`, Math.max(0, width - 15)), C.error],
-        ]));
-      }
-      if (selectedDecision) {
-        const summary = `${selectedDecision.serverName}:${selectedDecision.toolName} ${selectedDecision.verdict.toUpperCase()} ${selectedDecision.capability}${selectedDecision.incoherent ? ' incoherent' : ''}`;
-        detailLines.push(buildPanelLine(width, [
-          ['  Recent: ', C.label],
-          [truncateDisplay(summary, Math.max(0, width - 10)), decisionColor(selectedDecision)],
-        ]));
-      }
-
-      if (!selected.connected) {
-        repairLines.push(buildPanelLine(width, [['  /mcp repair', C.warn], ['  review reconnect and startup posture for this server', C.dim]]));
-      }
-      if (selected.schemaFreshness !== 'fresh') {
-        repairLines.push(buildPanelLine(width, [['  /mcp review', C.warn], ['  inspect schema freshness, quarantine, and trust posture', C.dim]]));
-      }
-      if (sandboxBinding?.sessionId) {
-        repairLines.push(buildPanelLine(width, [['  /sandbox review', C.info], ['  verify the bound MCP isolation session and startup status', C.dim]]));
-      }
-      if (repairLines.length === 0) {
-        repairLines.push(buildPanelLine(width, [['  No immediate MCP repair actions suggested for the selected server.', C.dim]]));
-      }
-
-      const allDecisions = this.registry.listRecentSecurityDecisions?.(24) ?? [];
-      const decisionLines: Line[] = allDecisions.length === 0
-        ? [buildPanelLine(width, [['  No MCP decisions recorded yet.', C.dim]])]
-        : allDecisions.map((decision) => {
-            const summary = `${decision.serverName}:${decision.toolName} ${decision.verdict.toUpperCase()} ${decision.capability}${decision.incoherent ? ' incoherent' : ''}`;
-            return buildPanelLine(width, [
-              ['  ', C.label],
-              [truncateDisplay(summary, Math.max(0, width - 2)), decisionColor(decision)],
-            ]);
-          });
-      detailLines.push(...repairLines);
-      detailLines.push(...decisionLines);
-    }
-
-    return this.renderList(width, height, {
-      title: 'MCP Control Room',
-      header: headerLines,
-      footer: [
-        ...detailLines,
-        buildPanelLine(width, [['  Up/Down move  r refresh', C.dim]]),
-      ],
-    });
-  }
-}