@pellux/goodvibes-agent 0.1.116 → 1.0.0

package/src/panels/panel-picker.ts

@@ -1,105 +0,0 @@
-import type { PanelRegistration, PanelCategory } from './types.ts';
-
-/** Display order for panel categories. */
-const CATEGORY_ORDER: PanelCategory[] = ['agent', 'monitoring', 'session', 'ai'];
-
-/** Human-readable labels for each category. */
-const CATEGORY_LABELS: Record<PanelCategory, string> = {
-  agent:       'Agent',
-  monitoring:  'Monitoring',
-  session:     'Session',
-  ai:          'AI',
-};
-
-/**
- * Modal state for browsing and selecting panel registrations.
- * The filtered list is a flat list of PanelRegistration items matching the
- * current search query. Category headers are rendered by the overlay, not
- * stored here — keeping this class pure data/logic.
- */
-export class PanelPicker {
-  public active: boolean = false;
-  public selectedIndex: number = 0;
-  public searchQuery: string = '';
-  private items: PanelRegistration[] = [];
-  private filtered: PanelRegistration[] = [];
-
-  /** Open the picker with the given set of registered panels. */
-  open(registrations: PanelRegistration[]): void {
-    this.items = registrations;
-    this.searchQuery = '';
-    this.filtered = this._applyFilter('');
-    this.selectedIndex = 0;
-    this.active = true;
-  }
-
-  /** Close and reset the picker. */
-  close(): void {
-    this.active = false;
-    this.searchQuery = '';
-    this.selectedIndex = 0;
-  }
-
-  /**
-   * Filter the list by name or description (case-insensitive).
-   * Resets selectedIndex to 0.
-   */
-  search(query: string): void {
-    this.searchQuery = query;
-    this.filtered = this._applyFilter(query);
-    this.selectedIndex = 0;
-  }
-
-  /** Move selection up by one, wrapping at top. */
-  moveUp(): void {
-    if (this.filtered.length === 0) return;
-    this.selectedIndex = this.selectedIndex <= 0
-      ? this.filtered.length - 1
-      : this.selectedIndex - 1;
-  }
-
-  /** Move selection down by one, wrapping at bottom. */
-  moveDown(): void {
-    if (this.filtered.length === 0) return;
-    this.selectedIndex = this.selectedIndex >= this.filtered.length - 1
-      ? 0
-      : this.selectedIndex + 1;
-  }
-
-  /**
-   * Returns the filtered list, sorted by category order then name.
-   * The overlay is responsible for inserting category headers between groups.
-   */
-  getVisible(): PanelRegistration[] {
-    return this.filtered;
-  }
-
-  /** Returns the currently selected registration, or null if the list is empty. */
-  getSelected(): PanelRegistration | null {
-    if (this.filtered.length === 0) return null;
-    return this.filtered[this.selectedIndex] ?? null;
-  }
-
-  // ── Private ──────────────────────────────────────────────────────────────
-
-  private _applyFilter(query: string): PanelRegistration[] {
-    const q = query.trim().toLowerCase();
-    const source = q
-      ? this.items.filter(
-          r =>
-            r.name.toLowerCase().includes(q) ||
-            r.description.toLowerCase().includes(q),
-        )
-      : [...this.items];
-
-    // Sort by category order, then alphabetically within each category
-    return source.sort((a, b) => {
-      const ai = CATEGORY_ORDER.indexOf(a.category);
-      const bi = CATEGORY_ORDER.indexOf(b.category);
-      if (ai !== bi) return ai - bi;
-      return a.name.localeCompare(b.name);
-    });
-  }
-}
-
-export { CATEGORY_LABELS, CATEGORY_ORDER };

package/src/panels/policy-panel.ts

