zerg-ztc 0.1.11 → 0.1.13

package/src/components/MessageList.tsx

@@ -1,71 +0,0 @@
-import React, { useRef, useMemo } from 'react';
-import { Message } from '../types.js';
-import { InkNode } from '../ui/ink/index.js';
-import { buildMessageListView } from '../ui/views/message_list.js';
-
-interface MessageListProps {
-  messages: Message[];
-  height?: number;
-  maxMessages?: number;
-  debug?: boolean;
-  expandToolOutputs?: boolean;
-  scrollback?: boolean;
-}
-
-export const MessageList: React.FC<MessageListProps> = ({
-  messages,
-  height,
-  maxMessages = 50,
-  debug = false,
-  expandToolOutputs = false,
-  scrollback = false
-}) => {
-  // In scrollback mode, track which messages have been rendered to avoid duplication
-  const renderedIdsRef = useRef<Set<string>>(new Set());
-
-  // Filter to only new, complete messages in scrollback mode
-  const messagesToRender = useMemo(() => {
-    if (!scrollback) {
-      return messages;
-    }
-
-    // In scrollback mode, only render messages that:
-    // 1. Are NOT currently streaming (wait for completion)
-    // 2. Haven't been rendered yet
-    const newMessages: Message[] = [];
-    for (const msg of messages) {
-      // Skip streaming messages - we'll render them when complete
-      if (msg.isStreaming) {
-        continue;
-      }
-
-      // Skip already rendered messages
-      if (renderedIdsRef.current.has(msg.id)) {
-        continue;
-      }
-
-      // This is a new, complete message - render it
-      newMessages.push(msg);
-      // Mark as rendered immediately
-      renderedIdsRef.current.add(msg.id);
-    }
-    return newMessages;
-  }, [messages, scrollback]);
-
-  // Don't render anything if there are no new messages in scrollback mode
-  if (scrollback && messagesToRender.length === 0) {
-    return null;
-  }
-
-  const node = buildMessageListView({
-    messages: messagesToRender,
-    height,
-    maxMessages,
-    debug,
-    expandToolOutputs,
-    scrollback
-  });
-  return <InkNode node={node} />;
-};
-
-export default MessageList;

package/src/components/SingleMessage.tsx

