erosolar-cli 1.7.14 → 1.7.16

package/dist/bin/ui/theme.js

@@ -1,116 +0,0 @@
-import chalk from 'chalk';
-import gradientString from 'gradient-string';
-/**
- * Theme system matching the Erosolar CLI aesthetics
- */
-export const theme = {
-    primary: chalk.hex('#6366F1'), // Indigo
-    secondary: chalk.hex('#8B5CF6'), // Purple
-    accent: chalk.hex('#EC4899'), // Pink
-    success: chalk.hex('#10B981'), // Green
-    warning: chalk.hex('#F59E0B'), // Amber
-    error: chalk.hex('#EF4444'), // Red
-    info: chalk.hex('#3B82F6'), // Blue
-    dim: chalk.dim,
-    bold: chalk.bold,
-    italic: chalk.italic,
-    underline: chalk.underline,
-    gradient: {
-        primary: gradientString(['#6366F1', '#8B5CF6', '#EC4899']),
-        cool: gradientString(['#3B82F6', '#6366F1', '#8B5CF6']),
-        warm: gradientString(['#F59E0B', '#EC4899', '#EF4444']),
-        success: gradientString(['#10B981', '#34D399']),
-    },
-    ui: {
-        border: chalk.hex('#4B5563'),
-        background: chalk.bgHex('#1F2937'),
-        userPromptBackground: chalk.bgHex('#4C1D95'),
-        muted: chalk.hex('#9CA3AF'),
-        text: chalk.hex('#F3F4F6'),
-        highlight: chalk.hex('#FCD34D').bold, // Important text
-        emphasis: chalk.hex('#F472B6').bold, // Emphasized text
-        code: chalk.hex('#A78BFA'), // Inline code
-        number: chalk.hex('#60A5FA'), // Numbers
-        string: chalk.hex('#34D399'), // Strings
-        keyword: chalk.hex('#F472B6'), // Keywords
-        operator: chalk.hex('#9CA3AF'), // Operators
-    },
-    metrics: {
-        elapsedLabel: chalk.hex('#FBBF24').bold,
-        elapsedValue: chalk.hex('#F472B6'),
-    },
-    fields: {
-        label: chalk.hex('#FCD34D').bold,
-        agent: chalk.hex('#F472B6'),
-        profile: chalk.hex('#C084FC'),
-        model: chalk.hex('#A855F7'),
-        workspace: chalk.hex('#38BDF8'),
-    },
-    link: {
-        label: chalk.hex('#F472B6').underline,
-        url: chalk.hex('#38BDF8'),
-    },
-    diff: {
-        header: chalk.hex('#FBBF24'),
-        hunk: chalk.hex('#60A5FA'),
-        added: chalk.hex('#10B981'),
-        removed: chalk.hex('#EF4444'),
-        meta: chalk.hex('#9CA3AF'),
-    },
-    user: chalk.hex('#3B82F6'),
-    assistant: chalk.hex('#8B5CF6'),
-    system: chalk.hex('#6B7280'),
-    tool: chalk.hex('#10B981'),
-};
-/**
- * Claude Code style icons
- * Following the official Claude Code UI conventions:
- * - ⏺ (action): Used for tool calls, actions, and thinking/reasoning
- * - ⎿ (subaction): Used for results, details, and nested information
- * - ─ (separator): Horizontal lines for dividing sections (not in this object)
- * - > (user prompt): User input prefix (used in formatUserPrompt)
- */
-export const icons = {
-    success: '✓',
-    error: '✗',
-    warning: '⚠',
-    info: 'ℹ',
-    arrow: '→',
-    bullet: '•',
-    thinking: '◐',
-    tool: '⚙',
-    user: '❯',
-    assistant: '◆',
-    loading: '⣾',
-    action: '⏺', // Claude Code: tool actions and thoughts
-    subaction: '⎿', // Claude Code: results and details
-    sparkle: '✨', // Erosolar branding
-};
-export function formatBanner(profileLabel, model) {
-    const name = profileLabel || 'Agent';
-    const title = theme.gradient.primary(name);
-    const subtitle = theme.ui.muted(`${model} • Interactive Shell`);
-    return `\n${title}\n${subtitle}\n`;
-}
-export function formatUserPrompt(_profile) {
-    // Simple, stable prompt - no complex animations
-    const glyph = theme.user('>');
-    return `${glyph} `;
-}
-export function formatToolCall(name, status) {
-    const statusIcon = status === 'running' ? icons.thinking :
-        status === 'success' ? icons.success : icons.error;
-    const statusColor = status === 'running' ? theme.info :
-        status === 'success' ? theme.success : theme.error;
-    return `${statusColor(statusIcon)} ${theme.tool(name)}`;
-}
-export function formatMessage(role, content) {
-    switch (role) {
-        case 'user':
-            return `${theme.user('You:')} ${content}`;
-        case 'assistant':
-            return `${theme.assistant('Assistant:')} ${content}`;
-        case 'system':
-            return theme.system(`[System] ${content}`);
-    }
-}