@@ -1,308 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import { createEmptyLine } from '../types/grid.ts';
-import { BasePanel } from './base-panel.ts';
-import type { PolicyRuntimeState } from '@/runtime/index.ts';
-import type { PolicyPanelSnapshot } from '../runtime/diagnostics/panels/policy.ts';
-import {
-  buildPanelLine,
-  buildPanelWorkspace,
-  resolveScrollablePanelSection,
-  DEFAULT_PANEL_PALETTE,
-} from './polish.ts';
-
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  header: '#94a3b8',
-  headerBg: '#1e293b',
-  label: '#64748b',
-  value: '#e2e8f0',
-  dim: '#475569',
-  ok: '#22c55e',
-  warn: '#eab308',
-  error: '#ef4444',
-  info: '#38bdf8',
-  empty: '#334155',
-} as const;
-
-function fmtTime(value: string | undefined): string {
-  if (!value) return 'n/a';
-  return value.replace('T', ' ').slice(0, 19);
-}
-
-function fmtRate(value: number | undefined): string {
-  if (value === undefined) return 'n/a';
-  return `${(value * 100).toFixed(1)}%`;
-}
-
-function gateColor(status: string | undefined): string {
-  switch (status) {
-    case 'allowed':
-      return C.ok;
-    case 'blocked':
-      return C.error;
-    case 'no_data':
-      return C.warn;
-    default:
-      return C.dim;
-  }
-}
-
-export class PolicyPanel extends BasePanel {
-  private readonly _state: PolicyRuntimeState;
-  private readonly _unsub: (() => void) | null;
-  private _scrollOffset = 0;
-
-  public constructor(state: PolicyRuntimeState) {
-    super('policy', 'Policy', 'U', 'monitoring');
-    this._state = state;
-    this._unsub = state.subscribe(() => this.markDirty());
-  }
-
-  public override onActivate(): void {
-    super.onActivate();
-    this._scrollOffset = 0;
-  }
-
-  public override onDestroy(): void {
-    this._unsub?.();
-  }
-
-  public handleInput(key: string): boolean {
-    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;
-    }
-    if (key === 'r') {
-      this._state.recordTrendEntry();
-      this.markDirty();
-      return true;
-    }
-    return false;
-  }
-
-  public render(width: number, height: number): Line[] {
-    this.needsRender = false;
-    const snapshot = this._state.getSnapshot();
-    const content = this._buildContent(width, snapshot);
-    const governanceSection = resolveScrollablePanelSection(width, height, {
-      footerLines: [buildPanelLine(width, [['  Up/Down scroll  r record divergence trend snapshot', C.dim]])],
-      palette: C,
-      section: {
-        title: 'Governance',
-        scrollableLines: content,
-        scrollOffset: this._scrollOffset,
-        minRows: 4,
-      },
-    });
-    this._scrollOffset = governanceSection.scrollOffset;
-    const lines = buildPanelWorkspace(width, height, {
-      title: 'Policy And Governance',
-      sections: [governanceSection.section],
-      footerLines: [buildPanelLine(width, [['  Up/Down scroll  r record divergence trend snapshot', C.dim]])],
-      palette: C,
-    });
-    while (lines.length < height) {
-      lines.push(createEmptyLine(width));
-    }
-    return lines.slice(0, height);
-  }
-
-  private _buildContent(width: number, snapshot: PolicyPanelSnapshot): Line[] {
-    const lines: Line[] = [];
-    const current = snapshot.current;
-    const candidate = snapshot.candidate;
-    const divergence = snapshot.divergence;
-    const permissionAudit = snapshot.recentPermissionAudit;
-    const lintFindings = snapshot.lintFindings;
-    const simulationSummary = snapshot.lastSimulationSummary;
-    const preflightReview = snapshot.lastPreflightReview;
-
-    if (!current && !candidate) {
-      lines.push(buildPanelLine(width, [[' No policy bundles loaded. Use /policy load to begin.', C.empty]]));
-    }
-
-    if (current) {
-      lines.push(buildPanelLine(width, [[' Current', C.label]]));
-      lines.push(buildPanelLine(width, [
-        ['  Bundle: ', C.label],
-        [current.bundle.bundleId, C.value],
-        ['  State: ', C.label],
-        [current.state, C.info],
-      ]));
-      lines.push(buildPanelLine(width, [
-        ['  Loaded: ', C.label],
-        [fmtTime(current.loadedAt), C.dim],
-        ['  Active: ', C.label],
-        [fmtTime(current.activatedAt), C.dim],
-      ]));
-    }
-
-    if (candidate) {
-      lines.push(buildPanelLine(width, [[' Candidate', C.label]]));
-      lines.push(buildPanelLine(width, [
-        ['  Bundle: ', C.label],
-        [candidate.bundle.bundleId, C.value],
-        ['  State: ', C.label],
-        [candidate.state, C.info],
-      ]));
-      lines.push(buildPanelLine(width, [
-        ['  Loaded: ', C.label],
-        [fmtTime(candidate.loadedAt), C.dim],
-        ['  Rules: ', C.label],
-        [String(candidate.rules.length), C.value],
-      ]));
-    }
-
-    if (snapshot.diff) {
-      lines.push(buildPanelLine(width, [[' Diff', C.label]]));
-      lines.push(buildPanelLine(width, [
-        ['  Changes: ', C.label],
-        [String(snapshot.diff.totalChanges), C.value],
-        ['  Added: ', C.label],
-        [String(snapshot.diff.added.length), C.ok],
-        ['  Removed: ', C.label],
-        [String(snapshot.diff.removed.length), C.error],
-        ['  Changed: ', C.label],
-        [String(snapshot.diff.changed.length), C.warn],
-      ]));
-    }
-
-    if (divergence) {
-      lines.push(buildPanelLine(width, [[' Governance Gate', C.label]]));
-      lines.push(buildPanelLine(width, [
-        ['  Mode: ', C.label],
-        [divergence.mode, C.info],
-        ['  Gate: ', C.label],
-        [divergence.gate.status, gateColor(divergence.gate.status)],
-        ['  Divergence: ', C.label],
-        [fmtRate(divergence.gate.divergenceRate ?? divergence.report.overall.divergenceRate), C.value],
-      ]));
-      lines.push(buildPanelLine(width, [
-        ['  Evaluations: ', C.label],
-        [String(divergence.report.overall.totalEvaluations), C.value],
-        ['  Trend points: ', C.label],
-        [String(divergence.trend.length), C.value],
-      ]));
-    }
-
-    if (snapshot.history.length > 0) {
-      lines.push(buildPanelLine(width, [[' History', C.label]]));
-      for (const version of snapshot.history.slice(0, 5)) {
-        lines.push(buildPanelLine(width, [
-          ['  ', C.label],
-          [version.bundle.bundleId, C.value],
-          ['  ', C.label],
-          [version.state, C.dim],
-          ['  ', C.label],
-          [fmtTime(version.activatedAt ?? version.loadedAt), C.dim],
-        ]));
-      }
-    }
-
-    if (permissionAudit.length > 0) {
-      lines.push(buildPanelLine(width, [[' Permission Audit', C.label]]));
-      for (const entry of permissionAudit.slice(0, 5)) {
-        const outcome = entry.approved === undefined ? 'pending' : entry.approved ? 'approved' : 'denied';
-        const outcomeColor = entry.approved === undefined ? C.warn : entry.approved ? C.ok : C.error;
-        lines.push(buildPanelLine(width, [
-          ['  ', C.label],
-          [entry.tool, C.value],
-          ['  ', C.label],
-          [entry.riskLevel.toUpperCase(), outcomeColor],
-          ['  ', C.label],
-          [outcome, outcomeColor],
-        ]));
-        lines.push(buildPanelLine(width, [
-          ['    ', C.label],
-          [entry.summary.slice(0, Math.max(0, width - 6)), C.dim],
-        ]));
-      }
-    }
-
-    if (lintFindings.length > 0) {
-      lines.push(buildPanelLine(width, [[' Policy Lint', C.label]]));
-      for (const finding of lintFindings.slice(0, 5)) {
-        const color = finding.severity === 'error' ? C.error : finding.severity === 'warn' ? C.warn : C.info;
-        lines.push(buildPanelLine(width, [
-          ['  ', C.label],
-          [finding.severity.toUpperCase(), color],
-          ['  ', C.label],
-          [finding.message.slice(0, Math.max(0, width - 14)), color],
-        ]));
-      }
-    }
-
-    if (!preflightReview) {
-      if (!current && !candidate && !divergence && snapshot.history.length === 0 && permissionAudit.length === 0 && lintFindings.length === 0 && !simulationSummary) {
-        lines.push(buildPanelLine(width, [[' Preflight Review', C.label]]));
-        lines.push(buildPanelLine(width, [['  No proactive preflight review recorded yet.', C.empty]]));
-      }
-    } else {
-      lines.push(buildPanelLine(width, [[' Preflight Review', C.label]]));
-      const statusColor =
-        preflightReview.status === 'pass'
-          ? C.ok
-          : preflightReview.status === 'warn'
-            ? C.warn
-            : C.error;
-      lines.push(buildPanelLine(width, [
-        ['  Status: ', C.label],
-        [preflightReview.status.toUpperCase(), statusColor],
-        ['  Issues: ', C.label],
-        [String(preflightReview.issueCount), C.value],
-        ['  Generated: ', C.label],
-        [fmtTime(preflightReview.generatedAt), C.dim],
-      ]));
-      lines.push(buildPanelLine(width, [
-        ['  ', C.label],
-        [preflightReview.summary.slice(0, Math.max(0, width - 2)), C.dim],
-      ]));
-      for (const issue of preflightReview.issues.slice(0, 4)) {
-        const issueColor = issue.severity === 'error' ? C.error : issue.severity === 'warn' ? C.warn : C.info;
-        lines.push(buildPanelLine(width, [
-          ['  ', C.label],
-          [issue.severity.toUpperCase(), issueColor],
-          ['  ', C.label],
-          [issue.message.slice(0, Math.max(0, width - 14)), issueColor],
-        ]));
-      }
-    }
-
-    if (!simulationSummary) {
-      if (!current && !candidate && !divergence && snapshot.history.length === 0 && permissionAudit.length === 0 && lintFindings.length === 0 && !preflightReview) {
-        lines.push(buildPanelLine(width, [[' Simulation Samples', C.label]]));
-        lines.push(buildPanelLine(width, [['  No concrete simulation samples recorded yet.', C.empty]]));
-      }
-    } else {
-      lines.push(buildPanelLine(width, [[' Simulation Samples', C.label]]));
-      lines.push(buildPanelLine(width, [
-        ['  Mode: ', C.label],
-        [simulationSummary.mode, C.info],
-        ['  Diverged: ', C.label],
-        [`${simulationSummary.divergentScenarios}/${simulationSummary.totalScenarios}`, simulationSummary.divergentScenarios > 0 ? C.warn : C.ok],
-        ['  Allowed(actual/sim): ', C.label],
-        [`${simulationSummary.allowedByActual}/${simulationSummary.allowedBySimulated}`, C.value],
-      ]));
-      for (const result of simulationSummary.results.slice(0, 4)) {
-        const color = result.diverged ? C.warn : (result.authoritativeDecision.allowed ? C.ok : C.error);
-        lines.push(buildPanelLine(width, [
-          ['  ', C.label],
-          [result.scenario.label.slice(0, Math.max(0, width - 40)), C.value],
-          ['  ', C.label],
-          [(result.authoritativeDecision.allowed ? 'allow' : 'deny').toUpperCase(), color],
-          ['  ', C.label],
-          [result.diverged ? (result.divergenceType ?? 'diverged') : 'aligned', color],
-        ]));
-      }
-    }
-
-    lines.push(buildPanelLine(width, [['  /policy opens this panel. Press r to record a divergence trend snapshot.', C.dim]]));
-    return lines;
-  }
-}

