@pellux/goodvibes-tui 0.29.0 → 1.0.0

package/src/version.ts

@@ -6,7 +6,7 @@ import { join } from 'node:path';
 // The prebuild script updates the fallback value before compilation.
 // Uses import.meta.dir (Bun) to locate package.json relative to this file,
 // which is correct regardless of the process working directory.
-let _version = '0.29.0';
+let _version = '1.0.0';
 try {
   const pkg = JSON.parse(readFileSync(join(import.meta.dir, '..', 'package.json'), 'utf-8'));
   _version = pkg.version ?? _version;

package/src/renderer/file-tree.ts

@@ -1,153 +0,0 @@
-import { type Line, createStyledCell } from '../types/grid.ts';
-import { UIFactory } from './ui-factory.ts';
-import { getDisplayWidth } from '../utils/terminal-width.ts';
-
-/** Color by file extension category. */
-function getFileColor(name: string): string {
-  if (name.endsWith('/')) return '#00ffff'; // directory
-  const ext = name.split('.').pop()?.toLowerCase() ?? '';
-  if (['ts', 'tsx', 'js', 'jsx', 'mjs'].includes(ext)) return '#dcdcaa';
-  if (['json', 'yaml', 'yml', 'toml'].includes(ext)) return '#ce9178';
-  if (['md', 'txt', 'rst'].includes(ext)) return '252';
-  if (['sh', 'bash', 'zsh'].includes(ext)) return '#22c55e';
-  if (['css', 'scss', 'less'].includes(ext)) return '#569cd6';
-  if (['html', 'htm', 'xml', 'svg'].includes(ext)) return '#f97316';
-  if (['png', 'jpg', 'jpeg', 'gif', 'webp', 'ico'].includes(ext)) return '#a855f7';
-  if (['lock', 'env', 'gitignore'].includes(name)) return '238';
-  return '252';
-}
-
-export interface FileTreeEntry {
-  name: string;
-  isDir: boolean;
-  size?: number;
-  depth: number;
-  isLast: boolean;
-  isLastAtDepth: boolean[]; // tracks if each ancestor was last child
-}
-
-/**
- * renderFileTree - Render a directory listing as a tree with colored file types.
- * Returns Line[] for the cell-based pipeline.
- */
-export function renderFileTree(
-  entries: FileTreeEntry[],
-  width: number,
-  title?: string
-): Line[] {
-  const lines: Line[] = [];
-
-  // Optional header
-  if (title) {
-    lines.push(UIFactory.stringToLine(` [dir] ${title}`, width, { fg: '#00ffff', bold: true }));
-    lines.push(UIFactory.stringToLine(' ' + '-'.repeat(width - 2), width, { fg: '240' }));
-  }
-
-  for (const entry of entries) {
-    const { name, isDir, size, depth, isLast, isLastAtDepth } = entry;
-
-    // Build tree prefix
-    let prefix = '';
-    for (let d = 0; d < depth; d++) {
-      if (d < depth - 1) {
-        prefix += isLastAtDepth[d] ? '   ' : '|  ';
-      }
-    }
-    if (depth > 0) {
-      prefix += isLast ? '`-- ' : '|-- ';
-    } else {
-      prefix += '';
-    }
-
-    const displayName = isDir ? name + '/' : name;
-    const fg = getFileColor(isDir ? displayName : name);
-
-    // Size info (dimmed)
-    let sizeStr = '';
-    if (size !== undefined && !isDir) {
-      if (size < 1024) sizeStr = ` ${size}B`;
-      else if (size < 1024 * 1024) sizeStr = ` ${(size / 1024).toFixed(1)}K`;
-      else sizeStr = ` ${(size / (1024 * 1024)).toFixed(1)}M`;
-    }
-
-    const fullText = prefix + displayName;
-    const sizeW = getDisplayWidth(sizeStr);
-    const nameW = getDisplayWidth(fullText);
-    const maxNameW = width - sizeW - 1;
-
-    const truncated = nameW > maxNameW ? fullText.slice(0, Math.max(0, maxNameW - 3)) + '...' : fullText;
-
-    // Compose: name + padding + size
-    const paddingW = Math.max(0, width - getDisplayWidth(truncated) - sizeW);
-    const fullLine = truncated + ' '.repeat(paddingW);
-
-    // Build the line with per-character styles
-    const line = UIFactory.stringToLine(fullLine, width, { fg });
-
-    // Dim the size info
-    if (sizeStr && sizeW > 0) {
-      const sizeStartX = width - sizeW;
-      let cx = sizeStartX;
-      for (const ch of sizeStr) {
-        if (cx >= width) break;
-        const cw = getDisplayWidth(ch);
-        line[cx] = createStyledCell(ch, { fg: '240', dim: true });
-        if (cw === 2 && cx + 1 < width) line[cx + 1] = { ...line[cx], char: '' };
-        cx += cw;
-      }
-    }
-
-    lines.push(line);
-  }
-
-  return lines;
-}
-
-/**
- * parseListDirOutput - Convert a simple list directory output string to FileTreeEntry[].
- * Expects one path per line, relative paths with '/' for directories.
- */
-export function parseListDirOutput(output: string, rootDir: string): FileTreeEntry[] {
-  const rawLines = output.trim().split('\n').filter(Boolean);
-  const entries: FileTreeEntry[] = [];
-
-  for (const line of rawLines) {
-    const trimmed = line.trim();
-    if (!trimmed) continue;
-    const isDir = trimmed.endsWith('/');
-    const name = isDir ? trimmed.slice(0, -1).split('/').pop() + '/' : trimmed.split('/').pop() ?? trimmed;
-    const depth = (trimmed.match(/\//g) ?? []).length - (isDir ? 1 : 0);
-
-    entries.push({
-      name: name || trimmed,
-      isDir,
-      depth: Math.max(0, depth),
-      isLast: false,
-      isLastAtDepth: [],
-    });
-  }
-
-  // Mark isLast for each entry (last sibling at same depth under same parent)
-  for (let i = 0; i < entries.length; i++) {
-    const nextSameOrLower = entries.slice(i + 1).findIndex(
-      e => e.depth <= entries[i].depth
-    );
-    entries[i].isLast = nextSameOrLower === 0 || nextSameOrLower === -1;
-
-    // Build isLastAtDepth[d] = true if the ancestor at depth d was the last child
-    // of its parent. This governs whether to draw '|  ' or '   ' vertical bars.
-    const isLastAtDepth: boolean[] = new Array(entries[i].depth).fill(false);
-    for (let d = 0; d < entries[i].depth; d++) {
-      // Walk backwards to find the most recent ancestor at depth d
-      for (let j = i - 1; j >= 0; j--) {
-        if (entries[j].depth === d) {
-          isLastAtDepth[d] = entries[j].isLast;
-          break;
-        }
-      }
-    }
-    entries[i].isLastAtDepth = isLastAtDepth;
-  }
-
-  return entries;
-}

package/src/renderer/progress.ts

@@ -1,100 +0,0 @@
-import { type Line } from '../types/grid.ts';
-import { UIFactory } from './ui-factory.ts';
-import { getDisplayWidth, padDisplayEnd } from '../utils/terminal-width.ts';
-import { abbreviateCount } from '../utils/format-number.ts';
-import { SPINNER_FRAMES } from './ui-primitives.ts';
-
-// Rich spinner frames (used by progress indicators) — single source in ui-primitives.ts.
-export { SPINNER_FRAMES };
-// Braille thinking spinner frames (used by the orchestrator thinking animation) — same frame set.
-export const THINKING_SPINNER_FRAMES = SPINNER_FRAMES;
-
-/**
- * renderSpinner - Render a spinner with label as a single Line.
- */
-export function renderSpinner(
-  frame: string,
-  label: string,
-  width: number,
-  fg: string = '135'
-): Line {
-  const text = ` ${frame} ${label}`;
-  return UIFactory.stringToLine(padDisplayEnd(text, width), width, { fg, bold: true });
-}
-
-/**
- * renderToolProgress - Render tool execution progress.
- * E.g. "[2/5] Editing src/config.ts..."
- */
-export function renderToolProgress(
-  current: number,
-  total: number,
-  label: string,
-  width: number
-): Line[] {
-  const counter = `[${current}/${total}]`;
-  const text = ` ${counter} ${label}`;
-  return [
-    UIFactory.stringToLine(padDisplayEnd(text, width), width, { fg: '#ffcc00', bold: true }),
-  ];
-}
-
-/**
- * renderTokenBar - Render a token usage bar for the footer.
- * Shows used/max tokens as a visual bar + numbers.
- */
-export function renderTokenBar(
-  used: number,
-  max: number,
-  width: number,
-  model: string,
-  toolCount: number
-): Line[] {
-  const lines: Line[] = [];
-
-  // Stats row
-  const usedK = abbreviateCount(used, { noM: true });
-  const maxK = abbreviateCount(max, { noM: true });
-  const pct = max > 0 ? Math.min(100, Math.round((used / max) * 100)) : 0;
-  const toolStr = toolCount > 0 ? `  tools:${toolCount}` : '';
-  const statsText = ` ${model}  in:${usedK}/${maxK} (${pct}%)${toolStr}`;
-
-  // Progress bar
-  const barLabel = ' ctx ';
-  const barLabelW = getDisplayWidth(barLabel);
-  const barW = Math.max(10, Math.floor(width * 0.3));
-  const filled = Math.round((pct / 100) * barW);
-  const empty = barW - filled;
-
-  // Color based on usage
-  const barFg = pct > 85 ? '#ef4444' : pct > 60 ? '#ffcc00' : '#22c55e';
-
-  const bar = '#'.repeat(filled) + '-'.repeat(empty);
-  const barText = barLabel + bar;
-
-  const statsW = getDisplayWidth(statsText);
-  const barTextW = getDisplayWidth(barText);
-  const spacingW = Math.max(1, width - statsW - barTextW - 2);
-
-  // Build with mixed colors
-  const line = UIFactory.stringToLine(statsText + ' '.repeat(spacingW), width, { fg: '244', dim: true });
-
-  // Overlay the bar with color
-  let barStartX = getDisplayWidth(statsText) + spacingW;
-  for (const ch of barLabel) {
-    if (barStartX >= width) break;
-    const cw = getDisplayWidth(ch);
-    line[barStartX] = { char: ch, fg: '244', bg: '', bold: false, dim: true, underline: false, italic: false, strikethrough: false };
-    if (cw === 2 && barStartX + 1 < width) line[barStartX + 1] = { ...line[barStartX], char: '' };
-    barStartX += cw;
-  }
-  for (let i = 0; i < filled && barStartX + i < width; i++) {
-    line[barStartX + i] = { char: '#', fg: barFg, bg: '', bold: false, dim: false, underline: false, italic: false, strikethrough: false };
-  }
-  for (let i = 0; i < empty && barStartX + filled + i < width; i++) {
-    line[barStartX + filled + i] = { char: '-', fg: '238', bg: '', bold: false, dim: true, underline: false, italic: false, strikethrough: false };
-  }
-
-  lines.push(line);
-  return lines;
-}

package/src/renderer/status-token.ts

@@ -1,67 +0,0 @@
-// ---------------------------------------------------------------------------
-// buildStatusToken — always glyph + color, never color-only.
-//
-// Maps a semantic state to a Unicode glyph AND a palette color so that
-// colorblind users and screen readers can distinguish states without color.
-//
-// Glyphs:
-//   good  ✓  (CHECK MARK)
-//   warn  ⚠  (WARNING SIGN)
-//   bad   ✕  (MULTIPLICATION X)
-//   info  ○  (WHITE CIRCLE)
-// ---------------------------------------------------------------------------
-
-import type { Cell } from '../types/grid.ts';
-import { DEFAULT_PANEL_PALETTE } from '../panels/polish.ts';
-import { type StatusState, STATE_GLYPHS } from './status-glyphs.ts';
-
-// Re-export for downstream consumers that import from this module.
-export type { StatusState } from './status-glyphs.ts';
-export { STATE_GLYPHS } from './status-glyphs.ts';
-
-const STATE_COLORS: Record<StatusState, string> = {
-  good: DEFAULT_PANEL_PALETTE.good,
-  warn: DEFAULT_PANEL_PALETTE.warn,
-  bad:  DEFAULT_PANEL_PALETTE.bad,
-  info: DEFAULT_PANEL_PALETTE.info,
-};
-
-export interface StatusTokenOpts {
-  /** Append a numeric count after the label, e.g. "label (3)". */
-  count?: number;
-  /** Override the default glyph for this state. */
-  glyph?: string;
-}
-
-/**
- * Build a small sequence of styled cells: [glyph, space, label, optional count]
- *
- * Always prepends the glyph so colorblind users can parse the state.
- * The color is applied to both glyph and label as a redundant cue.
- *
- * @param state   Semantic state — controls default glyph and color.
- * @param label   Human-readable label string.
- * @param opts    Optional count suffix or glyph override.
- * @returns       Array of Cell objects ready to embed in a Line.
- */
-export function buildStatusToken(
-  state: StatusState,
-  label: string,
-  opts?: StatusTokenOpts,
-): Cell[] {
-  const glyph = opts?.glyph ?? STATE_GLYPHS[state];
-  const color = STATE_COLORS[state];
-  const suffix = opts?.count !== undefined ? ` (${opts.count})` : '';
-  const text = `${glyph} ${label}${suffix}`;
-
-  return text.split('').map((char): Cell => ({
-    char,
-    fg: color,
-    bg: '',
-    bold: false,
-    dim: false,
-    underline: false,
-    italic: false,
-    strikethrough: false,
-  }));
-}