@@ -1,298 +0,0 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Message } from '../types.js';
-
-// Box-drawing characters for tables
-const BOX = {
-  topLeft: '╭',
-  topRight: '╮',
-  bottomLeft: '╰',
-  bottomRight: '╯',
-  horizontal: '─',
-  vertical: '│',
-  leftT: '├',
-  rightT: '┤',
-  topT: '┬',
-  bottomT: '┴',
-  cross: '┼'
-};
-
-interface ParsedTable {
-  headers: string[];
-  rows: string[][];
-}
-
-function parseMarkdownTable(lines: string[]): ParsedTable | null {
-  // Need at least header row and separator row
-  if (lines.length < 2) return null;
-
-  const headerLine = lines[0];
-  const separatorLine = lines[1];
-
-  // Check if it looks like a markdown table
-  if (!headerLine.includes('|') || !separatorLine.match(/^\|?[\s\-:|]+\|?$/)) {
-    return null;
-  }
-
-  const parseRow = (line: string): string[] => {
-    return line
-      .split('|')
-      .map(cell => cell.trim())
-      .filter((_, i, arr) => i > 0 && i < arr.length - 1 || (arr.length === 2 && i === 0));
-  };
-
-  const headers = parseRow(headerLine);
-  if (headers.length === 0) return null;
-
-  const rows: string[][] = [];
-  for (let i = 2; i < lines.length; i++) {
-    if (!lines[i].includes('|')) break;
-    rows.push(parseRow(lines[i]));
-  }
-
-  return { headers, rows };
-}
-
-function renderBoxTable(table: ParsedTable): string[] {
-  const { headers, rows } = table;
-
-  // Calculate column widths
-  const widths = headers.map((h, i) => {
-    const dataMax = rows.reduce((max, row) => {
-      const cell = row[i] || '';
-      return Math.max(max, cell.length);
-    }, 0);
-    return Math.max(h.length, dataMax);
-  });
-
-  const output: string[] = [];
-
-  // Top border
-  output.push(
-    BOX.topLeft +
-    widths.map(w => BOX.horizontal.repeat(w + 2)).join(BOX.topT) +
-    BOX.topRight
-  );
-
-  // Header row
-  output.push(
-    BOX.vertical +
-    headers.map((h, i) => ' ' + h.padEnd(widths[i]) + ' ').join(BOX.vertical) +
-    BOX.vertical
-  );
-
-  // Header separator
-  output.push(
-    BOX.leftT +
-    widths.map(w => BOX.horizontal.repeat(w + 2)).join(BOX.cross) +
-    BOX.rightT
-  );
-
-  // Data rows
-  for (const row of rows) {
-    output.push(
-      BOX.vertical +
-      widths.map((w, i) => ' ' + (row[i] || '').padEnd(w) + ' ').join(BOX.vertical) +
-      BOX.vertical
-    );
-  }
-
-  // Bottom border
-  output.push(
-    BOX.bottomLeft +
-    widths.map(w => BOX.horizontal.repeat(w + 2)).join(BOX.bottomT) +
-    BOX.bottomRight
-  );
-
-  return output;
-}
-
-interface SingleMessageProps {
-  message: Message;
-  expandToolOutputs?: boolean;
-}
-
-interface RoleConfig {
-  icon: string;
-  color: string;
-  label: string;
-}
-
-const roleConfigs: Record<string, RoleConfig> = {
-  user: { icon: '❯', color: 'blue', label: 'You' },
-  assistant: { icon: '◆', color: 'magenta', label: 'Zerg' },
-  tool: { icon: '⏺', color: 'yellow', label: 'Trace' },
-  system: { icon: '●', color: 'gray', label: 'System' }
-};
-
-function formatTime(date: Date): string {
-  return date.toLocaleTimeString('en-US', {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false
-  });
-}
-
-interface DiffLine {
-  type: 'add' | 'remove' | 'context';
-  text: string;
-}
-
-interface ToolOutput {
-  preview: string;
-  full: string;
-  truncated: boolean;
-  diffLines?: DiffLine[];
-}
-
-// Render a line with diff coloring
-const DiffLineComponent: React.FC<{ line: DiffLine; lineNum?: number }> = ({ line, lineNum }) => {
-  const prefix = line.type === 'add' ? '+' : line.type === 'remove' ? '-' : ' ';
-  const color = line.type === 'add' ? 'green' : line.type === 'remove' ? 'red' : undefined;
-  const lineNumStr = lineNum !== undefined ? `${String(lineNum).padStart(4)} ` : '';
-
-  return (
-    <Text color={color}>
-      {'    '}{lineNumStr}{prefix} {line.text}
-    </Text>
-  );
-};
-
-// Render content with diff awareness and markdown table support
-const ContentRenderer: React.FC<{
-  content: string;
-  diffLines?: DiffLine[];
-  isToolTrace: boolean;
-}> = ({ content, diffLines, isToolTrace }) => {
-  // If we have structured diff lines, render them with colors
-  if (diffLines && diffLines.length > 0 && isToolTrace) {
-    const lines = content.split('\n');
-    const summaryLine = lines[0] || '';
-
-    return (
-      <Box flexDirection="column">
-        <Text>{summaryLine}</Text>
-        {diffLines.map((line, i) => (
-          <DiffLineComponent key={i} line={line} />
-        ))}
-      </Box>
-    );
-  }
-
-  // Parse content into segments (text and tables)
-  const lines = content.split('\n');
-  const segments: Array<{ type: 'text' | 'table'; lines: string[] }> = [];
-  let i = 0;
-
-  while (i < lines.length) {
-    const line = lines[i];
-
-    // Check if this looks like the start of a markdown table
-    if (line.includes('|') && i + 1 < lines.length && lines[i + 1].match(/^\|?[\s\-:|]+\|?$/)) {
-      // Collect all table lines
-      const tableLines: string[] = [line];
-      let j = i + 1;
-      while (j < lines.length && lines[j].includes('|')) {
-        tableLines.push(lines[j]);
-        j++;
-      }
-
-      const parsed = parseMarkdownTable(tableLines);
-      if (parsed && parsed.rows.length > 0) {
-        const boxLines = renderBoxTable(parsed);
-        segments.push({ type: 'table', lines: boxLines });
-        i = j;
-        continue;
-      }
-    }
-
-    // Regular text line
-    if (segments.length === 0 || segments[segments.length - 1].type !== 'text') {
-      segments.push({ type: 'text', lines: [] });
-    }
-    segments[segments.length - 1].lines.push(line);
-    i++;
-  }
-
-  return (
-    <Box flexDirection="column">
-      {segments.map((segment, segIdx) => (
-        <Box key={segIdx} flexDirection="column">
-          {segment.lines.map((line, lineIdx) => {
-            // Color diff lines in output
-            if (isToolTrace) {
-              const trimmed = line.trimStart();
-              if (trimmed.startsWith('+ ') && !trimmed.startsWith('+ …')) {
-                return <Text key={lineIdx} color="green">{line}</Text>;
-              }
-              if (trimmed.startsWith('- ')) {
-                return <Text key={lineIdx} color="red">{line}</Text>;
-              }
-            }
-            // Table lines get a subtle color
-            if (segment.type === 'table') {
-              return <Text key={lineIdx} color="cyan">{line}</Text>;
-            }
-            return <Text key={lineIdx}>{line}</Text>;
-          })}
-        </Box>
-      ))}
-    </Box>
-  );
-};
-
-export const SingleMessage: React.FC<SingleMessageProps> = ({
-  message,
-  expandToolOutputs = false
-}) => {
-  const config = roleConfigs[message.role] || roleConfigs.system;
-  const metadata = message.metadata as Record<string, unknown> | undefined;
-  const toolOutput = metadata?.toolOutput as ToolOutput | undefined;
-
-  // Determine content to show
-  let content: string;
-  let diffLines: DiffLine[] | undefined;
-
-  if (toolOutput) {
-    content = expandToolOutputs && toolOutput.full ? toolOutput.full : toolOutput.preview;
-    diffLines = toolOutput.diffLines;
-  } else {
-    content = message.content;
-  }
-
-  const isToolTrace = message.role === 'tool';
-
-  // For tool traces, use more compact display
-  if (isToolTrace) {
-    return (
-      <Box flexDirection="column" marginY={0} paddingX={1}>
-        <Box flexDirection="column" marginLeft={1}>
-          <ContentRenderer
-            content={content}
-            diffLines={diffLines}
-            isToolTrace={true}
-          />
-        </Box>
-      </Box>
-    );
-  }
-
-  return (
-    <Box flexDirection="column" marginY={1} paddingX={1}>
-      <Box flexDirection="row">
-        <Text color={config.color} bold>{config.icon} {config.label}</Text>
-        <Text color="gray" dimColor> • {formatTime(message.timestamp)}</Text>
-        {message.isStreaming && <Text color="yellow" bold> ▌</Text>}
-      </Box>
-      <Box flexDirection="column" marginLeft={2}>
-        <ContentRenderer
-          content={content}
-          diffLines={diffLines}
-          isToolTrace={false}
-        />
-      </Box>
-    </Box>
-  );
-};
-
-export default SingleMessage;