package/src/renderer/panel-picker-overlay.ts

@@ -1,202 +0,0 @@
-import { type Line } from '../types/grid.ts';
-import { fitDisplay, getDisplayWidth, truncateDisplay } from '../utils/terminal-width.ts';
-import type { PanelPicker } from '../panels/panel-picker.ts';
-import { CATEGORY_LABELS, CATEGORY_ORDER } from '../panels/panel-picker.ts';
-import type { PanelCategory, PanelRegistration } from '../panels/types.ts';
-import {
-  createOverlayBorderLine,
-  createOverlayBoxLayout,
-  createOverlayContentLine,
-  DEFAULT_OVERLAY_PALETTE,
-  putOverlayText,
-} from './overlay-box.ts';
-import { getOverlaySurfaceMetrics } from './overlay-viewport.ts';
-
-const TITLE_FG = '#cbd5e1';
-const CATEGORY_FG = '#94a3b8';
-const SELECTED_FG = '#e2e8f0';
-const SELECTED_BG = '#1e293b';
-const BODY_FG = '252';
-const BORDER_FG = DEFAULT_OVERLAY_PALETTE.borderFg;
-
-/**
- * Render the panel picker modal as Line[] for overlay in the viewport.
- * Panels are grouped by category. Category headers are inserted between groups.
- * When a search query is active a search-bar row is shown beneath the title.
- */
-export function renderPanelPickerOverlay(
-  picker: PanelPicker,
-  width: number,
-  viewportHeight = 24,
-): Line[] {
-  if (!picker.active) return [];
-
-  const lines: Line[] = [];
-  const metrics = getOverlaySurfaceMetrics(width, viewportHeight, {
-    margin: 4,
-    maxWidth: 72,
-    chromeRows: picker.searchQuery.length > 0 ? 7 : 6,
-    minContentRows: 6,
-    maxContentRows: 10,
-  });
-  const layout = createOverlayBoxLayout(width, metrics.margin, metrics.boxWidth);
-  const contentW = layout.innerWidth;
-  const titleFg = TITLE_FG;
-  const borderFg = BORDER_FG;
-
-  // ── Title bar ──────────────────────────────────────────────────────────────
-  const titleLine = createOverlayBorderLine(width, layout, '┌', '─', '┐', borderFg);
-  putOverlayText(titleLine, layout.margin + 2, layout.width - 4, 'Open Panel Workspace', { fg: titleFg, bold: true });
-  lines.push(titleLine);
-
-  // ── Search bar (shown when query is non-empty) ──────────────────────────────
-  if (picker.searchQuery.length > 0) {
-    const searchLine = createOverlayContentLine(width, layout, borderFg);
-    const searchLabel = '\u2315 ';
-    const queryAvail = contentW - getDisplayWidth(searchLabel);
-    const queryText = fitDisplay(picker.searchQuery, queryAvail);
-    putOverlayText(searchLine, layout.margin + 2, getDisplayWidth(searchLabel), searchLabel, { fg: titleFg });
-    putOverlayText(searchLine, layout.margin + 2 + getDisplayWidth(searchLabel), queryAvail, queryText, { fg: titleFg });
-    lines.push(searchLine);
-
-    lines.push(createOverlayBorderLine(width, layout, '├', '─', '┤', borderFg));
-  } else {
-    const placeholder = ' Browse by category or start typing to filter by panel name, purpose, or category.';
-    const row = createOverlayContentLine(width, layout, borderFg);
-    putOverlayText(row, layout.margin + 2, contentW, fitDisplay(placeholder, contentW), { fg: '244', dim: true });
-    lines.push(row);
-  }
-
-  const visible = picker.getVisible();
-
-  if (visible.length === 0) {
-    const noResults = 'No panels match your search';
-    const noRow = createOverlayContentLine(width, layout, borderFg);
-    putOverlayText(noRow, layout.margin + 2, contentW, fitDisplay(noResults, contentW), { fg: '244', dim: true });
-    lines.push(noRow);
-  } else {
-    // Build a flat render list of { type: 'header' | 'item', ... } entries
-    // so we can compute the correct scroll window over all rows.
-    type HeaderEntry = { type: 'header'; category: PanelCategory };
-    type ItemEntry   = { type: 'item';   reg: PanelRegistration; flatIndex: number };
-    type RenderEntry = HeaderEntry | ItemEntry;
-
-    const renderEntries: RenderEntry[] = [];
-
-    // When no search query, group by category; when searching, show flat list
-    // with a single "Results" header.
-    if (picker.searchQuery.length === 0) {
-      const byCategory = new Map<PanelCategory, PanelRegistration[]>();
-      for (const reg of visible) {
-        const group = byCategory.get(reg.category) ?? [];
-        group.push(reg);
-        byCategory.set(reg.category, group);
-      }
-      let flatIndex = 0;
-      for (const cat of CATEGORY_ORDER) {
-        const group = byCategory.get(cat);
-        if (!group || group.length === 0) continue;
-        renderEntries.push({ type: 'header', category: cat });
-        for (const reg of group) {
-          renderEntries.push({ type: 'item', reg, flatIndex });
-          flatIndex++;
-        }
-      }
-    } else {
-      for (let i = 0; i < visible.length; i++) {
-        renderEntries.push({ type: 'item', reg: visible[i], flatIndex: i });
-      }
-    }
-
-    // Compute scroll window: ensure the selected item row stays visible.
-    // Find the render-entry index of the selected item.
-    const selectedEntryIdx = renderEntries.findIndex(
-      e => e.type === 'item' && e.flatIndex === picker.selectedIndex,
-    );
-    const total = renderEntries.length;
-    const maxVisible = metrics.contentRows;
-    let startEntry = 0;
-    if (total > maxVisible && selectedEntryIdx >= 0) {
-      startEntry = Math.max(
-        0,
-        Math.min(
-          selectedEntryIdx - Math.floor(maxVisible / 2),
-          total - maxVisible,
-        ),
-      );
-    }
-    const endEntry = Math.min(startEntry + maxVisible, total);
-
-    for (let i = startEntry; i < endEntry; i++) {
-      const entry = renderEntries[i];
-
-      if (entry.type === 'header') {
-        // Category header row
-        const label = CATEGORY_LABELS[entry.category].toUpperCase();
-        const headerRow = createOverlayContentLine(width, layout, borderFg);
-        putOverlayText(headerRow, layout.margin + 2, contentW, fitDisplay(`  ${label}`, contentW), { fg: CATEGORY_FG, dim: true });
-        lines.push(headerRow);
-      } else {
-        const { reg, flatIndex } = entry;
-        const isSelected = flatIndex === picker.selectedIndex;
-        const indicator = isSelected ? '\u25b6 ' : '  ';
-
-        // icon (1 char) + 2 spaces + name
-        const iconStr = reg.icon + '  ';
-        const iconW = getDisplayWidth(iconStr);
-
-        // separator between name and description: ' \u2014 '
-        const sep = ' \u2014 ';
-        const sepW = getDisplayWidth(sep);
-
-        // Allocate space: indicator(2) + icon(iconW) + name + sep + desc fills contentW
-        const nameMaxW = Math.max(8, Math.floor((contentW - 2 - iconW - sepW) * 0.35));
-        const descMaxW = contentW - 2 - iconW - nameMaxW - sepW;
-
-        const nameRaw = reg.name;
-        const nameStr = fitDisplay(nameRaw, nameMaxW);
-
-        const descRaw = reg.description;
-        const descStr = fitDisplay(descRaw, descMaxW);
-
-        const row = createOverlayContentLine(width, layout, borderFg, isSelected ? SELECTED_BG : '');
-        const rowText = indicator + iconStr + nameStr + sep + descStr;
-        putOverlayText(row, layout.margin + 2, contentW, fitDisplay(truncateDisplay(rowText, contentW), contentW), {
-          fg: isSelected ? SELECTED_FG : BODY_FG,
-          bg: isSelected ? SELECTED_BG : '',
-          bold: isSelected,
-        });
-        lines.push(row);
-      }
-    }
-
-    const selected = picker.getSelected();
-    if (selected) {
-      lines.push(createOverlayBorderLine(width, layout, '├', '─', '┤', borderFg));
-      const categoryLabel = CATEGORY_LABELS[selected.category].toUpperCase();
-      const selectedLine = createOverlayContentLine(width, layout, borderFg);
-      putOverlayText(selectedLine, layout.margin + 2, contentW, fitDisplay(`${selected.icon} ${selected.name}  [${categoryLabel}]`, contentW), { fg: SELECTED_FG });
-      lines.push(selectedLine);
-      const desc = fitDisplay(truncateDisplay(selected.description, contentW), contentW);
-      const descRow = createOverlayContentLine(width, layout, borderFg);
-      putOverlayText(descRow, layout.margin + 2, contentW, desc, { fg: '244', dim: true });
-      lines.push(descRow);
-    }
-
-    // ── Scroll indicator ───────────────────────────────────────────────────
-    if (total > maxVisible) {
-      const scrollInfo = `${picker.selectedIndex + 1}/${visible.length}`;
-      const scrollRow = createOverlayContentLine(width, layout, borderFg);
-      putOverlayText(scrollRow, layout.margin + 2 + Math.max(0, contentW - getDisplayWidth(scrollInfo)), getDisplayWidth(scrollInfo), scrollInfo, { fg: '240', dim: true });
-      lines.push(scrollRow);
-    }
-  }
-
-  // ── Bottom border with hints ───────────────────────────────────────────────
-  const hints = '[Up/Down] Navigate  [Enter] Open  [/] Filter  [Esc] Cancel';
-  const bottomLine = createOverlayBorderLine(width, layout, '└', '─', '┘', borderFg);
-  putOverlayText(bottomLine, layout.margin + 2, layout.width - 4, truncateDisplay(hints, layout.width - 4), { fg: '240', dim: true });
-  lines.push(bottomLine);
-
-  return lines;
-}