@pellux/goodvibes-agent 0.1.70 → 0.1.71

package/src/panels/skills-panel.ts

@@ -1,431 +0,0 @@
-import { promises as fsPromises } from 'node:fs';
-import { join } from 'node:path';
-import type { Line } from '../types/grid.ts';
-import { createEmptyLine } from '../types/grid.ts';
-import { type ConfirmState, handleConfirmInput, renderConfirmLines } from './confirm-state.ts';
-import { getDisplayWidth, truncateDisplay } from '../utils/terminal-width.ts';
-import { SearchableListPanel } from './scrollable-list-panel.ts';
-import type { ComponentHealthMonitor } from '../runtime/perf/panel-health-monitor.ts';
-import type { ShellPathService } from '@/runtime/index.ts';
-import {
-  buildPanelLine,
-  buildPanelWorkspace,
-  DEFAULT_PANEL_PALETTE,
-} from './polish.ts';
-import {
-  getPanelSearchFocusTransition,
-  isPanelSearchCancel,
-} from './search-focus.ts';
-import { GOODVIBES_AGENT_SURFACE_ROOT } from '../config/surface.ts';
-
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  header: '#94a3b8',
-  headerBg: '#1e293b',
-  searchFg: '#f97316',
-  searchBg: '#1e293b',
-  label: '#64748b',
-  value: '#e2e8f0',
-  dim: '#64748b',
-  empty: '#334155',
-  selectedFg: '#e2e8f0',
-  selectedBg: '#1e3a5f',
-  project: '#38bdf8',
-  global: '#a78bfa',
-  hint: '#475569',
-  path: '#94a3b8',
-  selectBg: '#1e3a5f',
-} as const;
-
-export type SkillOrigin = 'project-local' | 'global' | 'custom';
-
-export interface SkillRecord {
-  name: string;
-  description: string;
-  path: string;
-  origin: SkillOrigin;
-  dependencies: string[];
-  includes: string[];
-  frontmatter: Record<string, string>;
-}
-
-export interface SkillsPanelOptions {
-  shellPaths: Pick<ShellPathService, 'workingDirectory' | 'homeDirectory'>;
-  componentHealthMonitor?: ComponentHealthMonitor;
-}
-
-function parseFrontmatter(content: string): Record<string, string> {
-  const match = content.match(/^---\n([\s\S]*?)\n---/);
-  if (!match) return {};
-  const result: Record<string, string> = {};
-  for (const line of match[1].split('\n')) {
-    const [key, ...rest] = line.split(':');
-    if (key && rest.length > 0) {
-      result[key.trim()] = rest.join(':').trim();
-    }
-  }
-  return result;
-}
-
-function getSkillDirectories(cwd: string, homeDir: string): Array<{ root: string; origin: SkillOrigin }> {
-  return [
-    { root: join(cwd, '.goodvibes', 'skills'), origin: 'project-local' },
-    { root: join(cwd, '.goodvibes', GOODVIBES_AGENT_SURFACE_ROOT, 'skills'), origin: 'project-local' },
-    { root: join(homeDir, '.goodvibes', 'skills'), origin: 'global' },
-    { root: join(homeDir, '.goodvibes', GOODVIBES_AGENT_SURFACE_ROOT, 'skills'), origin: 'global' },
-  ];
-}
-
-async function readSkillFile(path: string, origin: SkillOrigin): Promise<SkillRecord | null> {
-  let content = '';
-  try {
-    content = await fsPromises.readFile(path, 'utf-8');
-  } catch {
-    return null;
-  }
-
-  const frontmatter = parseFrontmatter(content);
-  const body = content.replace(/^---\n[\s\S]*?\n---\n?/, '');
-  const name = frontmatter.name ?? path.split(/[\\/]/).pop()?.replace(/\.md$/, '') ?? 'skill';
-  const description = frontmatter.description ?? frontmatter.summary ?? '';
-  const dependencies = frontmatter.depends_on
-    ? frontmatter.depends_on.split(',').map((item) => item.trim()).filter(Boolean)
-    : [];
-  const includes: string[] = [];
-  const includeRegex = /^@([\w/-]+)/gm;
-  let match: RegExpExecArray | null;
-  while ((match = includeRegex.exec(body)) !== null) {
-    includes.push(match[1]);
-  }
-
-  return {
-    name,
-    description,
-    path,
-    origin,
-    dependencies,
-    includes,
-    frontmatter,
-  };
-}
-
-async function scanSkillDirectory(root: string, origin: SkillOrigin): Promise<SkillRecord[]> {
-  let entries: string[] = [];
-  try {
-    entries = await fsPromises.readdir(root);
-  } catch {
-    return [];
-  }
-
-  const records: SkillRecord[] = [];
-  for (const entry of entries.sort((a, b) => a.localeCompare(b))) {
-    if (entry.endsWith('.md')) {
-      const record = await readSkillFile(join(root, entry), origin);
-      if (record) records.push(record);
-      continue;
-    }
-
-    const markerPath = join(root, entry, 'SKILL.md');
-    const record = await readSkillFile(markerPath, origin);
-    if (record) records.push(record);
-  }
-
-  return records;
-}
-
-export async function discoverSkills(shellPaths: Pick<ShellPathService, 'workingDirectory' | 'homeDirectory'>): Promise<SkillRecord[]> {
-  const cwd = shellPaths.workingDirectory;
-  const homeDir = shellPaths.homeDirectory;
-  const seen = new Set<string>();
-  const records: SkillRecord[] = [];
-
-  for (const { root, origin } of getSkillDirectories(cwd, homeDir)) {
-    for (const record of await scanSkillDirectory(root, origin)) {
-      if (seen.has(record.name.toLowerCase())) continue;
-      seen.add(record.name.toLowerCase());
-      records.push(record);
-    }
-  }
-
-  return records.sort((a, b) => {
-    const originRank = a.origin === b.origin
-      ? 0
-      : a.origin === 'project-local'
-        ? -1
-        : 1;
-    return originRank || a.name.localeCompare(b.name);
-  });
-}
-
-function wordWrap(text: string, maxWidth: number): string[] {
-  if (maxWidth <= 0) return [''];
-  const words = text.split(/\s+/).filter(Boolean);
-  if (words.length === 0) return [''];
-  const lines: string[] = [];
-  let line = '';
-  for (const word of words) {
-    if (!line) {
-      line = word;
-      continue;
-    }
-    if (line.length + 1 + word.length <= maxWidth) {
-      line += ` ${word}`;
-    } else {
-      lines.push(line);
-      line = word;
-    }
-  }
-  if (line) lines.push(line);
-  return lines.length > 0 ? lines : [''];
-}
-
-function truncatePathDisplay(path: string, width: number): string {
-  if (width <= 0) return '';
-  if (getDisplayWidth(path) <= width) return path;
-
-  const ellipsis = '…';
-  const ellipsisWidth = getDisplayWidth(ellipsis);
-  if (ellipsisWidth >= width) return truncateDisplay(path, width);
-
-  const available = width - ellipsisWidth;
-  const prefixBudget = Math.max(1, Math.floor(available * 0.35));
-  const suffixBudget = Math.max(1, available - prefixBudget);
-  const prefix = truncateDisplay(path, prefixBudget, '');
-
-  let suffix = '';
-  let suffixWidth = 0;
-  for (let index = path.length - 1; index >= 0; index -= 1) {
-    const char = path[index]!;
-    const charWidth = getDisplayWidth(char);
-    if (suffixWidth + charWidth > suffixBudget) break;
-    suffix = char + suffix;
-    suffixWidth += charWidth;
-  }
-
-  return `${prefix}${ellipsis}${suffix}`;
-}
-
-function originLabel(origin: SkillOrigin): string {
-  switch (origin) {
-    case 'project-local':
-      return 'project';
-    case 'global':
-      return 'global';
-    case 'custom':
-      return 'custom';
-  }
-}
-
-function originColor(origin: SkillOrigin): string {
-  switch (origin) {
-    case 'project-local':
-      return C.project;
-    case 'global':
-      return C.global;
-    case 'custom':
-      return C.dim;
-  }
-}
-
-export class SkillsPanel extends SearchableListPanel<SkillRecord> {
-  private readonly shellPaths: Pick<ShellPathService, 'workingDirectory' | 'homeDirectory'>;
-  /** Whether the filter input row is focused for typing (vs. list navigation). */
-  private filterFocused = false;
-  private cached: SkillRecord[] | null = null;
-  private cacheDirty = true;
-  // I1: confirm state for destructive delete
-  private confirm: ConfirmState | null = null;
-  private readyPromise: Promise<void> | null = null;
-
-  public constructor(options: SkillsPanelOptions) {
-    super('skills', 'Skills', 'K', 'monitoring', options.componentHealthMonitor);
-    this.showSelectionGutter = true; // I5: non-color selection affordance
-    this.shellPaths = options.shellPaths;
-  }
-
-  // -------------------------------------------------------------------------
-  // SearchableListPanel implementation
-  // -------------------------------------------------------------------------
-
-  protected getAllItems(): readonly SkillRecord[] {
-    return this.cached ?? [];
-  }
-
-  private _loadSkillsAsync(): Promise<void> {
-    const p = (async () => {
-      try {
-        await this.withLoading('Scanning skills\u2026', async () => {
-          this.cached = await discoverSkills(this.shellPaths);
-          this.cacheDirty = false;
-          this.invalidateFilter();
-        });
-      } catch (err) {
-        this.setError(err instanceof Error ? err.message : String(err));
-      }
-      this.markDirty();
-    })();
-    this.readyPromise = p;
-    return p;
-  }
-
-  /** Resolves when the current load cycle has settled. */
-  public awaitReady(): Promise<void> {
-    return this.readyPromise ?? Promise.resolve();
-  }
-
-  protected matchesSearch(skill: SkillRecord, query: string): boolean {
-    const q = query.trim().toLowerCase();
-    if (!q) return true;
-    const haystack = [
-      skill.name,
-      skill.description,
-      skill.path,
-      skill.origin,
-      skill.dependencies.join(' '),
-      skill.includes.join(' '),
-    ].join(' ').toLowerCase();
-    return haystack.includes(q);
-  }
-
-  protected renderItem(skill: SkillRecord, index: number, selected: boolean, width: number): Line {
-    const bg = selected ? C.selectBg : undefined;
-    const dot = skill.origin === 'project-local' ? '\u25c6' : '\u2022';
-    const desc = skill.description || 'No description provided.';
-    const descWidth = Math.max(1, width - 4 - skill.name.length - 6);
-    const descLines = wordWrap(desc, descWidth);
-    return buildPanelLine(width, [
-      [selected ? '\u25b8' : ' ', C.selectedFg, bg],
-      [' ', C.dim, bg],
-      [dot, originColor(skill.origin), bg],
-      [' ', C.dim, bg],
-      [skill.name, selected ? C.selectedFg : C.value, bg],
-      ['  ', C.dim, bg],
-      [descLines[0] ?? '', selected ? C.selectedFg : C.dim, bg],
-    ]);
-  }
-
-  protected override getPalette() { return C; }
-  protected override getEmptyStateMessage() { return ' No skills discovered.'; }
-  protected override getEmptyStateActions() {
-    return [
-      { command: '.goodvibes/skills', summary: 'place skill .md files here (project-local) or ~/.goodvibes/skills (global)' },
-      { command: '/registry search skills', summary: 'inspect the same skill directories from the shell' },
-    ];
-  }
-
-  public override onActivate(): void {
-    super.onActivate();
-    this.searchQuery = '';
-    this.invalidateFilter();
-    this.filterFocused = false;
-    this.cacheDirty = true;
-    void this._loadSkillsAsync();
-  }
-
-  public override onDestroy(): void {}
-
-  public handleInput(key: string): boolean {
-    // I1: y/n confirmation dialog for delete
-    const confirmResult = handleConfirmInput(this.confirm, key);
-    if (confirmResult === 'confirmed') {
-      const toDelete = this.confirm!.subject;
-      this.confirm = null;
-      // Skills are read from the filesystem — deletion requires a shell command.
-      // Surface an error directing the user to remove the file manually.
-      this.setError(`Delete via shell: rm "${toDelete}"`);
-      this.markDirty();
-      return true;
-    }
-    if (confirmResult === 'cancelled') {
-      this.confirm = null;
-      this.markDirty();
-      return true;
-    }
-    if (confirmResult === 'absorbed') return true;
-
-    const items = this.getItems();
-
-    // Filter-focus mode: typing goes into the search query
-    if (this.filterFocused) {
-      const transition = getPanelSearchFocusTransition(key, { selectedIndex: this.selectedIndex, itemCount: items.length });
-      if (transition === 'focus-list') {
-        this.filterFocused = false;
-        this.markDirty();
-        return true;
-      }
-      // Escape: also blur filter focus (clear + return to list navigation)
-      if (isPanelSearchCancel(key)) {
-        this.filterFocused = false;
-        // Delegate to super to clear the query. If the query is empty, super
-        // returns false and escape propagates to the panel dismissal handler —
-        // this is the intentional double-escape UX (blur filter, then close).
-        return super.handleInput(key);
-      }
-      // Delegate backspace/printable to SearchableListPanel.handleInput
-      return super.handleInput(key);
-    }
-
-    const transition = getPanelSearchFocusTransition(key, { selectedIndex: this.selectedIndex, itemCount: items.length });
-    if (transition === 'focus-search') {
-      this.filterFocused = true;
-      this.markDirty();
-      return true;
-    }
-
-    // I1: 'd' prompts delete confirmation
-    if (key === 'd') {
-      const skill = items[this.selectedIndex];
-      if (skill) {
-        this.confirm = { subject: skill.path, label: skill.name };
-        this.markDirty();
-      }
-      return true;
-    }
-
-    // Navigation + search: delegate to SearchableListPanel (up/down/g/G/page/enter + backspace/escape)
-    return super.handleInput(key);
-  }
-
-  public render(width: number, height: number): Line[] {
-    return this.trackedRender(() => {
-    this.needsRender = false;
-
-    // I1: show confirm dialog in place of normal content
-    if (this.confirm) {
-      const lines = buildPanelWorkspace(width, height, {
-        title: 'Skills - confirm action',
-        intro: '',
-        sections: [{ title: 'Confirmation', lines: renderConfirmLines(width, this.confirm) }],
-        palette: C,
-      });
-      while (lines.length < height) lines.push(createEmptyLine(width));
-      return lines.slice(0, height);
-    }
-
-    // Build filter input line (provided by SearchableListPanel base)
-    const filterLine = this.buildFilterInputLine(width, 'Filter', this.filterFocused);
-
-    // Build detail footer for the currently selected skill
-    const items = this.getItems();
-    const selected = items[this.selectedIndex];
-    const detailLines: Line[] = [];
-    if (selected) {
-      detailLines.push(
-        buildPanelLine(width, [['  Selected: ', C.label], [selected.name, C.value], ['  [', C.dim], [originLabel(selected.origin), originColor(selected.origin)], [']', C.dim]]),
-        buildPanelLine(width, [['  Path: ', C.label], [truncatePathDisplay(selected.path, Math.max(1, width - 8)), C.path]]),
-        buildPanelLine(width, [['  Desc: ', C.label], [selected.description || 'No description provided.', C.value]]),
-        buildPanelLine(width, [['  Depends: ', C.label], [selected.dependencies.length > 0 ? selected.dependencies.join(', ') : 'none', C.dim]]),
-        buildPanelLine(width, [['  Includes: ', C.label], [selected.includes.length > 0 ? selected.includes.join(', ') : 'none', C.dim]]),
-      );
-    }
-    detailLines.push(buildPanelLine(width, [['  Up/Down navigate  / or Up-at-top focus filter  Esc blur  Backspace clear', C.hint]]));
-
-    const lines = this.renderList(width, height, {
-      title: 'Skills - discover project-local and global skill packs',
-      header: [filterLine],
-      footer: detailLines,
-    });
-    return lines;
-    });
-  }
-}