package/src/components/StatusBar.tsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import { AgentState } from '../types.js';
-import { InkNode } from '../ui/ink/index.js';
-import { buildStatusBarView } from '../ui/views/status_bar.js';
-
-interface StatusBarProps {
-  state: AgentState;
-  sessionId?: string;
-  version?: string;
-  connectionStatus?: 'connected' | 'disconnected' | 'connecting';
-  contextLength?: number;
-  contextEstimated?: boolean;
-  provider?: string;
-  model?: string;
-  emulationId?: string;
-  inputMode?: 'queue' | 'interrupt';
-  toast?: string | null;
-  spinnerLabel?: string | null;
-  debug?: boolean;
-}
-
-export const StatusBar: React.FC<StatusBarProps> = ({ 
-  state, 
-  sessionId,
-  version = '0.1.0',
-  connectionStatus = 'connected',
-  contextLength,
-  contextEstimated,
-  provider,
-  model,
-  emulationId,
-  inputMode,
-  toast,
-  spinnerLabel,
-  debug = false
-}) => {
-  const node = buildStatusBarView({
-    state,
-    sessionId,
-    version,
-    connectionStatus,
-    contextLength,
-    contextEstimated,
-    provider,
-    model,
-    emulationId,
-    inputMode,
-    toast,
-    spinnerLabel,
-    debug
-  });
-  return <InkNode node={node} />;
-};
-
-export default StatusBar;

package/src/components/index.tsx

@@ -1,8 +0,0 @@
-// Component exports
-export { Header } from './Header.js';
-export { MessageList } from './MessageList.js';
-export { SingleMessage } from './SingleMessage.js';
-export { InputArea } from './InputArea.js';
-export { StatusBar } from './StatusBar.js';
-export { FullScreen, useScreenSize } from './FullScreen.js';
-export { ActivityLine } from './ActivityLine.js';

package/src/config/types.ts

