@pellux/goodvibes-agent 1.4.4 → 1.5.0

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

@@ -1,436 +0,0 @@
-// ---------------------------------------------------------------------------
-// ToolInspectorPanel — chronological list of tool calls with args/results.
-// ---------------------------------------------------------------------------
-
-import type { Line } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import type { ToolEvent, TurnEvent } from '@/runtime/index.ts';
-import type { UiEventFeed } from '../runtime/ui-events.ts';
-import {
-  buildEmptyState,
-  buildPanelLine,
-  buildStyledPanelLine,
-  buildPanelWorkspace,
-  resolveScrollablePanelSection,
-  DEFAULT_PANEL_PALETTE,
-  type PanelWorkspaceSection,
-} from './polish.ts';
-import { truncateDisplay } from '../utils/terminal-width.ts';
-
-const C = {
-  headerBg:    '#1a1a2e',
-  headerFg:    '#ffffff',
-  statusBar:   '#222233',
-  statusFg:    '#aaaaaa',
-  toolFg:      '#00ccff',
-  resultFg:    '#66ddff',
-  errorFg:     '#ff6666',
-  durationFg:  '#aaaa66',
-  argsFg:      '#aaaaaa',
-  dimFg:       '#555566',
-  selected:    '#00ffff',
-  selectedBg:  '#1a2a3a',
-  labelFg:     '#8888bb',
-  filterFg:    '#ffcc44',
-} as const;
-
-const MAX_ENTRIES = 500;
-
-interface ToolCallRecord {
-  callId: string;
-  tool: string;
-  args: Record<string, unknown>;
-  startMs: number;
-  endMs?: number;
-  result?: unknown;
-  error?: string;
-  expanded: boolean;
-  approved?: boolean;
-  outputClass?: string;
-  policyAction?: string;
-  spillBackend?: string;
-  resultSummary?: string;
-}
-
-type FilterMode = 'all' | string;
-
-type FlatRow =
-  | { kind: 'call'; recordIndex: number; text: string }
-  | { kind: 'detail'; text: string; isError: boolean };
-
-function shortTime(ms: number): string {
-  const d = new Date(ms);
-  return `${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}:${String(d.getSeconds()).padStart(2,'0')}`;
-}
-
-function formatMs(ms: number): string {
-  if (ms < 1000) return `${ms}ms`;
-  if (ms < 60000) return `${(ms / 1000).toFixed(1)}s`;
-  return `${Math.floor(ms / 60000)}m${Math.floor((ms % 60000) / 1000)}s`;
-}
-
-function truncateJson(val: unknown, maxLen = 120): string {
-  const s = JSON.stringify(val) ?? 'null';
-  return s.length > maxLen ? s.slice(0, maxLen - 1) + '\u2026' : s;
-}
-
-function isResultSummaryRecord(value: unknown): value is {
-  readonly preview?: unknown;
-  readonly kind?: unknown;
-  readonly byteSize?: unknown;
-} {
-  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);
-}
-
-function summarizeResult(result: unknown): string | undefined {
-  // SDK OBS-05 (0.21.31+): TOOL_SUCCEEDED/TOOL_FAILED.result is a ToolResultSummary
-  // { kind: 'text' | 'json' | 'binary' | 'error' | 'empty'; byteSize: number; preview?: string }.
-  if (!isResultSummaryRecord(result)) return undefined;
-  if (typeof result.preview === 'string' && result.preview.trim()) {
-    const compact = result.preview.replace(/\s+/g, ' ').trim();
-    return compact.length > 72 ? `${compact.slice(0, 69)}\u2026` : compact;
-  }
-  if (typeof result.kind === 'string' && typeof result.byteSize === 'number') {
-    return `${result.kind} (${result.byteSize}B)`;
-  }
-  return undefined;
-}
-
-function detectOutputClass(tool: string, args: Record<string, unknown>): string {
-  const name = tool.toLowerCase();
-  if (name.includes('read') || name.includes('find') || name.includes('inspect') || name.includes('grep')) return 'read';
-  if (name.includes('write') || name.includes('edit') || name.includes('patch')) return 'write';
-  if (name.includes('exec') || name.includes('shell') || name.includes('bash') || typeof args.command === 'string') return 'execute';
-  if (name.includes('fetch') || name.includes('http') || name.includes('remote')) return 'network';
-  return 'analyze';
-}
-
-export class ToolInspectorPanel extends BasePanel {
-  private records: ToolCallRecord[] = [];
-  private filterMode: FilterMode = 'all';
-  private unsubs: Array<() => void> = [];
-  private cursorIndex = 0;
-  private scrollOffset = 0;
-  private autoScroll = true;
-  private _flatCache: FlatRow[] | null = null;
-
-  constructor(
-    private readonly toolEvents: UiEventFeed<ToolEvent>,
-    private readonly turnEvents: UiEventFeed<TurnEvent>,
-  ) {
-    super('tools', 'Tools', 'X', 'ai');
-    this._attachBus();
-  }
-
-  override onActivate(): void {
-    this.needsRender = true;
-  }
-
-  override onDeactivate(): void {
-    super.onDeactivate();
-  }
-
-  override onDestroy(): void {
-    this._detachBus();
-  }
-
-  override markDirty(): void {
-    this._flatCache = null;
-    super.markDirty();
-  }
-
-  handleInput(key: string): boolean {
-    switch (key) {
-      case 'up':       this._move(-1);           this.autoScroll = false; return true;
-      case 'down':     this._move(1);            return true;
-      case 'pageup':   this._move(-10);          this.autoScroll = false; return true;
-      case 'pagedown': this._move(10);           return true;
-      case 'return':   this._toggleExpand();     return true;
-      case 'c':        this.records = []; this.markDirty(); return true;
-      case 'g':        this.autoScroll = true;   this.markDirty(); return true;
-      case 'f':        this._cycleFilter();      return true;
-      default:         return false;
-    }
-  }
-
-  render(width: number, height: number): Line[] {
-    if (height <= 0 || width <= 0) return [];
-
-    const running = this.records.filter(r => r.endMs === undefined).length;
-    const filterLabel = this.filterMode === 'all' ? '' : ` [${this.filterMode}]`;
-    const title = ` Tools [${this.records.length} calls${running > 0 ? `, ${running} running` : ''}]${filterLabel}`;
-    const footerLines = [
-      buildPanelLine(width, [
-        [' Up/Down', DEFAULT_PANEL_PALETTE.info],
-        [' scroll', DEFAULT_PANEL_PALETTE.dim],
-        ['   Enter', DEFAULT_PANEL_PALETTE.info],
-        [' expand', DEFAULT_PANEL_PALETTE.dim],
-        ['   f', DEFAULT_PANEL_PALETTE.info],
-        [' filter', DEFAULT_PANEL_PALETTE.dim],
-        ['   c', DEFAULT_PANEL_PALETTE.info],
-        [' clear', DEFAULT_PANEL_PALETTE.dim],
-        ['   g', DEFAULT_PANEL_PALETTE.info],
-        [' end', DEFAULT_PANEL_PALETTE.dim],
-      ]),
-    ];
-
-    const flat = this._getFlat();
-
-    if (this.autoScroll) {
-      this.cursorIndex = Math.max(0, flat.length - 1);
-    }
-
-    if (flat.length === 0) {
-      return buildPanelWorkspace(width, height, {
-        title,
-        intro: 'Inspect chronological tool activity, arguments, results, errors, and running calls.',
-        sections: [
-          {
-            title: 'Calls',
-            lines: buildEmptyState(
-              width,
-              ' No tool calls yet',
-              'Tool executions appear here as the agent works. Expand a call to inspect its arguments and result payload.',
-              [],
-              DEFAULT_PANEL_PALETTE,
-            ),
-          },
-        ],
-        footerLines,
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    this.cursorIndex = Math.max(0, Math.min(this.cursorIndex, Math.max(0, flat.length - 1)));
-    const summary: PanelWorkspaceSection = {
-      title: 'Summary',
-      lines: [
-        buildPanelLine(width, [
-          [' Calls ', DEFAULT_PANEL_PALETTE.label],
-          [String(this.records.length), DEFAULT_PANEL_PALETTE.value],
-          ['   Running ', DEFAULT_PANEL_PALETTE.label],
-          [String(running), running > 0 ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.dim],
-          ['   Filter ', DEFAULT_PANEL_PALETTE.label],
-          [this.filterMode === 'all' ? 'all' : this.filterMode, this.filterMode === 'all' ? DEFAULT_PANEL_PALETTE.dim : DEFAULT_PANEL_PALETTE.info],
-        ]),
-      ],
-    };
-
-    const selected = flat[this.cursorIndex];
-    const detailLines: Line[] = [];
-    if (selected?.kind === 'call') {
-      const filtered = this.filterMode === 'all'
-        ? this.records
-        : this.records.filter(r => r.tool === this.filterMode);
-      const rec = filtered[selected.recordIndex];
-      if (rec) {
-        detailLines.push(buildPanelLine(width, [[' Tool ', DEFAULT_PANEL_PALETTE.label], [rec.tool, DEFAULT_PANEL_PALETTE.info], ['   Started ', DEFAULT_PANEL_PALETTE.label], [shortTime(rec.startMs), DEFAULT_PANEL_PALETTE.value]]));
-        detailLines.push(buildPanelLine(width, [[' Status ', DEFAULT_PANEL_PALETTE.label], [rec.endMs === undefined ? 'running' : rec.error ? 'error' : 'completed', rec.endMs === undefined ? DEFAULT_PANEL_PALETTE.warn : rec.error ? DEFAULT_PANEL_PALETTE.bad : DEFAULT_PANEL_PALETTE.good]]));
-        detailLines.push(buildPanelLine(width, [
-          [' Risk ', DEFAULT_PANEL_PALETTE.label],
-          [rec.outputClass ?? detectOutputClass(rec.tool, rec.args), DEFAULT_PANEL_PALETTE.warn],
-          ['   Approved ', DEFAULT_PANEL_PALETTE.label],
-          [rec.approved === undefined ? 'unknown' : rec.approved ? 'yes' : 'no', rec.approved === false ? DEFAULT_PANEL_PALETTE.bad : DEFAULT_PANEL_PALETTE.value],
-        ]));
-        if (rec.policyAction || rec.spillBackend) {
-          detailLines.push(buildPanelLine(width, [
-            [' Output ', DEFAULT_PANEL_PALETTE.label],
-            [rec.policyAction ?? 'none', rec.policyAction && rec.policyAction !== 'none' ? DEFAULT_PANEL_PALETTE.warn : DEFAULT_PANEL_PALETTE.value],
-            ['   Spill ', DEFAULT_PANEL_PALETTE.label],
-            [rec.spillBackend ?? 'none', rec.spillBackend ? DEFAULT_PANEL_PALETTE.info : DEFAULT_PANEL_PALETTE.dim],
-          ]));
-        }
-        if (rec.resultSummary) {
-          detailLines.push(buildPanelLine(width, [[' Summary ', DEFAULT_PANEL_PALETTE.label], [rec.resultSummary, DEFAULT_PANEL_PALETTE.value]]));
-        }
-        if (rec.error) detailLines.push(buildPanelLine(width, [[' Error ', DEFAULT_PANEL_PALETTE.bad], [rec.error, DEFAULT_PANEL_PALETTE.value]]));
-      }
-    }
-
-    const selectedSection: PanelWorkspaceSection = { title: 'Selected', lines: detailLines };
-    const callsSection = resolveScrollablePanelSection(width, height, {
-      intro: 'Inspect chronological tool activity, arguments, results, errors, and running calls.',
-      footerLines,
-      palette: DEFAULT_PANEL_PALETTE,
-      beforeSections: [summary],
-      section: {
-        title: 'Calls',
-        scrollableLines: flat.map((row, index) => this._renderRow(width, row, index === this.cursorIndex)),
-        selectedIndex: this.cursorIndex,
-        scrollOffset: this.scrollOffset,
-        minRows: 8,
-      },
-      afterSections: [selectedSection],
-    });
-    this.scrollOffset = callsSection.scrollOffset;
-
-    return buildPanelWorkspace(width, height, {
-      title,
-      intro: 'Inspect chronological tool activity, arguments, results, errors, and running calls.',
-      sections: [
-        summary,
-        callsSection.section,
-        selectedSection,
-      ],
-      footerLines,
-      palette: DEFAULT_PANEL_PALETTE,
-    });
-  }
-
-  private _renderRow(width: number, row: FlatRow, isCursor: boolean): Line {
-    const bg = isCursor ? C.selectedBg : '';
-    if (row.kind === 'call') {
-      return buildStyledPanelLine(width, [
-        { text: isCursor ? '▸' : ' ', fg: C.selected, bg, bold: isCursor },
-        { text: truncateDisplay(row.text, Math.max(0, width - 1)), fg: isCursor ? C.selected : C.toolFg, bg, bold: isCursor },
-      ]);
-    }
-    return buildStyledPanelLine(width, [
-      { text: '  ', fg: C.argsFg, bg },
-      { text: truncateDisplay(row.text, Math.max(0, width - 2)), fg: row.isError ? C.errorFg : C.argsFg, bg },
-    ]);
-  }
-
-  private _getFlat(): FlatRow[] {
-    if (this._flatCache) return this._flatCache;
-    const flat: FlatRow[] = [];
-    const filtered = this.filterMode === 'all'
-      ? this.records
-      : this.records.filter(r => r.tool === this.filterMode);
-
-    for (let i = 0; i < filtered.length; i++) {
-      const rec = filtered[i]!;
-      const dur = rec.endMs !== undefined ? ` (${formatMs(rec.endMs - rec.startMs)})` : ' (running)';
-      const expand = rec.expanded ? ' ▾' : ' ▸';
-      const ts = shortTime(rec.startMs);
-      const risk = rec.outputClass ?? detectOutputClass(rec.tool, rec.args);
-      const action = rec.policyAction && rec.policyAction !== 'none' ? ` ${rec.policyAction}` : '';
-      const callText = `${ts} ${rec.tool} [${risk}]${action}${dur}${expand}`;
-      flat.push({ kind: 'call', recordIndex: i, text: callText });
-
-      if (rec.expanded) {
-        const argsStr = truncateJson(rec.args, 200);
-        flat.push({ kind: 'detail', text: `Args ${argsStr}`, isError: false });
-        flat.push({ kind: 'detail', text: `Risk ${risk}${rec.approved === undefined ? '' : `  Approved ${rec.approved ? 'yes' : 'no'}`}`, isError: false });
-        if (rec.policyAction || rec.spillBackend) {
-          flat.push({
-            kind: 'detail',
-            text: `Output policy ${rec.policyAction ?? 'none'}${rec.spillBackend ? `  Spill ${rec.spillBackend}` : ''}`,
-            isError: false,
-          });
-        }
-        if (rec.resultSummary) {
-          flat.push({ kind: 'detail', text: `Summary ${rec.resultSummary}`, isError: false });
-        }
-        if (rec.result !== undefined) {
-          flat.push({ kind: 'detail', text: `Result ${truncateJson(rec.result, 200)}`, isError: false });
-        }
-        if (rec.error) {
-          flat.push({ kind: 'detail', text: `Error ${rec.error}`, isError: true });
-        }
-      }
-    }
-    this._flatCache = flat;
-    return flat;
-  }
-
-  private _toggleExpand(): void {
-    const flat = this._getFlat();
-    const row = flat[this.cursorIndex];
-    if (!row || row.kind !== 'call') return;
-    const rec = this.records.filter(r =>
-      this.filterMode === 'all' ? true : r.tool === this.filterMode
-    )[row.recordIndex];
-    if (rec) {
-      rec.expanded = !rec.expanded;
-      this.markDirty();
-    }
-  }
-
-  private _cycleFilter(): void {
-    const tools = [...new Set(this.records.map(r => r.tool))];
-    if (tools.length === 0) return;
-    if (this.filterMode === 'all') {
-      this.filterMode = tools[0]!;
-    } else {
-      const idx = tools.indexOf(this.filterMode);
-      this.filterMode = idx >= tools.length - 1 ? 'all' : tools[idx + 1]!;
-    }
-    this.markDirty();
-  }
-
-  private _move(delta: number): void {
-    const flat = this._getFlat();
-    if (flat.length === 0) return;
-    this.cursorIndex = Math.max(0, Math.min(flat.length - 1, this.cursorIndex + delta));
-    this.markDirty();
-  }
-
-  private _attachBus(): void {
-    if (this.unsubs.length > 0) return;
-
-    this.unsubs.push(this.toolEvents.on('TOOL_RECEIVED', (data) => {
-      if (this.records.length >= MAX_ENTRIES) {
-        this.records.shift();
-      }
-      this.records.push({
-        callId: data.callId,
-        tool: data.tool,
-        args: data.args,
-        startMs: Date.now(),
-        expanded: false,
-        outputClass: detectOutputClass(data.tool, data.args),
-      });
-      this.autoScroll = true;
-      this.markDirty();
-    }));
-
-    this.unsubs.push(this.toolEvents.on('TOOL_PERMISSIONED', (data) => {
-      const rec = this.records.findLast(r => r.callId === data.callId);
-      if (rec) rec.approved = data.approved;
-      this.markDirty();
-    }));
-
-    // NOTE: After SDK OBS-05 (0.21.31), TOOL_SUCCEEDED/TOOL_FAILED.result is a ToolResultSummary
-    // ({ kind, byteSize, preview? }) rather than the raw ToolResult object. The previous
-    // `_policyAudit` extraction is no longer reachable via this event — policy audit metadata
-    // must be sourced from a different channel (approval broker / tool result store) if the
-    // Tool Inspector is to display it in future.
-    this.unsubs.push(this.toolEvents.on('TOOL_SUCCEEDED', (data) => {
-      const rec = this.records.findLast(r => r.callId === data.callId);
-      if (rec) {
-        rec.endMs = Date.now();
-        rec.result = data.result;
-        rec.resultSummary = summarizeResult(data.result);
-      }
-      this.markDirty();
-    }));
-
-    this.unsubs.push(this.toolEvents.on('TOOL_FAILED', (data) => {
-      const rec = this.records.findLast(r => r.callId === data.callId);
-      if (rec) {
-        rec.endMs = Date.now();
-        rec.result = data.result;
-        rec.error = data.error;
-        rec.resultSummary = summarizeResult(data.result) ?? data.error;
-      }
-      this.markDirty();
-    }));
-
-    this.unsubs.push(this.turnEvents.on('TURN_ERROR', (data) => {
-      // Mark any running calls as errored
-      for (const rec of this.records) {
-        if (rec.endMs === undefined) {
-          rec.endMs = Date.now();
-          rec.error = data.error ?? 'unknown error';
-        }
-      }
-      this.markDirty();
-    }));
-  }
-
-  private _detachBus(): void {
-    for (const unsub of this.unsubs) unsub();
-    this.unsubs = [];
-  }
-}

package/src/panels/types.ts

@@ -1,54 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import type { ComponentResourceContract, ComponentHealthState } from '../runtime/perf/panel-contracts.ts';
-
-export type PanelCategory = 'agent' | 'monitoring' | 'session' | 'ai';
-
-export interface Panel {
-  id: string;
-  name: string;
-  icon: string; // single char for tab bar
-  category: PanelCategory;
-
-  // Lifecycle
-  onActivate(): void;
-  onDeactivate(): void;
-  onDestroy(): void;
-
-  // Rendering
-  render(width: number, height: number): Line[];
-
-  // State
-  isTransient: boolean;
-  isPinned: boolean;
-  needsRender: boolean;
-
-  // Dirty-flag contract (R2: activated panel render skipping)
-  /** Mark this panel as needing a re-render on the next frame. */
-  invalidate(): void;
-  /** Called by the compositor after a successful render to clear the dirty flag. */
-  markRendered(): void;
-
-  // Resource contract (optional — panels may declare resource requirements)
-  resourceContract?: Readonly<ComponentResourceContract>;
-
-  // Health state (optional — set by ComponentHealthMonitor when panel is registered)
-  healthState?: Readonly<ComponentHealthState>;
-
-  // Input (optional)
-  handleInput?(key: string): boolean;
-
-  // Scroll input (optional)
-  // Positive delta scrolls down; negative delta scrolls up.
-  handleScroll?(deltaRows: number): boolean;
-}
-
-export interface PanelRegistration extends Pick<Panel, 'id' | 'name' | 'icon' | 'category'> {
-  factory: () => Panel;
-  description: string;
-  /**
-   * Instantiate this panel during bootstrap and retain the instance when it is
-   * closed so its background data continues to accumulate before the user
-   * actively opens the workspace.
-   */
-  preload?: boolean;
-}

package/src/renderer/panel-composite.ts

@@ -1,158 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import type { Panel } from '../panels/types.ts';
-import type { InputHandler } from '../input/handler.ts';
-import type { PanelManager } from '../panels/panel-manager.ts';
-import type { PanelCompositeData } from './compositor.ts';
-import { createSplitPaneLayout } from './layout-engine.ts';
-import { renderPanelTabBar } from './panel-tab-bar.ts';
-import { renderPanelWorkspaceBar } from './panel-workspace-bar.ts';
-
-/**
- * R2: Per-panel render cache for dirty-flag skipping.
- *
- * Maintainability hazard — mid-render invalidation race:
- *
- * If an event listener (e.g. a runtime-bus subscriber) fires DURING a panel's
- * `render()` call and mutates state such that `needsRender = true`, the
- * trailing `panel.markRendered()` below will clobber that invalidation back
- * to `false`, causing the next frame to serve stale cached output until
- * something else invalidates the panel.
- *
- * In practice this is rare because `render()` is synchronous and short, and
- * runtime-bus listeners that mutate panel state typically run outside the
- * render pass. Panels that DO expect to mutate from within their own render
- * path (e.g. deferred lazy-load) should call `this.invalidate()` AFTER the
- * trailing work so the next frame picks it up.
- *
- * The fix (now applied): snapshot `needsRender` before calling `render()` and
- * only call `markRendered()` when no concurrent invalidation occurred during
- * the render pass — preserving any mid-render invalidation.
- */
-interface PanelRenderCache {
-  lines: Line[];
-  width: number;
-  height: number;
-}
-const panelRenderCache = new WeakMap<Panel, PanelRenderCache>();
-/**
- * Per-panel render-generation counter. Incremented whenever invalidate() fires
- * on the panel (tracked here externally since Panel does not expose a version).
- * We monkey-patch each panel the first time it enters renderPanel() by wrapping
- * its invalidate() to bump the counter stored in this map.
- *
- * Race-guard: snapshot the generation before render(), compare after. If it
- * changed, a mid-render invalidation occurred — leave needsRender=true.
- */
-const panelRenderGen = new WeakMap<Panel, { gen: number }>();
-
-function getRenderGenState(panel: Panel): { gen: number } {
-  let state = panelRenderGen.get(panel);
-  if (!state) {
-    state = { gen: 0 };
-    panelRenderGen.set(panel, state);
-    // Wrap invalidate() to bump generation counter.
-    const origInvalidate = panel.invalidate.bind(panel);
-    panel.invalidate = () => {
-      state!.gen++;
-      origInvalidate();
-    };
-  }
-  return state;
-}
-
-/** R2: Render a panel, skipping if nothing changed. Returns cached lines on a skip. */
-export function renderPanel(panel: Panel, width: number, height: number): Line[] {
-  const cached = panelRenderCache.get(panel);
-  if (cached && !panel.needsRender && cached.width === width && cached.height === height) {
-    return cached.lines;
-  }
-  // Snapshot render-generation counter BEFORE calling render(). If an event
-  // listener fires during render() and calls panel.invalidate(), the generation
-  // counter will be bumped. We compare after render to detect mid-render races.
-  const genState = getRenderGenState(panel);
-  const genBefore = genState.gen;
-  const lines = panel.render(width, height);
-  // Only call markRendered() when no mid-render invalidation occurred.
-  // If the generation changed during render(), a concurrent invalidate() fired —
-  // leave needsRender=true so the next frame re-renders with the new state.
-  if (genState.gen === genBefore) {
-    panel.markRendered();
-  }
-  // If gen changed, needsRender is already true (invalidate() set it); do not
-  // call markRendered() — the next frame will pick it up.
-  panelRenderCache.set(panel, { lines, width, height });
-  return lines;
-}
-
-export interface PanelCompositeBuildResult {
-  readonly panelData?: PanelCompositeData;
-  readonly panelWidth?: number;
-}
-
-export function buildPanelCompositeData(
-  panelManager: PanelManager,
-  input: InputHandler,
-  panelWidth: number,
-  panelHeight: number,
-): PanelCompositeBuildResult {
-  if (!panelManager.isVisible() || panelManager.getAllOpen().length === 0 || panelWidth <= 0) {
-    return {};
-  }
-
-  const topPane = panelManager.getTopPane();
-  const bottomPane = panelManager.getBottomPane();
-  const focusedPane = panelManager.getFocusedPane();
-  const workspaceTabs = panelManager.getWorkspaceTabs();
-  const verticalSplitRatio = panelManager.getVerticalSplitRatio();
-  const hasBottom = panelManager.isBottomPaneVisible() && bottomPane.panels.length > 0;
-  const workspaceBar = renderPanelWorkspaceBar(workspaceTabs, panelWidth, input.panelFocused);
-
-  let topContent: Line[];
-  let topTabBar: Line | undefined;
-  let bottomTabBar: Line | undefined;
-  let bottomContent: Line[] | undefined;
-
-  const topActivePanel = topPane.panels[topPane.activeIndex] ?? null;
-
-  if (hasBottom) {
-    topTabBar = renderPanelTabBar(
-      topPane.panels,
-      topPane.activeIndex,
-      panelWidth,
-      input.panelFocused && focusedPane === 'top',
-      'top',
-    );
-    const paneLayout = createSplitPaneLayout(Math.max(0, panelHeight - 1), verticalSplitRatio);
-    const topH = paneLayout.topContentRows;
-    const bottomH = paneLayout.bottomContentRows;
-    topContent = topActivePanel ? renderPanel(topActivePanel, panelWidth, topH) : [];
-
-    const bottomActivePanel = bottomPane.panels[bottomPane.activeIndex] ?? null;
-    bottomTabBar = renderPanelTabBar(
-      bottomPane.panels,
-      bottomPane.activeIndex,
-      panelWidth,
-      input.panelFocused && focusedPane === 'bottom',
-      'bottom',
-    );
-    bottomContent = bottomActivePanel ? renderPanel(bottomActivePanel, panelWidth, bottomH) : [];
-  } else {
-    const topH = Math.max(0, panelHeight - 1);
-    topContent = topActivePanel ? renderPanel(topActivePanel, panelWidth, topH) : [];
-  }
-
-  return {
-    panelData: {
-      workspaceBar,
-      topTabBar,
-      topContent,
-      topFocused: input.panelFocused && focusedPane === 'top',
-      bottomTabBar,
-      bottomContent,
-      bottomFocused: input.panelFocused && focusedPane === 'bottom',
-      separator: true,
-      verticalSplitRatio,
-    },
-    panelWidth,
-  };
-}