@pellux/goodvibes-tui 0.28.0 → 1.0.0

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

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

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

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