@pellux/goodvibes-tui 1.0.0 → 1.7.0

package/src/panels/agent-inspector-panel.ts

@@ -1,786 +0,0 @@
-// ---------------------------------------------------------------------------
-// AgentInspectorPanel — detailed view of a specific agent's messages and tool
-// calls. WO-110: merged agent-logs-panel.ts in (pause/filter/follow/auto-
-// select/stall-fix) on top of this panel's correct JSONL parser + cancel.
-// ---------------------------------------------------------------------------
-
-import { join } from 'node:path';
-import { readFile } from 'node:fs/promises';
-import type { Line } from '../types/grid.ts';
-import { createEmptyLine } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import type { AgentManager, AgentRecord } from '@pellux/goodvibes-sdk/platform/tools';
-import type { AgentMessageBus } from '@pellux/goodvibes-sdk/platform/agents';
-import type { AgentEvent } from '@/runtime/index.ts';
-import type { UiEventFeed } from '../runtime/ui-events.ts';
-import { logger } from '@pellux/goodvibes-sdk/platform/utils';
-import {
-  buildEmptyState,
-  buildPanelLine,
-  buildSelectablePanelLine,
-  type StyledPanelSegment,
-  buildStyledPanelLine,
-  buildPanelWorkspace,
-  resolveScrollablePanelSection,
-  DEFAULT_PANEL_PALETTE,
-  extendPalette,
-} from './polish.ts';
-import {
-  type ConfirmState,
-  handleConfirmInput,
-} from './confirm-state.ts';
-import { truncateDisplay } from '../utils/terminal-width.ts';
-import { abbreviateCount } from '../utils/format-number.ts';
-import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
-import {
-  type AgentDisplayRow as DisplayRow,
-  type AgentInspectorEntryKind as EntryKind,
-  type AgentTimelineEntry as TimelineEntry,
-  type AgentInspectorFilterType as FilterType,
-  agentKindStyle,
-  formatAgentDuration as formatMs,
-  formatAgentTime as shortTime,
-  jsonlToTimeline,
-  matchesInspectorFilter,
-  buildWrfcCostSegments,
-  subscribeAgentActivity,
-  AGENT_INSPECTOR_FILTER_CYCLE,
-  AGENT_INSPECTOR_FILTER_LABELS,
-  AGENT_TERMINAL_STATUSES,
-  AGENT_STALL_THRESHOLD_MS,
-} from './agent-inspector-shared.ts';
-
-// ---------------------------------------------------------------------------
-// Constants & colour palette
-// ---------------------------------------------------------------------------
-
-const REFRESH_MS = 500;
-const MAX_JSONL_ENTRIES = 200;
-
-// Domain accents only — base chrome (header/headerBg/label/value/dim/selectBg/
-// warn) comes from DEFAULT_PANEL_PALETTE via extendPalette; the title band is
-// the one canonical UI_TONES.bg.title, not a per-panel override.
-const COLOR = extendPalette(DEFAULT_PANEL_PALETTE, {
-  // Agent selector chrome
-  statusBar:   '#222233',
-  separator:   '#333355',
-
-  // Timeline roles
-  user:        '#cc88ff',   // purple
-  assistant:   '#ffffff',   // white
-  tool:        '#00ccff',   // cyan
-  toolResult:  '#66ddff',   // light cyan
-  error:       '#ff6666',   // red
-  system:      '#888888',   // dim grey
-  timestamp:   '#555577',
-
-  // Selector / labels
-  selected:    '#ffee88',
-  expandHint:  '#445566',
-} as const);
-
-// ---------------------------------------------------------------------------
-// AgentInspectorPanel
-// ---------------------------------------------------------------------------
-
-// AGENT_TERMINAL_STATUSES and AGENT_STALL_THRESHOLD_MS imported from agent-inspector-shared.ts
-
-export interface AgentInspectorPanelDeps {
-  readonly agentManager: Pick<AgentManager, 'list' | 'getStatus' | 'cancel'>;
-  readonly agentMessageBus: Pick<AgentMessageBus, 'getMessages'>;
-  readonly workingDirectory: string;
-  /** Cancel the agent by id. Uses the same orphan-free path as WRFC. Returns true if cancelled. */
-  readonly cancelAgent: (agentId: string) => boolean;
-  /** Agent lifecycle feed; drives auto-select-on-spawn + event-driven stall detection (WO-110). */
-  readonly agentEvents: UiEventFeed<AgentEvent>;
-  /**
-   * Request a compositor repaint. The 500ms refresh timer and other async
-   * update paths call this (via markDirty) so live agent output is painted
-   * while the main thread is idle — render() is otherwise only invoked on
-   * input/turn/resize, which makes a running agent's timeline look frozen.
-   * Optional: when omitted the panel still marks dirty and repaints on the
-   * next event.
-   */
-  readonly requestRender?: () => void;
-}
-
-export class AgentInspectorPanel extends BasePanel {
-  // The agent currently being inspected
-  private selectedAgentId: string | null = null;
-
-  // Flattened timeline for the selected agent
-  private timeline: TimelineEntry[] = [];
-
-  // Scroll state
-  private scrollOffset = 0;
-
-  // Cursor index for expand/collapse
-  private cursorIndex = 0;
-
-  // Refresh timer (active only while panel is active)
-  private refreshTimerId: ReturnType<typeof setInterval> | null = null;
-
-  // Row cache — cleared on markDirty(), computed once per render cycle
-  private _cachedRows: DisplayRow[] | null = null;
-
-  /** Pending cancel confirmation — subject is the agent id to cancel. */
-  private confirmCancel: ConfirmState<string> | null = null;
-
-  /** True while this panel is the active view — gates async repaint requests. */
-  private _active = false;
-
-  // ---- ported from agent-logs (WO-110 merge) -------------------------------
-  /** Freezes the 500ms JSONL refresh tick while true; manual navigation still works. */
-  private paused = false;
-  /** When true, cursor snaps to the newest row on every render (tail -f style). */
-  private autoFollow = true;
-  private filter: FilterType = 'all';
-  /** Per-agent last-activity timestamp derived from AGENT_* events — stall detection uses this, not startedAt. */
-  private readonly lastActivityByAgent = new Map<string, number>();
-  private unsubs: Array<() => void> = [];
-
-  constructor(private readonly deps: AgentInspectorPanelDeps) {
-    super('inspector', 'Inspector', 'I', 'agent');
-    this._subscribeAgentEvents();
-  }
-
-  // -------------------------------------------------------------------------
-  // Row cache
-  // -------------------------------------------------------------------------
-
-  private _getCachedRows(): DisplayRow[] {
-    if (!this._cachedRows) this._cachedRows = this._buildVisibleRows();
-    return this._cachedRows;
-  }
-
-  override markDirty(): void {
-    this._cachedRows = null;
-    super.markDirty();
-    // T17: a bare markDirty() does not repaint — render() only runs on
-    // input/turn/resize. While active, ask the compositor for a frame so
-    // timer/async refreshes (live streaming output) are not stuck off-screen.
-    if (this._active) this.deps.requestRender?.();
-  }
-
-  // -------------------------------------------------------------------------
-  // Public API
-  // -------------------------------------------------------------------------
-
-  /** Focus this panel on a specific agent by ID. */
-  inspectAgent(agentId: string): void {
-    this.selectedAgentId = agentId;
-    this.scrollOffset = 0;
-    this.cursorIndex = 0;
-    this.timeline = [];
-    this.autoFollow = true;
-    this.markDirty();
-    this._refreshTimeline().catch((err) => { logger.debug('agent inspector timeline refresh failed', { err }); });
-  }
-
-  // -------------------------------------------------------------------------
-  // Lifecycle
-  // -------------------------------------------------------------------------
-
-  override onActivate(): void {
-    this._active = true;
-    this.needsRender = true;
-    this._startRefresh();
-  }
-
-  override onDeactivate(): void {
-    this._active = false;
-    this._stopRefresh();
-  }
-
-  override onDestroy(): void {
-    this._stopRefresh();
-    for (const unsub of this.unsubs) unsub();
-    this.unsubs = [];
-    super.onDestroy();
-  }
-
-  // -------------------------------------------------------------------------
-  // Input
-  // -------------------------------------------------------------------------
-
-  handleInput(key: string): boolean {
-    // Confirm-cancel flow takes priority — same contract as WRFC panel.
-    if (this.confirmCancel) {
-      const result = handleConfirmInput(this.confirmCancel, key);
-      if (result === 'confirmed') {
-        const rec = this.selectedAgentId
-          ? this.deps.agentManager.getStatus(this.selectedAgentId)
-          : null;
-        if (rec && !AGENT_TERMINAL_STATUSES.has(rec.status)) {
-          this.deps.cancelAgent(rec.id);
-        }
-        this.confirmCancel = null;
-        this.markDirty();
-        return true;
-      }
-      if (result === 'cancelled') {
-        this.confirmCancel = null;
-        this.markDirty();
-      }
-      // absorbed: confirm stays pending
-      return true;
-    }
-
-    switch (key) {
-      case 'up':       this._moveCursor(-1);         return true;
-      case 'down':     this._moveCursor(1);           return true;
-      case 'pageup':   this._scroll(-10);             return true;
-      case 'pagedown': this._scroll(10);              return true;
-      case 'return':   this._toggleExpand();          return true;
-      case 'tab':      this._nextAgent();             return true;
-      case 'c':        this._beginCancelConfirm();    return true;
-      case ' ':        this._togglePause();           return true;
-      case 'f':        this._cycleFilter();           return true;
-      case 'g':        this._jumpTop();               return true;
-      case 'G':        this._jumpBottom();            return true;
-      default:         return false;
-    }
-  }
-
-  // -------------------------------------------------------------------------
-  // Render
-  // -------------------------------------------------------------------------
-
-  render(width: number, height: number): Line[] {
-    if (height <= 0 || width <= 0) return [];
-
-    const manager = this.deps.agentManager;
-    const agents = manager.list();
-    const rec = this.selectedAgentId
-      ? manager.getStatus(this.selectedAgentId)
-      : null;
-    const selectorLine = this._renderSelector(width, agents);
-    const summaryLines = [
-      buildPanelLine(width, [
-        [' Agents ', DEFAULT_PANEL_PALETTE.label],
-        [String(agents.length), DEFAULT_PANEL_PALETTE.value],
-        ['   Selected ', DEFAULT_PANEL_PALETTE.label],
-        [this.selectedAgentId ? this.selectedAgentId.slice(-8) : 'none', this.selectedAgentId ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-        ['   Filter ', DEFAULT_PANEL_PALETTE.label],
-        [AGENT_INSPECTOR_FILTER_LABELS[this.filter], DEFAULT_PANEL_PALETTE.info],
-        ['   Mode ', DEFAULT_PANEL_PALETTE.label],
-        [this.paused ? 'paused' : this.autoFollow ? 'auto-follow' : 'manual', this.paused ? DEFAULT_PANEL_PALETTE.warn : this.autoFollow ? DEFAULT_PANEL_PALETTE.good : DEFAULT_PANEL_PALETTE.dim],
-      ]),
-    ];
-
-    if (!rec) {
-      return buildPanelWorkspace(width, height, {
-        title: ` Inspector [${agents.length} agent${agents.length !== 1 ? 's' : ''}]`,
-        intro: 'Inspect a selected agent timeline, tool activity, expanded details, and live/historical message flow.',
-        sections: [
-          { title: 'Summary', lines: summaryLines },
-          { title: 'Agents', lines: [selectorLine] },
-          {
-            lines: buildEmptyState(
-              width,
-              agents.length === 0 ? ' No agents running' : ' No agent selected',
-              agents.length === 0
-                ? 'Spawn an agent to inspect its live and historical timeline, tool calls, and output.'
-                : 'Press Tab to cycle through available agents and open one in the inspector.',
-              agents.length === 0
-                ? [{ command: '/spawn <task>', summary: 'launch an agent, then Tab here to inspect its timeline' }]
-                : [{ command: 'Tab', summary: 'select the first available agent' }],
-              DEFAULT_PANEL_PALETTE,
-            ),
-          },
-        ],
-        footerLines: [
-          buildPanelLine(width, [[' Tab', DEFAULT_PANEL_PALETTE.info], [' cycle agents', DEFAULT_PANEL_PALETTE.dim], ['   Up/Down', DEFAULT_PANEL_PALETTE.info], [' navigate', DEFAULT_PANEL_PALETTE.dim], ['   Enter', DEFAULT_PANEL_PALETTE.info], [' expand', DEFAULT_PANEL_PALETTE.dim]]),
-        ],
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    summaryLines.push(this._renderAgentInfoSummary(width, rec));
-    const wrfcCostLine = this._renderWrfcCostLine(width, rec);
-    if (wrfcCostLine) summaryLines.push(wrfcCostLine);
-    const now = Date.now();
-    const isStalled = this._isAgentStalled(rec, now);
-    if (isStalled) {
-      summaryLines.push(buildPanelLine(width, [['  STALLED', COLOR.warn], [' — no activity for 5+ minutes', DEFAULT_PANEL_PALETTE.dim]]));
-    }
-    const allRows = this._getCachedRows();
-    if (allRows.length === 0) {
-      return buildPanelWorkspace(width, height, {
-        title: ` Inspector [${agents.length} agent${agents.length !== 1 ? 's' : ''}]`,
-        intro: 'Inspect a selected agent timeline, tool activity, expanded details, and live/historical message flow.',
-        sections: [
-          { title: 'Summary', lines: summaryLines },
-          { title: 'Agents', lines: [selectorLine] },
-          {
-            lines: buildEmptyState(
-              width,
-              ' No messages yet',
-              rec.status === 'running'
-                ? 'The selected agent is running but has not emitted visible timeline entries yet — live output streams in as it works.'
-                : 'The selected agent has not emitted any visible timeline entries.',
-              rec.status === 'running'
-                ? [{ command: 'c', summary: 'cancel this running agent if it appears stalled' }]
-                : [{ command: 'Tab', summary: 'cycle to another agent with timeline activity' }],
-              DEFAULT_PANEL_PALETTE,
-            ),
-          },
-        ],
-        footerLines: [
-          buildPanelLine(width, [
-            [' Tab', DEFAULT_PANEL_PALETTE.info], [' cycle agents', DEFAULT_PANEL_PALETTE.dim],
-            ['   Up/Down', DEFAULT_PANEL_PALETTE.info], [' navigate', DEFAULT_PANEL_PALETTE.dim],
-            ['   Enter', DEFAULT_PANEL_PALETTE.info], [' expand', DEFAULT_PANEL_PALETTE.dim],
-            ['   Space', DEFAULT_PANEL_PALETTE.info], [this.paused ? ' resume' : ' pause', DEFAULT_PANEL_PALETTE.dim],
-            ['   f', DEFAULT_PANEL_PALETTE.info], [' filter', DEFAULT_PANEL_PALETTE.dim],
-          ]),
-        ],
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    if (this.autoFollow) {
-      this.cursorIndex = allRows.length - 1;
-    } else {
-      this.cursorIndex = Math.max(0, Math.min(this.cursorIndex, allRows.length - 1));
-    }
-    const selectedRec = this.selectedAgentId
-      ? this.deps.agentManager.getStatus(this.selectedAgentId)
-      : null;
-    const cancellable = selectedRec && !AGENT_TERMINAL_STATUSES.has(selectedRec.status);
-    const summarySection = { title: 'Summary', lines: summaryLines } as const;
-    const agentsSection = { title: 'Agents', lines: [selectorLine] } as const;
-
-    // Confirm-cancel overlay section.
-    const confirmSection = this.confirmCancel ? {
-      title: 'Confirm Cancel',
-      lines: [
-        buildPanelLine(width, [
-          [' Cancel agent "', DEFAULT_PANEL_PALETTE.warn],
-          [this.confirmCancel.label, DEFAULT_PANEL_PALETTE.value],
-          ['"?', DEFAULT_PANEL_PALETTE.warn],
-        ]),
-        buildPanelLine(width, [
-          [' y', DEFAULT_PANEL_PALETTE.info], ['  confirm', DEFAULT_PANEL_PALETTE.dim],
-          ['   Enter', DEFAULT_PANEL_PALETTE.info], ['  confirm', DEFAULT_PANEL_PALETTE.dim],
-          ['   n / Esc', DEFAULT_PANEL_PALETTE.info], ['  cancel', DEFAULT_PANEL_PALETTE.dim],
-        ]),
-      ],
-    } : null;
-
-    const cancelHintFg = cancellable ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim;
-    const footerLine = buildPanelLine(width, [
-      [` L${this.cursorIndex + 1}/${allRows.length}`, DEFAULT_PANEL_PALETTE.dim],
-      ['   Tab', DEFAULT_PANEL_PALETTE.info], [' cycle agents', DEFAULT_PANEL_PALETTE.dim],
-      ['   Up/Down', DEFAULT_PANEL_PALETTE.info], [' navigate', DEFAULT_PANEL_PALETTE.dim],
-      ['   Enter', DEFAULT_PANEL_PALETTE.info], [' expand', DEFAULT_PANEL_PALETTE.dim],
-      ['   Space', DEFAULT_PANEL_PALETTE.info], [this.paused ? ' resume' : ' pause', DEFAULT_PANEL_PALETTE.dim],
-      ['   f', DEFAULT_PANEL_PALETTE.info], [' filter', DEFAULT_PANEL_PALETTE.dim],
-      ['   g/G', DEFAULT_PANEL_PALETTE.info], [this.autoFollow ? ' top/follow' : ' top/bottom', DEFAULT_PANEL_PALETTE.dim],
-      ['   c', cancelHintFg], [cancellable ? ' cancel' : ' cancel (n/a)', DEFAULT_PANEL_PALETTE.dim],
-    ]);
-
-    const timelineSection = resolveScrollablePanelSection(width, height, {
-      intro: 'Inspect a selected agent timeline, tool activity, expanded details, and live/historical message flow.',
-      footerLines: [footerLine],
-      palette: DEFAULT_PANEL_PALETTE,
-      beforeSections: [summarySection, agentsSection],
-      section: {
-        title: 'Timeline',
-        scrollableLines: allRows.map((row, index) => this._renderTimelineRow(width, row, index === this.cursorIndex)),
-        selectedIndex: this.cursorIndex,
-        scrollOffset: this.scrollOffset,
-        minRows: 8,
-      },
-      afterSections: confirmSection ? [confirmSection] : undefined,
-    });
-    this.scrollOffset = timelineSection.scrollOffset;
-
-    const sections = [
-      summarySection,
-      agentsSection,
-      timelineSection.section,
-      ...(confirmSection ? [confirmSection] : []),
-    ];
-
-    return buildPanelWorkspace(width, height, {
-      title: ` Inspector [${agents.length} agent${agents.length !== 1 ? 's' : ''}]`,
-      intro: 'Inspect a selected agent timeline, tool activity, expanded details, and live/historical message flow.',
-      sections,
-      footerLines: [footerLine],
-      palette: DEFAULT_PANEL_PALETTE,
-    });
-  }
-
-  private _renderSelector(
-    width: number,
-    agents: AgentRecord[],
-  ): Line {
-    if (agents.length === 0) {
-      return buildStyledPanelLine(width, [
-        { text: ' (no agents)', fg: COLOR.dim, bg: COLOR.statusBar, dim: true },
-      ]);
-    }
-    const segments: StyledPanelSegment[] = [{ text: ' ', fg: COLOR.dim, bg: COLOR.statusBar }];
-    for (const agent of agents) {
-      const isSelected = agent.id === this.selectedAgentId;
-      const shortId = agent.id.slice(-8);
-      const badge = ` ${shortId} `;
-      segments.push({
-        text: badge,
-        fg: isSelected ? COLOR.selected : COLOR.dim,
-        bg: COLOR.statusBar,
-        bold: isSelected,
-      });
-      segments.push({ text: '│', fg: COLOR.separator, bg: COLOR.statusBar });
-    }
-    return buildStyledPanelLine(width, segments);
-  }
-
-  private _renderAgentInfoSummary(width: number, rec: AgentRecord): Line {
-    const now = Date.now();
-    const elapsed = (rec.completedAt ?? now) - rec.startedAt;
-    const taskPreview = rec.task.split('\n')[0] ?? '';
-    const maxTask = Math.max(0, width - 40);
-    const taskDisplay = truncateDisplay(taskPreview, maxTask);
-    return buildPanelLine(width, [
-      [' Status ', DEFAULT_PANEL_PALETTE.label],
-      [rec.status.toUpperCase(), rec.status === 'running' ? DEFAULT_PANEL_PALETTE.good : rec.status === 'failed' ? DEFAULT_PANEL_PALETTE.bad : DEFAULT_PANEL_PALETTE.dim],
-      ['   Duration ', DEFAULT_PANEL_PALETTE.label],
-      [formatMs(elapsed), DEFAULT_PANEL_PALETTE.value],
-      ['   Tools ', DEFAULT_PANEL_PALETTE.label],
-      [String(rec.toolCallCount), DEFAULT_PANEL_PALETTE.info],
-      // SDK 0.23.0: show addendum indicator when WRFC injected a constraint addendum
-      ...(rec.systemPromptAddendum
-        ? [['   Addendum ', DEFAULT_PANEL_PALETTE.label] as [string, string], ['yes', DEFAULT_PANEL_PALETTE.info] as [string, string]]
-        : []),
-      ['   Task ', DEFAULT_PANEL_PALETTE.label],
-      [taskDisplay, DEFAULT_PANEL_PALETTE.value],
-    ]);
-  }
-
-  /** WRFC badge + per-agent tokens/cost (WO-110); null when neither applies. */
-  private _renderWrfcCostLine(width: number, rec: AgentRecord): Line | null {
-    const segments = buildWrfcCostSegments(rec, DEFAULT_PANEL_PALETTE, abbreviateCount);
-    return segments ? buildPanelLine(width, segments) : null;
-  }
-
-  // -------------------------------------------------------------------------
-  // Timeline row rendering
-  // -------------------------------------------------------------------------
-
-  private _renderTimelineRow(
-    width: number,
-    row: DisplayRow,
-    isCursor: boolean,
-  ): Line {
-    const bg = isCursor ? COLOR.selectBg : '';
-    const ts = shortTime(row.timestamp);
-    const { fg, prefix } = agentKindStyle(row.kind, COLOR);
-    const hint = row.hasDetail ? (row.expanded ? ' ▾' : ' ▸') : '';
-    const prefixText = `${isCursor ? '▸' : ' '} ${ts} ${prefix} `;
-    const reserved = prefixText.length + hint.length;
-    const contentBudget = Math.max(0, width - reserved);
-    const text = truncateDisplay(row.content, contentBudget);
-
-    return buildSelectablePanelLine(width, [
-      { text: isCursor ? '▸' : ' ', fg: COLOR.selected, bg, bold: isCursor },
-      { text: ' ', fg: COLOR.value, bg },
-      { text: ts, fg: COLOR.timestamp, bg, dim: true },
-      { text: ' ', fg: COLOR.value, bg },
-      { text: prefix, fg, bg, bold: true },
-      { text: ' ', fg: COLOR.value, bg },
-      { text: text, fg: COLOR.value, bg },
-      { text: hint.length > 0 ? hint.padStart(Math.max(hint.length, width - (prefixText.length + text.length))) : '', fg: COLOR.expandHint, bg, dim: true },
-    ], { selected: isCursor, selectedBg: bg, fillFg: isCursor ? COLOR.selected : '' });
-  }
-
-  // -------------------------------------------------------------------------
-  // Private — data
-  // -------------------------------------------------------------------------
-
-  /** Flat DisplayRow list from timeline + expanded detail sub-rows, filtered by `this.filter`. */
-  private _buildVisibleRows(): DisplayRow[] {
-    const rows: DisplayRow[] = [];
-
-    // Merge bus messages (live) + JSONL (historical), sorted by timestamp
-    const busEntries = this._busToTimeline();
-    const merged = [...this.timeline, ...busEntries];
-
-    // T13: the JSONL timeline only records coarse per-turn summaries
-    // ([assistant] N chars, M tool calls) and never the model's actual text,
-    // so a mid-turn agent looks idle here. Surface the selected agent's live
-    // streaming output while it runs, and its final output once terminal.
-    const liveRec = this.selectedAgentId
-      ? this.deps.agentManager.getStatus(this.selectedAgentId)
-      : null;
-    if (liveRec) {
-      const liveEntry = this._buildLiveOutputEntry(liveRec);
-      if (liveEntry) merged.push(liveEntry);
-    }
-
-    merged.sort((a, b) => a.timestamp - b.timestamp);
-
-    // Entries are filtered against `this.filter` here (WO-110).
-    for (const entry of merged) {
-      if (!matchesInspectorFilter(entry.kind, this.filter)) continue;
-
-      rows.push({
-        kind: entry.kind,
-        timestamp: entry.timestamp,
-        content: entry.content,
-        hasDetail: !!entry.detail,
-        expanded: entry.expanded,
-        entryRef: entry,
-      });
-
-      // If expanded and has detail — insert sub-rows
-      if (entry.expanded && entry.detail) {
-        const detailLines = entry.detail.split('\n');
-        for (const dl of detailLines) {
-          rows.push({
-            kind: 'tool_result',
-            timestamp: entry.timestamp,
-            content: dl,
-            hasDetail: false,
-            expanded: false,
-            entryRef: null,
-          });
-        }
-      }
-    }
-
-    return rows;
-  }
-
-  private _busToTimeline(): TimelineEntry[] {
-    if (!this.selectedAgentId) return [];
-    const messages = this.deps.agentMessageBus.getMessages(this.selectedAgentId);
-    const DEDUP_WINDOW_MS = 2000;
-    const seen = new Map<string, number>(); // hash -> last timestamp
-    const result: TimelineEntry[] = [];
-    for (const msg of messages) {
-      const isFromUser = msg.from === 'orchestrator' || msg.from === 'system';
-      const kind: EntryKind = isFromUser ? 'user' : 'assistant';
-      const contentSnippet = msg.content.slice(0, 50);
-      const dedupKey = `${kind}:${contentSnippet}`;
-      const lastSeen = seen.get(dedupKey);
-      if (lastSeen !== undefined && msg.timestamp - lastSeen < DEDUP_WINDOW_MS) {
-        continue;
-      }
-      seen.set(dedupKey, msg.timestamp);
-      result.push({
-        kind,
-        timestamp: msg.timestamp,
-        label: msg.from,
-        content: truncateDisplay(msg.content, 200),
-        expanded: false,
-      } satisfies TimelineEntry);
-    }
-    return result;
-  }
-
-  /**
-   * Build a synthetic timeline entry exposing the selected agent's live model
-   * output. While the agent runs this is the streaming token buffer
-   * (tail-truncated like AgentDetailModal); once it terminates it is the final
-   * assistant text (expandable). Exactly one is produced — the SDK clears
-   * streamingContent on completion — so live and final rows never coexist.
-   * Returns null when there is nothing to show.
-   */
-  private _buildLiveOutputEntry(rec: AgentRecord): TimelineEntry | null {
-    const STREAM_MAX_CHARS = 500;
-    if (rec.status === 'running' && rec.streamingContent) {
-      const sc = rec.streamingContent;
-      const truncated = sc.length > STREAM_MAX_CHARS;
-      const tail = (truncated ? sc.slice(-STREAM_MAX_CHARS) : sc)
-        .replace(/\s+/g, ' ')
-        .trim();
-      return {
-        kind: 'assistant',
-        timestamp: Date.now(),
-        label: 'streaming',
-        content: `(live) ${truncated ? '…' : ''}${tail}`,
-        expanded: false,
-      } satisfies TimelineEntry;
-    }
-    if (AGENT_TERMINAL_STATUSES.has(rec.status) && rec.fullOutput) {
-      const fo = rec.fullOutput;
-      const firstLine = (fo.split('\n').find((l) => l.trim().length > 0) ?? '').trim();
-      return {
-        kind: 'assistant',
-        timestamp: rec.completedAt ?? Date.now(),
-        label: 'output',
-        content: `(final) ${firstLine}`,
-        detail: fo,
-        expanded: false,
-      } satisfies TimelineEntry;
-    }
-    return null;
-  }
-
-  // -------------------------------------------------------------------------
-  // Private — refresh
-  // -------------------------------------------------------------------------
-
-  private async _refreshTimeline(): Promise<void> {
-    if (!this.selectedAgentId) return;
-    try {
-      const sessionFile = join(
-        this.deps.workingDirectory,
-        '.goodvibes', 'tui', 'sessions',
-        `${this.selectedAgentId}.jsonl`,
-      );
-      const raw = await readFile(sessionFile, 'utf-8');
-      const logLines = raw.trim().split('\n').filter(Boolean);
-      const rows = logLines
-        .slice(-MAX_JSONL_ENTRIES)
-        .map((line) => {
-          try { return JSON.parse(line) as Record<string, unknown>; }
-          catch { return null; }
-        })
-        .filter((r): r is Record<string, unknown> => r !== null);
-      this.timeline = jsonlToTimeline(rows);
-    } catch (err) {
-      const code = (err as NodeJS.ErrnoException).code;
-      if (code !== 'ENOENT') {
-        logger.debug('AgentInspectorPanel: failed to load session log', { error: summarizeError(err) });
-      }
-      this.timeline = [];
-    }
-    this.markDirty();
-  }
-
-  private _startRefresh(): void {
-    if (this.refreshTimerId) return;
-    this.refreshTimerId = this.registerTimer(setInterval(() => {
-      // WO-110: Space pause/resume freezes the JSONL tail (ported from
-      // agent-logs); manual navigation and agent switching still work.
-      if (this.paused) return;
-      this._refreshTimeline().catch((err) => { logger.debug('agent inspector timeline refresh tick failed', { err }); });
-    }, REFRESH_MS));
-  }
-
-  private _stopRefresh(): void {
-    if (this.refreshTimerId) {
-      this.clearTimer(this.refreshTimerId);
-      this.refreshTimerId = null;
-    }
-  }
-
-  // -------------------------------------------------------------------------
-  // Private — agent lifecycle event subscriptions (WO-110 merge)
-  // -------------------------------------------------------------------------
-
-  /** Auto-select-on-spawn + real event-driven last-activity (stall fix), ported from agent-logs. */
-  private _subscribeAgentEvents(): void {
-    this.unsubs.push(...subscribeAgentActivity(this.deps.agentEvents, {
-      onActivity: (agentId) => {
-        this.lastActivityByAgent.set(agentId, Date.now());
-        if (!this.paused && agentId === this.selectedAgentId) this.markDirty();
-      },
-      onSpawn: (agentId) => {
-        const current = this.selectedAgentId ? this.deps.agentManager.getStatus(this.selectedAgentId) : null;
-        if (!current || AGENT_TERMINAL_STATUSES.has(current.status)) this.inspectAgent(agentId);
-      },
-      onTerminal: (agentId) => {
-        this.lastActivityByAgent.delete(agentId);
-        this.markDirty();
-      },
-    }));
-  }
-
-  private _togglePause(): void {
-    this.paused = !this.paused;
-    this.markDirty();
-  }
-
-  private _cycleFilter(): void {
-    const idx = AGENT_INSPECTOR_FILTER_CYCLE.indexOf(this.filter);
-    this.filter = AGENT_INSPECTOR_FILTER_CYCLE[(idx + 1) % AGENT_INSPECTOR_FILTER_CYCLE.length]!;
-    this.cursorIndex = 0;
-    this.markDirty();
-  }
-
-  private _jumpTop(): void {
-    this.autoFollow = false;
-    this.cursorIndex = 0;
-    this.markDirty();
-  }
-
-  private _jumpBottom(): void {
-    this.autoFollow = true;
-    this.markDirty();
-  }
-
-  // -------------------------------------------------------------------------
-  // Private — navigation
-  // -------------------------------------------------------------------------
-
-  private _moveCursor(delta: number): void {
-    const rows = this._getCachedRows();
-    if (rows.length === 0) return;
-    this.cursorIndex = Math.max(0, Math.min(rows.length - 1, this.cursorIndex + delta));
-    this.markDirty();
-  }
-
-  private _scroll(delta: number): void {
-    this._moveCursor(delta);
-  }
-
-  private _toggleExpand(): void {
-    const rows = this._getCachedRows();
-    const row = rows[this.cursorIndex];
-    if (!row?.entryRef || !row.hasDetail) return;
-    row.entryRef.expanded = !row.entryRef.expanded;
-    this.markDirty();
-  }
-
-  private _nextAgent(): void {
-    const agents = this.deps.agentManager.list();
-    if (agents.length === 0) return;
-
-    if (!this.selectedAgentId) {
-      this.inspectAgent(agents[0]!.id);
-      return;
-    }
-
-    const idx = agents.findIndex(a => a.id === this.selectedAgentId);
-    const next = agents[(idx + 1) % agents.length];
-    if (next) {
-      this.inspectAgent(next.id);
-    }
-  }
-
-  // -------------------------------------------------------------------------
-  // Private — cancel + stall
-  // -------------------------------------------------------------------------
-
-  /** Initiate cancel-confirm flow for the selected agent (noop if terminal or none selected). */
-  private _beginCancelConfirm(): void {
-    if (!this.selectedAgentId) return;
-    const rec = this.deps.agentManager.getStatus(this.selectedAgentId);
-    if (!rec || AGENT_TERMINAL_STATUSES.has(rec.status)) return;
-    const firstLine = rec.task.split('\n')[0];
-    const label = firstLine ? truncateDisplay(firstLine, 40) : rec.id.slice(-8);
-    this.confirmCancel = { subject: rec.id, label };
-    this.markDirty();
-  }
-
-  /** Stalled = non-terminal + no AGENT_* activity for AGENT_STALL_THRESHOLD_MS (not just elapsed-since-start). */
-  private _isAgentStalled(rec: AgentRecord, now: number): boolean {
-    if (AGENT_TERMINAL_STATUSES.has(rec.status)) return false;
-    const lastActivity = this.lastActivityByAgent.get(rec.id) ?? rec.startedAt;
-    return (now - lastActivity) >= AGENT_STALL_THRESHOLD_MS;
-  }
-
-  /**
-   * Count of all tracked agents that are stalled (non-terminal, no activity
-   * for AGENT_STALL_THRESHOLD_MS). Exposed so callers can aggregate a
-   * stalledAgentCount for cockpit / roster read-models.
-   */
-  getStalledAgentCount(): number {
-    const now = Date.now();
-    return this.deps.agentManager.list().filter(rec => this._isAgentStalled(rec, now)).length;
-  }
-}