xibecode 0.9.8 → 1.0.0

package/dist/ui/claude-style-chat.js

@@ -16,7 +16,70 @@ import { formatToolArgs, formatToolOutcome, formatRunSwarmDetailLines } from '..
 import { SPINNER_VERBS } from '../constants/spinnerVerbs.js';
 import { extractAtReferences, splitAtReferences } from '../utils/at-references.js';
 import { loadImageAttachment, mimeFromExtension } from '../utils/image-attachments.js';
-const APP_VERSION = '0.9.8';
+import { SessionManager } from '../core/session-manager.js';
+function isAbortLikeError(err) {
+    if (!err || typeof err !== 'object')
+        return false;
+    const anyErr = err;
+    return (anyErr.name === 'AbortError' ||
+        anyErr.type === 'aborted' ||
+        String(anyErr.message || '').toLowerCase().includes('aborted'));
+}
+function summarizeToolResultContent(content) {
+    const raw = typeof content === 'string' ? content : JSON.stringify(content ?? '');
+    try {
+        const parsed = JSON.parse(raw);
+        if (parsed && typeof parsed === 'object') {
+            const record = parsed;
+            if (typeof record.path === 'string') {
+                const details = [
+                    typeof record.lines === 'number' ? `${record.lines} lines` : null,
+                    typeof record.count === 'number' ? `${record.count} entries` : null,
+                    typeof record.total === 'number' ? `${record.total} result(s)` : null,
+                ].filter(Boolean).join(', ');
+                return details ? `${record.path} (${details})` : record.path;
+            }
+            if (typeof record.message === 'string')
+                return record.message;
+            if (typeof record.stdout === 'string')
+                return record.stdout.slice(0, 300);
+        }
+    }
+    catch {
+        // Fall through to plain text summary.
+    }
+    return raw.replace(/\s+/g, ' ').trim().slice(0, 300);
+}
+function transcriptLinesFromMessage(message) {
+    if (typeof message.content === 'string') {
+        const text = message.content.trim();
+        return text ? [{ type: message.role === 'assistant' ? 'assistant' : 'user', text }] : [];
+    }
+    if (!Array.isArray(message.content))
+        return [];
+    const lines = [];
+    for (const block of message.content) {
+        if (block?.type === 'text') {
+            const text = String(block.text || '').trim();
+            if (text)
+                lines.push({ type: message.role === 'assistant' ? 'assistant' : 'user', text });
+            continue;
+        }
+        if (block?.type === 'tool_use') {
+            const name = String(block.name || 'tool');
+            lines.push({ type: 'tool', text: `${name}${block.input ? ` — ${formatToolArgs(name, block.input)}` : ''}` });
+            continue;
+        }
+        if (block?.type === 'tool_result') {
+            lines.push({
+                type: 'tool_out',
+                text: `tool_result: ${summarizeToolResultContent(block.content)}`,
+            });
+        }
+    }
+    return lines;
+}
+const APP_VERSION = '1.0.0';
 const HERO_LOGO = [
     '██╗  ██╗██╗██████╗ ███████╗',
     '╚██╗██╔╝██║██╔══██╗██╔════╝',
@@ -167,27 +230,57 @@ function XibeCodeChatApp(props) {
     const [workSpinnerFrame, setWorkSpinnerFrame] = useState(0);
     const [workVerbIndex, setWorkVerbIndex] = useState(0);
     const nextLineIdRef = useRef(1);
-    const [lines, setLines] = useState([
-        {
-            kind: 'line',
-            id: nextLineIdRef.current++,
-            type: 'info',
-            text: 'XibeCode interactive session. Type /exit to quit, /clear to reset the transcript.',
-        },
-        { kind: 'line', id: nextLineIdRef.current++, type: 'info', text: 'Type /help for shortcuts.' },
-    ]);
+    const initialMessagesRef = useRef(props.initialMessages);
+    const sessionIdRef = useRef(props.sessionId);
+    const buildInitialLines = useCallback(() => {
+        const base = [
+            {
+                kind: 'line',
+                id: nextLineIdRef.current++,
+                type: 'info',
+                text: 'XibeCode interactive session. Type /exit to quit, /clear to reset the transcript.',
+            },
+            { kind: 'line', id: nextLineIdRef.current++, type: 'info', text: 'Type /help for shortcuts.' },
+        ];
+        if (sessionIdRef.current) {
+            base.push({
+                kind: 'line',
+                id: nextLineIdRef.current++,
+                type: 'info',
+                text: `Resumed session: ${sessionIdRef.current}`,
+            });
+        }
+        if (initialMessagesRef.current && initialMessagesRef.current.length > 0) {
+            for (const msg of initialMessagesRef.current) {
+                for (const line of transcriptLinesFromMessage(msg)) {
+                    base.push({ kind: 'line', id: nextLineIdRef.current++, ...line });
+                }
+            }
+        }
+        return base;
+    }, []);
+    const [lines, setLines] = useState(buildInitialLines);
     const pushLine = useCallback((line) => {
         const withId = { ...line, kind: 'line', id: nextLineIdRef.current++ };
         props.onUiLine?.(line);
         // Keep a much larger in-memory transcript so context doesn't vanish quickly.
         setLines((prev) => [...prev.slice(-5000), withId]);
     }, [props]);
+    useEffect(() => {
+        props.registerUiSink?.(pushLine);
+    }, [props, pushLine]);
+    useEffect(() => {
+        props.registerModeSink?.((nextMode) => {
+            setActiveMode(nextMode);
+        });
+    }, [props]);
     const abortControllerRef = useRef(null);
     const abortReasonRef = useRef('none');
     const queuedPromptRef = useRef(null);
     const lastVisibleOutputAtRef = useRef(Date.now());
     const currentPromptRef = useRef(null);
     const restartAttemptsRef = useRef(0);
+    const sessionMessagesRef = useRef(props.initialMessages || []);
     const lastBgLineByTask = useRef(new Map());
     useEffect(() => {
         if (!isRunning)
@@ -486,6 +579,7 @@ function XibeCodeChatApp(props) {
             }
         }
         if (resolvedInput === '/exit') {
+            props.onMessagesUpdate?.(props.getCurrentMessages?.() ?? sessionMessagesRef.current);
             exit();
             return;
         }
@@ -618,6 +712,7 @@ function XibeCodeChatApp(props) {
             lastVisibleOutputAtRef.current = Date.now();
             abortControllerRef.current = new AbortController();
             pushLine({ type: 'user', text: prompt });
+            sessionMessagesRef.current.push({ role: 'user', content: prompt });
             setIsRunning(true);
             try {
                 const startedAt = Date.now();
@@ -1104,9 +1199,9 @@ function XibeCodeChatApp(props) {
                     if (item.kind === 'hero') {
                         return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [HERO_LOGO.map((line, idx) => (_jsx(React.Fragment, { children: _jsx(Text, { bold: true, color: idx < 6 ? 'claude' : 'suggestion', children: line }) }, `logo-${idx}`))), _jsx(Text, { color: "suggestion", children: "\u2726 Any model, Every tool, Zero limits. \u2726" }), _jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "claude", flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "inactive", children: "Provider " }), _jsx(Text, { color: "claude", bold: true, children: providerName })] }), _jsxs(Text, { children: [_jsx(Text, { color: "inactive", children: "Model    " }), _jsx(Text, { children: activeModel })] }), _jsxs(Text, { children: [_jsx(Text, { color: "inactive", children: "Endpoint " }), _jsx(Text, { children: props.baseUrl || 'provider default' })] }), _jsxs(Text, { children: [_jsx(Text, { color: "inactive", children: "Format  " }), _jsxs(Text, { children: [wireFormat, ' ', _jsxs(Text, { dimColor: true, children: ["(", isAnthropicWireFormat(wireFormat, props.provider, props.customProviderFormat)
                                                                     ? 'Anthropic Messages'
-                                                                    : 'OpenAI chat', ")"] })] })] })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "suggestion", children: "\u25C8 cloud" }), _jsx(Text, { color: "inactive", children: "  Ready \u2014 type " }), _jsx(Text, { color: "claude", children: "/help" }), _jsx(Text, { color: "inactive", children: " to begin" })] }), _jsxs(Text, { color: "inactive", children: ["xibecode ", _jsxs(Text, { color: "claude", children: ["v", APP_VERSION] })] }), _jsx(Text, { color: "subtle", children: '─'.repeat(98) }), _jsx(Text, { color: "inactive", children: "Agent transcript" })] }));
+                                                                    : 'OpenAI chat', ")"] })] })] })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "suggestion", children: "\u25C8 cloud" }), _jsx(Text, { color: "inactive", children: "  Ready \u2014 type " }), _jsx(Text, { color: "claude", children: "/help" }), _jsx(Text, { color: "inactive", children: " to begin" })] }), _jsxs(Text, { color: "inactive", children: ["xibecode ", _jsxs(Text, { color: "claude", children: ["v", APP_VERSION] })] }), _jsx(Text, { color: "subtle", children: '─'.repeat(98) }), _jsx(Text, { color: "inactive", children: "Agent transcript" })] }, item.id));
                     }
