@pellux/goodvibes-tui 0.26.0 → 0.27.0

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

@@ -18,14 +18,12 @@ import {
   buildStyledPanelLine,
   buildPanelWorkspace,
   DEFAULT_PANEL_PALETTE,
+  extendPalette,
 } from './polish.ts';
 
-const C = {
+const C = extendPalette(DEFAULT_PANEL_PALETTE, {
   convFg: '#cc99ff',
-  overFg: '#ff6666',
-  barEmpty: '#333344',
-  labelFg: '#8888bb',
-} as const;
+});
 
 
 
@@ -49,8 +47,9 @@ export class ContextVisualizerPanel extends BasePanel {
     sessionMemoryStore: SessionMemoryQuery,
     private readonly configManager: Pick<ConfigManager, 'get'>,
     private getUsage?: () => { input: number; output: number; cacheRead: number; cacheWrite: number; model?: string },
-    private contextLimit?: number,
+    private contextLimit?: number | (() => number),
     private sessionReadModel?: UiReadModel<UiSessionSnapshot>,
+    private getLastInputTokens?: () => number,
   ) {
     super('context', 'Context', 'C', 'ai');
     this.sessionMemoryStore = sessionMemoryStore;
@@ -80,7 +79,7 @@ export class ContextVisualizerPanel extends BasePanel {
     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.overFg : C.convFg;
+    const fg = overLimit ? C.bad : C.convFg;
     if (limit <= 0) {
       return buildPanelWorkspace(width, height, {
         title: ' Context Usage',
@@ -138,10 +137,10 @@ export class ContextVisualizerPanel extends BasePanel {
   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.overFg : C.convFg;
+    const barFg = overLimit ? C.bad : C.convFg;
     return buildMeterLine(width, filled, barWidth, {
       filled: barFg,
-      empty: C.barEmpty,
+      empty: C.empty,
       label: DEFAULT_PANEL_PALETTE.dim,
     });
   }
@@ -151,7 +150,7 @@ export class ContextVisualizerPanel extends BasePanel {
     const valStr = formatK(val).padStart(7);
     const pctStr = `${pct}%`.padStart(5);
     return buildStyledPanelLine(width, [
-      { text: labelPadded, fg: C.labelFg },
+      { text: labelPadded, fg: C.label },
       { text: valStr, fg },
       { text: '  ', fg: DEFAULT_PANEL_PALETTE.dim },
       { text: pctStr, fg },
@@ -159,10 +158,21 @@ export class ContextVisualizerPanel extends BasePanel {
   }
 
   private _refresh(): void {
-    const usage = this.getUsage?.();
-    if (usage) {
-      this.snapshot.input = usage.input;
-      this.snapshot.limit = this.contextLimit ?? 0;
+    // 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();
   }

package/src/panels/cost-tracker-panel.ts

@@ -14,6 +14,7 @@ import {
   buildStyledPanelLine,
   buildPanelWorkspace,
   resolveScrollablePanelSection,
+  extendPalette,
   DEFAULT_PANEL_PALETTE,
   type PanelWorkspaceSection,
 } from './polish.ts';
@@ -75,20 +76,13 @@ function buildSparkline(history: number[]): string {
 // Colour palette
 // ---------------------------------------------------------------------------
 
-const C = {
-  header:    '#ffffff',
-  label:     '#aaaaaa',
-  value:     '#00ff88',
+const C = extendPalette(DEFAULT_PANEL_PALETTE, {
   cost:      '#ffdd44',
-  alert:     '#ff4444',
-  dim:       '#555555',
   model:     '#88aaff',
   running:   '#88aaff',
-  done:      '#00ff88',
-  failed:    '#ff4444',
   separator: '#333333',
   bg:        '',
-} as const;
+});
 
 // ---------------------------------------------------------------------------
 // CostTrackerPanel
@@ -273,7 +267,7 @@ export class CostTrackerPanel extends BasePanel {
     const overBudget = this.budgetThreshold > 0 && sessionCost > this.budgetThreshold;
     const sparkline = buildSparkline(this.costHistory);
     const costStr = formatCost(sessionCost);
-    const costFg = overBudget ? C.alert : C.cost;
+    const costFg = overBudget ? C.bad : C.cost;
     const budgetStr = this.budgetThreshold > 0
       ? ` / ${formatCost(this.budgetThreshold)}`
       : '';
@@ -281,7 +275,7 @@ export class CostTrackerPanel extends BasePanel {
     const sessionLines: Line[] = [
       this.renderKeyValue(width, ' Total', `${costStr}${budgetStr}${alertStr}`, costFg),
     ];
-    if (sparkline.length > 0) sessionLines.push(this.renderLabeledLine(width, ' Trend', sparkline, C.value));
+    if (sparkline.length > 0) sessionLines.push(this.renderLabeledLine(width, ' Trend', sparkline, C.good));
     sessionLines.push(this.renderKeyValue(width, ' Input',  formatTokens(this.sessionUsage.input),  C.label));
     sessionLines.push(this.renderKeyValue(width, ' Output', formatTokens(this.sessionUsage.output), C.label));
     if (this.sessionUsage.cacheRead > 0 || this.sessionUsage.cacheWrite > 0) {
@@ -307,8 +301,8 @@ export class CostTrackerPanel extends BasePanel {
       ];
       for (const agent of agentList) {
         const statusFg = agent.status === 'running' ? C.running
-          : agent.status === 'failed' ? C.failed
-          : C.done;
+          : agent.status === 'failed' ? C.bad
+          : C.good;
         const statusIcon = agent.status === 'running' ? '…'
           : agent.status === 'failed' ? '✕'
           : '✓';

package/src/panels/debug-panel.ts

@@ -11,6 +11,7 @@ import {
   resolveScrollablePanelSection,
   resolveStackedScrollableSections,
   DEFAULT_PANEL_PALETTE,
+  extendPalette,
   type PanelWorkspaceSection,
 } from './polish.ts';
 
@@ -52,24 +53,12 @@ const MAX_ERROR_LOG  = 20;
 // Colors
 // ---------------------------------------------------------------------------
 
-const C = {
-  title:      '#00ffff',
-  ok:         '#5fd700',
-  error:      '#ff5f5f',
-  warn:       '#ffaf00',
-  label:      '244',
-  value:      '252',
-  dim:        '240',
+const C = extendPalette(DEFAULT_PANEL_PALETTE, {
   provName:   '#e2e8f0',
-  separator:  '#374151',
   input:      '#00ffff',
   output:     '#d000ff',
-  latGood:    '#5fd700',
-  latWarn:    '#ffaf00',
-  latBad:     '#ff5f5f',
-  sectionHdr: '238',
   colHdr:     '242',
-} as const;
+});
 
 const LATENCY_WARN_MS = 2_000;
 const LATENCY_BAD_MS  = 5_000;
@@ -99,9 +88,9 @@ function fmtAgo(ts: number): string {
 }
 
 function latColor(ms: number): string {
-  if (ms >= LATENCY_BAD_MS)  return C.latBad;
-  if (ms >= LATENCY_WARN_MS) return C.latWarn;
-  return C.latGood;
+  if (ms >= LATENCY_BAD_MS)  return C.bad;
+  if (ms >= LATENCY_WARN_MS) return C.warn;
+  return C.good;
 }
 
 function statusCodeFromError(msg: string): number {
@@ -346,9 +335,9 @@ export class DebugPanel extends BasePanel {
         { text: ' Calls: ', fg: C.label },
         { text: String(this._totalCalls), fg: C.value },
         { text: '  OK: ', fg: C.label },
-        { text: String(okCount), fg: C.ok },
+        { text: String(okCount), fg: C.good },
         { text: '  Errors: ', fg: C.label },
-        { text: String(errCount), fg: errCount > 0 ? C.error : C.dim },
+        { text: String(errCount), fg: errCount > 0 ? C.bad : C.dim },
       ]),
     ];
   }
@@ -372,7 +361,7 @@ export class DebugPanel extends BasePanel {
   private _callLogRow(e: ApiCallEntry, width: number): Line {
     const timeStr    = fmtAgo(e.ts).padEnd(8);
     const statusChar = e.status === 'ok' ? '✓' : '✕';
-    const statusFg   = e.status === 'ok' ? C.ok : C.error;
+    const statusFg   = e.status === 'ok' ? C.good : C.bad;
     const provStr    = e.provider.slice(0, 11).padEnd(12);
     const modelStr   = e.model.slice(0, 19).padEnd(20);
     const inStr      = fmtTok(e.inputTokens).padStart(8);
@@ -391,7 +380,7 @@ export class DebugPanel extends BasePanel {
 
     // Append status code for errors
     if (e.status === 'error' && e.statusCode > 0) {
-      segments.push({ text: ` [${e.statusCode}]`, fg: C.error });
+      segments.push({ text: ` [${e.statusCode}]`, fg: C.bad });
     }
 
     return buildStyledPanelLine(
@@ -414,7 +403,7 @@ export class DebugPanel extends BasePanel {
     const codeStr  = e.statusCode > 0 ? `[${e.statusCode}] ` : '';
     const msgStr   = (e.errorMessage ?? 'unknown error').slice(0, width - 12 - codeStr.length);
     const full     = `  ${timeStr} ${codeStr}${msgStr}`;
-    return this._textLine(full.slice(0, width), C.error, width);
+    return this._textLine(full.slice(0, width), C.bad, width);
   }
 
   // -------------------------------------------------------------------------

package/src/panels/docs-panel.ts

@@ -4,7 +4,7 @@
 
 import type { Line } from '../types/grid.ts';
 import { BasePanel } from './base-panel.ts';
-import { buildPanelLine, buildPanelWorkspace, buildSearchInputLine, resolveScrollablePanelSection, DEFAULT_PANEL_PALETTE } from './polish.ts';
+import { buildPanelLine, buildPanelWorkspace, buildSearchInputLine, resolveScrollablePanelSection, extendPalette, DEFAULT_PANEL_PALETTE } from './polish.ts';
 import type { ProviderModelCatalogQuery, ToolCatalogQuery } from '../runtime/ui-service-queries.ts';
 import {
   getPanelSearchFocusTransition,
@@ -14,22 +14,12 @@ import {
   isPanelSearchPrintable,
 } from './search-focus.ts';
 
-const C = {
-  headerBg:   '#1a1a2e',
-  headerFg:   '#ffffff',
-  statusBar:  '#222233',
-  statusFg:   '#aaaaaa',
-  sectionFg:  '#00ffff',
-  sectionBg:  '#0d1a2a',
-  toolFg:     '#88ccff',
-  descFg:     '#aaaaaa',
-  keyFg:      '#ffcc44',
-  valueFg:    '#ccccdd',
-  dimFg:      '#555566',
-  selected:   '#00ffff',
-  selectedBg: '#1a2a3a',
-  searchFg:   '#ffffff',
-} as const;
+const C = extendPalette(DEFAULT_PANEL_PALETTE, {
+  // Panel-specific domain colors with no clean shared equivalent.
+  sectionFg: '#00ffff',
+  toolFg:    '#88ccff',
+  selected:  '#00ffff',
+});
 
 // ---------------------------------------------------------------------------
 // Hardcoded keyboard shortcut reference
@@ -68,7 +58,7 @@ interface FlatRow {
 }
 
 function renderRow(width: number, row: FlatRow, isCursor: boolean): Line {
-  const bg = isCursor ? C.selectedBg : row.bg;
+  const bg = isCursor ? C.selectBg : row.bg;
   return buildPanelLine(width, [
     [isCursor ? '▸' : ' ', C.selected, bg],
     [row.text, isCursor ? C.selected : row.fg, bg],
@@ -217,13 +207,13 @@ export class DocsPanel extends BasePanel {
       const tools = this.toolRegistry?.list() ?? [];
       const filtered = q ? tools.filter(t => t.definition.name.toLowerCase().includes(q) || (t.definition.description ?? '').toLowerCase().includes(q)) : tools;
       if (filtered.length === 0) {
-        rows.push({ kind: 'empty', text: ' No tools match.', fg: C.dimFg, bg: '' });
+        rows.push({ kind: 'empty', text: ' No tools match.', fg: C.dim, bg: '' });
       } else {
         rows.push({ kind: 'header', text: ` Tools (${filtered.length})`, fg: C.sectionFg, bg: C.sectionBg, bold: true });
         for (const tool of filtered) {
           rows.push({ kind: 'item', text: `  ${tool.definition.name}`, fg: C.toolFg, bg: '', bold: true });
           if (tool.definition.description) {
-            rows.push({ kind: 'detail', text: `    ${tool.definition.description}`, fg: C.descFg, bg: '' });
+            rows.push({ kind: 'detail', text: `    ${tool.definition.description}`, fg: C.label, bg: '' });
           }
           const metadata: string[] = [];
           if (tool.definition.sideEffects && tool.definition.sideEffects.length > 0) {
@@ -239,7 +229,7 @@ export class DocsPanel extends BasePanel {
             metadata.push('streaming');
           }
           if (metadata.length > 0) {
-            rows.push({ kind: 'detail', text: `    ${metadata.join('  |  ')}`, fg: C.dimFg, bg: '' });
+            rows.push({ kind: 'detail', text: `    ${metadata.join('  |  ')}`, fg: C.dim, bg: '' });
           }
         }
       }
@@ -247,7 +237,7 @@ export class DocsPanel extends BasePanel {
       const models = this.providerRegistry?.listModels() ?? [];
       const filtered = q ? models.filter(m => m.id.toLowerCase().includes(q) || m.displayName.toLowerCase().includes(q) || m.provider.toLowerCase().includes(q)) : models;
       if (filtered.length === 0) {
-        rows.push({ kind: 'empty', text: ' No models match.', fg: C.dimFg, bg: '' });
+        rows.push({ kind: 'empty', text: ' No models match.', fg: C.dim, bg: '' });
       } else {
         // Group by provider
         const byProvider = new Map<string, typeof filtered>();
@@ -262,7 +252,7 @@ export class DocsPanel extends BasePanel {
             const ctxK = m.contextWindow > 0 ? `${(m.contextWindow / 1000).toFixed(0)}k` : '?';
             const caps = [m.contextWindow > 0 ? `ctx:${ctxK}` : ''].filter(Boolean).join(' ');
             rows.push({ kind: 'item', text: `  ${m.displayName}  ${caps}`, fg: C.toolFg, bg: '' });
-            rows.push({ kind: 'detail', text: `    ${m.id}`, fg: C.descFg, bg: '' });
+            rows.push({ kind: 'detail', text: `    ${m.id}`, fg: C.label, bg: '' });
           }
         }
       }
@@ -272,7 +262,7 @@ export class DocsPanel extends BasePanel {
       rows.push({ kind: 'header', text: ' Keyboard Shortcuts', fg: C.sectionFg, bg: C.sectionBg, bold: true });
       for (const s of filtered) {
         const key = s.key.padEnd(16);
-        rows.push({ kind: 'item', text: `  ${key} ${s.desc}`, fg: C.valueFg, bg: '' });
+        rows.push({ kind: 'item', text: `  ${key} ${s.desc}`, fg: C.value, bg: '' });
       }
     }
 

package/src/panels/file-explorer-panel.ts

@@ -24,6 +24,7 @@ import {
   isPanelSearchCommit,
   isPanelSearchPrintable,
 } from './search-focus.ts';
+import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
 
 // ---------------------------------------------------------------------------
 // Constants
@@ -342,7 +343,7 @@ export class FileExplorerPanel extends BasePanel {
           this.cacheValid = true;
         });
       } catch (err) {
-        this.setError(err instanceof Error ? err.message : String(err));
+        this.setError(summarizeError(err));
       }
       this.markDirty();
     })();

package/src/panels/file-preview-panel.ts

@@ -13,6 +13,7 @@ import {
   resolveScrollablePanelSection,
   DEFAULT_PANEL_PALETTE,
 } from './polish.ts';
+import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
 
 // ─── Constants ────────────────────────────────────────────────────────────────
 
@@ -144,7 +145,7 @@ export class FilePreviewPanel extends BasePanel {
         this.clampScroll(0);
       });
     } catch (err) {
-      this.setError(err instanceof Error ? err.message : String(err));
+      this.setError(summarizeError(err));
     }
     this.markDirty();
   }

package/src/panels/git-panel.ts

@@ -10,6 +10,7 @@ import {
   resolveScrollablePanelSection,
   buildStyledPanelLine,
   DEFAULT_PANEL_PALETTE,
+  extendPalette,
 } from './polish.ts';
 
 // ---------------------------------------------------------------------------
@@ -56,25 +57,17 @@ const MIN_VISIBLE_DIFF_LINES = 5;
 // Colors
 // ---------------------------------------------------------------------------
 
-const C = {
+const C = extendPalette(DEFAULT_PANEL_PALETTE, {
   branch: '#00d7ff',
-  clean: '#5fd700',
-  dirty: '#ffaf00',
-  ahead: '#5fd700',
-  behind: '#ff5f5f',
   sectionHeader: '244',
-  staged: '#5fd700',
-  unstaged: '#ff5f5f',
   commit: '250',
   commitHash: '238',
   commitAuthor: '244',
   selected: '#1c1c1c',
   selectedFg: '#ffffff',
-  diffAdd: '#5fd700',
-  diffRemove: '#ff5f5f',
   diffMeta: '#5f87ff',
   diffNeutral: '250',
-} as const;
+});
 
 // ---------------------------------------------------------------------------
 // GitPanel
@@ -352,7 +345,7 @@ export class GitPanel extends BasePanel {
       return this.renderMessage(width, height, 'Loading git status...', C.branch);
     }
     if (this.error) {
-      return this.renderMessage(width, height, `Git error: ${this.error}`, C.unstaged);
+      return this.renderMessage(width, height, `Git error: ${this.error}`, C.bad);
     }
     // I3: spinner during openDiff() async fetch
     if (this.loadingState === 'loading') {
@@ -398,15 +391,15 @@ export class GitPanel extends BasePanel {
     x = this.paintText(line, this.data.branch, x, width, C.branch, { bold: true });
 
     if (this.data.ahead > 0) {
-      x = this.paintText(line, ` +${this.data.ahead}`, x, width, C.ahead);
+      x = this.paintText(line, ` +${this.data.ahead}`, x, width, C.good);
     }
     if (this.data.behind > 0) {
-      x = this.paintText(line, ` -${this.data.behind}`, x, width, C.behind);
+      x = this.paintText(line, ` -${this.data.behind}`, x, width, C.bad);
     }
 
     const isDirty = this.data.stagedFiles.length > 0 || this.data.unstagedFiles.length > 0;
     const statusText = isDirty ? ' * dirty' : ' y clean';
-    const statusFg = isDirty ? C.dirty : C.clean;
+    const statusFg = isDirty ? C.warn : C.good;
     this.paintText(line, statusText, x, width, statusFg);
 
     return line;
@@ -418,7 +411,7 @@ export class GitPanel extends BasePanel {
 
   private renderFileRow(entry: GitFileEntry, selected: boolean, width: number): Line {
     const line = createEmptyLine(width);
-    const fg = entry.staged ? C.staged : C.unstaged;
+    const fg = entry.staged ? C.good : C.bad;
     const prefix = '  ';
     const label = `${prefix}${entry.path}`;
 
@@ -602,9 +595,9 @@ export class GitPanel extends BasePanel {
       const dLine = createEmptyLine(width);
       let fg: string;
       if (rawLine.startsWith('+') && !rawLine.startsWith('+++')) {
-        fg = C.diffAdd;
+        fg = C.good;
       } else if (rawLine.startsWith('-') && !rawLine.startsWith('---')) {
-        fg = C.diffRemove;
+        fg = C.bad;
       } else if (rawLine.startsWith('@@') || rawLine.startsWith('diff') || rawLine.startsWith('index')) {
         fg = C.diffMeta;
       } else {

package/src/panels/marketplace-panel.ts

@@ -18,6 +18,7 @@ import {
   type EcosystemEntryKind,
 } from '@/runtime/index.ts';
 import type { UiMarketplaceSnapshot, UiReadModel } from '../runtime/ui-read-models.ts';
+import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
 
 const C = {
   ...DEFAULT_PANEL_PALETTE,
@@ -114,7 +115,7 @@ export class MarketplacePanel extends ScrollableListPanel<MarketplaceRow> {
       this.clearError();
     } catch (e) {
       // I2: surface catalog load failure
-      this.setError(`Catalog load failed: ${e instanceof Error ? e.message : String(e)}`);
+      this.setError(`Catalog load failed: ${summarizeError(e)}`);
     }
   }
 

package/src/panels/memory-panel.ts

@@ -28,6 +28,7 @@ import {
   getPanelSearchFocusTransition,
   isPanelSearchCancel,
 } from './search-focus.ts';
+import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
 
 // ---------------------------------------------------------------------------
 // Colour palette
@@ -267,7 +268,7 @@ export class MemoryPanel extends SearchableListPanel<MemoryRecord> {
               });
             }
           } catch (e) {
-            this.setError(`Review update failed: ${e instanceof Error ? e.message : String(e)}`);
+            this.setError(`Review update failed: ${summarizeError(e)}`);
           }
         }
         this.refreshReviewRecords();

package/src/panels/project-planning-panel.ts

@@ -23,6 +23,7 @@ import {
   resolveScrollablePanelSection,
   type PanelWorkspaceSection,
 } from './polish.ts';
+import { summarizeError } from '@pellux/goodvibes-sdk/platform/utils';
 
 const C = extendPalette(DEFAULT_PANEL_PALETTE, {
   planning: '#38bdf8',
@@ -512,7 +513,7 @@ export class ProjectPlanningPanel extends BasePanel {
         };
         this.clearError();
       } catch (err) {
-        this.setError(err instanceof Error ? err.message : String(err));
+        this.setError(summarizeError(err));
       } finally {
         this.loading = false;
         this.markDirty();
@@ -647,7 +648,7 @@ export class ProjectPlanningPanel extends BasePanel {
         this.refresh(true);
         this.registerTimer(setTimeout(() => this.refresh(true), 250));
       } catch (err) {
-        this.setError(err instanceof Error ? err.message : String(err));
+        this.setError(summarizeError(err));
         this.requestRender();
       }
     })();
@@ -698,7 +699,7 @@ export class ProjectPlanningPanel extends BasePanel {
         this.dismissPlanning?.();
         this.refresh(true);
       } catch (err) {
-        this.setError(err instanceof Error ? err.message : String(err));
+        this.setError(summarizeError(err));
         this.requestRender();
       }
     })();
@@ -741,7 +742,7 @@ export class ProjectPlanningPanel extends BasePanel {
         });
         this.refresh(true);
       } catch (err) {
-        this.setError(err instanceof Error ? err.message : String(err));
+        this.setError(summarizeError(err));
         this.requestRender();
       }
     })();