xibecode 1.0.8 → 1.2.2

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

@@ -20,6 +20,7 @@ import { SPINNER_VERBS } from '../constants/spinnerVerbs.js';
 import { extractAtReferences, splitAtReferences } from 'xibecode-core';
 import { loadImageAttachment, mimeFromExtension } from '../utils/image-attachments.js';
 import { SessionManager } from 'xibecode-core';
+import { AutoMemoryManager, HooksManager, SettingsManager as CoreSettingsManager } from 'xibecode-core';
 function isAbortLikeError(err) {
     if (!err || typeof err !== 'object')
         return false;
@@ -101,7 +102,7 @@ const HERO_LOGO = [
 const WORK_SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
 /** How fast to advance OpenClaude-style spinner verbs (ms) */
 const WORK_VERB_ROTATE_MS = 2400;
-const QUICK_HELP = ['/help', '/mode', '/format', '/model', '/setup', '/config', '/donate', '/sponsor', '/clear', '/exit'];
+const QUICK_HELP = ['/help', '/mode', '/format', '/model', '/setup', '/config', '/memory', '/hooks', '/donate', '/sponsor', '/clear', '/exit'];
 const CHAT_COMMANDS = [
     { name: '/help', description: 'Show available shortcuts and usage hints' },
     { name: '/mode', description: 'Switch agent mode from an interactive picker' },
@@ -110,6 +111,8 @@ const CHAT_COMMANDS = [
     { name: '/model', description: 'Fetch and switch available models for this provider' },
     { name: '/setup', description: 'Guided setup (set API key, then pick provider/model)' },
     { name: '/config', description: 'Show current config and quick config hints' },
+    { name: '/memory', description: 'Show auto-memories for this project' },
+    { name: '/hooks', description: 'Show registered lifecycle hooks' },
     { name: '/donate', description: 'Open the donation page in your browser' },
     { name: '/sponsor', description: 'Open the sponsorship page in your browser' },
     { name: '/exit', description: 'Exit the interactive chat session' },
@@ -232,6 +235,7 @@ function XibeCodeChatApp(props) {
     const [configProviderIndex, setConfigProviderIndex] = useState(0);
     const [configCostModePickerOpen, setConfigCostModePickerOpen] = useState(false);
     const [configCostModeIndex, setConfigCostModeIndex] = useState(0);
+    const [questionsState, setQuestionsState] = useState(null);
     const [workSpinnerFrame, setWorkSpinnerFrame] = useState(0);
     const [workVerbIndex, setWorkVerbIndex] = useState(0);
     const nextLineIdRef = useRef(1);
@@ -279,6 +283,11 @@ function XibeCodeChatApp(props) {
             setActiveMode(nextMode);
         });
     }, [props]);
+    useEffect(() => {
+        props.registerQuestionsSink?.((qs) => {
+            setQuestionsState({ questions: qs, currentIndex: 0, answers: {}, selectedOptionIndex: 0, isTypingCustom: false });
+        });
+    }, [props]);
     const abortControllerRef = useRef(null);
     const abortReasonRef = useRef('none');
     const queuedPromptRef = useRef(null);
@@ -336,13 +345,14 @@ function XibeCodeChatApp(props) {
         if (!isRunning)
             return;
         const id = setInterval(() => {
-            // Silent means: no visible output (tool_call/tool_result/stream_text/response) for 90s.
-            if (Date.now() - lastVisibleOutputAtRef.current > 90_000) {
+            // Silent means: no visible output (tool_call/tool_result/stream_text/response) for 180s.
+            // Some models (DeepSeek, etc.) can take a long time for their first token during complex tasks.
+            if (Date.now() - lastVisibleOutputAtRef.current > 180_000) {
                 if (abortControllerRef.current && abortReasonRef.current === 'none') {
                     abortReasonRef.current = 'watchdog';
                     pushLine({
                         type: 'info',
-                        text: `No output for 90s — restarting (attempt ${Math.min(restartAttemptsRef.current + 1, 2)}/2)…`,
+                        text: `No output for 180s — restarting (attempt ${Math.min(restartAttemptsRef.current + 1, 2)}/2)…`,
                     });
                     abortControllerRef.current.abort();
                 }
@@ -471,10 +481,79 @@ function XibeCodeChatApp(props) {
             text: `Mode switched to ${nextMode}`,
         });
     }, [activeMode, props, pushLine]);
+    const applyQuestionAnswer = useCallback(async (state, answer) => {
+        const { questions, currentIndex, answers } = state;
+        const currentQ = questions[currentIndex];
+        const newAnswers = { ...answers, [currentQ.id]: answer };
+        const nextIndex = currentIndex + 1;
+        if (nextIndex < questions.length) {
+            // More questions - advance with reset selection
+            setQuestionsState({
+                questions,
+                currentIndex: nextIndex,
+                answers: newAnswers,
+                selectedOptionIndex: 0,
+                isTypingCustom: false,
+            });
+            setInput('');
+            pushLine({ type: 'info', text: `  ${currentIndex + 1}. ${currentQ.question} → ${answer}` });
+        }
+        else {
+            // All questions answered - submit
+            setQuestionsState(null);
+            setInput('');
+            pushLine({ type: 'info', text: `  ${currentIndex + 1}. ${currentQ.question} → ${answer}` });
+            const answersText = questions
+                .map((q, i) => `${i + 1}. ${q.question}\n   Answer: ${newAnswers[q.id] || '(skipped)'}`)
+                .join('\n');
+            pushLine({ type: 'info', text: 'Answers submitted. Continuing...' });
+            const answersPrompt = `Here are my answers to your questions:\n\n${answersText}`;
+            currentPromptRef.current = answersPrompt;
+            abortReasonRef.current = 'none';
+            lastVisibleOutputAtRef.current = Date.now();
+            abortControllerRef.current = new AbortController();
+            pushLine({ type: 'user', text: answersPrompt });
+            sessionMessagesRef.current.push({ role: 'user', content: answersPrompt });
+            setIsRunning(true);
+            try {
+                const startedAt = Date.now();
+                const stats = await props.runPrompt(answersPrompt, pushLine, {
+                    signal: abortControllerRef.current.signal,
+                    onVisibleOutput: () => {
+                        lastVisibleOutputAtRef.current = Date.now();
+                    },
+                });
+                const elapsedMs = Date.now() - startedAt;
+                const seconds = (elapsedMs / 1000).toFixed(1);
+                pushLine({
+                    type: 'info',
+                    text: `Done in ${seconds}s` + (stats.costLabel ? ` · cost ${stats.costLabel}` : ''),
+                });
+            }
+            finally {
+                abortControllerRef.current = null;
+                currentPromptRef.current = null;
+                setIsRunning(false);
+            }
+        }
+    }, [props, pushLine]);
+    // Called from useInput when a question option is selected via arrows+Enter
+    const handleQuestionAnswer = useCallback((state, answer) => {
+        applyQuestionAnswer(state, answer);
+    }, [applyQuestionAnswer]);
     const onSubmit = useCallback(async (value) => {
         const trimmed = value.trim();
         if (!trimmed)
             return;
+        // Handle custom-typing mode for questions (Enter after typing custom answer)
+        if (questionsState && questionsState.isTypingCustom) {
+            await applyQuestionAnswer(questionsState, trimmed);
+            return;
+        }
+        // If questions are active but not in typing mode, ignore (use arrows + Enter)
+        if (questionsState) {
+            return;
+        }
         if (isRunning) {
             queuedPromptRef.current = trimmed;
             setInput('');
@@ -632,6 +711,16 @@ function XibeCodeChatApp(props) {
             startSetupWizard();
             return;
         }
+        if (resolvedInput === '/memory' || resolvedInput.startsWith('/memory ')) {
+            const subcmd = resolvedInput.replace('/memory', '').trim().toLowerCase();
+            props.onMemoryCommand?.(subcmd || 'list', pushLine);
+            return;
+        }
+        if (resolvedInput === '/hooks' || resolvedInput.startsWith('/hooks ')) {
+            const subcmd = resolvedInput.replace('/hooks', '').trim().toLowerCase();
+            props.onHooksCommand?.(subcmd || 'list', pushLine);
+            return;
+        }
         if (resolvedInput === '/format' || resolvedInput.startsWith('/format ')) {
             const arg = resolvedInput.replace(/^\/format\s*/i, '').trim().toLowerCase();
             if (!arg) {
@@ -857,6 +946,72 @@ function XibeCodeChatApp(props) {
             exit();
             return;
         }
+        // Interactive questions: arrow key navigation
+        if (questionsState && !questionsState.isTypingCustom) {
+            const q = questionsState.questions[questionsState.currentIndex];
+            const totalOptions = q.options.length + (q.hasOther !== false ? 1 : 0);
+            if (key.upArrow) {
+                setQuestionsState({
+                    ...questionsState,
+                    selectedOptionIndex: questionsState.selectedOptionIndex <= 0
+                        ? totalOptions - 1
+                        : questionsState.selectedOptionIndex - 1,
+                });
+                return;
+            }
+            if (key.downArrow) {
+                setQuestionsState({
+                    ...questionsState,
+                    selectedOptionIndex: questionsState.selectedOptionIndex >= totalOptions - 1
+                        ? 0
+                        : questionsState.selectedOptionIndex + 1,
+                });
+                return;
+            }
+            // Enter on a highlighted option: if "type yourself" is selected, switch to typing mode
+            if (key.return) {
+                const idx = questionsState.selectedOptionIndex;
+                const isOtherOption = idx === q.options.length && q.hasOther !== false;
+                if (isOtherOption) {
+                    setQuestionsState({ ...questionsState, isTypingCustom: true });
+                    setInput('');
+                    return;
+                }
+                // Picked a concrete option — resolve and submit
+                if (idx < q.options.length) {
+                    const answer = q.options[idx].label;
+                    handleQuestionAnswer(questionsState, answer);
+                    return;
+                }
+            }
+            // Escape to cancel questions
+            if (key.escape) {
+                setQuestionsState(null);
+                pushLine({ type: 'info', text: 'Questions cancelled.' });
+                return;
+            }
+            // If not a special key and not typing custom, ignore (user must use arrows + Enter)
+            if (!key.return && !key.escape && !key.upArrow && !key.downArrow && !key.ctrl && !key.meta) {
+                return;
+            }
+        }
+        // If in custom-typing mode for a question, handle Enter to submit
+        if (questionsState && questionsState.isTypingCustom) {
+            if (key.return) {
+                const answer = input.trim();
+                if (!answer)
+                    return;
+                handleQuestionAnswer(questionsState, answer);
+                return;
+            }
+            if (key.escape) {
+                // Go back to option selection
+                setQuestionsState({ ...questionsState, isTypingCustom: false });
+                setInput('');
+                return;
+            }
+            // Let normal TextInput handle typing — don't intercept
+        }
         if (isRunning && key.escape) {
             if (abortControllerRef.current && abortReasonRef.current === 'none') {
                 abortReasonRef.current = 'user';
@@ -1235,7 +1390,27 @@ function XibeCodeChatApp(props) {
                                                                     : '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 (_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) => {
+                } }), !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 })] }) })), questionsState && (() => {
+                const { questions, currentIndex, selectedOptionIndex, isTypingCustom } = questionsState;
+                const q = questions[currentIndex];
+                const optLetters = 'abcdefghij';
+                const totalOptions = q.options.length + (q.hasOther !== false ? 1 : 0);
+                if (isTypingCustom) {
+                    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "green", flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { bold: true, color: "green", children: ["Question ", currentIndex + 1, "/", questions.length, " \u2014 Type your answer"] }), _jsx(Text, { color: "text", children: q.question }), _jsx(Text, { color: "inactive", dimColor: true, children: "Press Esc to go back to options" })] }));
+                }
+                return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { bold: true, color: "yellow", children: ["Question ", currentIndex + 1, "/", questions.length] }), _jsxs(Text, { color: "text", children: [q.question, q.allowMultiple ? ' (select all that apply)' : ''] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [q.options.map((o, j) => {
+                                    const isSelected = j === selectedOptionIndex;
+                                    return (_jsxs(Text, { children: [_jsx(Text, { bold: true, color: isSelected ? 'green' : 'inactive', children: isSelected ? ' ▸ ' : '   ' }), _jsxs(Text, { bold: true, color: isSelected ? 'green' : 'yellow', children: [optLetters[j], ")"] }), _jsxs(Text, { color: isSelected ? 'green' : 'text', children: [" ", o.label] })] }, o.id));
+                                }), q.hasOther !== false && (() => {
+                                    const otherIdx = q.options.length;
+                                    const isSelected = otherIdx === selectedOptionIndex;
+                                    return (_jsxs(Text, { children: [_jsx(Text, { bold: true, color: isSelected ? 'green' : 'inactive', children: isSelected ? ' ▸ ' : '   ' }), _jsxs(Text, { bold: true, color: isSelected ? 'green' : 'yellow', children: [optLetters[otherIdx], ")"] }), _jsx(Text, { color: isSelected ? 'green' : 'inactive', children: " type yourself" })] }));
+                                })()] }), _jsx(Text, { color: "inactive", dimColor: true, children: "\u2191/\u2193 to navigate, Enter to select, Esc to cancel" })] }));
+            })(), _jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: questionsState ? (questionsState.isTypingCustom ? 'green' : 'yellow') : 'claude', paddingX: 1, children: [_jsx(Text, { color: questionsState ? (questionsState.isTypingCustom ? 'green' : 'yellow') : 'claude', children: '> ' }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: onSubmit, placeholder: questionsState
+                            ? questionsState.isTypingCustom
+                                ? `Type your answer for Q${questionsState.currentIndex + 1} and press Enter`
+                                : `Use ↑/↓ and Enter to pick an option (Q${questionsState.currentIndex + 1}/${questionsState.questions.length})`
+                            : 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;
                         return (_jsx(React.Fragment, { children: _jsxs(Text, { children: [_jsx(Text, { color: isSelected ? 'claude' : 'inactive', children: isSelected ? '▸ ' : '  ' }), _jsx(Text, { color: isSelected ? 'claude' : 'text', children: modelName })] }) }, modelName));
@@ -1397,15 +1572,36 @@ export async function launchClaudeStyleChat(options) {
         }
         activeAgent.removeAllListeners('event');
         let streamedBuffer = '';
+        let streamFlushTimer = null;
+        const flushStreamedBuffer = () => {
+            if (streamedBuffer.trim()) {
+                onLine({ type: 'assistant', text: streamedBuffer.trim() });
+                streamedBuffer = '';
+            }
+        };
         activeAgent.on('event', (event) => {
             switch (event.type) {
                 case 'thinking':
+                    // Flush any pending streamed text before showing thinking indicator
+                    flushStreamedBuffer();
+                    if (streamFlushTimer) {
+                        clearTimeout(streamFlushTimer);
+                        streamFlushTimer = null;
+                    }
+                    // Thinking messages are visible output — reset the watchdog timer
+                    opts?.onVisibleOutput?.();
                     onLine({
                         type: 'info',
                         text: event.data?.message || 'Thinking…',
                     });
                     break;
                 case 'tool_call': {
+                    // Flush any pending streamed text before showing tool call
+                    flushStreamedBuffer();
+                    if (streamFlushTimer) {
+                        clearTimeout(streamFlushTimer);
+                        streamFlushTimer = null;
+                    }
                     opts?.onVisibleOutput?.();
                     const name = String(event.data?.name ?? 'tool');
                     const input = event.data?.input;
@@ -1417,6 +1613,12 @@ export async function launchClaudeStyleChat(options) {
                     break;
                 }
                 case 'tool_result': {
+                    // Flush any pending streamed text before showing tool result
+                    flushStreamedBuffer();
+                    if (streamFlushTimer) {
+                        clearTimeout(streamFlushTimer);
+                        streamFlushTimer = null;
+                    }
                     opts?.onVisibleOutput?.();
                     const name = String(event.data?.name ?? 'tool');
                     const result = event.data?.result;
@@ -1441,12 +1643,30 @@ export async function launchClaudeStyleChat(options) {
                 case 'stream_text':
                     opts?.onVisibleOutput?.();
                     streamedBuffer += event.data?.text || '';
+                    // Accumulate streamed text and flush periodically or when buffer is large.
+                    // Use a longer interval (2s) to batch more text into fewer "XibeCode:" blocks,
+                    // reducing the fragmented multi-prefix display seen with fast models.
+                    if (streamedBuffer.length > 1500) {
+                        // Large buffer — flush immediately to avoid memory buildup
+                        if (streamFlushTimer) {
+                            clearTimeout(streamFlushTimer);
+                            streamFlushTimer = null;
+                        }
+                        flushStreamedBuffer();
+                    }
+                    else if (!streamFlushTimer) {
+                        streamFlushTimer = setTimeout(() => {
+                            streamFlushTimer = null;
+                            flushStreamedBuffer();
+                        }, 2000);
+                    }
                     break;
                 case 'stream_end':
-                    if (streamedBuffer.trim()) {
-                        onLine({ type: 'assistant', text: streamedBuffer.trim() });
+                    if (streamFlushTimer) {
+                        clearTimeout(streamFlushTimer);
+                        streamFlushTimer = null;
                     }
-                    streamedBuffer = '';
+                    flushStreamedBuffer();
                     break;
                 case 'response':
                     opts?.onVisibleOutput?.();
@@ -1473,6 +1693,20 @@ export async function launchClaudeStyleChat(options) {
                     }
                     break;
                 }
+                case 'plan_ready':
+                    onLine({
+                        type: 'info',
+                        text: 'Plan written to implementations.md. Say "build" to implement it, or ask for edits.',
+                    });
+                    break;
+                case 'questions': {
+                    const qs = event.data?.questions;
+                    if (qs && qs.length > 0) {
+                        // Push questions to the UI component via the sink
+                        questionsSink?.(qs);
+                    }
+                    break;
+                }
                 default:
                     break;
             }
@@ -1481,6 +1715,22 @@ export async function launchClaudeStyleChat(options) {
             images: opts?.images,
             signal: opts?.signal,
         });
+        // Write the latest messages to the transcript incrementally.
+        // The agent's run() method appends to this.messages; we persist
+        // the user prompt and assistant response as separate transcript entries.
+        const latestMessages = activeAgent.getMessages();
+        if (latestMessages.length > 0) {
+            // Write the user prompt that triggered this turn
+            const userMsg = latestMessages[latestMessages.length - 2];
+            if (userMsg?.role === 'user') {
+                await activeAgent.transcriptUserMessage(userMsg);
+            }
+            // Write the assistant response
+            const assistantMsg = latestMessages[latestMessages.length - 1];
+            if (assistantMsg?.role === 'assistant') {
+                await activeAgent.transcriptAssistantMessage(assistantMsg);
+            }
+        }
         await onMessagesUpdate(activeAgent.getMessages());
         activeMode = activeAgent.getMode();
         toolExecutor.setMode(activeMode);
@@ -1527,6 +1777,11 @@ export async function launchClaudeStyleChat(options) {
     const registerModeSink = (sink) => {
         modeSink = sink;
     };
+    // Sink for pushing interactive questions from the agent to the UI component.
+    let questionsSink = null;
+    const registerQuestionsSink = (sink) => {
+        questionsSink = sink;
+    };
     const formatUnknownError = (err) => {
         if (err instanceof Error)
             return err.stack || err.message;
@@ -1558,13 +1813,27 @@ export async function launchClaudeStyleChat(options) {
             cwd: process.cwd(),
         });
         currentSessionId = currentSession.id;
+        // Initialize transcript persistence for the agent
+        activeAgent?.initTranscript(currentSessionId, process.cwd());
         if (options.initialMessages && options.initialMessages.length > 0) {
             currentSession.messages = options.initialMessages;
-            await sessionManager.saveSession(currentSession);
+            // Write initial messages to transcript
+            for (const msg of options.initialMessages) {
+                if (msg.role === 'user') {
+                    await activeAgent?.transcriptUserMessage(msg);
+                }
+                else if (msg.role === 'assistant') {
+                    await activeAgent?.transcriptAssistantMessage(msg);
+                }
+            }
         }
     }
     else {
         currentSession = await sessionManager.loadSession(currentSessionId);
+        // Initialize transcript persistence for resumed session
+        if (currentSession) {
+            activeAgent?.initTranscript(currentSessionId, currentSession.cwd);
+        }
     }
     if (currentSession?.messages?.length) {
         activeAgent?.setMessages(currentSession.messages);
@@ -1574,6 +1843,7 @@ export async function launchClaudeStyleChat(options) {
     }
     const onSessionCreated = (sessionId) => {
         currentSessionId = sessionId;
+        activeAgent?.initTranscript(sessionId, process.cwd());
     };
     const onMessagesUpdate = async (messages) => {
         if (currentSessionId && currentSession) {
@@ -1587,12 +1857,86 @@ export async function launchClaudeStyleChat(options) {
                     }
                 }
             }
-            await sessionManager.saveSession(currentSession);
+            // Use JSONL transcript persistence instead of monolithic JSON save.
+            // Each message was already written to the transcript incrementally
+            // via transcriptUserMessage/transcriptAssistantMessage in the chat loop.
+            // Here we just update the title metadata.
+            try {
+                await sessionManager.saveSession(currentSession);
+            }
+            catch {
+                // Transcript writes are best-effort; don't block the chat loop
+            }
         }
     };
     const root = createRoot({ exitOnCtrlC: true });
+    // ── Memory & Hooks slash-command handlers ──
+    const autoMemManager = new AutoMemoryManager({ cwd: process.cwd() });
+    const coreSettingsManager = new CoreSettingsManager({ cwd: process.cwd() });
+    const hooksMgr = new HooksManager(coreSettingsManager);
+    await hooksMgr.loadFromSettingsManager().catch(() => { });
+    const onMemoryCommand = (subcmd, pushLine) => {
+        void (async () => {
+            try {
+                if (subcmd === 'list' || subcmd === '') {
+                    const memories = await autoMemManager.listMemories();
+                    if (memories.length === 0) {
+                        pushLine({ type: 'info', text: 'No memories found for this project. Memories are auto-extracted as you chat.' });
+                        return;
+                    }
+                    pushLine({ type: 'info', text: `Found ${memories.length} memory/memories:` });
+                    for (const mem of memories.slice(0, 10)) {
+                        const tags = mem.frontmatter.tags?.length ? ` [${mem.frontmatter.tags.join(', ')}]` : '';
+                        pushLine({ type: 'info', text: `  ${mem.frontmatter.type}${tags}: ${mem.content.trim().slice(0, 80)}${mem.content.length > 80 ? '...' : ''}` });
+                    }
+                    if (memories.length > 10) {
+                        pushLine({ type: 'info', text: `  ... and ${memories.length - 10} more. Use "xc memory list" to see all.` });
+                    }
+                }
+                else if (subcmd === 'dream') {
+                    pushLine({ type: 'info', text: 'Running dream consolidation...' });
+                    const result = await autoMemManager.dream();
+                    pushLine({ type: 'info', text: `Dream complete: created=${result.created}, merged=${result.merged}, pruned=${result.pruned}` });
+                }
+                else if (subcmd === 'path') {
+                    pushLine({ type: 'info', text: `Memory dir: ${autoMemManager.getMemoryDir()}` });
+                }
+                else {
+                    pushLine({ type: 'info', text: 'Usage: /memory [list|dream|path]. Default: list' });
+                }
+            }
+            catch (err) {
+                pushLine({ type: 'error', text: `Memory error: ${err?.message || err}` });
+            }
+        })();
+    };
+    const onHooksCommand = (subcmd, pushLine) => {
+        const allHooks = hooksMgr.getAllHooks();
+        const flatList = [];
+        for (const [event, hooks] of allHooks) {
+            for (const hook of hooks) {
+                flatList.push({ event, config: hook.config, matcher: hook.matcher });
+            }
+        }
+        if (subcmd === 'list' || subcmd === '') {
+            if (flatList.length === 0) {
+                pushLine({ type: 'info', text: 'No hooks configured. Use "xc hooks add" or edit ~/.xibecode/settings.json' });
+                return;
+            }
+            pushLine({ type: 'info', text: `Registered hooks (${flatList.length}):` });
+            for (const hook of flatList.slice(0, 10)) {
+                const type = 'command' in hook.config ? 'command' : 'prompt' in hook.config ? 'prompt' : 'agent' in hook.config ? 'agent' : 'http' in hook.config ? 'http' : 'function';
+                const value = hook.config.command || hook.config.prompt || hook.config.agent || hook.config.http || hook.config.url || '(fn)';
+                const matcher = hook.matcher ? ` matcher="${hook.matcher}"` : '';
+                pushLine({ type: 'info', text: `  ${hook.event}${matcher} -> ${type}: ${value}` });
+            }
+        }
+        else {
+            pushLine({ type: 'info', text: 'Usage: /hooks [list]. Default: list. Use "xc hooks" CLI for full management.' });
+        }
+    };
     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 ?? [] }));
+        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, registerQuestionsSink: registerQuestionsSink, loadModels: loadModels, onModelChange: onModelChange, onModeChange: onModeChange, onWireFormatChange: onWireFormatChange, onSessionCreated: onSessionCreated, onMessagesUpdate: onMessagesUpdate, getCurrentMessages: () => activeAgent?.getMessages() ?? currentSession?.messages ?? [], onMemoryCommand: onMemoryCommand, onHooksCommand: onHooksCommand }));
     }
     finally {
         process.off('unhandledRejection', onUnhandledRejection);