-                    return item.type === 'assistant' ? (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: prefixColorKey('assistant'), children: [prefixForType('assistant'), ":"] }), _jsx(Box, { marginLeft: 2, flexDirection: "column", children: _jsx(AssistantMarkdown, { content: item.text }) })] })) : (_jsxs(Text, { children: [_jsxs(Text, { bold: true, color: prefixColorKey(item.type), children: [prefixForType(item.type), ":", ' '] }), _jsx(Text, { color: lineColorKey(item.type), children: item.text })] }));
+                    return (_jsx(React.Fragment, { children: item.type === 'assistant' ? (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: prefixColorKey('assistant'), children: [prefixForType('assistant'), ":"] }), _jsx(Box, { marginLeft: 2, flexDirection: "column", children: _jsx(AssistantMarkdown, { content: item.text }) })] })) : (_jsxs(Text, { children: [_jsxs(Text, { bold: true, color: prefixColorKey(item.type), children: [prefixForType(item.type), ":", ' '] }), _jsx(Text, { color: lineColorKey(item.type), children: item.text })] })) }, item.id));
                 } }), !hasChatContent && (_jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { color: "inactive", children: "(send a message to start)" }) })), _jsx(Text, { color: "subtle", children: divider }), isRunning && (_jsx(Box, { marginTop: 1, paddingX: 1, borderStyle: "round", borderColor: "claudeBlue_FOR_SYSTEM_SPINNER", flexDirection: "column", children: _jsxs(Text, { wrap: "wrap", children: [_jsxs(Text, { bold: true, color: "claudeBlue_FOR_SYSTEM_SPINNER", children: [WORK_SPINNER_FRAMES[workSpinnerFrame], ' '] }), _jsx(Text, { bold: true, color: "briefLabelClaude", children: workVerbPhrase })] }) })), _jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "claude", paddingX: 1, children: [_jsx(Text, { color: "claude", children: '> ' }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: onSubmit, placeholder: isRunning ? 'Waiting for response…' : 'Message XibeCode…' })] }), isSlashMode && (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "suggestion", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { color: "suggestion", bold: true, children: "Commands" }), filteredCommands.length === 0 ? (_jsxs(Text, { color: "inactive", children: ["No commands match \"", input, "\""] })) : (filteredCommands.map((command, index) => (_jsx(React.Fragment, { children: _jsxs(Text, { children: [_jsx(Text, { color: index === selectedCommandIndex ? 'claude' : 'inactive', children: index === selectedCommandIndex ? '▸ ' : '  ' }), _jsx(Text, { bold: true, color: index === selectedCommandIndex ? 'claude' : 'text', children: command.name }), _jsxs(Text, { color: "inactive", children: [" \u2014 ", command.description] })] }) }, command.name)))), _jsx(Text, { color: "subtle", children: "Use \u2191/\u2193 to navigate, Tab to autocomplete." })] })), modelPickerOpen && (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "claude", flexDirection: "column", paddingX: 1, children: [_jsx(Text, { bold: true, color: "claude", children: "Select model" }), isModelListLoading ? (_jsx(Text, { color: "inactive", children: "Loading models from provider..." })) : filteredModels.length === 0 ? (_jsx(Text, { color: "inactive", children: "No models matched current filter." })) : (visibleModelOptions.map((modelName, index) => {
                         const absoluteIndex = modelPickerStart + index;
                         const isSelected = absoluteIndex === selectedModelIndex;
@@ -1178,6 +1273,9 @@ export async function launchClaudeStyleChat(options) {
         config.set('model', nextModel);
         if (activeCreds.apiKey) {
             activeAgent = createAgentForModel(nextModel, { apiKey: activeCreds.apiKey, baseUrl: activeCreds.baseUrl });
+            if (currentSession?.messages?.length) {
+                activeAgent.setMessages(currentSession.messages);
+            }
             activeAgent.setModeFromUser(activeMode, 'Preserve user-selected mode after model switch');
         }
         else {
@@ -1201,6 +1299,9 @@ export async function launchClaudeStyleChat(options) {
         activeAgent?.removeAllListeners('event');
         if (activeCreds.apiKey) {
             activeAgent = createAgentForModel(activeModel, { apiKey: activeCreds.apiKey, baseUrl: activeCreds.baseUrl });
+            if (currentSession?.messages?.length) {
+                activeAgent.setMessages(currentSession.messages);
+            }
             activeAgent.setModeFromUser(activeMode, 'Preserve user-selected mode after format switch');
         }
         else {
@@ -1251,6 +1352,9 @@ export async function launchClaudeStyleChat(options) {
             activeCreds.baseUrl !== currentBaseUrl) {
             activeCreds = { apiKey: currentApiKey, baseUrl: currentBaseUrl };
             activeAgent = createAgentForModel(activeModel, { apiKey: currentApiKey, baseUrl: currentBaseUrl });
+            if (currentSession?.messages?.length) {
+                activeAgent.setMessages(currentSession.messages);
+            }
             activeAgent.setModeFromUser(activeMode, 'Refresh agent after credential change');
             toolExecutor.setMode(activeMode);
         }
@@ -1312,6 +1416,9 @@ export async function launchClaudeStyleChat(options) {
                     onLine({ type: 'assistant', text: event.data?.text || '' });
                     break;
                 case 'error':
+                    if (isAbortLikeError(event.data?.message) || isAbortLikeError(event.data?.error)) {
+                        break;
+                    }
                     onLine({
                         type: 'error',
                         text: event.data?.message ||
@@ -1319,6 +1426,16 @@ export async function launchClaudeStyleChat(options) {
                             'Unknown error',
                     });
                     break;
+                case 'mode_changed': {
+                    const next = String(event.data?.to ?? '');
+                    if (next) {
+                        activeMode = next;
+                        toolExecutor.setMode(next);
+                        modeSink?.(next);
+                        onLine({ type: 'info', text: `Mode changed to ${next}` });
+                    }
+                    break;
+                }
                 default:
                     break;
             }
@@ -1327,8 +1444,10 @@ export async function launchClaudeStyleChat(options) {
             images: opts?.images,
             signal: opts?.signal,
         });
+        await onMessagesUpdate(activeAgent.getMessages());
         activeMode = activeAgent.getMode();
         toolExecutor.setMode(activeMode);
+        modeSink?.(activeMode);
         return activeAgent.getStats();
     };
     const listBackgroundTasks = async () => {
@@ -1360,7 +1479,95 @@ export async function launchClaudeStyleChat(options) {
         const rendered = formatUiLineForLog(line) + '\n';
         logChain = logChain.then(() => fs.appendFile(chatLogPath, rendered, 'utf8')).catch(() => { });
     };
+    // Keep the chat UI alive even if something throws unexpectedly.
+    // We surface errors as chat lines instead of crashing the whole process.
+    let uiSink = null;
+    const registerUiSink = (sink) => {
+        uiSink = sink;
+    };
+    // Keep the UI's displayed mode in sync with the tool permission mode.
+    let modeSink = null;
+    const registerModeSink = (sink) => {
+        modeSink = sink;
+    };
+    const formatUnknownError = (err) => {
+        if (err instanceof Error)
+            return err.stack || err.message;
+        try {
+            return typeof err === 'string' ? err : JSON.stringify(err);
+        }
+        catch {
+            return String(err);
+        }
+    };
+    const onUnhandledRejection = (reason) => {
+        if (isAbortLikeError(reason))
+            return;
+        uiSink?.({ type: 'error', text: `Unhandled rejection:\n${formatUnknownError(reason)}` });
+    };
+    const onUncaughtException = (err) => {
+        if (isAbortLikeError(err))
+            return;
+        uiSink?.({ type: 'error', text: `Uncaught exception:\n${formatUnknownError(err)}` });
+    };
+    process.on('unhandledRejection', onUnhandledRejection);
+    process.on('uncaughtException', onUncaughtException);
+    const sessionManager = new SessionManager();
+    let currentSessionId = options.sessionId;
+    let currentSession = null;
+    if (!currentSessionId) {
+        currentSession = await sessionManager.createSession({
+            title: 'Untitled Session',
+            model,
+            cwd: process.cwd(),
+        });
+        currentSessionId = currentSession.id;
+        if (options.initialMessages && options.initialMessages.length > 0) {
+            currentSession.messages = options.initialMessages;
+            await sessionManager.saveSession(currentSession);
+        }
+    }
+    else {
+        currentSession = await sessionManager.loadSession(currentSessionId);
+    }
+    if (currentSession?.messages?.length) {
+        activeAgent?.setMessages(currentSession.messages);
+    }
+    else if (options.initialMessages && options.initialMessages.length > 0) {
+        activeAgent?.setMessages(options.initialMessages);
+    }
+    const onSessionCreated = (sessionId) => {
+        currentSessionId = sessionId;
+    };
+    const onMessagesUpdate = async (messages) => {
+        if (currentSessionId && currentSession) {
+            currentSession.messages = messages;
+            if (messages.length > 0) {
+                const firstUserMsg = messages.find((m) => m.role === 'user');
+                if (firstUserMsg && typeof firstUserMsg.content === 'string') {
+                    const title = firstUserMsg.content.trim().slice(0, 60);
+                    if (title) {
+                        currentSession.title = title + (firstUserMsg.content.length > 60 ? '…' : '');
+                    }
+                }
+            }
+            await sessionManager.saveSession(currentSession);
+        }
+    };
     const root = createRoot({ exitOnCtrlC: true });
-    await renderAndRun(root, _jsx(XibeCodeChatApp, { model: model, initialMode: activeMode, provider: provider, baseUrl: baseUrl, needsFirstRunSetup: needsFirstRunSetup, defaultModel: model, modeOptions: modeOptions, initialRequestFormat: wireFormat, customProviderFormat: customProviderFormat, profile: options.profile, runPrompt: runPrompt, listBackgroundTasks: listBackgroundTasks, checkBackgroundTask: checkBackgroundTask, onUiLine: appendLogLine, loadModels: loadModels, onModelChange: onModelChange, onModeChange: onModeChange, onWireFormatChange: onWireFormatChange }));
+    try {
+        await renderAndRun(root, _jsx(XibeCodeChatApp, { model: model, initialMode: activeMode, provider: provider, baseUrl: baseUrl, needsFirstRunSetup: needsFirstRunSetup, defaultModel: model, modeOptions: modeOptions, initialRequestFormat: wireFormat, customProviderFormat: customProviderFormat, profile: options.profile, sessionId: currentSessionId, initialMessages: options.initialMessages, runPrompt: runPrompt, listBackgroundTasks: listBackgroundTasks, checkBackgroundTask: checkBackgroundTask, onUiLine: appendLogLine, registerUiSink: registerUiSink, registerModeSink: registerModeSink, loadModels: loadModels, onModelChange: onModelChange, onModeChange: onModeChange, onWireFormatChange: onWireFormatChange, onSessionCreated: onSessionCreated, onMessagesUpdate: onMessagesUpdate, getCurrentMessages: () => activeAgent?.getMessages() ?? currentSession?.messages ?? [] }));
+    }
+    finally {
+        process.off('unhandledRejection', onUnhandledRejection);
+        process.off('uncaughtException', onUncaughtException);
+        if (currentSessionId) {
+            console.log('\n');
+            console.log('─'.repeat(60));
+            console.log(`Session: ${currentSessionId}`);
+            console.log(`To resume: xibecode resume ${currentSessionId}`);
+            console.log('─'.repeat(60));
+        }
+    }
 }
 //# sourceMappingURL=claude-style-chat.js.map