package/dist/bin/ui/toolDisplay.js

@@ -1,423 +0,0 @@
-/**
- * Tool Display Formatter - Claude Code style
- *
- * Implements the clean, informative tool execution display that Claude Code uses:
- * - Tool call indicators with inline args
- * - Result summaries with status indicators
- * - Expandable content with previews
- * - Diff formatting with colors
- */
-import { theme } from './theme.js';
-/**
- * Format tool call display (Claude Code style)
- *
- * Example output:
- * ⏺ Read(src/core/agent.ts)
- * ⏺ Search(pattern: "TODO|FIXME", output_mode: "content", head_limit: 15)
- */
-export function formatToolCall(call, options = {}) {
-    const includePrefix = options.includePrefix ?? true;
-    const symbol = includePrefix ? `${theme.info('⏺')} ` : '';
-    const toolName = theme.tool(call.name);
-    // Format args inline (only show relevant ones)
-    const argsDisplay = formatInlineArgs(call.args);
-    return `${symbol}${toolName}${argsDisplay}`;
-}
-/**
- * Format tool result display (Claude Code style)
- *
- * Example output:
- * ⎿  Read 340 lines
- * ⎿  Found 15 lines (ctrl+o to expand)
- * ⎿  Completed
- */
-export function formatToolResult(result, options = {}) {
-    const includePrefix = options.includePrefix ?? true;
-    const prefix = includePrefix
-        ? result.status === 'error'
-            ? `${theme.error('⎿')}  `
-            : `${theme.success('⎿')}  `
-        : '';
-    let output = `${prefix}${result.summary}`;
-    // Add expandable indicator if there's hidden content
-    if (result.totalLines && result.linesShown && result.totalLines > result.linesShown) {
-        const expandHint = theme.ui.muted('(ctrl+o to expand)');
-        output += ` ${expandHint}`;
-    }
-    return output;
-}
-/**
- * Format inline args for tool call display
- * Keeps it concise, shows only non-default values
- * Prioritizes important args like paths, patterns, commands
- */
-function formatInlineArgs(args) {
-    // Priority order for different argument types
-    const priorityArgs = [
-        'file_path', 'path', 'pattern', 'command', 'query', 'url',
-        'output_mode', 'glob', 'type', 'head_limit', 'offset',
-    ];
-    // Special handling for specific args
-    const skipDefaults = new Set([
-        'dangerouslyDisableSandbox',
-        'run_in_background',
-        'description',
-    ]);
-    const formattedArgs = [];
-    for (const [key, value] of Object.entries(args)) {
-        // Skip empty/null/undefined
-        if (value === null || value === undefined || value === '')
-            continue;
-        // Skip common defaults
-        if (skipDefaults.has(key))
-            continue;
-        if (key === 'path' && value === '.')
-            continue;
-        if (key === 'format' && value === 'plain')
-            continue;
-        if (key === 'output_mode' && value === 'files_with_matches')
-            continue;
-        // Determine priority
-        const priority = priorityArgs.indexOf(key);
-        const actualPriority = priority === -1 ? 999 : priority;
-        // Format value
-        let formatted;
-        if (typeof value === 'string') {
-            // Smart truncation for paths
-            if (key === 'file_path' || key === 'path') {
-                formatted = truncatePathForDisplay(value, 60);
-            }
-            else if (key === 'pattern' || key === 'query') {
-                // Show patterns/queries more prominently
-                if (value.length > 40) {
-                    formatted = `"${value.slice(0, 37)}..."`;
-                }
-                else {
-                    formatted = `"${value}"`;
-                }
-            }
-            else if (key === 'command') {
-                // Truncate commands intelligently
-                if (value.length > 60) {
-                    formatted = `"${value.slice(0, 57)}..."`;
-                }
-                else {
-                    formatted = `"${value}"`;
-                }
-            }
-            else {
-                // Regular string truncation
-                if (value.length > 50) {
-                    formatted = `"${value.slice(0, 47)}..."`;
-                }
-                else {
-                    formatted = `"${value}"`;
-                }
-            }
-        }
-        else if (typeof value === 'boolean') {
-            // Only show boolean if true (false is usually default)
-            if (!value)
-                continue;
-            formatted = 'true';
-        }
-        else if (typeof value === 'number') {
-            formatted = String(value);
-        }
-        else if (Array.isArray(value)) {
-            // Show array length
-            formatted = `[${value.length} items]`;
-        }
-        else {
-            formatted = JSON.stringify(value);
-        }
-        formattedArgs.push({ key, value: formatted, priority: actualPriority });
-    }
-    // Sort by priority and limit to most important args
-    formattedArgs.sort((a, b) => a.priority - b.priority);
-    const displayArgs = formattedArgs.slice(0, 5); // Show max 5 args
-    if (displayArgs.length === 0) {
-        return '';
-    }
-    // Format as inline args
-    const argStrings = displayArgs.map(arg => {
-        // For primary args (path, pattern, command), show value directly
-        if (['file_path', 'path', 'pattern', 'command', 'query', 'url'].includes(arg.key)) {
-            return arg.value;
-        }
-        // For others, show key: value
-        return `${arg.key}: ${arg.value}`;
-    });
-    return `(${argStrings.join(', ')})`;
-}
-/**
- * Truncate path intelligently for display
- * Keeps filename and important parent dirs
- */
-function truncatePathForDisplay(path, maxLength) {
-    if (path.length <= maxLength)
-        return path;
-    const parts = path.split('/').filter(p => p);
-    if (parts.length <= 2) {
-        // Short path, just truncate
-        return path.slice(0, maxLength - 3) + '...';
-    }
-    // Keep filename and truncate middle
-    const filename = parts[parts.length - 1];
-    if (!filename) {
-        return path.slice(0, maxLength - 3) + '...';
-    }
-    const firstPart = parts.slice(0, 2).join('/');
-    if (firstPart.length + filename.length + 4 <= maxLength) {
-        return `${firstPart}/.../${filename}`;
-    }
-    // Just show filename if still too long
-    if (filename.length <= maxLength - 3) {
-        return `.../${filename}`;
-    }
-    return filename.slice(0, maxLength - 3) + '...';
-}
-/**
- * Format expandable content preview
- *
- * Example:
- * import { foo } from 'bar';
- * … +312 lines (ctrl+o to expand)
- */
-export function formatExpandablePreview(content, maxLines = 5) {
-    const lines = content.split('\n');
-    const totalLines = lines.length;
-    if (totalLines <= maxLines) {
-        return {
-            preview: content,
-            isExpanded: true,
-            totalLines,
-        };
-    }
-    // Show first N lines
-    const previewLines = lines.slice(0, maxLines);
-    const remainingLines = totalLines - maxLines;
-    const ellipsis = theme.ui.muted(`… +${remainingLines} lines`);
-    const hint = theme.ui.muted('(ctrl+o to expand)');
-    previewLines.push(`${ellipsis} ${hint}`);
-    return {
-        preview: previewLines.join('\n'),
-        isExpanded: false,
-        totalLines,
-    };
-}
-/**
- * Format diff output (Claude Code style)
- *
- * Example:
- * Update(src/core/agent.ts)
- * ⎿  Updated src/core/agent.ts with 2 additions and 1 removal
- *     75    private async processConversation(): Promise<string> {
- *     76      while (true) {
- *     77 -      this.pruneMessagesIfNeeded();
- *     77 +      await this.pruneMessagesIfNeeded();
- *     78
- */
-export function formatDiff(diff) {
-    const lines = [];
-    for (const line of diff) {
-        let formatted;
-        switch (line.type) {
-            case 'add':
-                // Green + with line number
-                const addNum = line.lineNumber ? theme.ui.muted(String(line.lineNumber).padStart(6)) : '      ';
-                const addSymbol = theme.diff.added('+');
-                const addContent = theme.diff.added(line.content);
-                formatted = `${addNum} ${addSymbol}  ${addContent}`;
-                break;
-            case 'remove':
-                // Red - with line number
-                const remNum = line.lineNumber ? theme.ui.muted(String(line.lineNumber).padStart(6)) : '      ';
-                const remSymbol = theme.diff.removed('-');
-                const remContent = theme.diff.removed(line.content);
-                formatted = `${remNum} ${remSymbol}  ${remContent}`;
-                break;
-            case 'context':
-                // Gray line number, regular content
-                const ctxNum = line.lineNumber ? theme.ui.muted(String(line.lineNumber).padStart(6)) : '      ';
-                formatted = `${ctxNum}    ${line.content}`;
-                break;
-            case 'info':
-                // Special info line (file headers, etc.)
-                formatted = theme.diff.header(line.content);
-                break;
-        }
-        lines.push(formatted);
-    }
-    return lines.join('\n');
-}
-/**
- * Format diff summary
- * Example: "Updated src/core/agent.ts with 2 additions and 1 removal"
- */
-export function formatDiffSummary(file, additions, removals) {
-    const parts = ['Updated', file, 'with'];
-    if (additions > 0) {
-        parts.push(theme.diff.added(`${additions} addition${additions === 1 ? '' : 's'}`));
-    }
-    if (removals > 0) {
-        if (additions > 0) {
-            parts.push('and');
-        }
-        parts.push(theme.diff.removed(`${removals} removal${removals === 1 ? '' : 's'}`));
-    }
-    return parts.join(' ');
-}
-/**
- * Format multiline content with indentation (Claude Code style)
- *
- * Adds proper indentation and line wrapping
- */
-export function formatIndentedContent(content, indent = 4) {
-    const lines = content.split('\n');
-    const indentStr = ' '.repeat(indent);
-    return lines.map(line => `${indentStr}${line}`).join('\n');
-}
-/**
- * Format token usage indicator
- * Example: "• Context 5% used (7.2k tokens)"
- */
-export function formatTokenUsage(percentage, tokens) {
-    const bullet = theme.info('•');
-    let pct;
-    if (percentage >= 90) {
-        pct = theme.error(`${percentage}%`);
-    }
-    else if (percentage >= 70) {
-        pct = theme.warning(`${percentage}%`);
-    }
-    else {
-        pct = theme.success(`${percentage}%`);
-    }
-    const tokensStr = tokens ? ` (${formatTokenCount(tokens)} tokens)` : '';
-    return `${bullet} Context ${pct} used${tokensStr}`;
-}
-/**
- * Format token count with k/M suffixes
- */
-function formatTokenCount(tokens) {
-    if (tokens >= 1000000) {
-        return `${(tokens / 1000000).toFixed(1)}M`;
-    }
-    if (tokens >= 1000) {
-        return `${(tokens / 1000).toFixed(1)}k`;
-    }
-    return String(tokens);
-}
-/**
- * Format timing information
- * Example: "(1m 43s)" or "(250ms)"
- */
-export function formatDuration(ms) {
-    if (ms < 1000) {
-        return `${Math.round(ms)}ms`;
-    }
-    const seconds = Math.floor(ms / 1000);
-    const minutes = Math.floor(seconds / 60);
-    const remainingSeconds = seconds % 60;
-    if (minutes > 0) {
-        return `${minutes}m ${remainingSeconds}s`;
-    }
-    return `${seconds}s`;
-}
-/**
- * Create a "thinking" indicator
- * Example: "∴ Thinking…" or "∴ Thought for 2s (ctrl+o to show thinking)"
- */
-export function formatThinking(durationMs, hasContent = false) {
-    const symbol = theme.info('∴');
-    if (durationMs === undefined) {
-        return `${symbol} Thinking…`;
-    }
-    const duration = formatDuration(durationMs);
-    const hint = hasContent ? theme.ui.muted('(ctrl+o to show thinking)') : '';
-    return `${symbol} Thought for ${duration}${hint ? ` ${hint}` : ''}`;
-}
-/**
- * Format status line at bottom
- * Example: "• Ready for prompts (250ms)"
- */
-export function formatStatusLine(message, durationMs, tokenUsage) {
-    const parts = [];
-    // Add token usage first if available
-    if (tokenUsage) {
-        parts.push(formatTokenUsage(tokenUsage.percentage, tokenUsage.tokens));
-    }
-    // Add message with duration
-    const duration = durationMs ? ` (${formatDuration(durationMs)})` : '';
-    parts.push(message + duration);
-    return parts.join(' · ');
-}
-/**
- * Smart truncate for shell commands
- * Preserves important parts like command name and key flags
- */
-export function truncateCommand(command, maxLength = 60) {
-    if (command.length <= maxLength)
-        return command;
-    // Try to keep command name and first few args
-    const parts = command.split(/\s+/).filter(p => p);
-    if (parts.length === 0 || !parts[0]) {
-        return command.slice(0, maxLength - 3) + '...';
-    }
-    if (parts.length === 1) {
-        // Single long command/path
-        return command.slice(0, maxLength - 3) + '...';
-    }
-    // Keep first part (command) and truncate rest
-    const cmdName = parts[0];
-    const rest = parts.slice(1).join(' ');
-    if (cmdName.length + 7 > maxLength) {
-        return cmdName.slice(0, maxLength - 3) + '...';
-    }
-    const availableSpace = maxLength - cmdName.length - 4; // -4 for " ..."
-    if (rest.length <= availableSpace) {
-        return command;
-    }
-    return `${cmdName} ${rest.slice(0, availableSpace)}...`;
-}
-/**
- * Format file size in human-readable format
- */
-export function formatFileSize(bytes) {
-    if (bytes < 1024)
-        return `${bytes}B`;
-    if (bytes < 1024 * 1024)
-        return `${(bytes / 1024).toFixed(1)}KB`;
-    if (bytes < 1024 * 1024 * 1024)
-        return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
-    return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)}GB`;
-}
-/**
- * Format JSON output with syntax highlighting
- */
-export function formatJSON(data, compact = false) {
-    const json = JSON.stringify(data, null, compact ? 0 : 2);
-    // Add basic syntax highlighting
-    return json
-        .replace(/"([^"]+)":/g, (_, key) => `${theme.info(`"${key}"`)}: `) // Keys in blue
-        .replace(/: "([^"]*)"/g, (_, value) => `: ${theme.success(`"${value}"`)}`) // String values in green
-        .replace(/: (\d+\.?\d*)/g, (_, num) => `: ${theme.warning(num)}`) // Numbers in amber
-        .replace(/: (true|false|null)/g, (_, bool) => `: ${theme.secondary(bool)}`); // Booleans in purple
-}
-/**
- * Format a list of items (Claude Code style)
- * Example:
- *   • Item 1
- *   • Item 2
- *   • Item 3
- */
-export function formatList(items, bullet = '•') {
-    return items.map(item => `  ${theme.info(bullet)} ${item}`).join('\n');
-}
-/**
- * Format a key-value pair (Claude Code style)
- */
-export function formatKeyValue(key, value) {
-    return `${theme.ui.muted(key)}: ${value}`;
-}