gencode-ai 0.1.1 → 0.1.2

package/src/cli/components/Spinner.tsx

@@ -1,7 +1,7 @@
 /**
- * Spinner Component - Compact thinking animation (Claude Code style)
+ * Spinner Component - Vivid thinking animation
  */
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { Box, Text } from 'ink';
 import InkSpinner from 'ink-spinner';
 import { colors } from './theme.js';
@@ -33,40 +33,153 @@ export function LoadingSpinner({ text = 'Loading...' }: SpinnerProps) {
   );
 }
 
+// Thinking phrases that rotate during processing
+const thinkingPhrases = [
+  'Thinking',
+  'Pondering',
+  'Analyzing',
+  'Processing',
+  'Reasoning',
+  'Contemplating',
+  'Figuring out',
+  'Working on it',
+  'Almost there',
+  'Crafting response',
+];
+
+// Animation frames for different styles
+const animations = {
+  // Brainwave animation
+  brainwave: ['🧠 ∿∿∿', '🧠∿ ∿∿', '🧠∿∿ ∿', '🧠∿∿∿ ', '🧠 ∿∿∿', '🧠∿ ∿∿'],
+  // Sparkle animation
+  sparkle: ['✨    ', ' ✨   ', '  ✨  ', '   ✨ ', '    ✨', '   ✨ ', '  ✨  ', ' ✨   '],
+  // DNA helix
+  dna: ['🔬 ⌬⌬⌬', '🔬⌬ ⌬⌬', '🔬⌬⌬ ⌬', '🔬⌬⌬⌬ ', '🔬 ⌬⌬⌬'],
+  // Pulse dots
+  pulse: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],
+  // Wave animation
+  wave: ['≋≈∼∽', '∽≋≈∼', '∼∽≋≈', '≈∼∽≋'],
+  // Bounce bar with gradient
+  bounceGradient: [
+    '█▓▒░    ',
+    ' █▓▒░   ',
+    '  █▓▒░  ',
+    '   █▓▒░ ',
+    '    █▓▒░',
+    '   ░▒▓█ ',
+    '  ░▒▓█  ',
+    ' ░▒▓█   ',
+    '░▒▓█    ',
+  ],
+  // Orbit animation
+  orbit: ['◐', '◓', '◑', '◒'],
+  // Loading bar with shimmer
+  shimmer: [
+    '▓▓▓▓▓░░░',
+    '░▓▓▓▓▓░░',
+    '░░▓▓▓▓▓░',
+    '░░░▓▓▓▓▓',
+    '░░░░▓▓▓▓',
+    '░░░▓▓▓▓▓',
+    '░░▓▓▓▓▓░',
+    '░▓▓▓▓▓░░',
+  ],
+};
+
+type AnimationType = keyof typeof animations;
+const animationTypes = Object.keys(animations) as AnimationType[];
+
+// Format elapsed time
+function formatElapsed(ms: number): string {
+  const secs = Math.floor(ms / 1000);
+  if (secs < 60) return `${secs}s`;
+  const mins = Math.floor(secs / 60);
+  const remainSecs = secs % 60;
+  return `${mins}m ${remainSecs}s`;
+}
+
+// Format token count
+function formatTokens(count: number): string {
+  if (count >= 1000) {
+    return `${(count / 1000).toFixed(1)}k`;
+  }
+  return `${count}`;
+}
+
+interface ProgressBarProps {
+  startTime?: number;
+  tokenCount?: number;
+  isThinking?: boolean;
+}
+
 /**
  * Progress bar animation for processing state
- * Bouncing ball with trail effect
+ * Claude Code style with time, tokens, and thinking status
  */
-export function ProgressBar() {
+export function ProgressBar({ startTime, tokenCount = 0, isThinking = false }: ProgressBarProps) {
   const [frame, setFrame] = useState(0);
+  const [phraseIndex, setPhraseIndex] = useState(0);
+  const [elapsed, setElapsed] = useState(0);
 
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setFrame((f) => (f + 1) % 14);
-    }, 100);
-    return () => clearInterval(timer);
+  // Pick a random animation style on mount
+  const animStyle = useMemo(() => {
+    const randomIndex = Math.floor(Math.random() * animationTypes.length);
+    return animationTypes[randomIndex];
   }, []);
 