@@ -1,19 +0,0 @@
-export interface DictationSettings {
-  provider?: 'openai' | 'local' | 'macos';
-  language?: string;  // e.g., 'en', 'es', 'fr'
-  whisperModel?: string;  // For local whisper: 'tiny', 'base', 'small', 'medium', 'large'
-}
-
-export interface ZTCConfig {
-  apiKey?: string;
-  apiKeys?: Record<string, string>;
-  provider?: string;
-  openaiCompatibleBaseUrl?: string;
-  model: string;
-  maxTokens: number;
-  zergEndpoint?: string;
-  emulationId?: string;
-  spinnerVerbs?: string[];
-  toolPermissions?: Partial<Record<'file_read' | 'file_write' | 'shell_exec' | 'network', boolean>>;
-  dictation?: DictationSettings;
-}

package/src/config.ts

@@ -1,186 +0,0 @@
-import { homedir } from 'os';
-import { join } from 'path';
-import { readFile, writeFile, mkdir } from 'fs/promises';
-
-import { ZTCConfig } from './config/types.js';
-import { DEFAULT_SPINNER_VERBS } from './utils/spinner_verbs.js';
-
-// --- Configuration Store ---
-
-const DEFAULT_CONFIG: ZTCConfig = {
-  apiKey: process.env.ANTHROPIC_API_KEY,
-  apiKeys: undefined,
-  provider: 'anthropic',
-  openaiCompatibleBaseUrl: undefined,
-  model: 'claude-opus-4-20250514',
-  maxTokens: 4096,
-  zergEndpoint: undefined,
-  emulationId: undefined,
-  spinnerVerbs: DEFAULT_SPINNER_VERBS,
-  toolPermissions: {
-    file_read: true,
-    file_write: true,
-    shell_exec: true,
-    network: true
-  }
-};
-
-const CONFIG_DIR = join(homedir(), '.ztc');
-const CONFIG_FILE = join(CONFIG_DIR, 'config.json');
-
-class ConfigStore {
-  private config: ZTCConfig = { ...DEFAULT_CONFIG };
-  private loaded = false;
-
-  private applyEnvOverrides(): void {
-    if (process.env.ANTHROPIC_API_KEY) {
-      this.config.apiKey = process.env.ANTHROPIC_API_KEY;
-    }
-  }
-
-  async load(force = false): Promise<ZTCConfig> {
-    if (this.loaded && !force) return this.config;
-
-    try {
-      const data = await readFile(CONFIG_FILE, 'utf-8');
-      const saved = JSON.parse(data) as Partial<ZTCConfig>;
-      this.config = { ...DEFAULT_CONFIG, ...saved };
-      if (this.config.model === 'claude-opus-4-5-20250514') {
-        this.config.model = 'claude-opus-4-20250514';
-      }
-      if (!this.config.spinnerVerbs) {
-        this.config.spinnerVerbs = DEFAULT_SPINNER_VERBS;
-      }
-      if (!this.config.toolPermissions) {
-        this.config.toolPermissions = { ...DEFAULT_CONFIG.toolPermissions };
-      }
-      this.applyEnvOverrides();
-    } catch {
-      // File doesn't exist or is invalid, use defaults
-      this.config = { ...DEFAULT_CONFIG };
-    }
-
-    this.loaded = true;
-    return this.config;
-  }
-
-  async refresh(): Promise<void> {
-    await this.load(true);
-  }
-
-  async save(): Promise<void> {
-    try {
-      await mkdir(CONFIG_DIR, { recursive: true });
-      
-      // Don't persist API key if it came from env
-      const toSave: Partial<ZTCConfig> = { ...this.config };
-      if (process.env.ANTHROPIC_API_KEY === this.config.apiKey) {
-        delete toSave.apiKey;
-      }
-      
-      await writeFile(CONFIG_FILE, JSON.stringify(toSave, null, 2), 'utf-8');
-    } catch (err) {
-      console.error('Failed to save config:', err);
-    }
-  }
-
-  get(): ZTCConfig {
-    return this.config;
-  }
-
-  set<K extends keyof ZTCConfig>(key: K, value: ZTCConfig[K]): void {
-    this.config[key] = value;
-  }
-
-  setAll(next: Partial<ZTCConfig>): void {
-    this.config = { ...DEFAULT_CONFIG, ...this.config, ...next };
-    if (this.config.model === 'claude-opus-4-5-20250514') {
-      this.config.model = 'claude-opus-4-20250514';
-    }
-    if (!this.config.spinnerVerbs) {
-      this.config.spinnerVerbs = DEFAULT_SPINNER_VERBS;
-    }
-    if (!this.config.toolPermissions) {
-      this.config.toolPermissions = { ...DEFAULT_CONFIG.toolPermissions };
-    }
-    this.applyEnvOverrides();
-    this.loaded = true;
-  }
-
-  hasApiKey(): boolean {
-    const key = this.getApiKey();
-    return !!key && key.length > 0;
-  }
-
-  getApiKey(provider?: string): string | undefined {
-    const chosen = provider || this.getProvider();
-    const envKey = this.getEnvKey(chosen);
-    if (envKey) return envKey;
-    if (this.config.apiKeys && this.config.apiKeys[chosen]) return this.config.apiKeys[chosen];
-    return this.config.apiKey;
-  }
-
-  setApiKey(key: string, provider?: string): void {
-    const chosen = provider || this.getProvider();
-    if (!this.config.apiKeys) {
-      this.config.apiKeys = {};
-    }
-    this.config.apiKeys[chosen] = key;
-    if (chosen === 'anthropic') {
-      this.config.apiKey = key;
-    }
-  }
-
-  getEmulationId(): string | undefined {
-    return this.config.emulationId;
-  }
-
-  setEmulationId(id: string | undefined): void {
-    this.config.emulationId = id;
-  }
-
-  getMaskedApiKey(): string {
-    const key = this.getApiKey();
-    if (!key) return '(not set)';
-    if (key.length < 12) return '****';
-    return `${key.slice(0, 7)}...${key.slice(-4)}`;
-  }
-
-  getProvider(): string {
-    return this.config.provider || 'anthropic';
-  }
-
-  setProvider(provider: string): void {
-    this.config.provider = provider;
-  }
-
-  getOpenAICompatibleBaseUrl(): string | undefined {
-    return this.config.openaiCompatibleBaseUrl;
-  }
-
-  setOpenAICompatibleBaseUrl(url: string | undefined): void {
-    this.config.openaiCompatibleBaseUrl = url;
-  }
-
-  private getEnvKey(provider: string): string | undefined {
-    const map: Record<string, string | undefined> = {
-      anthropic: process.env.ANTHROPIC_API_KEY,
-      openai: process.env.OPENAI_API_KEY,
-      gemini: process.env.GOOGLE_API_KEY || process.env.GEMINI_API_KEY,
-      inception: process.env.INCEPTION_API_KEY,
-      openai_compatible: process.env.OPENAI_COMPAT_API_KEY
-    };
-    return map[provider];
-  }
-
-  getConfigPath(): string {
-    return CONFIG_FILE;
-  }
-
-  get locationLabel(): string {
-    return CONFIG_FILE;
-  }
-}
-
-export const configStore = new ConfigStore();
-export default configStore;

