@pellux/goodvibes-tui 0.27.0 → 0.29.0

package/src/panels/agent-logs-shared.ts

@@ -1,129 +0,0 @@
-export type AgentLogFilterType = 'all' | 'assistant' | 'tool' | 'error';
-
-export interface AgentLogEntry {
-  raw: Record<string, unknown>;
-  type: string;
-  text: string;
-  color: string;
-  bold: boolean;
-}
-
-export const AGENT_LOG_FILTER_LABELS: Record<AgentLogFilterType, string> = {
-  all: 'All',
-  assistant: 'Assistant',
-  tool: 'Tool',
-  error: 'Error',
-};
-
-export const AGENT_LOG_FILTER_CYCLE: AgentLogFilterType[] = ['all', 'assistant', 'tool', 'error'];
-
-export const AGENT_LOG_COLORS = {
-  header_bg: '235',
-  header_fg: '250',
-  header_accent: '#00ffff',
-  header_label: '244',
-  agent_selected: '#00ffff',
-  agent_running: '#00ff87',
-  agent_pending: '220',
-  agent_done: '244',
-  agent_error: '#ff5f5f',
-  assistant: '255',
-  tool: '#00e5ff',
-  error: '#ff5f5f',
-  dim: '240',
-  paused: '220',
-  auto_follow: '#00ff87',
-  session_start: '238',
-  separator: '237',
-  filter_active: '#00ffff',
-  filter_inactive: '244',
-} as const;
-
-export function parseAgentJsonl(content: string): AgentLogEntry[] {
-  const entries: AgentLogEntry[] = [];
-  for (const line of content.split('\n')) {
-    const trimmed = line.trim();
-    if (!trimmed) continue;
-    try {
-      const obj = JSON.parse(trimmed) as Record<string, unknown>;
-      entries.push(toAgentLogEntry(obj));
-    } catch {
-      // ignore malformed lines
-    }
-  }
-  return entries;
-}
-
-export function toAgentLogEntry(obj: Record<string, unknown>): AgentLogEntry {
-  const type = typeof obj.type === 'string' ? obj.type : 'unknown';
-  switch (type) {
-    case 'meta':
-    case 'session_start': {
-      const agentId = String(obj.agentId ?? '');
-      const model = String(obj.model ?? '');
-      const provider = String(obj.provider ?? '');
-      const ts = String(obj.timestamp ?? '').replace('T', ' ').replace(/\.\d+Z$/, '');
-      return {
-        raw: obj,
-        type: 'session_start',
-        text: `[${ts}] Session started  agent=${agentId}  model=${model}  provider=${provider}`,
-        color: AGENT_LOG_COLORS.session_start,
-        bold: false,
-      };
-    }
-    case 'assistant':
-      return {
-        raw: obj,
-        type: 'assistant',
-        text: String(obj.content ?? obj.text ?? ''),
-        color: AGENT_LOG_COLORS.assistant,
-        bold: false,
-      };
-    case 'tool_call': {
-      const tool = String(obj.tool ?? obj.name ?? '');
-      const args = obj.args ?? obj.arguments ?? {};
-      const argsStr = typeof args === 'string' ? args : JSON.stringify(args);
-      return {
-        raw: obj,
-        type: 'tool',
-        text: `[tool] ${tool}  ${argsStr.slice(0, 120)}`,
-        color: AGENT_LOG_COLORS.tool,
-        bold: false,
-      };
-    }
-    case 'tool_result': {
-      const tool = String(obj.tool ?? obj.name ?? '');
-      const result = obj.result ?? obj.output ?? '';
-      const resultStr = typeof result === 'string' ? result : JSON.stringify(result);
-      return {
-        raw: obj,
-        type: 'tool',
-        text: `[result] ${tool}  ${resultStr.slice(0, 120)}`,
-        color: AGENT_LOG_COLORS.tool,
-        bold: false,
-      };
-    }
-    case 'error':
-      return {
-        raw: obj,
-        type: 'error',
-        text: `[error] ${String(obj.error ?? obj.message ?? obj.msg ?? JSON.stringify(obj))}`,
-        color: AGENT_LOG_COLORS.error,
-        bold: true,
-      };
-    default: {
-      const text = typeof obj.text === 'string'
-        ? obj.text
-        : typeof obj.content === 'string'
-          ? obj.content
-          : `[${type}] ${JSON.stringify(obj).slice(0, 120)}`;
-      return {
-        raw: obj,
-        type,
-        text,
-        color: AGENT_LOG_COLORS.dim,
-        bold: false,
-      };
-    }
-  }
-}

