friday-code 1.0.0

package/dist/db/schema.js

@@ -0,0 +1,49 @@
+import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core';
+import { sql } from 'drizzle-orm';
+export const conversations = sqliteTable('conversations', {
+    id: text('id').primaryKey(),
+    title: text('title').notNull().default('New Chat'),
+    workingDirectory: text('working_directory').notNull(),
+    modelId: text('model_id'),
+    providerId: text('provider_id'),
+    createdAt: integer('created_at', { mode: 'timestamp' }).notNull().default(sql `(unixepoch())`),
+    updatedAt: integer('updated_at', { mode: 'timestamp' }).notNull().default(sql `(unixepoch())`),
+});
+export const messages = sqliteTable('messages', {
+    id: text('id').primaryKey(),
+    conversationId: text('conversation_id').notNull().references(() => conversations.id, { onDelete: 'cascade' }),
+    role: text('role', { enum: ['user', 'assistant', 'system', 'tool'] }).notNull(),
+    content: text('content').notNull(),
+    reasoning: text('reasoning'),
+    toolCalls: text('tool_calls'), // JSON
+    toolResults: text('tool_results'), // JSON
+    tokenUsage: text('token_usage'), // JSON {promptTokens, completionTokens}
+    finishReason: text('finish_reason'),
+    modelId: text('model_id'),
+    createdAt: integer('created_at', { mode: 'timestamp' }).notNull().default(sql `(unixepoch())`),
+});
+export const providers = sqliteTable('providers', {
+    id: text('id').primaryKey(), // 'openai', 'anthropic', 'ollama'
+    name: text('name').notNull(),
+    type: text('type', { enum: ['openai', 'anthropic', 'ollama'] }).notNull(),
+    apiKey: text('api_key'),
+    baseUrl: text('base_url'),
+    isEnabled: integer('is_enabled', { mode: 'boolean' }).notNull().default(true),
+    createdAt: integer('created_at', { mode: 'timestamp' }).notNull().default(sql `(unixepoch())`),
+});
+export const models = sqliteTable('models', {
+    id: text('id').primaryKey(), // e.g. 'openai:gpt-4o'
+    providerId: text('provider_id').notNull().references(() => providers.id, { onDelete: 'cascade' }),
+    modelId: text('model_id').notNull(), // e.g. 'gpt-4o'
+    name: text('name').notNull(),
+    supportsStreaming: integer('supports_streaming', { mode: 'boolean' }).default(true),
+    supportsTools: integer('supports_tools', { mode: 'boolean' }).default(true),
+    supportsReasoning: integer('supports_reasoning', { mode: 'boolean' }).default(false),
+    contextWindow: integer('context_window'),
+    lastFetched: integer('last_fetched', { mode: 'timestamp' }).notNull().default(sql `(unixepoch())`),
+});
+export const settings = sqliteTable('settings', {
+    key: text('key').primaryKey(),
+    value: text('value').notNull(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/db/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/db/schema.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import 'dotenv/config';

package/dist/index.js

@@ -0,0 +1,55 @@
+#!/usr/bin/env node
+import React from 'react';
+import { render } from 'ink';
+import App from './ui/views/App.js';
+import { initializeDatabase } from './db/index.js';
+import 'dotenv/config';
+// Initialize database tables
+initializeDatabase();
+// Parse CLI arguments
+const args = process.argv.slice(2);
+let initialDirectory = process.cwd();
+for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (arg === '--dir' || arg === '-d') {
+        initialDirectory = args[i + 1] || process.cwd();
+        i++;
+    }
+    else if (arg === '--help' || arg === '-h') {
+        console.log(`
+  ◆ Friday Code — Terminal AI Agent
+
+  Usage: friday [options]
+
+  Options:
+    -d, --dir <path>    Set working directory (default: current directory)
+    -h, --help          Show this help message
+    -v, --version       Show version
+
+  Inside Friday Code:
+    /help               Show available commands
+    /model              Select AI model
+    /provider           Manage providers & API keys
+    /scope <path>       Change working directory
+    /config             View/set configuration
+    /clear              Clear conversation
+    /new                Start a fresh conversation
+    /history            Show history count
+    /exit               Exit Friday Code
+    @file               Mention a file for context
+`);
+        process.exit(0);
+    }
+    else if (arg === '--version' || arg === '-v') {
+        console.log('friday-code v1.0.0');
+        process.exit(0);
+    }
+}
+// Render the app
+const { waitUntilExit } = render(React.createElement(App, { initialDirectory }), {
+    exitOnCtrlC: false, // We handle Ctrl+C ourselves
+});
+waitUntilExit().then(() => {
+    process.exit(0);
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,eAAe,CAAC;AAEvB,6BAA6B;AAC7B,kBAAkB,EAAE,CAAC;AAErB,sBAAsB;AACtB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnC,IAAI,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;AAErC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACpB,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACpC,gBAAgB,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;QAChD,CAAC,EAAE,CAAC;IACN,CAAC;SAAM,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QAC5C,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;CAqBf,CAAC,CAAC;QACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;SAAM,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QAC/C,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAClC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC;AAED,iBAAiB;AACjB,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAC9B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAC9C;IACE,WAAW,EAAE,KAAK,EAAE,6BAA6B;CAClD,CACF,CAAC;AAEF,aAAa,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;IACxB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/ui/components/components.d.ts

@@ -0,0 +1,81 @@
+import { type FC, type ReactNode } from 'react';
+export interface TimelineNodeView {
+    id: string;
+    kind: 'phase' | 'step' | 'thinking' | 'tool-call' | 'tool-result' | 'text' | 'subagent' | 'done' | 'approval';
+    label: string;
+    detail?: string;
+    stepNumber?: number;
+    status?: 'running' | 'done' | 'error';
+    toolCallId?: string;
+}
+export type RunStatusView = 'running' | 'complete' | 'error' | 'cancelled';
+export declare const Spinner: FC<{
+    label?: string;
+    color?: string;
+}>;
+export declare const Panel: FC<{
+    title?: string;
+    borderColor?: string;
+    children: ReactNode;
+    width?: number | string;
+}>;
+export declare const HeaderBar: FC<{
+    provider?: string;
+    model?: string;
+    scope?: string;
+    status: string;
+    compact?: boolean;
+}>;
+export declare const StatusBar: FC<{
+    tokens?: {
+        prompt: number;
+        completion: number;
+    };
+    status?: string;
+    engineStatus: string;
+    compact?: boolean;
+}>;
+export declare const KeyboardBar: FC<{
+    isGenerating: boolean;
+    compact?: boolean;
+    pendingApproval?: boolean;
+    canRetry?: boolean;
+}>;
+export declare const WelcomeScreen: FC<{
+    model?: string;
+    provider?: string;
+    scope?: string;
+    compact?: boolean;
+}>;
+export declare const MessageBubble: FC<{
+    role: 'user' | 'assistant';
+    content: string;
+    isStreaming?: boolean;
+    viewportWidth?: number;
+}>;
+export declare const RunTimelineCard: FC<{
+    status: RunStatusView;
+    nodes: TimelineNodeView[];
+    isStreaming?: boolean;
+    compact?: boolean;
+    viewportWidth?: number;
+    viewportHeight?: number;
+}>;
+export declare const CollapsedRunCard: FC<{
+    nodes: TimelineNodeView[];
+    status: RunStatusView;
+}>;
+export declare const Toast: FC<{
+    message: string;
+    type?: string;
+}>;
+export declare const HelpView: FC;
+export declare const Divider: FC<{
+    label?: string;
+}>;
+type ToneType = 'info' | 'success' | 'warning' | 'error' | 'muted' | 'accent';
+export declare function toneColor(tone: ToneType): string;
+export declare function toneBullet(tone: ToneType): string;
+export declare function summarizeBlock(text: string | undefined, maxLines: number): string;
+export declare function truncateInline(text: string, limit: number): string;
+export {};

package/dist/ui/components/components.js

@@ -0,0 +1,416 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Box, Text } from 'ink';
+import { colors, icons } from '../theme/theme.js';
+const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+// ═══════════════════════════════════════════════════
+// PRIMITIVES
+// ═══════════════════════════════════════════════════
+export const Spinner = ({ label, color = colors.primary, }) => {
+    const [index, setIndex] = useState(0);
+    useEffect(() => {
+        const t = setInterval(() => setIndex(i => (i + 1) % SPINNER_FRAMES.length), 80);
+        return () => clearInterval(t);
+    }, []);
+    return (_jsxs(Text, { color: color, children: [SPINNER_FRAMES[index], label ? ` ${label}` : ''] }));
+};
+export const Panel = ({ title, borderColor = colors.faint, children, width }) => (_jsxs(Box, { flexDirection: "column", width: width, children: [title ? _jsx(Text, { color: borderColor, children: title }) : null, _jsx(Box, { flexDirection: "column", paddingLeft: 1, children: children })] }));
+// ═══════════════════════════════════════════════════
+// SPINE HELPERS
+// ═══════════════════════════════════════════════════
+const SL = ({ children: text, color = colors.secondary }) => (_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: color, children: text })] }));
+const SG = () => _jsx(Text, { color: colors.faint, children: '  \u2502' });
+// ═══════════════════════════════════════════════════
+// HEADER
+// ═══════════════════════════════════════════════════
+export const HeaderBar = ({ provider = '', model = 'none', scope = '.', status }) => {
+    const ml = provider ? `${provider}/${model}` : model;
+    const isRunning = status === 'running';
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        if (!isRunning)
+            return;
+        const t = setInterval(() => setTick(i => (i + 1) % SPINNER_FRAMES.length), 80);
+        return () => clearInterval(t);
+    }, [isRunning]);
+    const statusText = status === 'idle' ? ''
+        : isRunning ? ` ${SPINNER_FRAMES[tick]} working`
+            : ` · ${status}`;
+    const statusColor = status === 'complete' ? colors.success
+        : status === 'error' ? colors.error
+            : isRunning ? colors.warn
+                : colors.primary;
+    return (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: colors.primary, bold: true, children: icons.friday }), _jsx(Text, { color: colors.muted, children: ' friday' }), _jsx(Text, { color: colors.subtle, children: ' · ' }), _jsx(Text, { color: colors.secondary, children: ml }), _jsx(Text, { color: colors.subtle, children: ' · ' }), _jsx(Text, { color: colors.muted, children: scope }), statusText ? _jsx(Text, { color: statusColor, children: statusText }) : null] }) }));
+};
+// ═══════════════════════════════════════════════════
+// STATUS BAR
+// ═══════════════════════════════════════════════════
+export const StatusBar = ({ tokens, status, engineStatus }) => {
+    if (engineStatus === 'idle' && !tokens) {
+        return _jsx(Text, { color: colors.faint, children: '  ready' });
+    }
+    const parts = [
+        status || engineStatus,
+        tokens ? `${tokens.prompt}+${tokens.completion} tok` : '',
+    ].filter(Boolean);
+    return _jsx(Text, { color: colors.faint, children: `  ${parts.join(' · ')}` });
+};
+// ═══════════════════════════════════════════════════
+// KEYBOARD BAR
+// ═══════════════════════════════════════════════════
+export const KeyboardBar = ({ isGenerating, compact = false, pendingApproval = false, canRetry = false }) => {
+    if (pendingApproval) {
+        return _jsx(Text, { color: colors.warn, children: `  Enter approve · Esc deny` });
+    }
+    if (canRetry && !isGenerating) {
+        return _jsx(Text, { color: colors.faint, children: `  r retry · Enter send · Ctrl+D exit` });
+    }
+    const keys = compact
+        ? ['Enter send', 'Tab complete', isGenerating ? 'Ctrl+C stop' : 'Ctrl+D exit']
+        : ['Enter send', 'Tab complete', '↑ history', isGenerating ? 'Ctrl+C stop' : 'Ctrl+D exit'];
+    return _jsx(Text, { color: colors.faint, children: `  ${keys.join(' · ')}` });
+};
+// ═══════════════════════════════════════════════════
+// WELCOME SCREEN
+// ═══════════════════════════════════════════════════
+export const WelcomeScreen = ({ model = 'not set', provider = '', scope = '.', compact = false }) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.primary, bold: true, children: '  \u25c8 friday code' }), _jsx(SG, {}), _jsx(SL, { color: colors.secondary, children: `model \u2192 ${provider ? `${provider}/` : ''}${model}` }), _jsx(SL, { color: colors.secondary, children: `scope \u2192 ${scope}` }), _jsx(SG, {}), _jsx(SL, { color: colors.text, children: 'Set a goal to begin.' }), _jsx(SG, {}), _jsx(SL, { color: colors.muted, children: '\u00b7 explain this project' }), _jsx(SL, { color: colors.muted, children: '\u00b7 find and fix bugs in @file' }), !compact && _jsx(SL, { color: colors.muted, children: '\u00b7 refactor this module for clarity' }), _jsx(SL, { color: colors.muted, children: '\u00b7 /help for all commands' })] }));
+// ═══════════════════════════════════════════════════
+// MESSAGE BUBBLE
+// ═══════════════════════════════════════════════════
+export const MessageBubble = ({ role, content, isStreaming, viewportWidth }) => {
+    if (role === 'user') {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.info, children: '  \u25cf ' }), _jsx(Text, { color: colors.text, bold: true, children: 'you' })] }), content.split('\n').slice(0, 6).map((line, i) => (_jsx(SL, { color: colors.text, children: line }, i)))] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.primary, children: '  \u25c8 ' }), _jsx(Text, { color: colors.text, children: 'friday' })] }), renderSpineContent(content, false, viewportWidth), isStreaming && _jsx(Text, { color: colors.primary, children: '  \u2502 \u258c' })] }));
+};
+// ═══════════════════════════════════════════════════
+// RUN TIMELINE CARD
+// ═══════════════════════════════════════════════════
+export const RunTimelineCard = ({ status, nodes, isStreaming = false, compact = false, viewportWidth, viewportHeight }) => {
+    const windowSize = compact ? 10 : 18;
+    const visible = nodes.slice(-windowSize);
+    const hidden = Math.max(0, nodes.length - visible.length);
+    // Calculate how many lines text content can use.
+    // Reserve space for: header(2), input(3), keyboard(1), status(1), hidden-indicator(1)
+    const fixedOverhead = 8;
+    // Each non-text node uses ~1.5 lines (content + gap)
+    const nonTextNodes = visible.filter(n => n.kind !== 'text');
+    const nonTextLines = Math.ceil(nonTextNodes.length * 1.6) + 3; // +3 for done SG, user msg
+    const maxTextLines = Math.max(4, (viewportHeight || 24) - fixedOverhead - nonTextLines);
+    return (_jsxs(Box, { flexDirection: "column", children: [hidden > 0 && (_jsx(Text, { color: colors.faint, children: `  ┄ ${hidden} earlier event${hidden === 1 ? '' : 's'}` })), visible.map((node, i) => {
+                const isLast = i === visible.length - 1;
+                const streaming = isStreaming && isLast && node.status === 'running';
+                return (_jsxs(Box, { flexDirection: "column", children: [renderSpineNode(node, streaming, compact, viewportWidth, node.kind === 'text' ? maxTextLines : undefined), !isLast && node.kind !== 'tool-call' && _jsx(SG, {})] }, node.id));
+            }), status === 'error' && _jsx(Text, { color: colors.error, children: '  ✕ run failed' }), status === 'cancelled' && _jsx(Text, { color: colors.warn, children: '  ! cancelled' })] }));
+};
+// ═══════════════════════════════════════════════════
+// COLLAPSED RUN SUMMARY (for past completed runs)
+// ═══════════════════════════════════════════════════
+export const CollapsedRunCard = ({ nodes, status }) => {
+    const toolCalls = nodes.filter(n => n.kind === 'tool-call');
+    const textNode = [...nodes].reverse().find(n => n.kind === 'text');
+    const preview = textNode?.detail?.replace(/[\n\r]+/g, ' ').replace(/\*\*/g, '').replace(/`/g, '').replace(/\s{2,}/g, ' ').trim().slice(0, 80) || '';
+    const doneNode = nodes.find(n => n.kind === 'done');
+    const stepCount = doneNode?.detail?.match(/(\d+)\s*step/)?.[1] || doneNode?.label?.match(/(\d+)\s*step/)?.[1] || '1';
+    const statusIcon = status === 'complete' ? icons.ok : status === 'error' ? icons.fail : '○';
+    const statusColor = status === 'complete' ? colors.success : status === 'error' ? colors.error : colors.faint;
+    return (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { children: [_jsx(Text, { color: statusColor, children: `  ${statusIcon} ` }), _jsx(Text, { color: colors.muted, children: `${stepCount} step${stepCount === '1' ? '' : 's'}` }), toolCalls.length > 0 && _jsx(Text, { color: colors.faint, children: ` · ${toolCalls.length} tool${toolCalls.length === 1 ? '' : 's'}` }), preview ? _jsx(Text, { color: colors.faint, children: ` · ${preview}${preview.length >= 80 ? '…' : ''}` }) : null] }) }));
+};
+// ═══════════════════════════════════════════════════
+// TOAST, HELP, DIVIDER
+// ═══════════════════════════════════════════════════
+export const Toast = ({ message, type = 'info' }) => (_jsx(Text, { color: toneColor(normalizeTone(type)), children: `  ${toneBullet(normalizeTone(type))} ${message}` }));
+const helpItems = [
+    ['/help', 'commands & shortcuts'],
+    ['/model', 'switch model'],
+    ['/provider', 'manage provider keys'],
+    ['/scope <path>', 'change working scope'],
+    ['/clear', 'clear conversation'],
+    ['/new', 'new conversation'],
+    ['/history', 'message count'],
+    ['/exit', 'quit friday code'],
+    ['@file', 'inject file as context'],
+];
+export const HelpView = () => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: colors.primary, children: '  \u25c8 commands' }), helpItems.map(([cmd, desc]) => (_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.text, children: cmd.padEnd(16) }), _jsx(Text, { color: colors.muted, children: desc })] }, cmd))), _jsx(Text, { color: colors.faint, children: '  \u2502' }), _jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.subtle, children: `Enter send \u00b7 Tab complete \u00b7 \u2191 history \u00b7 Ctrl+C stop` })] })] }));
+export const Divider = ({ label }) => (_jsx(Text, { color: colors.faint, children: `  ${'─'.repeat(4)}${label ? ` ${label} ` : ''}${'─'.repeat(16)}` }));
+// ═══════════════════════════════════════════════════
+// SPINE NODE RENDERER
+// ═══════════════════════════════════════════════════
+function renderSpineNode(node, streaming, compact, viewportWidth, maxTextLines) {
+    const ic = nodeIcon(node);
+    const col = nodeColor(node);
+    const detailLines = compact ? 1 : 2;
+    // Available text width for detail content (5 = "  │ " prefix)
+    const maxDetail = viewportWidth ? Math.max(20, viewportWidth - 8) : (compact ? 48 : 72);
+    const detailLimit = Math.min(maxDetail, compact ? 60 : 120);
+    switch (node.kind) {
+        case 'thinking': {
+            const thinkPreview = node.detail ? trunc(summarizeBlock(node.detail, detailLines), detailLimit) : '';
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: col, children: `  ${ic} ` }), _jsx(Text, { color: colors.muted, children: 'thinking' }), node.stepNumber ? _jsx(Text, { color: colors.subtle, children: ` \u00b7 step ${node.stepNumber}` }) : null, streaming ? _jsx(Text, { color: colors.primary, children: ' \u258c' }) : null] }), _jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.subtle, children: thinkPreview ? `\u2504 ${thinkPreview}` : '' })] })] }));
+        }
+        case 'tool-call': {
+            const toolName = extractToolName(node.label);
+            // Show args inline after tool name to avoid re-render artifacts
+            const argsDisplay = node.detail ? ` → ${trunc(node.detail, Math.max(10, maxDetail - toolName.length - 4))}` : '';
+            return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: col, children: `  ${ic} ` }), _jsx(Text, { color: node.status === 'running' ? colors.warn : colors.secondary, children: toolName }), argsDisplay ? _jsx(Text, { color: colors.subtle, children: argsDisplay }) : null, streaming ? _jsx(Text, { color: colors.warn, children: ' \u258c' }) : null] }));
+        }
+        case 'tool-result': {
+            // Strip newlines to prevent multi-line bleeding without spine prefix
+            const resultDetail = (node.detail || node.label).replace(/[\n\r]+/g, ' ').replace(/\s{2,}/g, ' ').trim();
+            return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: node.status === 'error' ? colors.error : colors.success, children: `${node.status === 'error' ? '\u2715' : '\u2713'} ` }), _jsx(Text, { color: node.status === 'error' ? colors.error : colors.muted, children: trunc(resultDetail, maxDetail) })] }));
+        }
+        case 'phase':
+            return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: colors.primary, children: `  ${icons.running} ` }), _jsx(Text, { color: colors.secondary, children: node.label })] }));
+        case 'step':
+            return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: node.status === 'done' ? colors.success : node.status === 'error' ? colors.error : colors.primary, children: `  ${node.status === 'done' ? '\u2713' : node.status === 'error' ? '\u2715' : '\u25c6'} ` }), _jsx(Text, { color: colors.secondary, children: node.label }), node.detail ? _jsx(Text, { color: colors.subtle, children: ` \u00b7 ${trunc(node.detail, Math.min(maxDetail, 40))}` }) : null] }));
+        case 'text': {
+            // Trim leading/trailing blank lines to avoid double spine gaps
+            const trimmedDetail = (node.detail || '').replace(/^\n+/, '').replace(/(\n\s*)+$/, '');
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.primary, children: '  \u25c8 ' }), _jsx(Text, { color: colors.text, children: streaming ? 'responding' : 'response' })] }, "resp-hdr"), trimmedDetail ? renderSpineContent(trimmedDetail, compact, viewportWidth, maxTextLines) : null, streaming && _jsx(Text, { color: colors.primary, children: '  \u2502 \u258c' }, "resp-cursor")] }));
+        }
+        case 'subagent':
+            return (_jsxs(Text, { children: [_jsx(Text, { color: colors.info, children: `  ${icons.detach} ` }), _jsx(Text, { color: colors.secondary, children: node.label })] }));
+        case 'approval':
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: colors.warn, children: `  ${icons.warn} ` }), _jsx(Text, { color: colors.text, bold: true, children: 'approve ' }), _jsx(Text, { color: colors.secondary, children: node.label }), node.detail ? _jsx(Text, { color: colors.faint, children: ` ${icons.arrow} ${node.detail}` }) : null] }), node.status === 'running' && (_jsxs(Text, { color: colors.muted, children: ['  \u2502   ', _jsx(Text, { color: colors.warn, children: 'Enter' }), ' approve \u00b7 ', _jsx(Text, { color: colors.error, children: 'Esc' }), ' deny'] })), node.status === 'done' && (_jsx(Text, { color: colors.success, children: '  \u2502   \u2713 approved' })), node.status === 'error' && (_jsx(Text, { color: colors.error, children: '  \u2502   \u2715 denied' }))] }));
+        case 'done':
+            return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: colors.success, children: '  \u2713 ' }), _jsx(Text, { color: colors.secondary, children: 'done' }), node.detail ? _jsx(Text, { color: colors.muted, children: ` \u00b7 ${node.detail}` }) : null] }));
+        default:
+            return _jsx(Text, { color: colors.muted, children: `  \u00b7 ${node.label}` });
+    }
+}
+function extractToolName(label) {
+    const parts = label.split('\u00b7');
+    return (parts.length > 2 ? parts[parts.length - 1] : parts[0] || label).trim();
+}
+// ═══════════════════════════════════════════════════
+// MARKDOWN SPINE CONTENT RENDERER
+// ═══════════════════════════════════════════════════
+function wrapText(text, maxWidth) {
+    if (maxWidth <= 0)
+        maxWidth = 80;
+    const words = text.split(' ');
+    let currentLine = '';
+    const lines = [];
+    for (const word of words) {
+        if (currentLine && (currentLine.length + 1 + word.length) > maxWidth) {
+            lines.push(currentLine);
+            currentLine = word;
+        }
+        else {
+            currentLine = currentLine ? `${currentLine} ${word}` : word;
+        }
+    }
+    if (currentLine)
+        lines.push(currentLine);
+    return lines.length > 0 ? lines : [''];
+}
+function renderSpineContent(content, compact, maxWidth, lineLimitOverride) {
+    const lines = content.split('\n');
+    const result = [];
+    let inCode = false;
+    let codeLang = '';
+    let codeLines = [];
+    const lineLimit = lineLimitOverride ?? (compact ? 6 : 16);
+    const textWidth = maxWidth ? maxWidth - 5 : 100; // 5 = '  │ ' prefix
+    for (let i = 0; i < Math.min(lines.length, lineLimit); i++) {
+        const line = lines[i];
+        if (line.startsWith('```')) {
+            if (inCode) {
+                if (codeLang) {
+                    result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.subtle, children: `\u2500 ${codeLang} \u2500` })] }, `ch-${i}`));
+                }
+                for (const [ci, cl] of codeLines.entries()) {
+                    result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502   ' }), _jsx(Text, { color: colors.primaryBright, children: cl })] }, `c-${i}-${ci}`));
+                }
+                result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.subtle, children: '\u2500' })] }, `ce-${i}`));
+                codeLines = [];
+                codeLang = '';
+                inCode = false;
+            }
+            else {
+                inCode = true;
+                codeLang = line.slice(3).trim();
+            }
+            continue;
+        }
+        if (inCode) {
+            codeLines.push(line);
+            continue;
+        }
+        // Trim leading whitespace for pattern matching, but preserve indent level
+        const trimmed = line.trimStart();
+        const indent = line.length - trimmed.length;
+        const indentStr = indent > 0 ? ' '.repeat(Math.min(indent, 4)) : '';
+        if (trimmed.startsWith('# ')) {
+            result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.primary, bold: true, children: trimmed.slice(2) })] }, i));
+        }
+        else if (trimmed.startsWith('## ')) {
+            result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.primaryBright, bold: true, children: trimmed.slice(3) })] }, i));
+        }
+        else if (trimmed.startsWith('### ')) {
+            result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), _jsx(Text, { color: colors.secondary, bold: true, children: trimmed.slice(4) })] }, i));
+        }
+        else if (trimmed.startsWith('- ') || trimmed.startsWith('* ')) {
+            const prefix = `${indentStr}\u00b7 `;
+            const contentText = trimmed.slice(2);
+            const prefixWidth = 4 + prefix.length; // '  │ ' + prefix
+            const wrapWidth = textWidth - prefix.length;
+            const wrapped = wrapText(contentText, wrapWidth);
+            for (const [wi, wl] of wrapped.entries()) {
+                result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), wi === 0 ? _jsx(Text, { color: colors.subtle, children: prefix }) : _jsx(Text, { children: ' '.repeat(prefix.length) }), renderInlineMarkdown(wl, `md-${i}-${wi}`)] }, `${i}-${wi}`));
+            }
+        }
+        else if (trimmed.match(/^\d+\. /)) {
+            const numEnd = trimmed.indexOf('. ');
+            const num = trimmed.slice(0, numEnd + 2);
+            const rest = trimmed.slice(numEnd + 2);
+            const prefix = `${indentStr}${num}`;
+            const wrapWidth = textWidth - prefix.length;
+            const wrapped = wrapText(rest, wrapWidth);
+            for (const [wi, wl] of wrapped.entries()) {
+                result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), wi === 0 ? _jsx(Text, { color: colors.subtle, children: prefix }) : _jsx(Text, { children: ' '.repeat(prefix.length) }), renderInlineMarkdown(wl, `md-${i}-${wi}`)] }, `${i}-${wi}`));
+            }
+        }
+        else if (trimmed === '') {
+            result.push(_jsx(Text, { color: colors.faint, children: '  \u2502' }, i));
+        }
+        else {
+            // Manually wrap long lines to keep spine prefix on each visual line
+            const wrapped = wrapText(line, textWidth);
+            for (const [wi, wl] of wrapped.entries()) {
+                result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502 ' }), renderInlineMarkdown(wl, `md-${i}-${wi}`)] }, `${i}-${wi}`));
+            }
+        }
+    }
+    if (lines.length > lineLimit) {
+        result.push(_jsx(Text, { color: colors.faint, children: `  \u2502 \u2504 ${lines.length - lineLimit} more lines` }, "trunc"));
+    }
+    if (inCode && codeLines.length > 0) {
+        for (const [ci, cl] of codeLines.entries()) {
+            result.push(_jsxs(Text, { children: [_jsx(Text, { color: colors.faint, children: '  \u2502   ' }), _jsx(Text, { color: colors.primaryBright, children: cl })] }, `ct-${ci}`));
+        }
+    }
+    return result;
+}
+// ═══════════════════════════════════════════════════
+// INLINE MARKDOWN RENDERER
+// ═══════════════════════════════════════════════════
+function renderInlineMarkdown(text, keyPrefix) {
+    // Parse inline markdown: **bold**, *italic*, `code`
+    const parts = [];
+    let remaining = text;
+    let idx = 0;
+    while (remaining.length > 0) {
+        // Try `code` first (highest priority - no nesting inside code)
+        const codeMatch = remaining.match(/^`([^`]+)`/);
+        if (codeMatch) {
+            parts.push(_jsx(Text, { color: colors.accent, children: codeMatch[1] }, `${keyPrefix}-${idx}`));
+            remaining = remaining.slice(codeMatch[0].length);
+            idx++;
+            continue;
+        }
+        // Try **bold**
+        const boldMatch = remaining.match(/^\*\*([^*]+)\*\*/);
+        if (boldMatch) {
+            parts.push(_jsx(Text, { bold: true, children: boldMatch[1] }, `${keyPrefix}-${idx}`));
+            remaining = remaining.slice(boldMatch[0].length);
+            idx++;
+            continue;
+        }
+        // Try *italic*
+        const italicMatch = remaining.match(/^\*([^*]+)\*/);
+        if (italicMatch) {
+            parts.push(_jsx(Text, { italic: true, dimColor: true, children: italicMatch[1] }, `${keyPrefix}-${idx}`));
+            remaining = remaining.slice(italicMatch[0].length);
+            idx++;
+            continue;
+        }
+        // Find the next special character
+        const nextSpecial = remaining.search(/[`*]/);
+        if (nextSpecial === -1) {
+            // No more markdown — push rest as plain text
+            parts.push(_jsx(Text, { children: remaining }, `${keyPrefix}-${idx}`));
+            break;
+        }
+        else if (nextSpecial === 0) {
+            // Special char that didn't match a pattern — treat as literal
+            parts.push(_jsx(Text, { children: remaining[0] }, `${keyPrefix}-${idx}`));
+            remaining = remaining.slice(1);
+            idx++;
+        }
+        else {
+            // Plain text before the next special
+            parts.push(_jsx(Text, { children: remaining.slice(0, nextSpecial) }, `${keyPrefix}-${idx}`));
+            remaining = remaining.slice(nextSpecial);
+            idx++;
+        }
+    }
+    return _jsx(_Fragment, { children: parts });
+}
+// ═══════════════════════════════════════════════════
+// HELPER FUNCTIONS
+// ═══════════════════════════════════════════════════
+function nodeIcon(node) {
+    switch (node.kind) {
+        case 'thinking': return '\u25c6';
+        case 'tool-call': return '\u25c7';
+        case 'tool-result': return node.status === 'error' ? '\u2715' : '\u2713';
+        case 'text': return '\u25c8';
+        case 'phase': return '\u25ce';
+        case 'step': return node.status === 'done' ? '\u2713' : node.status === 'error' ? '\u2715' : '\u25c6';
+        case 'subagent': return '\u25eb';
+        default: return '\u00b7';
+    }
+}
+function nodeColor(node) {
+    switch (node.kind) {
+        case 'thinking': return colors.muted;
+        case 'tool-call': return node.status === 'error' ? colors.error : colors.warn;
+        case 'tool-result': return node.status === 'error' ? colors.error : colors.success;
+        case 'text': return colors.primary;
+        case 'phase': return colors.primary;
+        case 'step': return node.status === 'error' ? colors.error : node.status === 'done' ? colors.success : colors.primary;
+        case 'subagent': return colors.info;
+        default: return colors.muted;
+    }
+}
+export function toneColor(tone) {
+    switch (tone) {
+        case 'success': return colors.success;
+        case 'warning': return colors.warn;
+        case 'error': return colors.error;
+        case 'accent': return colors.primary;
+        case 'info': return colors.info;
+        default: return colors.muted;
+    }
+}
+export function toneBullet(tone) {
+    switch (tone) {
+        case 'success': return '\u2713';
+        case 'warning': return '!';
+        case 'error': return '\u2715';
+        case 'accent': return '\u25c6';
+        case 'info': return 'i';
+        default: return '\u00b7';
+    }
+}
+function normalizeTone(type) {
+    if (type === 'success' || type === 'warning' || type === 'error' || type === 'accent' || type === 'info')
+        return type;
+    return 'muted';
+}
+export function summarizeBlock(text, maxLines) {
+    if (!text)
+        return '';
+    const lines = text.split('\n').map(l => l.trim()).filter(Boolean);
+    if (lines.length <= maxLines)
+        return lines.join(' ');
+    return `${lines.slice(0, maxLines).join(' ')} \u2026`;
+}
+function trunc(text, limit) {
+    return text.length > limit ? `${text.slice(0, limit - 1)}\u2026` : text;
+}
+export function truncateInline(text, limit) {
+    return trunc(text, limit);
+}
+//# sourceMappingURL=components.js.map