package/src/debug/logger.ts

@@ -1,14 +0,0 @@
-import { appendFileSync } from 'fs';
-
-const enabled = process.env.ZTC_DEBUG_RENDER === '1';
-const logPath = process.env.ZTC_DEBUG_RENDER_LOG || '/tmp/ztc_render.log';
-
-export function debugLog(message: string): void {
-  if (!enabled) return;
-  const line = `[${new Date().toISOString()}] ${message}\n`;
-  try {
-    appendFileSync(logPath, line, 'utf-8');
-  } catch {
-    // Ignore logging failures
-  }
-}

package/src/emulation/README.md

@@ -1,24 +0,0 @@
-## Emulation Layer
-
-This module loads third-party tool prompts (e.g., Claude Code, Codex CLI) and exposes them as selectable emulation profiles.
-
-### Data Source
-The content is extracted from the `x1xhlol/system-prompts-and-models-of-ai-tools` repository and stored locally in:
-`~/.ztc/emulations/x1xhlol/`
-
-You can override the base path with `ZTC_EMULATION_DIR` (useful for tests or custom fixtures).
-
-### Fixture Setup
-For tests, point `ZTC_EMULATION_DIR` at `tests/fixtures/emulations/x1xhlol` to use the bundled fixture data.
-
-To populate your local emulation cache:
-- `npm run emulation:init`
-
-### Usage
-- `/emulation list` to see available profiles
-- `/emulation set <id>` to activate
-- `/emulation show` to see the current profile
-
-### Notes
-- The emulation layer currently wires the **system prompt** into the agent.
-- Tool schemas are loaded and stored for future use, but not yet mapped to runtime tools.