-  // Bouncing ball animation: ball moves left-right with trail
-  const width = 7;
-  // Frame 0-6: left to right, 7-13: right to left
-  const pos = frame < 7 ? frame : 13 - frame;
-
-  let bar = '';
-  for (let i = 0; i < width; i++) {
-    if (i === pos) {
-      bar += '●';
-    } else if (i === pos - 1 || i === pos + 1) {
-      bar += '○';
-    } else {
-      bar += '·';
-    }
+  const currentAnim = animations[animStyle];
+
+  useEffect(() => {
+    // Fast animation update
+    const animTimer = setInterval(() => {
+      setFrame((f) => (f + 1) % currentAnim.length);
+    }, 120);
+
+    // Slower phrase rotation (every 2.5 seconds)
+    const phraseTimer = setInterval(() => {
+      setPhraseIndex((p) => (p + 1) % thinkingPhrases.length);
+    }, 2500);
+
+    // Update elapsed time every second
+    const elapsedTimer = setInterval(() => {
+      if (startTime) {
+        setElapsed(Date.now() - startTime);
+      }
+    }, 1000);
+
+    return () => {
+      clearInterval(animTimer);
+      clearInterval(phraseTimer);
+      clearInterval(elapsedTimer);
+    };
+  }, [currentAnim.length, startTime]);
+
+  const animFrame = currentAnim[frame];
+  const phrase = thinkingPhrases[phraseIndex];
+
+  // Animated ellipsis
+  const ellipsis = '.'.repeat((frame % 3) + 1).padEnd(3, ' ');
+
+  // Build status parts
+  const parts: string[] = [];
+  if (startTime && elapsed > 0) {
+    parts.push(formatElapsed(elapsed));
+  }
+  if (tokenCount > 0) {
+    parts.push(`↓ ${formatTokens(tokenCount)} tokens`);
   }
+  if (isThinking) {
+    parts.push('thinking');
+  }
+
+  const statusText = parts.length > 0 ? ` · ${parts.join(' · ')}` : '';
 
   return (
     <Box>
-      <Text color={colors.brand}>{bar}</Text>
-      <Text color={colors.textMuted}> esc to stop</Text>
+      <Text color={colors.brand}>{animFrame}</Text>
+      <Text color={colors.textSecondary}> {phrase}</Text>
+      <Text color={colors.textMuted}>{ellipsis}</Text>
+      <Text color={colors.textMuted}>(esc to stop{statusText})</Text>
     </Box>
   );
 }

package/src/cli/components/TodoList.tsx

@@ -0,0 +1,54 @@
+/**
+ * TodoList Component - Display current todos in CLI
+ * Design: Minimal, clean, status-driven with clear visual hierarchy
+ */
+import { Box, Text } from 'ink';
+import { colors } from './theme.js';
+import type { TodoItem } from '../../tools/types.js';
+
+interface TodoListProps {
+  todos: TodoItem[];
+}
+
+export function TodoList({ todos }: TodoListProps) {
+  if (todos.length === 0) return null;
+
+  const completed = todos.filter((t) => t.status === 'completed').length;
+  const total = todos.length;
+
+  return (
+    <Box flexDirection="column" marginTop={1} marginLeft={2}>
+      {/* Header with count */}
+      <Text color={colors.textMuted}>
+        Tasks {completed}/{total}
+      </Text>
+      {/* Task list */}
+      {todos.map((todo, i) => {
+        const isCompleted = todo.status === 'completed';
+        const isInProgress = todo.status === 'in_progress';
+
+        // Status indicators: [x] done, [>] active, [ ] pending
+        let bracket: string;
+        let bracketColor: string;
+
+        if (isCompleted) {
+          bracket = '[x]';
+          bracketColor = colors.success;
+        } else if (isInProgress) {
+          bracket = '[>]';
+          bracketColor = colors.warning;
+        } else {
+          bracket = '[ ]';
+          bracketColor = colors.textMuted;
+        }
+
+        return (
+          <Text key={i} dimColor={isCompleted}>
+            <Text color={bracketColor}>{bracket}</Text>
+            <Text strikethrough={isCompleted}> {todo.content}</Text>
+          </Text>
+        );
+      })}
+    </Box>
+  );
+}

package/src/cli/components/index.ts

