@pellux/goodvibes-tui 0.28.0 → 1.0.0

package/src/panels/provider-accounts-panel.ts

@@ -1,255 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import { createEmptyLine } from '../types/grid.ts';
-import { truncateDisplay } from '../utils/terminal-width.ts';
-import { ScrollableListPanel } from './scrollable-list-panel.ts';
-import {
-  buildAlignedRow,
-  buildDetailBlock,
-  buildEmptyState,
-  buildGuidanceLine,
-  buildKeyboardHints,
-  buildKeyValueLine,
-  buildPanelLine,
-  buildSummaryBlock,
-  buildPanelWorkspace,
-  DEFAULT_PANEL_PALETTE,
-  resolvePrimaryScrollableSection,
-  type PanelWorkspaceSection,
-} from './polish.ts';
-import {
-  type ProviderAccountRecord,
-  type ProviderAccountSnapshot,
-  type ProviderAccountSnapshotQuery,
-} from './provider-account-snapshot.ts';
-
-export interface ProviderAccountsPanelDeps {
-  readonly providerAccounts: ProviderAccountSnapshotQuery;
-}
-
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  selectBg: '#1e293b',
-} as const;
-
-export class ProviderAccountsPanel extends ScrollableListPanel<ProviderAccountRecord> {
-  private records: ProviderAccountRecord[] = [];
-  private loading = false;
-  private readonly providerAccounts: ProviderAccountSnapshotQuery;
-
-  public constructor(deps: ProviderAccountsPanelDeps) {
-    super('accounts', 'Accounts', 'Q', 'monitoring');
-    this.showSelectionGutter = true; // I5: non-color selection affordance
-    this.providerAccounts = deps.providerAccounts;
-    void this.refresh();
-  }
-
-  public override onActivate(): void {
-    super.onActivate();
-    if (!this.loading) void this.refresh();
-  }
-
-  protected getItems(): readonly ProviderAccountRecord[] {
-    return this.records;
-  }
-
-  private readonly listColumns = [
-    { width: 16 },
-    { width: 14 },
-    { width: 8, align: 'right' as const },
-    { width: 11 },
-    { width: 8, align: 'right' as const },
-  ];
-
-  protected renderItem(item: ProviderAccountRecord, _index: number, selected: boolean, width: number): Line {
-    const routeFg = item.activeRoute === 'subscription' ? C.info
-      : item.activeRoute === 'api-key' ? C.warn
-      : item.activeRoute === 'service-oauth' ? C.value : C.dim;
-    const freshFg = item.authFreshness === 'expired' ? C.bad
-      : item.authFreshness === 'expiring' || item.authFreshness === 'pending' ? C.warn : C.dim;
-    return buildAlignedRow(
-      width,
-      [
-        { text: item.providerId, fg: item.active ? C.good : C.value, bold: selected },
-        { text: item.activeRoute, fg: routeFg },
-        { text: `${item.modelCount} mdl`, fg: C.dim },
-        { text: item.authFreshness, fg: freshFg },
-        { text: item.issues.length > 0 ? `${item.issues.length} !` : 'ok', fg: item.issues.length > 0 ? C.bad : C.good },
-      ],
-      this.listColumns,
-      { selected, selectedBg: C.selectBg, marker: '▸' },
-    );
-  }
-
-  public handleInput(key: string): boolean {
-    if (key === 'r') {
-      void this.refresh();
-      return true;
-    }
-    return super.handleInput(key);
-  }
-
-  private async refresh(): Promise<void> {
-    this.loading = true;
-    this.markDirty();
-    const snapshot = await this.buildSnapshot();
-    this.records = [...snapshot.providers];
-    this.clampSelection();
-    this.loading = false;
-    this.markDirty();
-  }
-
-  private async buildSnapshot(): Promise<ProviderAccountSnapshot> {
-    return this.providerAccounts.loadSnapshot();
-  }
-
-  public render(width: number, height: number): Line[] {
-    this.needsRender = false;
-    const intro = 'Provider auth routes, subscription posture, quota-window hints, and routing-safety notes.';
-    const footerLines = [buildKeyboardHints(width, [
-      { keys: 'Up/Down', label: 'select' },
-      { keys: 'r', label: 'refresh' },
-      { keys: '/accounts repair <provider>', label: 'recover routing' },
-    ], C)];
-    if (this.loading && this.records.length === 0) {
-      const lines = buildPanelWorkspace(width, height, {
-        title: 'Provider Account Control Room',
-        intro,
-        sections: [{ lines: [buildPanelLine(width, [[' Loading provider account posture...', C.info]])] }],
-        palette: C,
-      });
-      while (lines.length < height) lines.push(createEmptyLine(width));
-      return lines;
-    }
-    if (this.records.length === 0) {
-      const lines = buildPanelWorkspace(width, height, {
-        title: 'Provider Account Control Room',
-        intro,
-        sections: [{
-          lines: buildEmptyState(width, ' No provider accounts discovered.', 'Configure API keys or subscriptions to populate account routing posture.', [{ command: '/provider', summary: 'review current provider and model posture' }], C),
-        }],
-        palette: C,
-      });
-      while (lines.length < height) lines.push(createEmptyLine(width));
-      return lines;
-    }
-    const issueCount = this.records.reduce((sum, record) => sum + record.issues.length + (record.fallbackRisk ? 1 : 0), 0);
-    const expiredCount = this.records.filter((record) => record.authFreshness === 'expired').length;
-    const pendingCount = this.records.filter((record) => record.pendingLogin).length;
-    const fallbackCount = this.records.filter((record) => Boolean(record.fallbackRisk)).length;
-    const selected = this.records[this.selectedIndex]!;
-    const postureLines: Line[] = [
-      buildKeyValueLine(width, [
-        { label: 'providers', value: String(this.records.length), valueColor: C.value },
-        { label: 'expired auth', value: String(expiredCount), valueColor: expiredCount > 0 ? C.bad : C.good },
-        { label: 'pending login', value: String(pendingCount), valueColor: pendingCount > 0 ? C.warn : C.dim },
-        { label: 'fallback risk', value: String(fallbackCount), valueColor: fallbackCount > 0 ? C.warn : C.good },
-      ], C),
-      buildKeyValueLine(width, [
-        { label: 'total issues', value: String(issueCount), valueColor: issueCount > 0 ? C.bad : C.good },
-        { label: 'selected', value: selected.providerId, valueColor: C.info },
-        { label: 'route', value: selected.activeRoute, valueColor: selected.activeRoute === 'subscription' ? C.info : selected.activeRoute === 'api-key' ? C.warn : C.value },
-        { label: 'freshness', value: selected.authFreshness, valueColor: selected.authFreshness === 'expired' ? C.bad : selected.authFreshness === 'expiring' || selected.authFreshness === 'pending' ? C.warn : C.good },
-      ], C),
-      buildGuidanceLine(width, '/accounts repair <provider>', 'review routing safety, fallback cost, and provider-specific recovery steps', C),
-    ];
-    const detailRows: Line[] = [
-      buildKeyValueLine(width, [
-        { label: 'provider', value: selected.providerId, valueColor: C.value },
-        { label: 'active route', value: selected.activeRoute, valueColor: selected.activeRoute === 'subscription' ? C.info : selected.activeRoute === 'api-key' ? C.warn : selected.activeRoute === 'service-oauth' ? C.value : C.bad },
-        { label: 'preferred route', value: selected.preferredRoute, valueColor: C.dim },
-        { label: 'freshness', value: selected.authFreshness, valueColor: selected.authFreshness === 'expired' ? C.bad : selected.authFreshness === 'expiring' || selected.authFreshness === 'pending' ? C.warn : C.good },
-      ], C),
-      buildKeyValueLine(width, [
-        { label: 'configured', value: selected.configured ? 'yes' : 'no', valueColor: selected.configured ? C.good : C.bad },
-        { label: 'oauth ready', value: selected.oauthReady ? 'yes' : 'no', valueColor: selected.oauthReady ? C.info : C.dim },
-        { label: 'pending login', value: selected.pendingLogin ? 'yes' : 'no', valueColor: selected.pendingLogin ? C.warn : C.dim },
-      ], C),
-      buildPanelLine(width, [[truncateDisplay(`  Active route reason: ${selected.activeRouteReason}`, width), C.dim]]),
-      buildPanelLine(width, [[truncateDisplay(`  Available routes: ${selected.availableRoutes.join(', ') || 'unconfigured'}`, width), C.dim]]),
-    ];
-    if (selected.expiresAt) {
-      detailRows.push(buildPanelLine(width, [
-        ['  Expires: ', C.label],
-        [new Date(selected.expiresAt).toISOString(), C.dim],
-        ['  Token: ', C.label],
-        [selected.tokenType ?? 'n/a', C.value],
-      ]));
-    }
-    if (selected.fallbackRisk) {
-      detailRows.push(buildPanelLine(width, [[truncateDisplay(`  fallback: ${selected.fallbackRisk}`, width), C.warn]]));
-    }
-    for (const route of selected.routeRecords) {
-      detailRows.push(buildPanelLine(width, [[
-        truncateDisplay(`  route ${route.route}: ${route.usable ? 'usable' : 'blocked'} • ${route.freshness} • ${route.detail}`, width),
-        route.usable ? C.dim : C.bad,
-      ]]));
-      for (const issue of route.issues) {
-        detailRows.push(buildPanelLine(width, [[truncateDisplay(`    issue: ${issue}`, width), C.bad]]));
-      }
-    }
-    for (const windowHint of selected.usageWindows) {
-      detailRows.push(buildPanelLine(width, [[truncateDisplay(`  ${windowHint.label}: ${windowHint.detail}`, width), C.dim]]));
-    }
-    for (const issue of selected.issues) {
-      detailRows.push(buildPanelLine(width, [[truncateDisplay(`  issue: ${issue}`, width), C.bad]]));
-    }
-    for (const note of selected.notes) {
-      detailRows.push(buildPanelLine(width, [[truncateDisplay(`  note: ${note}`, width), C.info]]));
-    }
-    for (const action of selected.recommendedActions) {
-      detailRows.push(buildPanelLine(width, [[truncateDisplay(`  next: ${action}`, width), C.value]]));
-    }
-    if (selected.issues.length === 0 && selected.notes.length === 0 && selected.usageWindows.length === 0 && selected.recommendedActions.length === 0) {
-      detailRows.push(buildPanelLine(width, [['  No active account warnings for this provider.', C.dim]]));
-    }
-    const postureSection: PanelWorkspaceSection = { lines: buildSummaryBlock(width, 'Provider posture', postureLines, C) };
-    const detailsSection: PanelWorkspaceSection = { lines: buildDetailBlock(width, 'Selected provider', detailRows, C) };
-    const rawProviderLines: Line[] = this.records.map((record, absolute) =>
-      this.renderItem(record, absolute, absolute === this.selectedIndex, width),
-    );
-    const columnHeader = buildAlignedRow(
-      width,
-      [
-        { text: 'provider', fg: C.label, bold: true },
-        { text: 'route', fg: C.label, bold: true },
-        { text: 'models', fg: C.label, bold: true },
-        { text: 'auth', fg: C.label, bold: true },
-        { text: 'issues', fg: C.label, bold: true },
-      ],
-      this.listColumns,
-      { marker: '▸' },
-    );
-    const resolvedProvidersSection = resolvePrimaryScrollableSection(width, height, {
-      intro,
-      footerLines,
-      palette: C,
-      beforeSections: [postureSection],
-      section: {
-        title: 'Providers',
-        fixedLines: [columnHeader],
-        scrollableLines: rawProviderLines,
-        selectedIndex: this.selectedIndex,
-        scrollOffset: this.scrollStart,
-        guardRows: 1,
-        minRows: 4,
-        appendWindowSummary: { dimColor: C.dim },
-      },
-      afterSections: [detailsSection],
-    });
-    this.scrollStart = resolvedProvidersSection.scrollOffset;
-    const sections: PanelWorkspaceSection[] = [
-      postureSection,
-      resolvedProvidersSection.section,
-      detailsSection,
-    ];
-    const lines = buildPanelWorkspace(width, height, {
-      title: 'Provider Account Control Room',
-      intro,
-      sections,
-      footerLines,
-      palette: C,
-    });
-    while (lines.length < height) lines.push(createEmptyLine(width));
-    return lines.slice(0, height);
-  }
-}