package/src/panels/context-visualizer-panel.ts

@@ -1,214 +0,0 @@
-// ---------------------------------------------------------------------------
-// ContextVisualizerPanel — stacked bar showing context window composition.
-// ---------------------------------------------------------------------------
-
-import type { ConfigManager } from '@pellux/goodvibes-sdk/platform/config';
-import type { Line } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import { evaluateSessionMaintenance } from '@/runtime/index.ts';
-import type { TurnEvent } from '@/runtime/index.ts';
-import type { UiEventFeed } from '../runtime/ui-events.ts';
-import type { UiReadModel, UiSessionSnapshot } from '../runtime/ui-read-models.ts';
-import type { SessionMemoryQuery } from '../runtime/ui-service-queries.ts';
-import {
-  buildEmptyState,
-  buildGuidanceLine,
-  buildMeterLine,
-  buildPanelLine,
-  buildStyledPanelLine,
-  buildPanelWorkspace,
-  DEFAULT_PANEL_PALETTE,
-  extendPalette,
-} from './polish.ts';
-
-const C = extendPalette(DEFAULT_PANEL_PALETTE, {
-  convFg: '#cc99ff',
-});
-
-
-
-interface ContextSnapshot {
-  input: number;
-  limit: number;
-}
-
-function formatK(n: number): string {
-  if (n >= 1000) return `${(n / 1000).toFixed(1)}k`;
-  return String(n);
-}
-
-export class ContextVisualizerPanel extends BasePanel {
-  private snapshot: ContextSnapshot = { input: 0, limit: 0 };
-  private unsubs: Array<() => void> = [];
-  private readonly sessionMemoryStore: SessionMemoryQuery;
-
-  constructor(
-    private readonly turnEvents: UiEventFeed<TurnEvent>,
-    sessionMemoryStore: SessionMemoryQuery,
-    private readonly configManager: Pick<ConfigManager, 'get'>,
-    private getUsage?: () => { input: number; output: number; cacheRead: number; cacheWrite: number; model?: string },
-    private contextLimit?: number | (() => number),
-    private sessionReadModel?: UiReadModel<UiSessionSnapshot>,
-    private getLastInputTokens?: () => number,
-  ) {
-    super('context', 'Context', 'C', 'ai');
-    this.sessionMemoryStore = sessionMemoryStore;
-    this._attachBus();
-    this._refresh();
-  }
-
-  override onActivate(): void {
-    this.needsRender = true;
-    this._refresh();
-  }
-
-  override onDeactivate(): void {
-    super.onDeactivate();
-  }
-
-  override onDestroy(): void {
-    this._detachBus();
-  }
-
-  render(width: number, height: number): Line[] {
-    return this.trackedRender(() => {
-    if (height <= 0 || width <= 0) return [];
-
-    const input = this.snapshot.input;
-    const limit = this.snapshot.limit;
-    const pct = limit > 0 ? Math.min(100, Math.round((input / limit) * 100)) : 0;
-    const barWidth = Math.max(1, width - 2);
-    const overLimit = limit > 0 && input > limit;
-    const fg = overLimit ? C.bad : C.convFg;
-    if (limit <= 0) {
-      return buildPanelWorkspace(width, height, {
-        title: ' Context Usage',
-        intro: 'Visualize current input-token pressure against the active model context window.',
-        sections: [
-          {
-            lines: buildEmptyState(
-              width,
-              ' Context limit unavailable',
-              'Select a model with a known context window and submit or complete a turn to populate live context usage.',
-              [],
-              DEFAULT_PANEL_PALETTE,
-            ),
-          },
-        ],
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    return buildPanelWorkspace(width, height, {
-      title: ' Context Usage',
-      intro: 'Visualize current input-token pressure against the active model context window.',
-      sections: [
-        {
-          title: 'Summary',
-          lines: [
-            buildPanelLine(width, [
-              [' Input ', DEFAULT_PANEL_PALETTE.label],
-              [formatK(input), DEFAULT_PANEL_PALETTE.value],
-              ['   Limit ', DEFAULT_PANEL_PALETTE.label],
-              [formatK(limit), DEFAULT_PANEL_PALETTE.info],
-              ['   Fill ', DEFAULT_PANEL_PALETTE.label],
-              [`${pct}%`, overLimit ? DEFAULT_PANEL_PALETTE.bad : DEFAULT_PANEL_PALETTE.good],
-            ]),
-          ],
-        },
-        {
-          title: 'Usage',
-          lines: [
-            this._renderBar(width, barWidth, input, limit),
-            this._renderSegLine(width, 'Input tokens', input, pct, fg),
-            buildPanelLine(width, [[` ${formatK(input)} / ${formatK(limit)} tokens  (${pct}%)  Refreshes each LLM call`, DEFAULT_PANEL_PALETTE.dim]]),
-          ],
-        },
-        {
-          title: 'Maintenance',
-          lines: this._renderMaintenance(width),
-        },
-      ],
-      palette: DEFAULT_PANEL_PALETTE,
-    });
-    });
-  }
-
-  private _renderBar(width: number, barWidth: number, input: number, limit: number): Line {
-    const filled = limit > 0 ? Math.min(barWidth, Math.round((input / limit) * barWidth)) : 0;
-    const overLimit = limit > 0 && input > limit;
-    const barFg = overLimit ? C.bad : C.convFg;
-    return buildMeterLine(width, filled, barWidth, {
-      filled: barFg,
-      empty: C.empty,
-      label: DEFAULT_PANEL_PALETTE.dim,
-    });
-  }
-
-  private _renderSegLine(width: number, label: string, val: number, pct: number, fg: string): Line {
-    const labelPadded = `  ${label}`.padEnd(22);
-    const valStr = formatK(val).padStart(7);
-    const pctStr = `${pct}%`.padStart(5);
-    return buildStyledPanelLine(width, [
-      { text: labelPadded, fg: C.label },
-      { text: valStr, fg },
-      { text: '  ', fg: DEFAULT_PANEL_PALETTE.dim },
-      { text: pctStr, fg },
-    ]);
-  }
-
-  private _refresh(): void {
-    // Resolve the context window live so the panel tracks /model switches when a
-    // getter is supplied; a plain number stays fixed at its provided value.
-    this.snapshot.limit =
-      typeof this.contextLimit === 'function' ? this.contextLimit() : (this.contextLimit ?? 0);
-    // Prefer the live per-call input occupancy (cache-inclusive, matching the
-    // Tokens panel and the auto-compaction threshold) when a getter is wired;
-    // otherwise fall back to the cumulative usage input.
-    const lastInput = this.getLastInputTokens?.();
-    if (lastInput !== undefined) {
-      this.snapshot.input = lastInput;
-    } else {
-      const usage = this.getUsage?.();
-      if (usage) {
-        this.snapshot.input = usage.input;
-      }
-    }
-    this.markDirty();
-  }
-
-  private _renderMaintenance(width: number): Line[] {
-    const status = evaluateSessionMaintenance({
-      configManager: this.configManager,
-      currentTokens: this.snapshot.input,
-      contextWindow: this.snapshot.limit,
-      sessionMemoryCount: this.sessionMemoryStore.list().length,
-      session: this.sessionReadModel?.getSnapshot().session,
-    });
-    const lines: Line[] = [
-      buildPanelLine(width, [[` ${status.summary}`, DEFAULT_PANEL_PALETTE.label]]),
-    ];
-    if (status.reasons[0]) {
-      lines.push(buildPanelLine(width, [[` ${status.reasons[0]}`, DEFAULT_PANEL_PALETTE.dim]]));
-    }
-    if (status.guidanceMode !== 'off' && status.nextSteps[0]) {
-      lines.push(buildGuidanceLine(width, status.nextSteps[0], 'open the suggested maintenance action', DEFAULT_PANEL_PALETTE));
-    }
-    return lines;
-  }
-
-  private _attachBus(): void {
-    if (this.unsubs.length > 0) return;
-    this.unsubs.push(this.turnEvents.on('TURN_COMPLETED', () => {
-      this._refresh();
-    }));
-    this.unsubs.push(this.turnEvents.on('TURN_SUBMITTED', () => {
-      this._refresh();
-    }));
-  }
-
-  private _detachBus(): void {
-    for (const unsub of this.unsubs) unsub();
-    this.unsubs = [];
-  }
-}

package/src/panels/forensics-panel.ts

@@ -1,364 +0,0 @@
-/**
- * ForensicsPanel — failure forensics TUI panel.
- *
- * Displays the most recent failure reports with auto-classified causes,
- * causal chains, phase timings, and jump links to related panels.
- *
- * Open via /forensics or the panel picker.
- */
-import type { Line } from '../types/grid.ts';
-import type { ForensicsRegistry } from '@/runtime/index.ts';
-import type { FailureReport, CausalChainEntry, PhaseTimingEntry } from '@/runtime/index.ts';
-import { ForensicsDataPanel } from '@/runtime/index.ts';
-import { BasePanel } from './base-panel.ts';
-import { createEmptyLine } from '../types/grid.ts';
-import {
-  buildEmptyState,
-  buildPanelLine,
-  buildPanelWorkspace,
-  resolveScrollablePanelSection,
-  DEFAULT_PANEL_PALETTE,
-  type PanelWorkspaceSection,
-} from './polish.ts';
-
-// ── Colour palette ────────────────────────────────────────────────────────────
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  header:          '#94a3b8',
-  headerBg:        '#1e293b',
-  reportId:        '#475569',
-  timestamp:       '#64748b',
-  classification:  '#f97316',
-  classOk:         '#22c55e',
-  classCancelled:  '#94a3b8',
-  classError:      '#ef4444',
-  classWarn:       '#eab308',
-  summaryText:     '#cbd5e1',
-  label:           '#64748b',
-  value:           '#e2e8f0',
-  chainRoot:       '#f97316',
-  chainEntry:      '#94a3b8',
-  phaseOk:         '#22c55e',
-  phaseFail:       '#ef4444',
-  phasePending:    '#64748b',
-  jumpLink:        '#38bdf8',
-  separator:       '#1e293b',
-  dim:             '#334155',
-  empty:           '#4b5563',
-  selectBg:        '#1e3a5f',
-} as const;
-
-// ── Helpers ────────────────────────────────────────────────────────────────────
-
-function fmtTime(ts: number): string {
-  const d = new Date(ts);
-  const hh = String(d.getHours()).padStart(2, '0');
-  const mm = String(d.getMinutes()).padStart(2, '0');
-  const ss = String(d.getSeconds()).padStart(2, '0');
-  return `${hh}:${mm}:${ss}`;
-}
-
-function fmtDuration(ms: number | undefined): string {
-  if (ms === undefined) return '?ms';
-  if (ms < 1000) return `${ms}ms`;
-  return `${(ms / 1000).toFixed(1)}s`;
-}
-
-function classificationColor(cls: FailureReport['classification']): string {
-  switch (cls) {
-    case 'cancelled':        return C.classCancelled;
-    case 'max_tokens':       return C.classWarn;
-    case 'unknown':          return C.classWarn;
-    case 'llm_error':        return C.classError;
-    case 'tool_failure':     return C.classError;
-    case 'permission_denied':return C.classError;
-    case 'cascade_failure':  return C.classError;
-    case 'turn_timeout':     return C.classError;
-    case 'compaction_error': return C.classError;
-    default:                 return C.classification;
-  }
-}
-
-// ── ForensicsPanel ────────────────────────────────────────────────────────────
-
-export class ForensicsPanel extends BasePanel {
-  private readonly _data: ForensicsDataPanel;
-  private _unsub: (() => void) | null = null;
-  // eslint-disable-next-line @typescript-eslint/prefer-readonly -- mutated in _renderDetail via direct assignment
-  private _scrollOffset = 0;
-  /** Index of the selected report in the all-reports list (newest-first). */
-  private _selectedIndex = 0;
-  /** View mode: 'list' shows report list; 'detail' shows a single report expanded. */
-  private _mode: 'list' | 'detail' = 'list';
-
-  public constructor(registry: ForensicsRegistry) {
-    super('forensics', 'Forensics', 'F', 'monitoring');
-    this._data = new ForensicsDataPanel(registry);
-    this._unsub = this._data.subscribe(() => this.markDirty());
-  }
-
-  public override onActivate(): void {
-    super.onActivate();
-    this._scrollOffset = 0;
-    this._selectedIndex = 0;
-    this._mode = 'list';
-  }
-
-  public handleInput(key: string): boolean {
-    if (this._mode === 'list') {
-      if (key === 'up' || key === 'k') {
-        this._selectedIndex = Math.max(0, this._selectedIndex - 1);
-        this.markDirty();
-        return true;
-      }
-      if (key === 'down' || key === 'j') {
-        const count = this._data.getAll().length;
-        this._selectedIndex = Math.min(count - 1, this._selectedIndex + 1);
-        this.markDirty();
-        return true;
-      }
-      if (key === 'return' || key === 'enter') {
-        this._mode = 'detail';
-        this._scrollOffset = 0;
-        this.markDirty();
-        return true;
-      }
-    } else {
-      if (key === 'escape' || key === 'q') {
-        this._mode = 'list';
-        this.markDirty();
-        return true;
-      }
-      if (key === 'up' || key === 'k') {
-        this._scrollOffset = Math.max(0, this._scrollOffset - 1);
-        this.markDirty();
-        return true;
-      }
-      if (key === 'down' || key === 'j') {
-        this._scrollOffset++;
-        this.markDirty();
-        return true;
-      }
-    }
-    return false;
-  }
-
-  public override onDestroy(): void {
-    if (this._unsub) {
-      this._unsub();
-      this._unsub = null;
-    }
-    this._data.dispose();
-  }
-
-  public render(width: number, height: number): Line[] {
-    this.needsRender = false;
-    const intro = 'Recent failure reports, causal chains, phase timings, and cross-panel jump targets for incident investigation.';
-    const reports = this._data.getAll();
-
-    if (reports.length === 0) {
-      const workspace = buildPanelWorkspace(width, height, {
-        title: 'Failure Forensics',
-        intro,
-        sections: [{
-          lines: buildEmptyState(
-            width,
-            ' No failure reports. All systems nominal.',
-            'Failures will appear here with classification, causal chains, phase timings, and jump links as runtime incidents are captured.',
-            [{ command: '/incident', summary: 'open the incident review workspace and forensics surfaces' }],
-            C,
-          ),
-        }],
-        palette: C,
-      });
-      while (workspace.length < height) workspace.push(createEmptyLine(width));
-      return workspace;
-    }
-
-    const lines: Line[] = [];
-    if (this._mode === 'list') {
-      this._renderList(lines, reports, width, height, intro);
-    } else {
-      const report = reports[this._selectedIndex];
-      if (report) {
-        this._renderDetail(lines, report, width, height, intro);
-      } else {
-        this._mode = 'list';
-        this._renderList(lines, reports, width, height, intro);
-      }
-    }
-
-    while (lines.length < height) lines.push(createEmptyLine(width));
-    return lines;
-  }
-
-  // ── List view ──────────────────────────────────────────────────────────────
-
-  private _renderList(lines: Line[], reports: FailureReport[], width: number, height: number, intro: string): void {
-    const reportRows: Line[] = [
-      buildPanelLine(width, [['  ID       TIME      CLASS                 SUMMARY', C.label]]),
-    ];
-
-    for (let i = 0; i < reports.length; i++) {
-      const report = reports[i]!;
-      const isSelected = i === this._selectedIndex;
-      const bg = isSelected ? C.selectBg : undefined;
-
-      const idStr   = report.id.slice(0, 8).padEnd(8, ' ');
-      const timeStr = fmtTime(report.generatedAt);
-      const cls     = report.classification.slice(0, 20).padEnd(20, ' ');
-      const clsColor = classificationColor(report.classification);
-      const summaryMax = Math.max(0, width - 42);
-      const summaryStr = report.summary.slice(0, summaryMax);
-
-      const segs: Array<[string, string, string?]> = [
-        [isSelected ? '▸' : ' ', C.jumpLink, bg],
-        [`${idStr} `, C.reportId, bg],
-        [`${timeStr} `, C.timestamp, bg],
-        [`${cls} `, clsColor, bg],
-        [summaryStr, C.summaryText, bg],
-      ];
-      reportRows.push(buildPanelLine(width, segs));
-    }
-    const reportsSection = resolveScrollablePanelSection(width, height, {
-      intro,
-      palette: C,
-      section: {
-        title: 'Reports',
-        scrollableLines: reportRows,
-        selectedIndex: this._selectedIndex + 1,
-        scrollOffset: this._scrollOffset,
-        minRows: 4,
-        appendWindowSummary: {
-          dimColor: C.label,
-          formatter: () => buildPanelLine(width, [[` [${this._selectedIndex + 1}/${reports.length}] Up/Down navigate  Enter expand`, C.label]]),
-        },
-      },
-    });
-    this._scrollOffset = reportsSection.scrollOffset;
-
-    lines.push(...buildPanelWorkspace(width, height, {
-      title: 'Failure Forensics',
-      intro,
-      sections: [reportsSection.section],
-      palette: C,
-    }));
-  }
-
-  // ── Detail view ────────────────────────────────────────────────────────────
-
-  private _renderDetail(lines: Line[], report: FailureReport, width: number, height: number, intro: string): void {
-    const detailLines: Line[] = [];
-
-    detailLines.push(buildPanelLine(width, [
-      [' Report: ', C.label],
-      [report.id, C.value],
-      ['  Generated: ', C.label],
-      [fmtTime(report.generatedAt), C.timestamp],
-    ]));
-    detailLines.push(buildPanelLine(width, [
-      [' Class:   ', C.label],
-      [report.classification, classificationColor(report.classification)],
-    ]));
-    detailLines.push(buildPanelLine(width, [
-      [' Summary: ', C.label],
-      [report.summary.slice(0, width - 11), C.summaryText],
-    ]));
-
-    if (report.errorMessage) {
-      detailLines.push(buildPanelLine(width, [
-        [' Error:   ', C.label],
-        [report.errorMessage.slice(0, width - 11), C.classError],
-      ]));
-    }
-    if (report.stopReason) {
-      detailLines.push(buildPanelLine(width, [
-        [' Stop:    ', C.label],
-        [report.stopReason, C.classWarn],
-      ]));
-    }
-    if (report.taskId) {
-      detailLines.push(buildPanelLine(width, [[` Task:    ${report.taskId}`, C.value]]));
-    }
-    if (report.turnId) {
-      detailLines.push(buildPanelLine(width, [[` Turn:    ${report.turnId}`, C.value]]));
-    }
-
-    // Phase timings
-    if (report.phaseTimings.length > 0) {
-      detailLines.push(buildPanelLine(width, [[' Phase Timings:', C.label]]));
-      for (const pt of report.phaseTimings) {
-        this._renderPhase(detailLines, pt, width);
-      }
-    }
-
-    // Causal chain
-    if (report.causalChain.length > 0) {
-      detailLines.push(buildPanelLine(width, [[' Causal Chain:', C.label]]));
-      for (const entry of report.causalChain) {
-        this._renderCausal(detailLines, entry, width);
-      }
-    }
-
-    // Jump links
-    if (report.jumpLinks.length > 0) {
-      detailLines.push(buildPanelLine(width, [[' Jump Links:', C.label]]));
-      for (const link of report.jumpLinks) {
-        const kindTag = link.kind === 'panel' ? '[panel]' : '[cmd]  ';
-        detailLines.push(buildPanelLine(width, [
-          ['  ', C.dim],
-          [kindTag, C.timestamp],
-          [` ${link.label}`, C.jumpLink],
-          [link.args ? ` (${link.args})` : '', C.dim],
-        ]));
-      }
-    }
-
-    detailLines.push(buildPanelLine(width, [[' Esc/q: back to list  Up/Down: scroll', C.dim]]));
-
-    const detailSection = resolveScrollablePanelSection(width, height, {
-      intro,
-      palette: C,
-      section: {
-        title: 'Report Detail',
-        scrollableLines: detailLines,
-        scrollOffset: this._scrollOffset,
-        minRows: 1,
-      },
-    });
-    this._scrollOffset = detailSection.scrollOffset;
-    lines.push(...buildPanelWorkspace(width, height, {
-      title: 'Failure Forensics',
-      intro,
-      sections: [detailSection.section],
-      palette: C,
-    }));
-  }
-
-  private _renderPhase(lines: Line[], pt: PhaseTimingEntry, width: number): void {
-    const statusChar = pt.success ? '✓' : '✕';
-    const statusColor = pt.success ? C.phaseOk : C.phaseFail;
-    const dur = fmtDuration(pt.durationMs);
-    const phaseLabel = pt.phase.slice(0, 14).padEnd(14, ' ');
-    const errPart = pt.error ? `  ${pt.error.slice(0, Math.max(0, width - 32))}` : '';
-    lines.push(buildPanelLine(width, [
-      ['  ', C.dim],
-      [statusChar + ' ', statusColor],
-      [phaseLabel, C.value],
-      [dur.padStart(6, ' '), C.timestamp],
-      [errPart, C.classError],
-    ]));
-  }
-
-  private _renderCausal(lines: Line[], entry: CausalChainEntry, width: number): void {
-    const prefix = entry.isRootCause ? '  * ' : '  - ';
-    const color = entry.isRootCause ? C.chainRoot : C.chainEntry;
-    const timeStr = fmtTime(entry.ts);
-    const descMax = Math.max(0, width - prefix.length - 9);
-    lines.push(buildPanelLine(width, [
-      [prefix, color],
-      [`${timeStr} `, C.timestamp],
-      [entry.description.slice(0, descMax), color],
-    ]));
-  }
-}