package/src/panels/watchers-panel.ts

@@ -1,193 +0,0 @@
-import type { Line } from '../types/grid.ts';
-import { createEmptyLine } from '../types/grid.ts';
-import { ScrollableListPanel } from './scrollable-list-panel.ts';
-import type { UiReadModel, UiWatchersSnapshot } from '../runtime/ui-read-models.ts';
-import { truncateDisplay } from '../utils/terminal-width.ts';
-import {
-  buildEmptyState,
-  buildGuidanceLine,
-  buildKeyValueLine,
-  buildPanelLine,
-  buildPanelWorkspace,
-  DEFAULT_PANEL_PALETTE,
-  type PanelPalette,
-} from './polish.ts';
-
-const C = {
-  ...DEFAULT_PANEL_PALETTE,
-  header: '#94a3b8',
-  headerBg: '#1e293b',
-  ok: '#22c55e',
-  warn: '#eab308',
-  error: '#ef4444',
-  info: '#38bdf8',
-  selectBg: '#0f172a',
-} as const;
-
-function stateColor(state: string): string {
-  if (state === 'running') return C.ok;
-  if (state === 'degraded') return C.warn;
-  if (state === 'failed') return C.error;
-  return C.dim;
-}
-
-function sourceStatusColor(state?: string): string {
-  if (state === 'healthy') return C.ok;
-  if (state === 'lagging' || state === 'stale' || state === 'degraded') return C.warn;
-  if (state === 'failed') return C.error;
-  return C.dim;
-}
-
-function formatLag(value?: number): string {
-  if (!value || value <= 0) return 'n/a';
-  if (value < 1000) return `${value}ms`;
-  if (value < 60_000) return `${Math.round(value / 1000)}s`;
-  return `${Math.round(value / 60_000)}m`;
-}
-
-function formatTime(value?: number): string {
-  if (!value) return 'n/a';
-  return new Date(value).toLocaleString();
-}
-
-type WatcherEntry = UiWatchersSnapshot['watchers'][number];
-
-export class WatchersPanel extends ScrollableListPanel<WatcherEntry> {
-  private readonly readModel?: UiReadModel<UiWatchersSnapshot>;
-  private readonly unsub: (() => void) | null;
-
-  public constructor(readModel?: UiReadModel<UiWatchersSnapshot>) {
-    super('watchers', 'Watchers', 'W', 'monitoring');
-    this.showSelectionGutter = true; // I5: non-color selection affordance
-    this.readModel = readModel;
-    this.unsub = readModel ? readModel.subscribe(() => this.markDirty()) : null;
-  }
-
-  public override onDestroy(): void {
-    this.unsub?.();
-  }
-
-  protected override getPalette(): PanelPalette {
-    return C;
-  }
-
-  protected getItems(): readonly WatcherEntry[] {
-    if (!this.readModel) return [];
-    return this.readModel.getSnapshot().watchers;
-  }
-
-  protected renderItem(watcher: WatcherEntry, _index: number, selected: boolean, width: number): Line {
-    const bg = selected ? C.selectBg : undefined;
-    return buildPanelLine(width, [
-      [' ', C.label, bg],
-      [watcher.state.padEnd(10), stateColor(watcher.state), bg],
-      [` ${truncateDisplay(watcher.label, 18).padEnd(18)}`, C.value, bg],
-      [` ${String(watcher.sourceStatus ?? 'unknown').padEnd(10)}`, sourceStatusColor(watcher.sourceStatus), bg],
-      [` ${truncateDisplay(formatLag(watcher.sourceLagMs), Math.max(0, width - 43))}`, C.dim, bg],
-    ]);
-  }
-
-  protected override getEmptyStateMessage(): string {
-    return ' No watchers registered.';
-  }
-
-  protected override getEmptyStateActions(): Array<{ command: string; summary: string }> {
-    return [
-      { command: '/schedule list', summary: 'review automation that will consume watcher events' },
-      { command: '/services auth-review', summary: 'validate integration credentials before enabling remote watchers' },
-    ];
-  }
-
-  public render(width: number, height: number): Line[] {
-    const intro = 'Managed watchers and source health used to trigger automation, refresh routes, and surface degraded upstream conditions.';
-
-    if (!this.readModel) {
-      const workspace = buildPanelWorkspace(width, height, {
-        title: 'Watchers',
-        intro,
-        sections: [{
-          lines: buildEmptyState(
-            width,
-            ' Runtime store not wired.',
-            'This panel needs the shared runtime store to inspect watcher health and source lag.',
-            [{ command: '/services auth-review', summary: 'inspect supporting services until watcher wiring is available' }],
-            C,
-          ),
-        }],
-        palette: C,
-      });
-      while (workspace.length < height) workspace.push(createEmptyLine(width));
-      return workspace;
-    }
-
-    const snapshot = this.readModel.getSnapshot();
-    const watchers = this.getItems();
-
-    const headerLines: Line[] = [
-      buildKeyValueLine(width, [
-        { label: 'watchers', value: String(snapshot.totalWatchers), valueColor: snapshot.totalWatchers > 0 ? C.info : C.dim },
-        { label: 'active', value: String(snapshot.activeWatcherIds.length), valueColor: snapshot.activeWatcherIds.length > 0 ? C.ok : C.dim },
-        { label: 'degraded', value: String(snapshot.totalDegraded), valueColor: snapshot.totalDegraded > 0 ? C.warn : C.dim },
-        { label: 'lagged', value: String(snapshot.totalLagged), valueColor: snapshot.totalLagged > 0 ? C.warn : C.dim },
-      ], C),
-      buildGuidanceLine(width, '/schedule list', 'verify jobs consuming these sources; Agent keeps watcher lifecycle read-only here', C),
-    ];
-
-    if (watchers.length === 0) {
-      return this.renderList(width, height, {
-        title: 'Watchers',
-        header: headerLines,
-        emptyMessage: ' No watchers registered.',
-      });
-    }
-
-    this.clampSelection();
-    const selected = watchers[this.selectedIndex]!;
-
-    const footerLines: Line[] = [
-      buildPanelLine(width, [
-        ['  Watcher: ', C.label],
-        [selected.label, C.value],
-        ['  Kind: ', C.label],
-        [selected.kind, C.info],
-      ]),
-      buildPanelLine(width, [
-        ['  State: ', C.label],
-        [selected.state, stateColor(selected.state)],
-        ['  Source: ', C.label],
-        [selected.source.kind, C.value],
-      ]),
-      buildPanelLine(width, [
-        ['  Source status: ', C.label],
-        [selected.sourceStatus ?? 'unknown', sourceStatusColor(selected.sourceStatus)],
-        ['  Lag: ', C.label],
-        [formatLag(selected.sourceLagMs), selected.sourceLagMs ? C.warn : C.dim],
-      ]),
-      buildPanelLine(width, [
-        ['  Heartbeat: ', C.label],
-        [formatTime(selected.lastHeartbeatAt), C.dim],
-        ['  Checkpoint: ', C.label],
-        [truncateDisplay(selected.lastCheckpoint ?? 'n/a', Math.max(0, width - 38)), C.dim],
-      ]),
-    ];
-    if (selected.degradedReason) {
-      footerLines.push(buildPanelLine(width, [
-        ['  Reason: ', C.label],
-        [truncateDisplay(selected.degradedReason, Math.max(0, width - 11)), C.warn],
-      ]));
-    }
-    if (selected.lastError) {
-      footerLines.push(buildPanelLine(width, [
-        ['  Error: ', C.label],
-        [truncateDisplay(selected.lastError, Math.max(0, width - 10)), C.error],
-      ]));
-    }
-    footerLines.push(buildPanelLine(width, [['  Up/Down move through watchers', C.dim]]));
-
-    return this.renderList(width, height, {
-      title: 'Watchers',
-      header: headerLines,
-      footer: footerLines,
-    });
-  }
-}