package/src/panels/provider-stats-panel.ts

@@ -1,391 +0,0 @@
-import { BasePanel } from './base-panel.ts';
-import type { Line } from '../types/grid.ts';
-import type { ProviderEvent, TurnEvent } from '@/runtime/index.ts';
-import type { UiEventFeed } from '../runtime/ui-events.ts';
-import type { UiProvidersSnapshot, UiReadModel } from '../runtime/ui-read-models.ts';
-import {
-  buildEmptyState,
-  buildKeyboardHints,
-  buildKeyValueLine,
-  buildPanelLine,
-  buildStyledPanelLine,
-  buildPanelWorkspace,
-  DEFAULT_PANEL_PALETTE,
-  extendPalette,
-  type PanelWorkspaceSection,
-} from './polish.ts';
-import { truncateDisplay } from '../utils/terminal-width.ts';
-import { formatLatencyMs } from '../utils/format-duration.ts';
-
-// ---------------------------------------------------------------------------
-// Constants
-// ---------------------------------------------------------------------------
-
-// Domain-specific tones not covered by the base palette (latency/token greys).
-const C = extendPalette(DEFAULT_PANEL_PALETTE, {
-  muted2:    '#6b7280', // secondary dim grey for unit labels
-  sep:       '#374151', // inline separator grey
-  tokenDim:  '#64748b', // token-count grey
-  p95:       '#a78bfa', // p95 latency accent
-  latYellow: '#eab308', // mid-latency warning
-});
-
-const SPARKLINE_CHARS = '._-:=+*#';
-const LATENCY_RING_SIZE = 20;
-
-/** Latency thresholds in ms for color-coding. */
-const LATENCY_GREEN  = 500;
-const LATENCY_YELLOW = 2000;
-
-// ---------------------------------------------------------------------------
-// Types
-// ---------------------------------------------------------------------------
-
-interface ProviderRecord {
-  /** Provider name (e.g. 'anthropic', 'openai'). */
-  name: string;
-  /** Currently active model ID for this provider (last seen). */
-  lastModelId: string;
-  /** Ring buffer of per-request latencies in ms (most-recent last). */
-  latencies: number[];
-  /** Total request count. */
-  requests: number;
-  /** Error count. */
-  errors: number;
-  /** Total input + output tokens summed across all requests. */
-  totalTokens: number;
-}
-
-// ---------------------------------------------------------------------------
-// ProviderStatsPanel
-// ---------------------------------------------------------------------------
-
-export class ProviderStatsPanel extends BasePanel {
-  /** Per-provider metrics keyed by provider name. */
-  private records: Map<string, ProviderRecord> = new Map();
-
-  /** Timestamp (ms) recorded at turn:start — used to compute turn latency. */
-  private _turnStartMs: number | null = null;
-
-  /** Timestamp for the current streaming LLM call start. */
-  private _streamStartMs: number | null = null;
-
-  /** Unsubscribe functions for event listeners. */
-  private _unsubs: Array<() => void> = [];
-
-  constructor(
-    private readonly turnEvents: UiEventFeed<TurnEvent>,
-    private readonly providerEvents: UiEventFeed<ProviderEvent>,
-    private readonly requestRender: () => void = () => {},
-    private readonly providers: UiReadModel<UiProvidersSnapshot>,
-  ) {
-    super('providers', 'Providers', 'R', 'monitoring');
-    this._subscribe();
-  }
-
-  // -------------------------------------------------------------------------
-  // Event subscription
-  // -------------------------------------------------------------------------
-
-  private _subscribe(): void {
-    // Record when a turn starts so we can compute latency later
-    this._unsubs.push(
-      this.turnEvents.on('TURN_SUBMITTED', () => {
-        this._turnStartMs = Date.now();
-      }),
-    );
-
-    // Per-streaming-call timing (each iteration of the agentic loop)
-    this._unsubs.push(
-      this.turnEvents.on('STREAM_START', () => {
-        this._streamStartMs = Date.now();
-      }),
-    );
-
-    // After each LLM response (streamed or not), record metrics for the
-    // current provider call inside the turn loop.
-    this._unsubs.push(
-      this.turnEvents.on('LLM_RESPONSE_RECEIVED', (env) => {
-        const now = Date.now();
-        const latencyMs = this._streamStartMs !== null
-          ? now - this._streamStartMs
-          : this._turnStartMs !== null
-            ? now - this._turnStartMs
-            : 0;
-        // Reset stream start — ready for next iteration in the agentic loop
-        this._streamStartMs = null;
-        this._recordRequest(
-          env.provider,
-          env.model,
-          latencyMs,
-          false,
-          env.inputTokens
-            + env.outputTokens
-            + (env.cacheReadTokens ?? 0)
-            + (env.cacheWriteTokens ?? 0),
-        );
-
-        this.markDirty();
-        this.requestRender();
-      }),
-    );
-
-    // On error, record a failed request
-    this._unsubs.push(
-      this.turnEvents.on('TURN_ERROR', () => {
-        this._turnStartMs = null;
-        this._streamStartMs = null;
-        this._recordRequest('unknown', 'unknown', 0, true, 0);
-
-        this.markDirty();
-        this.requestRender();
-      }),
-    );
-
-    // Re-render when providers change (new custom providers loaded)
-    this._unsubs.push(
-      this.providerEvents.on('PROVIDERS_CHANGED', () => {
-        this.markDirty();
-        this.requestRender();
-      }),
-    );
-  }
-
-  // -------------------------------------------------------------------------
-  // Metric recording
-  // -------------------------------------------------------------------------
-
-  private _recordRequest(
-    providerName: string,
-    modelId: string,
-    latencyMs: number,
-    isError: boolean,
-    tokens: number,
-  ): void {
-    let rec = this.records.get(providerName);
-    if (!rec) {
-      rec = {
-        name: providerName,
-        lastModelId: modelId,
-        latencies: [],
-        requests: 0,
-        errors: 0,
-        totalTokens: 0,
-      };
-      this.records.set(providerName, rec);
-    }
-
-    rec.lastModelId = modelId;
-    rec.requests++;
-    if (isError) rec.errors++;
-    rec.totalTokens += tokens;
-
-    if (latencyMs > 0) {
-      rec.latencies.push(latencyMs);
-      // Keep only the most recent LATENCY_RING_SIZE samples
-      if (rec.latencies.length > LATENCY_RING_SIZE) {
-        rec.latencies.shift();
-      }
-    }
-  }
-
-  // -------------------------------------------------------------------------
-  // Lifecycle
-  // -------------------------------------------------------------------------
-
-  override onDestroy(): void {
-    for (const unsub of this._unsubs) unsub();
-    this._unsubs = [];
-  }
-
-  // -------------------------------------------------------------------------
-  // Rendering
-  // -------------------------------------------------------------------------
-
-  override render(width: number, height: number): Line[] {
-    const knownProviders = [...this.providers.getSnapshot().providerIds];
-
-    if (knownProviders.length === 0) {
-      return buildPanelWorkspace(width, height, {
-        title: ' Provider Stats',
-        intro: 'Per-provider request performance, latency distribution, error pressure, and session totals.',
-        sections: [
-          {
-            lines: buildEmptyState(
-              width,
-              ' No providers registered',
-              'Load or configure a provider to begin collecting per-provider latency and error metrics.',
-              [
-                { command: '/provider', summary: 'review current provider and model selection' },
-                { command: '/subscription', summary: 'sign in to a subscription-backed provider' },
-              ],
-              DEFAULT_PANEL_PALETTE,
-            ),
-          },
-        ],
-        palette: DEFAULT_PANEL_PALETTE,
-      });
-    }
-
-    const totalReq = [...this.records.values()].reduce((sum, rec) => sum + rec.requests, 0);
-    const totalErr = [...this.records.values()].reduce((sum, rec) => sum + rec.errors, 0);
-    const totalTok = [...this.records.values()].reduce((sum, rec) => sum + rec.totalTokens, 0);
-    const allLatencies = [...this.records.values()].flatMap((rec) => rec.latencies);
-    const providerSections: PanelWorkspaceSection[] = [
-      {
-        title: 'Session',
-        lines: [
-          buildKeyValueLine(width, [
-            { label: 'Providers', value: String(knownProviders.length) },
-            { label: 'Requests', value: String(totalReq), valueColor: DEFAULT_PANEL_PALETTE.info },
-            { label: 'Errors', value: String(totalErr), valueColor: totalErr > 0 ? DEFAULT_PANEL_PALETTE.bad : DEFAULT_PANEL_PALETTE.good },
-            { label: 'Tokens', value: String(totalTok), valueColor: DEFAULT_PANEL_PALETTE.value },
-          ], DEFAULT_PANEL_PALETTE),
-          buildKeyValueLine(width, [
-            { label: 'Avg Latency', value: this._fmtMs(this._avg(allLatencies)), valueColor: this._latencyColor(this._avg(allLatencies)) },
-            { label: 'P95', value: this._fmtMs(this._p95(allLatencies)), valueColor: DEFAULT_PANEL_PALETTE.warn },
-          ], DEFAULT_PANEL_PALETTE),
-        ],
-      },
-    ];
-
-    for (const provName of knownProviders) {
-      const rec = this.records.get(provName);
-      providerSections.push({
-        title: provName,
-        lines: this._buildProviderRows(provName, rec, width),
-      });
-    }
-
-    return buildPanelWorkspace(width, height, {
-      title: ' Provider Stats',
-      intro: 'Per-provider request performance, latency distribution, error pressure, and session totals.',
-      sections: providerSections,
-      footerLines: [
-        buildPanelLine(width, [
-          ['  sparkline ', C.muted2],
-          ['low', C.good],
-          [' → ', C.muted2],
-          ['high latency', C.bad],
-        ]),
-        buildKeyboardHints(width, [
-          { keys: '/provider', label: 'switch provider/model' },
-          { keys: '/health', label: 'live provider health' },
-        ], DEFAULT_PANEL_PALETTE),
-      ],
-      palette: DEFAULT_PANEL_PALETTE,
-    });
-  }
-
-  // -------------------------------------------------------------------------
-  // Line builders
-  // -------------------------------------------------------------------------
-
-  private _buildProviderRows(
-    provName: string,
-    rec: ProviderRecord | undefined,
-    width: number,
-  ): Line[] {
-    const rows: Line[] = [];
-
-    // Determine health
-    const hasErrors = rec !== undefined && rec.errors > 0;
-    const dotColor = hasErrors ? C.bad : C.good;
-
-    // Model ID (truncated)
-    const modelId = rec?.lastModelId ?? 'n/a';
-    const modelDisplay = truncateDisplay(modelId, 30);
-
-    // Header row: * provider  model
-    // Build as segments to avoid multi-byte char indexing issues
-    const headerLine = buildStyledPanelLine(width, [
-      { text: '  ', fg: C.label },
-      { text: '●', fg: dotColor },
-      { text: ' ', fg: C.label },
-      { text: `${truncateDisplay(provName, 14).padEnd(14)} `, fg: C.value, bold: true },
-      { text: modelDisplay, fg: C.accent },
-    ]);
-
-    rows.push(headerLine);
-
-    if (rec === undefined || rec.requests === 0) {
-      rows.push(buildStyledPanelLine(width, [
-        { text: '    No requests yet.', fg: C.muted2 },
-      ]));
-    } else {
-      const avgLatency = this._avg(rec.latencies);
-      const p95Latency = this._p95(rec.latencies);
-      const errRate = rec.requests > 0 ? (rec.errors / rec.requests) * 100 : 0;
-      const sparkline = this._sparkline(rec.latencies);
-
-      const latFg = avgLatency < LATENCY_GREEN
-        ? C.good
-        : avgLatency < LATENCY_YELLOW
-          ? C.latYellow
-          : C.bad;
-
-      const segments = [
-        { text: '    avg ', fg: C.muted2 },
-        { text: this._fmtMs(avgLatency).padStart(6), fg: latFg, bold: true },
-        { text: '  p95 ', fg: C.muted2 },
-        { text: this._fmtMs(p95Latency).padStart(6), fg: C.p95 },
-        { text: '  ', fg: C.sep },
-        { text: sparkline, fg: latFg },
-        { text: '  err ', fg: C.muted2 },
-        { text: `${errRate.toFixed(0).padStart(3)}%`, fg: errRate > 0 ? C.bad : C.good },
-        { text: `  ${rec.requests.toString().padStart(4)}r`, fg: C.label },
-      ] as const;
-      const tokenSegment = rec.totalTokens > 0
-        ? [{ text: `  ${rec.totalTokens.toString().padStart(6)}tok`, fg: C.tokenDim }]
-        : [];
-      rows.push(buildStyledPanelLine(width, [...segments, ...tokenSegment]));
-    }
-
-    return rows;
-  }
-
-  // -------------------------------------------------------------------------
-  // Utilities
-  // -------------------------------------------------------------------------
-
-  private _avg(arr: number[]): number {
-    if (arr.length === 0) return 0;
-    return arr.reduce((s, v) => s + v, 0) / arr.length;
-  }
-
-  private _p95(arr: number[]): number {
-    if (arr.length === 0) return 0;
-    const sorted = [...arr].sort((a, b) => a - b);
-    const idx = Math.floor(sorted.length * 0.95);
-    return sorted[Math.min(idx, sorted.length - 1)] ?? 0;
-  }
-
-  private _sparkline(latencies: number[]): string {
-    if (latencies.length === 0) return ' '.repeat(LATENCY_RING_SIZE);
-    const vals = latencies.slice(-LATENCY_RING_SIZE);
-    const minV = Math.min(...vals);
-    const maxV = Math.max(...vals);
-    const range = maxV - minV || 1;
-    const spark: string[] = vals.map((v) => {
-      const idx = Math.min(
-        SPARKLINE_CHARS.length - 1,
-        Math.floor(((v - minV) / range) * (SPARKLINE_CHARS.length - 1)),
-      );
-      return SPARKLINE_CHARS[idx] ?? '.';
-    });
-    // Pad left to always be LATENCY_RING_SIZE wide
-    while (spark.length < LATENCY_RING_SIZE) spark.unshift(' ');
-    return spark.join('');
-  }
-
-  private _fmtMs(ms: number): string {
-    return formatLatencyMs(ms);
-  }
-
-  private _latencyColor(ms: number): string {
-    if (ms <= 0) return DEFAULT_PANEL_PALETTE.dim;
-    if (ms < LATENCY_GREEN) return DEFAULT_PANEL_PALETTE.good;
-    if (ms < LATENCY_YELLOW) return DEFAULT_PANEL_PALETTE.warn;
-    return DEFAULT_PANEL_PALETTE.bad;
-  }
-}