document360-writer 0.4.0 → 0.4.1

package/dist/tui/App.js

@@ -1,607 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Box, Text, useApp, useInput, useStdout } from 'ink';
-import { existsSync, readFileSync } from 'node:fs';
-import { basename, isAbsolute, join } from 'node:path';
-import { createSession, resolveActiveProfile, resolveProjectId, getArticle, decodeJwtClaims, isExpired, loadTokens, setTitle, slugify, touchSession, upsertSession, generateTitle, findByName, listSessions, renameSession, suggestNextAction, readProjectConfig, writeProjectConfig, } from 'document360-engine';
-import { publishCommand } from '../commands/publish.js';
-import { auditCommand } from '../commands/audit.js';
-import { screenshotCommand } from '../commands/screenshot.js';
-import { COMMANDS, filterCommands } from './catalog.js';
-import { renderItem, renderTranscript } from './itemRender.js';
-import { formatToolResult, formatToolUse } from '../lib/toolFormat.js';
-import { liveTail, streamCut } from '../lib/streaming.js';
-import { articleEditorUrl, extractArticleId, extractPublicUrl } from '../d360/portalLink.js';
-import { fetchWorkspaces, matchWorkspace, setWorkspace } from '../d360/workspaceCli.js';
-function computeBanner(cwd, version, auth, profileName) {
-    const claude = auth.kind === 'api' ? 'API key' : auth.kind === 'subscription' ? 'subscription' : 'not configured';
-    const info = { version, claude, who: null, profile: '—', apiUrl: '—', project: '—', cwd, prod: false, loggedOut: true };
-    try {
-        const active = resolveActiveProfile(cwd, profileName);
-        info.profile = active.name;
-        info.apiUrl = active.connection.apiUrl;
-        info.prod = active.production;
-        info.project = active.project.projectId ?? '(chosen at login)';
-        const tokens = loadTokens(active.name);
-        if (tokens && !(isExpired(tokens) && !tokens.refreshToken)) {
-            const claims = { ...(decodeJwtClaims(tokens.idToken) ?? {}), ...(decodeJwtClaims(tokens.accessToken) ?? {}) };
-            info.who = (claims['email'] ?? claims['preferred_username'] ?? 'signed in');
-            info.loggedOut = false;
-        }
-    }
-    catch {
-        /* no/invalid profile config */
-    }
-    return info;
-}
-function statusLine(cwd, profileName) {
-    try {
-        const active = resolveActiveProfile(cwd, profileName);
-        const tokens = loadTokens(active.name);
-        if (!tokens)
-            return { text: `profile "${active.name}" — not logged in (d360-writer login)`, prod: active.production };
-        const claims = { ...(decodeJwtClaims(tokens.idToken) ?? {}), ...(decodeJwtClaims(tokens.accessToken) ?? {}) };
-        const who = (claims['email'] ?? claims['preferred_username'] ?? 'signed in');
-        if (isExpired(tokens) && !tokens.refreshToken)
-            return { text: `profile "${active.name}" — session expired`, prod: active.production };
-        return { text: `${who} · profile "${active.name}"`, prod: active.production };
-    }
-    catch (e) {
-        return { text: e.message.split('.')[0], prod: false };
-    }
-}
-// Doc-themed progress verbs (cycled while the agent works), à la Claude Code.
-const GERUNDS = [
-    'Drafting', 'Composing', 'Outlining', 'Researching', 'Documenting', 'Structuring',
-    'Polishing', 'Synthesizing', 'Curating', 'Distilling', 'Weaving', 'Wrangling', 'Pondering',
-];
-const SPINNER = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-const PLACEHOLDER = 'Ask me to write or update an article…';
-/**
- * Claude Code-style blinking block cursor: inverse-video over `ch` (the first
- * placeholder character when the input is empty, a space at the end while typing).
- */
-function Cursor({ ch, dim }) {
-    const [on, setOn] = useState(true);
-    useEffect(() => {
-        const id = setInterval(() => setOn(o => !o), 530);
-        return () => clearInterval(id);
-    }, []);
-    return (_jsx(Text, { inverse: on, color: dim && !on ? 'gray' : undefined, children: ch }));
-}
-/** D360 write tools whose results deserve a portal/live link. (unpublish excluded.) */
-const ARTICLE_WRITE_TOOLS = /^mcp__document360__d360_(create_article|update_article|fork_article|publish_article)$/;
-function stripFrontmatter(md) {
-    const m = md.match(/^---\r?\n[\s\S]*?\r?\n---\r?\n/);
-    return m ? md.slice(m[0].length) : md;
-}
-const ARTICLE_ID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-/** Animated "working" line: spinner + rotating verb + live timer + ~token estimate. */
-function Working({ startTime, chars }) {
-    const [tick, setTick] = useState(0);
-    useEffect(() => {
-        const id = setInterval(() => setTick(t => t + 1), 120);
-        return () => clearInterval(id);
-    }, []);
-    const frame = SPINNER[tick % SPINNER.length];
-    const word = GERUNDS[Math.floor(tick / 16) % GERUNDS.length];
-    const elapsed = Math.floor((Date.now() - startTime) / 1000);
-    const tokens = Math.round(chars / 4);
-    return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: `  ${frame} ${word}… ` }), _jsx(Text, { color: "gray", children: `(${elapsed}s · ~${tokens} tokens · ctrl+c to stop)` })] }));
-}
-export function App({ cwd, auth, profileName, version }) {
-    const { exit } = useApp();
-    const [live, setLive] = useState(null);
-    const [input, setInput] = useState('');
-    const [busy, setBusy] = useState(false);
-    /** Ghost-text suggestion for the next prompt (Claude Code-style: tab to accept). */
-    const [ghost, setGhost] = useState(null);
-    /** Bumped on every turn/accept — late suggestion responses for old turns are dropped. */
-    const ghostSeqRef = useRef(0);
-    // The placeholder is a first-run affordance — once a prompt has been sent the input
-    // is just a cursor (matches Claude Code). After /clear it returns.
-    const [started, setStarted] = useState(false);
-    const [turnChars, setTurnChars] = useState(0);
-    const turnStartRef = useRef(0);
-    const [paletteIndex, setPaletteIndex] = useState(0);
-    const [historyIndex, setHistoryIndex] = useState(null);
-    /** The transcript model. Items are printed (markdown-rendered to ANSI) through Ink's
-        console patch the moment they're pushed — console.log inside an Ink app atomically
-        erases the dynamic frame, writes, and repaints it. Kept here so the WHOLE
-        transcript can be re-rendered at the new width on resize (which <Static> cannot
-        do safely — see .claude/docs/gotchas-writer-tui.md). */
-    const itemsRef = useRef([]);
-    // LAZY init — `useRef(createSession(...))` would call createSession on EVERY render
-    // (useRef keeps only the first value but still evaluates the argument each time), and
-    // createSession spawns an Agent SDK subprocess → a new subprocess per keystroke →
-    // spawn storm + heap OOM crash. Create it exactly once.
-    const sessionRef = useRef(null);
-    if (sessionRef.current === null) {
-        sessionRef.current = createSession({ cwd, profileName, allowProdWrites: false });
-    }
-    const trackerRef = useRef({ uuid: null, firstPrompt: null, titleFired: false });
-    /** tool_use ids whose header we rendered (with their call details, for result
-        pairing + article-link extraction) — the rest stay hidden. */
-    const shownToolsRef = useRef(new Map());
-    const allowProdRef = useRef(false);
-    const historyRef = useRef([]);
-    const { stdout } = useStdout();
-    const [, setResizeTick] = useState(0);
-    // Cols AND rows: height-only resizes also reflow under conpty and can strand
-    // dynamic-frame fragments, so they get a replay too (pty-harness verified).
-    const lastSizeRef = useRef(`${stdout.columns ?? 80}x${stdout.rows ?? 24}`);
-    const transcriptWidth = useCallback(() => Math.max(20, (stdout.columns ?? 80) - 1), [stdout]);
-    /** Append + print one transcript item (markdown-rendered, via Ink's console patch). */
-    const push = useCallback((item) => {
-        itemsRef.current.push(item);
-        console.log(renderItem(item, transcriptWidth()));
-    }, [transcriptWidth]);
-    // Print the banner once on mount (it's a transcript item like everything else).
-    useEffect(() => {
-        push({ kind: 'banner', info: computeBanner(cwd, version, auth, profileName) });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Resize redraw (debounced; only when COLUMNS changed — height changes don't rewrap).
-    // The terminal rewraps old lines on narrow-resize, so nothing already printed can be
-    // trusted; we erase the viewport and replay the whole transcript at the new width.
-    // Hardening (SNAG-0026: mid-drag settles tore lines while conpty reflowed):
-    // - 400ms debounce: a direction-change pause in a back-and-forth drag is not
-    //   "settled" — one replay at the end, not several along the way.
-    // - home BEFORE erase (\x1b[H\x1b[2J — canonical cls order conpty handles).
-    // - synchronized output (\x1b[?2026h/l): WT applies clear+replay as ONE frame.
-    // The whole write goes THROUGH the console patch (serialized with Ink's frame
-    // erase/repaint) — never write raw escapes behind Ink's back, and never remount
-    // <Static> (see .claude/docs/gotchas-writer-tui.md for the s-0024 incident).
-    useEffect(() => {
-        let timer = null;
-        let replayTimer = null;
-        const onResize = () => {
-            if (timer)
-                clearTimeout(timer);
-            timer = setTimeout(() => {
-                timer = null;
-                const size = `${stdout.columns ?? 80}x${stdout.rows ?? 24}`;
-                if (size === lastSizeRef.current)
-                    return;
-                lastSizeRef.current = size;
-                // ORDER MATTERS (pty-harness verified): first re-render the dynamic region at
-                // the new width; only after Ink painted that frame do the replay. Replaying
-                // first leaves Ink writing an OLD-width frame after our clear — its rewrapped
-                // lines defeat the next erase and strand the frame's top border on screen.
-                setResizeTick(t => t + 1);
-                if (replayTimer)
-                    clearTimeout(replayTimer);
-                replayTimer = setTimeout(() => {
-                    replayTimer = null;
-                    console.log('\x1b[?2026h\x1b[H\x1b[2J' + renderTranscript(itemsRef.current, transcriptWidth()) + '\x1b[?2026l');
-                }, 80);
-            }, 400);
-        };
-        stdout.on('resize', onResize);
-        return () => {
-            if (timer)
-                clearTimeout(timer);
-            if (replayTimer)
-                clearTimeout(replayTimer);
-            stdout.off('resize', onResize);
-        };
-    }, [stdout, transcriptWidth]);
-    // CRITICAL: cap the rendered width to columns-1. A full-terminal-width element (the
-    // input border) sits exactly at the wrap boundary and wraps by one column; Ink then
-    // erases by a line count that's short, leaving the overflow behind — so every render
-    // STACKS a fresh frame instead of replacing it (unbounded growth → lag → freeze, and
-    // the resize artifacts). One free column means nothing wraps and erase is exact.
-    const width = Math.max(20, (stdout.columns ?? 80) - 1);
-    const status = useMemo(() => statusLine(cwd, profileName), [cwd, profileName]);
-    const palette = filterCommands(input);
-    const paletteOpen = palette.length > 0 && !busy;
-    // Cap the live area well under typical terminal heights; the held-back text appears
-    // markdown-rendered when its paragraph (or code fence) completes.
-    const liveView = live !== null ? liveTail(live, 8, width) : null;
-    const restartSession = useCallback((resume) => {
-        sessionRef.current?.close();
-        sessionRef.current = createSession({ cwd, resume, profileName, allowProdWrites: allowProdRef.current });
-        if (!resume)
-            trackerRef.current = { uuid: null, firstPrompt: null, titleFired: false };
-    }, [cwd, profileName]);
-    /** After a successful article write, surface where to see the outcome (option C). */
-    const pushArticleLinks = useCallback((toolName, input, output) => {
-        if (!ARTICLE_WRITE_TOOLS.test(toolName))
-            return;
-        try {
-            const active = resolveActiveProfile(cwd, profileName);
-            const projectId = (typeof input['project_id'] === 'string' && input['project_id']) || active.project.projectId;
-            const articleId = extractArticleId(input, output);
-            const lines = [];
-            const publicUrl = extractPublicUrl(output);
-            if (toolName.endsWith('publish_article') && publicUrl)
-                lines.push(`Live: ${publicUrl}`);
-            if (articleId && projectId) {
-                lines.push(`Preview in Document360: ${articleEditorUrl(active.connection.portalUrl, projectId, articleId, active.project.languageCode ?? 'en')}`);
-            }
-            if (lines.length > 0)
-                push({ kind: 'link', lines });
-        }
-        catch {
-            /* no/invalid profile — skip the links */
-        }
-    }, [cwd, profileName, push]);
-    const runPrompt = useCallback(async (text) => {
-        setStarted(true);
-        setGhost(null);
-        const ghostSeq = ++ghostSeqRef.current;
-        push({ kind: 'user', text });
-        const tracker = trackerRef.current;
-        if (!tracker.firstPrompt)
-            tracker.firstPrompt = text;
-        turnStartRef.current = Date.now();
-        setTurnChars(0);
-        setBusy(true);
-        shownToolsRef.current.clear();
-        let turnText = ''; // all assistant text this turn (for the next-action suggestion)
-        let buffer = '';
-        // Throttle live repaints to ~16fps: a repaint per token delta flickers and
-        // multiplies the chances of erase/rewrap races; batching costs nothing visible.
-        let liveTimer = null;
-        const scheduleLive = () => {
-            if (liveTimer)
-                return;
-            liveTimer = setTimeout(() => {
-                liveTimer = null;
-                setLive(buffer.length > 0 ? buffer : null);
-            }, 60);
-        };
-        const clearLive = () => {
-            if (liveTimer)
-                clearTimeout(liveTimer);
-            liveTimer = null;
-            setLive(null);
-        };
-        const flush = () => {
-            if (buffer.trim()) {
-                const t = buffer.trimEnd();
-                push({ kind: 'assistant', text: t });
-            }
-            buffer = '';
-            clearLive();
-        };
-        try {
-            for await (const ev of sessionRef.current.send(text)) {
-                if (ev.type === 'session') {
-                    if (!tracker.uuid) {
-                        tracker.uuid = ev.sessionId;
-                        const now = new Date().toISOString();
-                        upsertSession({ uuid: ev.sessionId, name: slugify(tracker.firstPrompt ?? 'session'), renamed: false, titled: false, cwd, firstPrompt: tracker.firstPrompt ?? '', createdAt: now, updatedAt: now });
-                    }
-                }
-                else if (ev.type === 'text') {
-                    buffer += ev.delta;
-                    turnText += ev.delta;
-                    // Flush completed paragraphs into the (markdown-rendered) transcript as they
-                    // stream — text that scrolls out of the viewport can't be repainted later.
-                    const cut = streamCut(buffer);
-                    if (cut > 0) {
-                        const chunk = buffer.slice(0, cut).trimEnd();
-                        if (chunk)
-                            push({ kind: 'assistant', text: chunk });
-                        buffer = buffer.slice(cut);
-                    }
-                    scheduleLive();
-                    setTurnChars(c => c + ev.delta.length);
-                }
-                else if (ev.type === 'tool') {
-                    const header = formatToolUse(ev.name, ev.input);
-                    if (header) {
-                        flush();
-                        push({ kind: 'tool', title: header.title, sep: header.sep, arg: header.arg });
-                        shownToolsRef.current.set(ev.id, { name: ev.name, input: ev.input });
-                    }
-                }
-                else if (ev.type === 'tool_result') {
-                    // Only render results whose call we showed (hidden tools stay hidden).
-                    const pending = shownToolsRef.current.get(ev.id);
-                    if (pending) {
-                        shownToolsRef.current.delete(ev.id);
-                        flush();
-                        const view = formatToolResult(ev.output);
-                        push({ kind: 'tool-result', lines: view.lines, hidden: view.hidden, isError: ev.isError });
-                        if (!ev.isError)
-                            pushArticleLinks(pending.name, pending.input, ev.output);
-                    }
-                }
-                else if (ev.type === 'result') {
-                    flush();
-                    push({ kind: 'done', seconds: Math.round((Date.now() - turnStartRef.current) / 1000), tokens: ev.outputTokens, ok: ev.ok });
-                    // Fire-and-forget ghost-text suggestion; drop it if a newer turn started.
-                    if (ev.ok && turnText.trim()) {
-                        void suggestNextAction(text, turnText, cwd)
-                            .then(s => {
-                            if (s && ghostSeqRef.current === ghostSeq)
-                                setGhost(s);
-                        })
-                            .catch(() => { });
-                    }
-                    if (tracker.uuid) {
-                        touchSession(tracker.uuid);
-                        if (!tracker.titleFired) {
-                            tracker.titleFired = true;
-                            const uuid = tracker.uuid;
-                            const fp = tracker.firstPrompt;
-                            if (fp)
-                                void generateTitle(fp, cwd).then(t => t && setTitle(uuid, t)).catch(() => { });
-                        }
-                    }
-                }
-                else if (ev.type === 'error') {
-                    flush();
-                    push({ kind: 'note', text: `agent error: ${ev.message}`, tone: 'error' });
-                }
-            }
-        }
-        finally {
-            setBusy(false);
-            clearLive();
-        }
-    }, [cwd, push, pushArticleLinks]);
-    const handleCommand = useCallback(async (line) => {
-        const parts = line.slice(1).trim().split(/\s+/);
-        const name = (parts[0] ?? '').toLowerCase();
-        const args = parts.slice(1);
-        switch (name) {
-            case 'help':
-                push({ kind: 'note', tone: 'info', text: COMMANDS.map(c => `  ${c.usage.padEnd(22)} ${c.desc}`).join('\n') });
-                return;
-            case 'exit':
-            case 'quit':
-                sessionRef.current?.close();
-                exit();
-                return;
-            case 'clear':
-                restartSession();
-                itemsRef.current = []; // fresh transcript model (what's on screen stays in scrollback)
-                setStarted(false);
-                setGhost(null);
-                ghostSeqRef.current++;
-                push({ kind: 'note', tone: 'info', text: 'Conversation reset (the previous session is still resumable via /resume).' });
-                return;
-            case 'allow-prod': {
-                let prod = false;
-                try {
-                    prod = resolveActiveProfile(cwd, profileName).production;
-                }
-                catch { /* none */ }
-                if (!prod) {
-                    push({ kind: 'note', tone: 'info', text: 'Current profile is not production — writes are already allowed.' });
-                    return;
-                }
-                allowProdRef.current = true;
-                restartSession();
-                push({ kind: 'note', tone: 'warn', text: '⚠ Production writes authorized for this session.' });
-                return;
-            }
-            case 'rename': {
-                const newName = args.join(' ').trim();
-                if (!newName) {
-                    push({ kind: 'note', tone: 'error', text: 'Usage: /rename <name>' });
-                    return;
-                }
-                const uuid = trackerRef.current.uuid;
-                if (!uuid) {
-                    push({ kind: 'note', tone: 'error', text: 'Send a message first — sessions save once the agent replies.' });
-                    return;
-                }
-                renameSession(uuid, newName);
-                push({ kind: 'note', tone: 'ok', text: `Session renamed to "${newName}".` });
-                return;
-            }
-            case 'profile': {
-                const target = args[0];
-                if (!target) {
-                    const cfg = readProjectConfig(cwd);
-                    const lines = Object.entries(cfg?.profiles ?? {}).map(([n, p]) => `  ${n === cfg?.defaultProfile ? '●' : ' '} ${n}${p.production ? ' ⚠ PRODUCTION' : ''}`);
-                    push({ kind: 'note', tone: 'info', text: lines.length ? lines.join('\n') : 'No profiles. Run d360-writer init.' });
-                    return;
-                }
-                const cfg = readProjectConfig(cwd);
-                if (!cfg?.profiles?.[target]) {
-                    push({ kind: 'note', tone: 'error', text: `Unknown profile "${target}".` });
-                    return;
-                }
-                cfg.defaultProfile = target;
-                writeProjectConfig(cfg, cwd);
-                restartSession();
-                push({ kind: 'note', tone: 'ok', text: `Switched to profile "${target}" (agent restarted).` });
-                return;
-            }
-            case 'resume': {
-                const target = args.join(' ').trim();
-                const sessions = listSessions(cwd).filter(s => s.uuid !== trackerRef.current.uuid);
-                if (!target) {
-                    if (!sessions.length) {
-                        push({ kind: 'note', tone: 'info', text: 'No saved sessions for this repo yet.' });
-                        return;
-                    }
-                    const lines = sessions.slice(0, 15).map(s => `  ${s.name}  —  ${s.firstPrompt.slice(0, 60)}`);
-                    push({ kind: 'note', tone: 'info', text: `Resume with /resume <name>:\n${lines.join('\n')}` });
-                    return;
-                }
-                const rec = findByName(cwd, target);
-                if (!rec) {
-                    push({ kind: 'note', tone: 'error', text: `No session matches "${target}".` });
-                    return;
-                }
-                restartSession(rec.uuid);
-                trackerRef.current = { uuid: rec.uuid, firstPrompt: rec.firstPrompt, titleFired: true };
-                touchSession(rec.uuid);
-                push({ kind: 'note', tone: 'ok', text: `Resumed "${rec.name}".` });
-                return;
-            }
-            case 'workspace': {
-                const target = args.join(' ').trim();
-                let data;
-                try {
-                    data = await fetchWorkspaces(cwd, profileName);
-                }
-                catch (e) {
-                    push({ kind: 'note', tone: 'error', text: `Could not list workspaces: ${e.message}` });
-                    return;
-                }
-                if (!target) {
-                    const lines = data.workspaces.map(w => `  ${w.id === data.current ? '●' : ' '} ${w.name ?? w.id}${w.workspace_type ? ` · ${w.workspace_type}` : ''}`);
-                    push({ kind: 'note', tone: 'info', text: `Workspaces (switch with /workspace <name>):\n${lines.join('\n')}` });
-                    return;
-                }
-                const w = matchWorkspace(data.workspaces, target);
-                if (!w) {
-                    push({ kind: 'note', tone: 'error', text: `No workspace matches "${target}".` });
-                    return;
-                }
-                setWorkspace(cwd, data.profile, data.projectId, w.id);
-                push({ kind: 'note', tone: 'ok', text: `Switched to workspace "${w.name ?? w.id}" (agent restarted).` });
-                restartSession();
-                return;
-            }
-            case 'preview': {
-                const target = args.join(' ').trim();
-                if (!target) {
-                    push({ kind: 'note', tone: 'error', text: 'Usage: /preview <path-to.md | article-id>' });
-                    return;
-                }
-                const asPath = isAbsolute(target) ? target : join(cwd, target);
-                if (existsSync(asPath)) {
-                    try {
-                        push({ kind: 'preview', name: basename(asPath), text: stripFrontmatter(readFileSync(asPath, 'utf8')) });
-                    }
-                    catch (e) {
-                        push({ kind: 'note', tone: 'error', text: `Could not read ${asPath}: ${e.message}` });
-                    }
-                    return;
-                }
-                if (ARTICLE_ID_RE.test(target)) {
-                    try {
-                        const active = resolveActiveProfile(cwd, profileName);
-                        const ctx = { profile: active.name, connection: active.connection };
-                        const projectId = active.project.projectId ?? resolveProjectId(ctx);
-                        const article = await getArticle(ctx, projectId, target);
-                        push({ kind: 'preview', name: article.title ?? target, text: article.content ?? '*(article has no content)*' });
-                    }
-                    catch (e) {
-                        push({ kind: 'note', tone: 'error', text: `Could not fetch article: ${e.message}` });
-                    }
-                    return;
-                }
-                push({ kind: 'note', tone: 'error', text: `"${target}" is neither a file (relative to ${cwd}) nor an article id.` });
-                return;
-            }
-            case 'publish':
-            case 'audit':
-            case 'screenshot': {
-                // These build a prompt and forward it to the agent. Validate args so their
-                // console.log usage-error path never fires inside Ink.
-                if (name === 'publish' && !args[0]) {
-                    push({ kind: 'note', tone: 'error', text: 'Usage: /publish <article-path>' });
-                    return;
-                }
-                if (name === 'screenshot' && !args[0]) {
-                    push({ kind: 'note', tone: 'error', text: 'Usage: /screenshot <id>' });
-                    return;
-                }
-                const fn = (name === 'publish' ? publishCommand : name === 'audit' ? auditCommand : screenshotCommand);
-                const result = await fn(args, undefined);
-                if (result.kind === 'forward-to-agent' && result.prompt)
-                    await runPrompt(result.prompt);
-                return;
-            }
-            default:
-                push({ kind: 'note', tone: 'error', text: `Unknown command: /${name} — type /help.` });
-        }
-    }, [cwd, exit, profileName, push, restartSession, runPrompt]);
-    const submit = useCallback(() => {
-        const text = input.trim();
-        setInput('');
-        setHistoryIndex(null);
-        setPaletteIndex(0);
-        if (!text)
-            return;
-        historyRef.current.push(text);
-        if (text.startsWith('/'))
-            void handleCommand(text);
-        else
-            void runPrompt(text);
-    }, [input, handleCommand, runPrompt]);
-    useInput((char, key) => {
-        if (key.ctrl && char === 'c') {
-            sessionRef.current?.close();
-            exit();
-            return;
-        }
-        if (busy)
-            return; // ignore input while the agent is working
-        // Tab accepts the ghost suggestion (palette is closed when input is empty).
-        if (key.tab && !input && ghost) {
-            setInput(ghost);
-            setGhost(null);
-            ghostSeqRef.current++;
-            return;
-        }
-        if (paletteOpen) {
-            if (key.upArrow) {
-                setPaletteIndex(i => Math.max(0, i - 1));
-                return;
-            }
-            if (key.downArrow) {
-                setPaletteIndex(i => Math.min(palette.length - 1, i + 1));
-                return;
-            }
-            if (key.tab) {
-                setInput('/' + (palette[paletteIndex]?.name ?? '') + ' ');
-                setPaletteIndex(0);
-                return;
-            }
-        }
-        else {
-            if (key.upArrow) {
-                const h = historyRef.current;
-                if (!h.length)
-                    return;
-                const idx = historyIndex === null ? h.length - 1 : Math.max(0, historyIndex - 1);
-                setHistoryIndex(idx);
-                setInput(h[idx] ?? '');
-                return;
-            }
-            if (key.downArrow) {
-                const h = historyRef.current;
-                if (historyIndex === null)
-                    return;
-                const idx = historyIndex + 1;
-                if (idx >= h.length) {
-                    setHistoryIndex(null);
-                    setInput('');
-                }
-                else {
-                    setHistoryIndex(idx);
-                    setInput(h[idx] ?? '');
-                }
-                return;
-            }
-        }
-        if (key.return) {
-            submit();
-            return;
-        }
-        if (key.backspace || key.delete) {
-            setInput(s => s.slice(0, -1));
-            return;
-        }
-        if (key.escape) {
-            setInput('');
-            setPaletteIndex(0);
-            setGhost(null);
-            return;
-        }
-        if (char && !key.ctrl && !key.meta)
-            setInput(s => s + char);
-    });
-    return (_jsxs(Box, { flexDirection: "column", width: width, children: [liveView !== null && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [liveView.truncated && _jsx(Text, { dimColor: true, children: '…' }), _jsx(Text, { children: liveView.text })] })), busy && _jsx(Working, { startTime: turnStartRef.current, chars: turnChars }), paletteOpen && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: palette.map((c, i) => (_jsxs(Text, { color: i === paletteIndex ? 'cyan' : 'gray', children: [i === paletteIndex ? '❯ ' : '  ', c.usage.padEnd(22), " ", c.desc] }, c.name))) })), _jsxs(Box, { borderStyle: "round", borderColor: status.prod ? 'yellow' : 'cyan', borderTop: true, borderBottom: true, borderLeft: false, borderRight: false, marginTop: paletteOpen ? 0 : 1, children: [_jsx(Text, { color: "cyan", children: '> ' }), input ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: input }), _jsx(Cursor, { ch: " " })] })) : ghost && !busy ? (_jsxs(_Fragment, { children: [_jsx(Cursor, { ch: ghost[0], dim: true }), _jsx(Text, { color: "gray", children: ghost.slice(1) }), _jsx(Text, { dimColor: true, children: '  (tab)' })] })) : started ? (_jsx(Cursor, { ch: " " })) : (_jsxs(_Fragment, { children: [_jsx(Cursor, { ch: PLACEHOLDER[0], dim: true }), _jsx(Text, { color: "gray", children: PLACEHOLDER.slice(1) })] }))] }), _jsx(Box, { paddingX: 1, children: _jsxs(Text, { color: "gray", children: [status.prod ? '⚠ PRODUCTION  ·  ' : '', '/help · ↑ history · ctrl+c exit'] }) })] }));
-}
-//# sourceMappingURL=App.js.map