@@ -19,3 +19,9 @@ export { PromptInput, ConfirmPrompt } from './Input.js';
 export { colors, icons } from './theme.js';
 export { ModelSelector } from './ModelSelector.js';
 export { CommandSuggestions, COMMANDS, getFilteredCommands } from './CommandSuggestions.js';
+export {
+  PermissionPrompt,
+  SimpleConfirmPrompt,
+  PermissionRulesDisplay,
+  PermissionAuditDisplay,
+} from './PermissionPrompt.js';

package/src/cli/index.tsx

@@ -88,10 +88,21 @@ function detectConfig(settings: Settings, providersConfig: ProvidersConfigManage
 // ============================================================================
 function parseArgs() {
   const args = process.argv.slice(2);
+
+  // Extract prompt value from -p "message" or --prompt "message"
+  let prompt: string | undefined;
+  for (let i = 0; i < args.length; i++) {
+    if ((args[i] === '-p' || args[i] === '--prompt') && args[i + 1]) {
+      prompt = args[i + 1];
+      break;
+    }
+  }
+
   return {
     continue: args.includes('-c') || args.includes('--continue'),
     resume: args.includes('-r') || args.includes('--resume'),
     help: args.includes('-h') || args.includes('--help'),
+    prompt,
   };
 }
 
@@ -102,17 +113,47 @@ function printUsage(): void {
   console.log('  Usage: gencode [options]');
   console.log();
   console.log('  Options:');
-  console.log('    -c, --continue    Resume the most recent session');
-  console.log('    -r, --resume      Select a session interactively');
-  console.log('    -h, --help        Show this help');
+  console.log('    -c, --continue       Resume the most recent session');
+  console.log('    -r, --resume         Select a session interactively');
+  console.log('    -p, --prompt <msg>   Run a single prompt (non-interactive)');
+  console.log('    -h, --help           Show this help');
   console.log();
   console.log('  Examples:');
-  console.log('    gencode              Start new session');
-  console.log('    gencode -c           Continue last session');
-  console.log('    gencode -r           Pick a session');
+  console.log('    gencode                    Start new session');
+  console.log('    gencode -c                 Continue last session');
+  console.log('    gencode -r                 Pick a session');
+  console.log('    gencode -p "2+2"           Run single prompt');
   console.log();
 }
 
+// ============================================================================
+// Non-interactive mode
+// ============================================================================
+async function runNonInteractive(prompt: string, config: AgentConfig): Promise<void> {
+  const { Agent } = await import('../agent/agent.js');
+
+  const agent = new Agent(config);
+
+  let response = '';
+  for await (const event of agent.run(prompt)) {
+    switch (event.type) {
+      case 'text':
+        response += event.text;
+        break;
+      case 'tool_start':
+        console.error(`[tool] ${event.name}`);
+        break;
+      case 'error':
+        console.error(`[error] ${event.error.message}`);
+        break;
+      case 'done':
+        break;
+    }
+  }
+
+  console.log(response);
+}
+
 // ============================================================================
 // Main
 // ============================================================================
@@ -135,12 +176,19 @@ async function main() {
 
   const config = detectConfig(settings, providersConfig);
 
+  // Non-interactive mode with -p flag
+  if (args.prompt) {
+    await runNonInteractive(args.prompt, config);
+    return;
+  }
+
   // Render the Ink app
   render(
     <App
       config={config}
       settingsManager={settingsManager}
       resumeLatest={args.continue}
+      permissionSettings={settings.permissions}
     />
   );
 }

package/src/config/index.ts

@@ -1,8 +1,82 @@
 /**
- * Config Module Exports
+ * Configuration Module - Multi-level configuration system (Claude Code compatible)
+ *
+ * This module provides a hierarchical configuration system that:
+ * - Supports multiple levels: user, project, local, managed
+ * - Merges .gencode and .claude directories at each level (gencode wins)
+ * - Supports GENCODE_CONFIG_DIRS environment variable for extra config dirs
+ * - Enforces managed settings that cannot be overridden
  */
 
-export { SettingsManager } from './manager.js';
+// Core types
+export type {
+  Settings,
+  SettingsManagerOptions,
+  ProviderName,
+  PermissionRules,
+  ConfigLevelType,
+  ConfigLevel,
+  ConfigSource,
+  MergedConfig,
+  ProvidersConfig,
+  ProviderConnection,
+  CachedModel,
+  ProviderModels,
+} from './types.js';
+
+// Constants
+export {
+  DEFAULT_SETTINGS_DIR,
+  PROJECT_SETTINGS_DIR,
+  FALLBACK_SETTINGS_DIR,
+  FALLBACK_PROJECT_DIR,
+  SETTINGS_FILE_NAME,
+  SETTINGS_LOCAL_FILE_NAME,
+  MANAGED_SETTINGS_FILE_NAME,
+  PROVIDERS_FILE_NAME,
+  GENCODE_DIR,
+  CLAUDE_DIR,
+  USER_GENCODE_DIR,
+  USER_CLAUDE_DIR,
+  GENCODE_CONFIG_DIRS_ENV,
+  getManagedPaths,
+} from './types.js';
+
+// Configuration levels
+export {
+  findProjectRoot,
+  parseExtraConfigDirs,
+  getConfigLevels,
+  getPrimarySettingsDir,
+  getSettingsFilePath,
+  type ConfigPathInfo,
+  type ResolvedLevel,
+} from './levels.js';
+
+// Configuration loader
+export {
+  loadAllSources,
+  loadSourcesByLevel,
+  loadUserSettings,
+  loadProjectSettings,
+  loadManagedSettings,
+  getConfigInfo,
+  getExistingConfigFiles,
+} from './loader.js';
+
+// Configuration merger
+export {
+  deepMerge,
+  mergeSettings,
+  extractManagedDeny,
+  applyManagedRestrictions,
+  mergeAllSources,
+  mergeWithCliArgs,
+  createMergeSummary,
+} from './merger.js';
+
+// Configuration managers
+export { ConfigManager, SettingsManager } from './manager.js';
+
+// Providers configuration
 export { ProvidersConfigManager } from './providers-config.js';
-export type { Settings, SettingsManagerOptions, ProviderName, ProvidersConfig } from './types.js';
-export { DEFAULT_SETTINGS_DIR, SETTINGS_FILE_NAME, PROVIDERS_FILE_NAME } from './types.js';

package/src/config/levels.test.ts

@@ -0,0 +1,163 @@
+/**
+ * Config Levels Tests
+ */
+
+import * as fs from 'fs/promises';
+import * as path from 'path';
+import * as os from 'os';
+import { describe, it, expect, beforeEach, afterEach } from '@jest/globals';
+import {
+  findProjectRoot,
+  parseExtraConfigDirs,
+  getConfigLevels,
+  getPrimarySettingsDir,
+  getSettingsFilePath,
+} from './levels.js';
+import { createTestProject, type TestProject } from './test-utils.js';
+
+describe('findProjectRoot', () => {
+  let test: TestProject;
+
+  beforeEach(async () => {
+    test = await createTestProject('gencode-levels-');
+  });
+
+  afterEach(() => test.cleanup());
+
+  it('should find git root', async () => {
+    const subDir = path.join(test.projectDir, 'src', 'components');
+    await fs.mkdir(subDir, { recursive: true });
+
+    expect(await findProjectRoot(subDir)).toBe(test.projectDir);
+  });
+
+  it('should find .gencode directory as project root', async () => {
+    // Remove .git, add .gencode
+    await fs.rm(path.join(test.projectDir, '.git'), { recursive: true });
+    await fs.mkdir(path.join(test.projectDir, '.gencode'));
+    const subDir = path.join(test.projectDir, 'src');
+    await fs.mkdir(subDir, { recursive: true });
+
+    expect(await findProjectRoot(subDir)).toBe(test.projectDir);
+  });
+
+  it('should find .claude directory as project root', async () => {
+    await fs.rm(path.join(test.projectDir, '.git'), { recursive: true });
+    await fs.mkdir(path.join(test.projectDir, '.claude'));
+    const subDir = path.join(test.projectDir, 'lib');
+    await fs.mkdir(subDir, { recursive: true });
+
+    expect(await findProjectRoot(subDir)).toBe(test.projectDir);
+  });
+
+  it('should return cwd if no project markers found', async () => {
+    const subDir = path.join(test.tempDir, 'random', 'path');
+    await fs.mkdir(subDir, { recursive: true });
+
+    expect(await findProjectRoot(subDir)).toBe(subDir);
+  });
+});
+
+describe('parseExtraConfigDirs', () => {
+  const originalEnv = process.env.GENCODE_CONFIG_DIRS;
+
+  afterEach(() => {
+    if (originalEnv === undefined) {
+      delete process.env.GENCODE_CONFIG_DIRS;
+    } else {
+      process.env.GENCODE_CONFIG_DIRS = originalEnv;
+    }
+  });
+
+  it('should return empty array when env var not set', () => {
+    delete process.env.GENCODE_CONFIG_DIRS;
+    expect(parseExtraConfigDirs()).toEqual([]);
+  });
+
+  it('should parse single directory', () => {
+    process.env.GENCODE_CONFIG_DIRS = '/team/config';
+    expect(parseExtraConfigDirs()).toEqual(['/team/config']);
+  });
+
+  it('should parse multiple directories', () => {
+    process.env.GENCODE_CONFIG_DIRS = '/team/config:/shared/rules';
+    expect(parseExtraConfigDirs()).toEqual(['/team/config', '/shared/rules']);
+  });
+
+  it('should expand tilde to home directory', () => {
+    process.env.GENCODE_CONFIG_DIRS = '~/my-config';
+    expect(parseExtraConfigDirs()[0]).toBe(path.join(os.homedir(), 'my-config'));
+  });
+
+  it('should trim whitespace and filter empty strings', () => {
+    process.env.GENCODE_CONFIG_DIRS = '  /path/one  : : /path/two  ';
+    expect(parseExtraConfigDirs()).toEqual(['/path/one', '/path/two']);
+  });
+});
+
+describe('getConfigLevels', () => {
+  let test: TestProject;
+
+  beforeEach(async () => {
+    test = await createTestProject('gencode-levels-');
+  });
+
+  afterEach(() => test.cleanup());
+
+  it('should return levels in priority order', async () => {
+    const types = (await getConfigLevels(test.projectDir)).map((l) => l.type);
+
+    expect(types.indexOf('user')).toBeLessThan(types.indexOf('project'));
+    expect(types.indexOf('project')).toBeLessThan(types.indexOf('local'));
+    expect(types.indexOf('local')).toBeLessThan(types.indexOf('managed'));
+  });
+
+  it('should include both claude and gencode paths at each level', async () => {
+    const userLevel = (await getConfigLevels(test.projectDir)).find((l) => l.type === 'user');
+
+    expect(userLevel?.paths.length).toBe(2);
+    expect(userLevel?.paths.some((p) => p.namespace === 'claude')).toBe(true);
+    expect(userLevel?.paths.some((p) => p.namespace === 'gencode')).toBe(true);
+  });
+
+  it('should include extra dirs when env var is set', async () => {
+    process.env.GENCODE_CONFIG_DIRS = '/team/config';
+    const extraLevels = (await getConfigLevels(test.projectDir)).filter((l) => l.type === 'extra');
+
+    expect(extraLevels.length).toBeGreaterThan(0);
+  });
+
+  it('should have claude before gencode in each level (for merge order)', async () => {
+    for (const level of await getConfigLevels(test.projectDir)) {
+      if (level.paths.length >= 2) {
+        const claudeIdx = level.paths.findIndex((p) => p.namespace === 'claude');
+        const gencodeIdx = level.paths.findIndex((p) => p.namespace === 'gencode');
+        if (claudeIdx !== -1 && gencodeIdx !== -1) {
+          expect(claudeIdx).toBeLessThan(gencodeIdx);
+        }
+      }
+    }
+  });
+});
+
+describe('getPrimarySettingsDir', () => {
+  it('should return ~/.gencode for user level', () => {
+    expect(getPrimarySettingsDir('user', '/project')).toBe(path.join(os.homedir(), '.gencode'));
+  });
+
+  it('should return project/.gencode for project and local levels', () => {
+    expect(getPrimarySettingsDir('project', '/my/project')).toBe('/my/project/.gencode');
+    expect(getPrimarySettingsDir('local', '/my/project')).toBe('/my/project/.gencode');
+  });
+});
+
+describe('getSettingsFilePath', () => {
+  it('should return correct paths for each level', () => {
+    expect(getSettingsFilePath('user', '/project'))
+      .toBe(path.join(os.homedir(), '.gencode', 'settings.json'));
+    expect(getSettingsFilePath('project', '/my/project'))
+      .toBe('/my/project/.gencode/settings.json');
+    expect(getSettingsFilePath('local', '/my/project'))
+      .toBe('/my/project/.gencode/settings.local.json');
+  });
+});