@pellux/goodvibes-agent 1.4.3 → 1.5.0

package/src/panels/security-panel.ts

@@ -1,295 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import { ScrollableListPanel } from './scrollable-list-panel.ts';
-import type { TokenAuditResult } from '@pellux/goodvibes-sdk/platform/security';
-import type { UiReadModel, UiSecuritySnapshot } from '../runtime/ui-read-models.ts';
-import {
-  buildEmptyState,
-  buildGuidanceLine,
-  buildPanelLine,
-  buildPanelWorkspace,
-  buildStatusPill,
-  DEFAULT_PANEL_PALETTE,
-} from './polish.ts';
-import { createEmptyLine } from '../types/grid.ts';
-
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  header: '#94a3b8',
-  headerBg: '#1e293b',
-  dim: '#475569',
-  ok: '#22c55e',
-  warn: '#eab308',
-  error: '#ef4444',
-  selectBg: '#0f172a',
-} as const;
-
-function managedColor(managed: boolean): string {
-  return managed ? C.warn : C.info;
-}
-
-function resultColor(result: TokenAuditResult): string {
-  if (result.blocked) return C.error;
-  if (result.scope.outcome === 'violation') return C.error;
-  if (result.rotation.outcome === 'overdue') return C.error;
-  if (result.rotation.outcome === 'warning') return C.warn;
-  return C.ok;
-}
-
-function resultSummary(result: TokenAuditResult): string {
-  const parts: string[] = [];
-  if (result.scope.outcome === 'violation') parts.push(`scope:${result.scope.excessScopes.join(',')}`);
-  if (result.rotation.outcome === 'warning') parts.push('rotation warning');
-  if (result.rotation.outcome === 'overdue') parts.push('rotation overdue');
-  if (result.blocked) parts.push('blocked');
-  return parts.length > 0 ? parts.join(' | ') : 'in policy';
-}
-
-function severityColor(severity: 'low' | 'medium' | 'high' | 'critical'): string {
-  switch (severity) {
-    case 'critical':
-    case 'high':
-      return C.error;
-    case 'medium':
-      return C.warn;
-    case 'low':
-    default:
-      return C.ok;
-  }
-}
-
-export class SecurityPanel extends ScrollableListPanel<TokenAuditResult> {
-  private readonly unsub: (() => void) | null;
-
-  public constructor(private readonly readModel: UiReadModel<UiSecuritySnapshot>) {
-    super('security', 'Security', 'U', 'monitoring');
-    this.showSelectionGutter = true; // I5: non-color selection affordance
-    this.unsub = this.readModel.subscribe(() => this.markDirty());
-  }
-
-  public override onDestroy(): void {
-    this.unsub?.();
-  }
-
-  protected override getPalette() { return C; }
-  protected override getEmptyStateMessage() { return ' No API tokens are registered for security review yet.'; }
-  protected override getEmptyStateActions() {
-    return [
-      { command: '/secrets list', summary: 'inspect stored secret references without printing values' },
-      { command: '/security review', summary: 'review token, policy, MCP, plugin, and incident posture' },
-      { command: '/mcp auth-review', summary: 'inspect active MCP trust and quarantine posture' },
-    ];
-  }
-
-  protected getItems(): readonly TokenAuditResult[] {
-    return this.readModel.getSnapshot().audit.results;
-  }
-
-  protected renderItem(result: TokenAuditResult, index: number, selected: boolean, width: number): Line {
-    const bg = selected ? C.selectBg : undefined;
-    return buildPanelLine(width, [
-      [' ', C.label, bg],
-      [result.label.padEnd(22), C.value, bg],
-      [` ${result.tokenId.padEnd(12)}`, C.info, bg],
-      [` ${result.scope.policyId.padEnd(10)}`, C.label, bg],
-      [` ${resultSummary(result).slice(0, Math.max(0, width - 49))}`, resultColor(result), 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 snapshot = this.readModel.getSnapshot();
-    const view = snapshot.audit;
-    const preflightStatus = snapshot.policy.preflightStatus;
-    const preflightIssueCount = snapshot.policy.preflightIssueCount;
-    const lintFindingCount = snapshot.policy.lintFindingCount;
-    const quarantinedMcp = snapshot.mcpServers.filter((server) => server.schemaFreshness === 'quarantined');
-    const elevatedMcp = snapshot.mcpServers.filter((server) => server.trustMode === 'allow-all');
-    const incidents = snapshot.incidents;
-    const latestIncident = snapshot.latestIncident;
-    const quarantinedPlugins = snapshot.quarantinedPlugins;
-    const untrustedPlugins = snapshot.untrustedPlugins;
-    const attackPathReview = snapshot.attackPathReview;
-    const intro = 'Token review, policy posture, MCP attack-path review, plugin trust, and incident pressure.';
-    const footerLine = buildGuidanceLine(width, '/security review', 'review proactive policy posture before risky work starts', C);
-
-    const governanceLines: Line[] = [
-      buildPanelLine(width, [
-        [' mode ', C.label],
-        [view.managed ? 'MANAGED' : 'ADVISORY', managedColor(view.managed)],
-        ['  tokens ', C.label],
-        [String(view.totalTokens), C.value],
-        ['  blocked ', C.label],
-        ...buildStatusPill(view.blocked.length > 0 ? 'bad' : 'good', String(view.blocked.length)),
-        ['  scope violations ', C.label],
-        ...buildStatusPill(view.scopeViolations.length > 0 ? 'bad' : 'good', String(view.scopeViolations.length)),
-        ['  overdue ', C.label],
-        ...buildStatusPill(view.rotationOverdue.length > 0 ? 'bad' : 'good', String(view.rotationOverdue.length)),
-        ['  warnings ', C.label],
-        ...buildStatusPill(view.rotationWarnings.length > 0 ? 'warn' : 'good', String(view.rotationWarnings.length)),
-      ]),
-      buildPanelLine(width, [
-        [' preflight ', C.label],
-        ...buildStatusPill(preflightStatus === 'block' ? 'bad' : preflightStatus === 'warn' ? 'warn' : preflightStatus === 'pass' ? 'good' : 'info', preflightStatus.toUpperCase()),
-        ['  issues ', C.label],
-        ...buildStatusPill(preflightIssueCount > 0 ? 'warn' : 'good', String(preflightIssueCount)),
-        ['  lint ', C.label],
-        ...buildStatusPill(lintFindingCount > 0 ? 'warn' : 'good', String(lintFindingCount)),
-        ['  denied permissions ', C.label],
-        ...buildStatusPill(snapshot.deniedPermissions > 0 ? 'warn' : 'good', String(snapshot.deniedPermissions)),
-      ]),
-      buildPanelLine(width, [
-        [' quarantined MCP ', C.label],
-        ...buildStatusPill(quarantinedMcp.length > 0 ? 'bad' : 'good', String(quarantinedMcp.length)),
-        ['  elevated MCP ', C.label],
-        ...buildStatusPill(elevatedMcp.length > 0 ? 'warn' : 'good', String(elevatedMcp.length)),
-        ['  quarantined plugins ', C.label],
-        ...buildStatusPill(quarantinedPlugins.length > 0 ? 'bad' : 'good', String(quarantinedPlugins.length)),
-        ['  untrusted plugins ', C.label],
-        ...buildStatusPill(untrustedPlugins.length > 0 ? 'warn' : 'good', String(untrustedPlugins.length)),
-      ]),
-      buildPanelLine(width, [
-        ['  incidents ', C.label],
-        ...buildStatusPill(incidents.length > 0 ? 'warn' : 'good', String(incidents.length)),
-      ]),
-    ];
-
-    const attackPathLines: Line[] = [
-      buildPanelLine(width, [
-        ['  attack paths ', C.label],
-        ...buildStatusPill(attackPathReview.criticalFindings > 0 ? 'bad' : 'good', String(attackPathReview.criticalFindings)),
-        [' critical ', C.label],
-        ...buildStatusPill(attackPathReview.incoherentFindings > 0 ? 'warn' : 'good', String(attackPathReview.incoherentFindings)),
-        [' review ', C.label],
-        [attackPathReview.summary.slice(0, Math.max(0, width - 36)), C.dim],
-      ]),
-    ];
-
-    // Empty state: no token results yet — show governance + threat posture before base empty state
-    if (view.results.length === 0) {
-      const emptyStateLines = [
-        ...governanceLines,
-        ...buildEmptyState(
-          width,
-          this.getEmptyStateMessage(),
-          'The security control room can already review policy, MCP, plugin, and incident posture, but token-specific scope and rotation data has not been registered.',
-          this.getEmptyStateActions(),
-          C,
-        ),
-      ];
-      if (quarantinedMcp.length > 0) {
-        emptyStateLines.push(buildPanelLine(width, [[' MCP quarantine still active despite no registered tokens.', C.warn]]));
-      }
-      const workspace = buildPanelWorkspace(width, height, {
-        title: 'Security Control Room',
-        intro,
-        sections: [
-          { title: 'Governance', lines: emptyStateLines },
-          { title: 'Attack Paths', lines: attackPathLines },
-        ],
-        footerLines: [footerLine],
-        palette: C,
-      });
-      while (workspace.length < height) workspace.push(createEmptyLine(width));
-      return workspace.slice(0, height);
-    }
-
-    if (attackPathReview.findings.length > 0) {
-      attackPathLines.push(buildPanelLine(width, [[' MCP attack-path review', C.label]]));
-      for (const finding of attackPathReview.findings.slice(0, 3)) {
-        attackPathLines.push(buildPanelLine(width, [[
-          `  ${finding.severity.toUpperCase()} ${finding.serverName}: ${finding.route}`.slice(0, width),
-          severityColor(finding.severity),
-        ]]));
-        attackPathLines.push(buildPanelLine(width, [[
-          `    ${finding.reason}`.slice(0, width),
-          C.dim,
-        ]]));
-        attackPathLines.push(buildPanelLine(width, [[
-          `    evidence: ${finding.evidence.join(' | ')}`.slice(0, width),
-          C.dim,
-        ]]));
-      }
-    }
-
-    const selected = view.results[this.selectedIndex];
-    const detailLines: Line[] = [];
-    if (selected) {
-      detailLines.push(buildPanelLine(width, [
-        ['  Token: ', C.label],
-        [selected.label, C.value],
-        ['  Policy: ', C.label],
-        [selected.scope.policyId, C.info],
-        ['  Blocked: ', C.label],
-        [selected.blocked ? 'yes' : 'no', selected.blocked ? C.error : C.ok],
-      ]));
-      detailLines.push(buildPanelLine(width, [
-        ['  Scope: ', C.label],
-        [selected.scope.outcome, selected.scope.outcome === 'violation' ? C.error : C.ok],
-        ['  Excess: ', C.label],
-        [(selected.scope.excessScopes.length > 0 ? selected.scope.excessScopes.join(', ') : 'none').slice(0, Math.max(0, width - 27)), selected.scope.excessScopes.length > 0 ? C.error : C.dim],
-      ]));
-      detailLines.push(buildPanelLine(width, [
-        ['  Rotation: ', C.label],
-        [selected.rotation.outcome, selected.rotation.outcome === 'ok' ? C.ok : selected.rotation.outcome === 'warning' ? C.warn : C.error],
-        ['  Due: ', C.label],
-        [new Date(selected.rotation.dueAt).toISOString(), C.value],
-        ['  Age(d): ', C.label],
-        [String(Math.floor(selected.rotation.ageMs / (24 * 60 * 60 * 1000))), C.value],
-      ]));
-      detailLines.push(buildPanelLine(width, [[
-        `Last review: ${view.lastAuditAt ? new Date(view.lastAuditAt).toISOString() : 'never'}  Press r to refresh.`,
-        C.dim,
-      ]]));
-      if (preflightStatus !== 'n/a') {
-        detailLines.push(buildPanelLine(width, [[
-          `Policy preflight: ${preflightStatus} (${preflightIssueCount} issue${preflightIssueCount === 1 ? '' : 's'})`.slice(0, width),
-          preflightStatus === 'block' ? C.error : preflightStatus === 'warn' ? C.warn : C.dim,
-        ]]));
-      }
-      if (quarantinedMcp.length > 0) {
-        const server = quarantinedMcp[0]!;
-        detailLines.push(buildPanelLine(width, [[
-          `MCP quarantine: ${server.name} ${server.quarantineReason ?? 'unknown'}${server.quarantineDetail ? ` - ${server.quarantineDetail}` : ''}`.slice(0, width),
-          C.error,
-        ]]));
-      }
-      if (quarantinedPlugins.length > 0) {
-        const plugin = quarantinedPlugins[0]!;
-        detailLines.push(buildPanelLine(width, [[
-          `Plugin quarantine: ${plugin.name} (${plugin.trustTier})`.slice(0, width),
-          C.error,
-        ]]));
-      } else if (untrustedPlugins.length > 0) {
-        const plugin = untrustedPlugins[0]!;
-        detailLines.push(buildPanelLine(width, [[
-          `Plugin trust warning: ${plugin.name} remains untrusted.`.slice(0, width),
-          C.warn,
-        ]]));
-      }
-      if (latestIncident) {
-        detailLines.push(buildPanelLine(width, [[
-          `Latest incident: ${latestIncident.classification} - ${latestIncident.summary}`.slice(0, width),
-          C.warn,
-        ]]));
-      }
-    }
-
-    return this.renderList(width, height, {
-      title: 'Security Control Room',
-      header: governanceLines,
-      footer: [
-        ...detailLines,
-        ...attackPathLines,
-        footerLine,
-      ],
-    });
-  }
-}

package/src/panels/session-browser-panel.ts

@@ -1,395 +0,0 @@
-// ---------------------------------------------------------------------------
-// SessionBrowserPanel — browse, search, and resume old sessions.
-// ---------------------------------------------------------------------------
-
-import type { Line } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import type { SessionInfo } from '@pellux/goodvibes-sdk/platform/sessions';
-import { logger } from '@pellux/goodvibes-sdk/platform/utils';
-import type { SessionBrowserQuery } from '../runtime/ui-service-queries.ts';
-import {
-  buildEmptyState,
-  buildPanelLine,
-  buildSearchInputLine,
-  buildStyledPanelLine,
-  buildPanelWorkspace,
-  resolveScrollablePanelSection,
-  DEFAULT_PANEL_PALETTE,
-  type PanelWorkspaceSection,
-} from './polish.ts';
-import { truncateDisplay } from '../utils/terminal-width.ts';
-import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
-import {
-  getPanelSearchFocusTransition,
-  isPanelSearchBackspace,
-  isPanelSearchCancel,
-  isPanelSearchCommit,
-  isPanelSearchPrintable,
-} from './search-focus.ts';
-import { type ConfirmState, handleConfirmInput } from './confirm-state.ts';
-
-const C = {
-  headerBg:   '#1a1a2e',
-  headerFg:   '#ffffff',
-  statusBar:  '#222233',
-  statusFg:   '#aaaaaa',
-  selected:   '#00ffff',
-  selectedBg: '#1a2a3a',
-  normal:     '#ccccdd',
-  dim:        '#555566',
-  label:      '#8888bb',
-  value:      '#ccccdd',
-  dateFg:     '#6699aa',
-  modelFg:    '#99aacc',
-  countFg:    '#88bbcc',
-  warnFg:     '#ffcc44',
-  errorFg:    '#ff6666',
-  separator:  '#333355',
-} as const;
-
-function shortDate(ts: number): string {
-  const d = new Date(ts);
-  const Y = d.getFullYear();
-  const M = String(d.getMonth() + 1).padStart(2, '0');
-  const D = String(d.getDate()).padStart(2, '0');
-  const h = String(d.getHours()).padStart(2, '0');
-  const m = String(d.getMinutes()).padStart(2, '0');
-  return `${Y}-${M}-${D} ${h}:${m}`;
-}
-
-function formatReturnContextLines(returnContext: SessionInfo['returnContext']): string[] {
-  if (!returnContext) return [];
-  const lines: string[] = [];
-  if (returnContext.activityLabel) lines.push(`activity: ${returnContext.activityLabel}`);
-  if (returnContext.statusLabel) lines.push(`status: ${returnContext.statusLabel}`);
-  if (returnContext.activeTasks || returnContext.blockedTasks || returnContext.pendingApprovals) {
-    lines.push(`tasks: active ${returnContext.activeTasks ?? 0}; blocked ${returnContext.blockedTasks ?? 0}; approvals ${returnContext.pendingApprovals ?? 0}`);
-  }
-  if (returnContext.remoteRunners?.length) {
-    lines.push(`remote build hosts: ${returnContext.remoteRunners.join(', ')}`);
-  }
-  if (returnContext.openPanels?.length) {
-    lines.push(`saved panels ignored: ${returnContext.openPanels.join(', ')}`);
-  }
-  return lines;
-}
-
-// ---------------------------------------------------------------------------
-// Confirmation state for deletion
-// ---------------------------------------------------------------------------
-// ConfirmState<string> — subject holds the session name to delete
-
-export class SessionBrowserPanel extends BasePanel {
-  private sessions: SessionInfo[] = [];
-  private filtered: SessionInfo[] = [];
-  private searchQuery = '';
-  private searching = false; // true when user is actively typing a search
-  private cursorIndex = 0;
-  private scrollOffset = 0;
-  private confirm: ConfirmState<string> | null = null;
-  private deleteError = '';
-  private loadError = '';
-  private refreshTimerId: ReturnType<typeof setInterval> | null = null;
-
-  constructor(
-    private readonly sessionManager: SessionBrowserQuery,
-    private resumeSession?: (sessionId: string) => void,
-  ) {
-    super('sessions', 'Sessions', 'H', 'session');
-  }
-
-  override onActivate(): void {
-    super.onActivate();
-    this._load();
-    this.refreshTimerId = this.registerTimer(setInterval(() => { this._load(); }, 5000));
-  }
-
-  override onDeactivate(): void {
-    if (this.refreshTimerId !== null) { this.clearTimer(this.refreshTimerId); this.refreshTimerId = null; }
-    this.searching = false;
-    this.confirm = null;
-    super.onDeactivate();
-  }
-
-  handleInput(key: string): boolean {
-    // Confirmation dialog — use shared handleConfirmInput for y/n/Esc UX
-    const confirmResult = handleConfirmInput(this.confirm, key);
-    if (confirmResult === 'confirmed') {
-      this._deleteConfirmed();
-      return true;
-    }
-    if (confirmResult === 'cancelled') {
-      this.confirm = null;
-      this.markDirty();
-      return true;
-    }
-    if (confirmResult === 'absorbed') return true;
-
-    // Search mode
-    if (this.searching) {
-      const transition = getPanelSearchFocusTransition(key, { selectedIndex: this.cursorIndex, itemCount: this.filtered.length });
-      if (transition === 'focus-list') {
-        this.searching = false;
-        this.cursorIndex = 0;
-        this.markDirty();
-        return true;
-      }
-      if (isPanelSearchCancel(key) || isPanelSearchCommit(key)) {
-        this.searching = false;
-        this.markDirty();
-        return true;
-      }
-      if (isPanelSearchBackspace(key)) {
-        this.searchQuery = this.searchQuery.slice(0, -1);
-        this._filter();
-        return true;
-      }
-      if (isPanelSearchPrintable(key)) {
-        this.searchQuery += key;
-        this._filter();
-        return true;
-      }
-      return false;
-    }
-
-    const transition = getPanelSearchFocusTransition(key, { selectedIndex: this.cursorIndex, itemCount: this.filtered.length });
-    if (transition === 'focus-search') {
-      this._startSearch();
-      return true;
-    }
-
-    switch (key) {
-      case 'up':       this._move(-1);      return true;
-      case 'down':     this._move(1);       return true;
-      case 'pageup':   this._move(-10);     return true;
-      case 'pagedown': this._move(10);      return true;
-      case 'return':   this._resume();      return true;
-      case 'd':        this._promptDelete(); return true;
-      case 'r':        this._load();        return true;
-      default:         return false;
-    }
-  }
-
-  render(width: number, height: number): Line[] {
-    if (height <= 0 || width <= 0) return [];
-    const intro = 'Browse, search, resume, and prune saved conversations.';
-
-    const count = this.filtered.length;
-    const total = this.sessions.length;
-    const searchLine = this.searching
-      ? ` Search ${this.searchQuery}_`
-      : this.loadError
-      ? ` Error ${this.loadError}`
-      : this.deleteError
-      ? ` Error ${this.deleteError}`
-      : this.searchQuery
-      ? ` Filter ${this.searchQuery}  (/ or up at top to edit)`
-      : ` / or up at top to search  Enter resume  d delete  r refresh`;
-    const statusFg = this.loadError || this.deleteError ? DEFAULT_PANEL_PALETTE.bad : this.searching ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim;
-    const footerLines = [
-      buildSearchInputLine(width, '', searchLine.trimStart(), DEFAULT_PANEL_PALETTE, { active: this.searching, valueColor: statusFg }),
-    ];
-
-    if (this.confirm) {
-      return buildPanelWorkspace(width, height, {
-        title: ` Sessions [${count}/${total}]`,
-        intro,
-        sections: [
-          {
-            title: 'Confirmation',
-            lines: [
-              buildPanelLine(width, [[` Delete "${this.confirm.subject}"?`, DEFAULT_PANEL_PALETTE.warn]]),
-              buildPanelLine(width, [[' y', DEFAULT_PANEL_PALETTE.info], ['  confirm delete', DEFAULT_PANEL_PALETTE.dim], ['   n / Esc', DEFAULT_PANEL_PALETTE.info], ['  cancel', DEFAULT_PANEL_PALETTE.dim]]),
-            ],
-          },
-        ],
-        footerLines,
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    if (this.filtered.length === 0) {
-      const emptyTitle = this.searchQuery ? ` No sessions match "${this.searchQuery}"` : ' No sessions found';
-      const emptyBody = this.searchQuery
-        ? 'Clear or change the current filter to surface saved conversations again.'
-        : 'Conversations are saved automatically. Once you have saved sessions, they appear here for review and resume.';
-      return buildPanelWorkspace(width, height, {
-        title: ` Sessions [${count}/${total}]`,
-        intro,
-        sections: [
-          {
-            lines: buildEmptyState(width, emptyTitle, emptyBody, [], DEFAULT_PANEL_PALETTE),
-          },
-        ],
-        footerLines,
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    this.cursorIndex = Math.max(0, Math.min(this.cursorIndex, this.filtered.length - 1));
-    const summary: PanelWorkspaceSection = {
-      title: 'Summary',
-      lines: [
-        buildPanelLine(width, [
-          [' Sessions ', DEFAULT_PANEL_PALETTE.label],
-          [String(total), DEFAULT_PANEL_PALETTE.value],
-          ['   Visible ', DEFAULT_PANEL_PALETTE.label],
-          [String(count), DEFAULT_PANEL_PALETTE.info],
-          ['   Search ', DEFAULT_PANEL_PALETTE.label],
-          [this.searchQuery || 'none', this.searchQuery ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-        ]),
-      ],
-    };
-
-    const selected = this.filtered[this.cursorIndex];
-    const selectedSection: PanelWorkspaceSection = selected
-      ? {
-          title: 'Selected',
-          lines: [
-            buildPanelLine(width, [[' Title ', DEFAULT_PANEL_PALETTE.label], [selected.title || selected.name || '(untitled)', DEFAULT_PANEL_PALETTE.value]]),
-            buildPanelLine(width, [[' Model ', DEFAULT_PANEL_PALETTE.label], [selected.model || 'unknown', DEFAULT_PANEL_PALETTE.info], ['   Title ', DEFAULT_PANEL_PALETTE.label], [selected.titleSource === 'user' ? 'user-set' : 'system', selected.titleSource === 'user' ? DEFAULT_PANEL_PALETTE.good : DEFAULT_PANEL_PALETTE.dim]]),
-            buildPanelLine(width, [[' Date ', DEFAULT_PANEL_PALETTE.label], [shortDate(selected.timestamp), DEFAULT_PANEL_PALETTE.value], ['   Messages ', DEFAULT_PANEL_PALETTE.label], [String(selected.messageCount), DEFAULT_PANEL_PALETTE.value]]),
-            buildPanelLine(width, [
-              [' Tasks ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.activeTasks ?? 0), (selected.returnContext?.activeTasks ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-              ['   Blocked ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.blockedTasks ?? 0), (selected.returnContext?.blockedTasks ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-              ['   Approvals ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.pendingApprovals ?? 0), (selected.returnContext?.pendingApprovals ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-            ]),
-            buildPanelLine(width, [
-              [' Remote ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.remoteRunners?.length ?? 0), (selected.returnContext?.remoteRunners?.length ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-              ['   Saved Panels ', DEFAULT_PANEL_PALETTE.label],
-              [String(selected.returnContext?.openPanels?.length ?? 0), (selected.returnContext?.openPanels?.length ?? 0) > 0 ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-            ]),
-            ...formatReturnContextLines(selected.returnContext).map((line) =>
-              buildPanelLine(width, [[' ', DEFAULT_PANEL_PALETTE.dim], [truncateDisplay(line, Math.max(0, width - 2)), DEFAULT_PANEL_PALETTE.dim]])
-            ),
-            buildPanelLine(width, [[' Next ', DEFAULT_PANEL_PALETTE.label], ['/session resume', DEFAULT_PANEL_PALETTE.dim]]),
-          ],
-        }
-      : { title: 'Selected', lines: [] };
-
-    const sessionsSection = resolveScrollablePanelSection(width, height, {
-      intro,
-      footerLines,
-      palette: DEFAULT_PANEL_PALETTE,
-      beforeSections: [summary],
-      section: {
-        title: 'Sessions',
-        scrollableLines: this.filtered.map((sess, index) =>
-          this._renderSession(width, sess, index === this.cursorIndex),
-        ),
-        selectedIndex: this.cursorIndex,
-        scrollOffset: this.scrollOffset,
-        minRows: 6,
-      },
-      afterSections: [selectedSection],
-    });
-    this.scrollOffset = sessionsSection.scrollOffset;
-
-    return buildPanelWorkspace(width, height, {
-      title: ` Sessions [${count}/${total}]`,
-      intro,
-      sections: [
-        summary,
-        sessionsSection.section,
-        selectedSection,
-      ],
-      footerLines,
-      palette: DEFAULT_PANEL_PALETTE,
-    });
-  }
-
-  private _renderSession(width: number, sess: SessionInfo, isCursor: boolean): Line {
-    const bg = isCursor ? C.selectedBg : '';
-    const date = shortDate(sess.timestamp);
-    const cnt = String(sess.messageCount).padStart(3) + 'm ';
-    const model = (sess.model || 'unknown').slice(0, 18).padEnd(18) + ' ';
-    const prefixLength = 1 + 16 + 1 + 4 + 19;
-    const title = truncateDisplay(sess.title || sess.name || '(untitled)', Math.max(0, width - prefixLength));
-    return buildStyledPanelLine(width, [
-      { text: isCursor ? '▸' : ' ', fg: C.selected, bg, bold: isCursor },
-      { text: date, fg: C.dateFg, bg },
-      { text: ' ', fg: C.normal, bg },
-      { text: cnt, fg: C.countFg, bg },
-      { text: model, fg: C.modelFg, bg },
-      { text: title, fg: isCursor ? C.selected : C.normal, bg, bold: isCursor },
-    ]);
-  }
-
-  private _load(): void {
-    try {
-      this.sessions = this.sessionManager.list();
-      this._filter();
-      this.loadError = '';
-      this.markDirty();
-    } catch (e) {
-      logger.debug('SessionBrowserPanel._load failed', { error: summarizeError(e) });
-      this.loadError = 'Failed to load sessions';
-      this.markDirty();
-    }
-  }
-
-  private _filter(): void {
-    if (!this.searchQuery.trim()) {
-      this.filtered = [...this.sessions];
-    } else {
-      const q = this.searchQuery.toLowerCase();
-      try {
-        const results = this.sessionManager.search(q);
-        const names = new Set(results.map(r => r.session.name));
-        this.filtered = this.sessions.filter(s => names.has(s.name));
-      } catch (e) {
-        logger.debug('SessionBrowserPanel._filter search failed, falling back', { error: summarizeError(e) });
-        this.filtered = this.sessions.filter(s =>
-          (s.title || '').toLowerCase().includes(q) ||
-          (s.model || '').toLowerCase().includes(q) ||
-          s.name.toLowerCase().includes(q)
-        );
-      }
-    }
-    this.cursorIndex = Math.min(this.cursorIndex, Math.max(0, this.filtered.length - 1));
-    this.markDirty();
-  }
-
-  private _startSearch(): void {
-    this.searching = true;
-    this.markDirty();
-  }
-
-  private _move(delta: number): void {
-    if (this.filtered.length === 0) return;
-    this.cursorIndex = Math.max(0, Math.min(this.filtered.length - 1, this.cursorIndex + delta));
-    this.markDirty();
-  }
-
-  private _resume(): void {
-    const sess = this.filtered[this.cursorIndex];
-    if (!sess) return;
-    this.resumeSession?.(sess.name);
-  }
-
-  private _promptDelete(): void {
-    const sess = this.filtered[this.cursorIndex];
-    if (!sess) return;
-    this.confirm = { subject: sess.name, label: sess.name };
-    this.markDirty();
-  }
-
-  private _deleteConfirmed(): void {
-    if (!this.confirm) return;
-    const name = this.confirm.subject;
-    this.confirm = null;
-    try {
-      this.sessionManager.delete(name);
-      this.deleteError = '';
-      this._load();
-    } catch (e) {
-      logger.debug('SessionBrowserPanel._deleteConfirmed failed', { error: summarizeError(e) });
-      this.deleteError = `Delete failed: ${name}`;
-    }
-    this.markDirty();
-  }
-}