glitool 1.0.1 → 2.0.1

package/dist/ui/AuthFlow.js

@@ -0,0 +1,76 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef } from 'react';
+import { Box, Text } from 'ink';
+import { colors } from './tokens.js';
+import { startDeviceFlow, pollDeviceFlow, saveAuth } from '../auth.js';
+const SPINNER = ['◐', '◓', '◑', '◒'];
+export const AuthFlow = ({ onDone, onCancel }) => {
+    const [flow, setFlow] = useState(null);
+    const [phase, setPhase] = useState('loading');
+    const [errorMsg, setErrorMsg] = useState('');
+    const [frame, setFrame] = useState(0);
+    const pollTimer = useRef(null);
+    const spinTimer = useRef(null);
+    useEffect(() => {
+        spinTimer.current = setInterval(() => setFrame(f => (f + 1) % SPINNER.length), 180);
+        startDeviceFlow()
+            .then(data => {
+            setFlow(data);
+            setPhase('waiting');
+            pollTimer.current = setInterval(async () => {
+                try {
+                    const result = await pollDeviceFlow(data.device_code);
+                    if (result.status === 'complete' && result.access_token) {
+                        clearInterval(pollTimer.current);
+                        clearInterval(spinTimer.current);
+                        const auth = {
+                            token: result.access_token,
+                            plan: result.plan ?? 'free',
+                            email: result.email ?? '',
+                            requestsRemaining: result.requests_remaining ?? 50,
+                            resetDate: result.reset_date ?? '',
+                            savedAt: new Date().toISOString(),
+                        };
+                        saveAuth(auth);
+                        setPhase('success');
+                        setTimeout(() => onDone(auth), 1200);
+                    }
+                    else if (result.status === 'expired') {
+                        clearInterval(pollTimer.current);
+                        clearInterval(spinTimer.current);
+                        setPhase('expired');
+                    }
+                }
+                catch {
+                    // network hiccup — keep polling
+                }
+            }, 5000);
+        })
+            .catch(err => {
+            clearInterval(spinTimer.current);
+            setPhase('error');
+            setErrorMsg(err?.message ?? 'Could not reach Glitool server');
+        });
+        return () => {
+            if (pollTimer.current)
+                clearInterval(pollTimer.current);
+            if (spinTimer.current)
+                clearInterval(spinTimer.current);
+        };
+    }, []);
+    if (phase === 'loading') {
+        return (_jsxs(Box, { borderStyle: "round", borderColor: colors.amber, paddingX: 1, children: [_jsxs(Text, { color: colors.amber, children: [SPINNER[frame], "  "] }), _jsx(Text, { color: colors.muted, children: "Connecting to Glitool..." })] }));
+    }
+    if (phase === 'error') {
+        return (_jsxs(Box, { borderStyle: "round", borderColor: colors.rust, paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: colors.rust, children: ["\u2717 Sign-in failed: ", errorMsg] }), _jsx(Text, { color: colors.muted, dimColor: true, children: "Type /signup to try again, or Esc to cancel." })] }));
+    }
+    if (phase === 'expired') {
+        return (_jsxs(Box, { borderStyle: "round", borderColor: colors.rust, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.rust, children: "\u2717 Code expired." }), _jsx(Text, { color: colors.muted, dimColor: true, children: "Type /signup to get a new code." })] }));
+    }
+    if (phase === 'success') {
+        return (_jsx(Box, { borderStyle: "round", borderColor: colors.sage, paddingX: 1, children: _jsx(Text, { color: colors.sage, children: "\u2713 Signed in! Glitool is ready." }) }));
+    }
+    // waiting
+    const activateUrl = `${flow.verification_uri}?code=${flow.user_code}`;
+    return (_jsxs(Box, { borderStyle: "round", borderColor: colors.amber, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.amber, bold: true, children: "Sign in to Glitool  (free \u00B7 50 req/month)" }), _jsx(Text, { children: " " }), _jsx(Text, { color: colors.muted, children: "1.  Open this URL in your browser:" }), _jsxs(Text, { color: "cyan", children: ["    ", activateUrl] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.muted, children: ["2.  Your terminal code: ", _jsx(Text, { color: "white", bold: true, children: flow.user_code })] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: colors.muted, children: [SPINNER[frame], "  Waiting for sign-in...  ", _jsx(Text, { dimColor: true, children: "(Esc to cancel)" })] })] }));
+};

package/dist/ui/ConfirmCard.js

@@ -0,0 +1,53 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import { colors } from "./tokens.js";
+import { symbols } from "./symbols.js";
+function buildDiff(req) {
+    const lines = [];
+    if (req.type === 'write') {
+        const all = (req.content ?? '').split('\n');
+        all.slice(0, 20).forEach(text => lines.push({ type: 'add', text }));
+        if (all.length > 20) {
+            lines.push({ type: 'context', text: `...${all.length - 20} more lines` });
+        }
+    }
+    else {
+        (req.oldString ?? '').split('\n').forEach(text => lines.push({ type: 'remove', text }));
+        (req.newString ?? '').split('\n').forEach(text => lines.push({ type: 'add', text }));
+    }
+    return lines;
+}
+const DiffLine = ({ line }) => {
+    if (line.type === 'add') {
+        return _jsxs(Text, { color: colors.sage, children: [" ", symbols.add, " ", line.text] });
+    }
+    if (line.type === 'remove') {
+        return _jsxs(Text, { color: colors.rust, children: [" ", symbols.remove, " ", line.text] });
+    }
+    return _jsxs(Text, { color: colors.muted, children: [" ", line.text] });
+};
+export const ConfirmCard = ({ request, onChoice }) => {
+    useInput((input, key) => {
+        const lower = input.toLowerCase();
+        if (lower === 'y' || key.return) {
+            onChoice('y');
+            return;
+        }
+        if (lower === 'n' || key.escape) {
+            onChoice('n');
+            return;
+        }
+        if (lower === 'd') {
+            onChoice('d');
+            return;
+        }
+    });
+    const risk = request.risk ?? 'low';
+    const riskColor = risk === 'high' ? colors.rust : colors.mustard;
+    const verb = request.type === 'write' ? 'write' : 'edit';
+    const diffLines = buildDiff(request);
+    const added = diffLines.filter(l => l.type === 'add').length;
+    const removed = diffLines.filter(l => l.type === 'remove').length;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: colors.mustard, bold: true, children: symbols.warning }), _jsxs(Text, { color: colors.ink, bold: true, children: ["glitool wants to ", verb, " ", request.filePath] }), _jsx(Text, { color: colors.muted, children: "     " }), _jsxs(Text, { color: riskColor, bold: true, children: ["risk \u00B7 ", risk] })] }), _jsxs(Box, { borderStyle: "single", borderColor: colors.line, flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { children: [_jsx(Box, { flexGrow: 1, children: _jsx(Text, { color: colors.muted, children: request.filePath }) }), _jsxs(Text, { color: colors.sage, children: ["+", added] }), _jsx(Text, { color: colors.muted, children: "  " }), _jsxs(Text, { color: colors.rust, children: ["-", removed] })] }), diffLines.map((line, i) => (_jsx(DiffLine, { line: line }, i)))] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.muted, children: "Apply this change?   " }), _jsx(Text, { color: colors.amber, bold: true, children: "[d]" }), _jsx(Text, { color: colors.muted, children: " view full diff   " }), _jsx(Text, { color: colors.amber, bold: true, children: "[n]" }), _jsx(Text, { color: colors.muted, children: " reject   " }), _jsx(Text, { color: colors.amber, bold: true, children: "[y]" }), _jsx(Text, { color: colors.muted, children: " approve" })] })] }));
+};

package/dist/ui/EscalationCard.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput } from 'ink';
+import { colors } from './tokens.js';
+export const EscalationCard = ({ payload, onChoice }) => {
+    useInput((input) => {
+        const k = input.toLowerCase();
+        if (k === 'a')
+            onChoice('approve');
+        else if (k === 'c')
+            onChoice('correct');
+        else if (k === 'x')
+            onChoice('abort');
+    });
+    const planPreview = payload.plan.length > 400
+        ? payload.plan.slice(0, 400) + '…'
+        : payload.plan;
+    const outputPreview = payload.finalOutput.length > 300
+        ? payload.finalOutput.slice(0, 300) + '…'
+        : payload.finalOutput;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.amber, paddingX: 1, marginBottom: 1, children: [_jsx(Text, { bold: true, color: colors.amber, children: `⚠ Escalation — Judge gave up after ${payload.trajectory.length} attempts` }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, children: "Original request:" }), _jsx(Text, { wrap: "wrap", children: payload.userMessage })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, children: "Plan:" }), _jsx(Text, { color: "white", wrap: "wrap", children: planPreview })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, children: "Judge trail:" }), payload.trajectory.map((t) => (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: `  #${t.iteration} ` }), _jsx(Text, { color: t.verdict === 'ok' ? 'green' : 'red', children: t.verdict.toUpperCase() }), _jsx(Text, { color: "gray", children: ` · ${t.failure_point ?? 'none'} · ` }), _jsx(Text, { wrap: "wrap", children: t.reason })] }, t.iteration)))] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.muted, children: "Current output (preview):" }), _jsx(Text, { wrap: "wrap", children: outputPreview })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, color: "green", children: "[a]" }), _jsx(Text, { children: ' approve as-is  ' }), _jsx(Text, { bold: true, color: "yellow", children: "[c]" }), _jsx(Text, { children: ' give correction  ' }), _jsx(Text, { bold: true, color: "red", children: "[x]" }), _jsx(Text, { children: ' abort' })] })] }));
+};

package/dist/ui/ExplainCard.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { colors } from "./tokens.js";
+export const ExplainCard = ({ children, footer }) => (_jsxs(Box, { borderStyle: "single", borderColor: colors.amber, borderTop: false, borderRight: false, borderBottom: false, paddingLeft: 2, flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: colors.amber, bold: true, children: "\uD83D\uDCA1 EXPLAIN" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: typeof children === 'string' ? (_jsx(Text, { color: colors.ink2, wrap: "wrap", children: children })) : (children) }), footer && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: colors.muted, children: footer }) }))] }));

package/dist/ui/Pipeline.js

@@ -0,0 +1,37 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import { colors } from "./tokens.js";
+import { Box, Text } from "ink";
+const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+const AGENT_META = {
+    planner: { label: 'Planner', badge: 'P', color: colors.violet },
+    workflow: { label: 'Workflow', badge: 'W', color: colors.mustard },
+    coder: { label: 'Coder', badge: 'C', color: colors.amber },
+    validator: { label: 'Validator', badge: 'V', color: colors.sage },
+    judge: { label: 'Judge', badge: 'J', color: colors.rust },
+};
+function useSpinner() {
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        const id = setInterval(() => setFrame(f => (f + 1) % SPINNER_FRAMES.length), 80);
+        return () => clearInterval(id);
+    }, []);
+    return SPINNER_FRAMES[frame];
+}
+const ActiveCard = ({ name, badge, color, detail, spinner }) => (_jsxs(Box, { borderStyle: "single", borderColor: color, paddingX: 1, marginBottom: 1, children: [_jsxs(Text, { color: color, bold: true, children: [badge, " "] }), _jsxs(Text, { color: "white", bold: true, children: [name, "  "] }), _jsxs(Text, { color: color, children: [spinner, "  "] }), _jsx(Text, { color: colors.muted, children: detail ?? 'working...' })] }));
+const DoneRow = ({ agents }) => (_jsx(Box, { marginBottom: 1, paddingLeft: 1, children: agents.map((a, i) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: a.color, bold: true, children: a.badge }), _jsx(Text, { color: colors.sage, children: " \u2713 " }), i < agents.length - 1 && _jsx(Text, { color: colors.muted, children: "\u00B7 " })] }, a.label))) }));
+export const Pipeline = ({ planner, workflow, coder, validator, judge }) => {
+    const spinner = useSpinner();
+    const states = [
+        ['planner', planner],
+        ['workflow', workflow],
+        ['coder', coder],
+        ['validator', validator],
+        ['judge', judge],
+    ];
+    const doneAgents = states
+        .filter(([, s]) => s.status === 'done')
+        .map(([key]) => AGENT_META[key]);
+    const activeEntry = states.find(([, s]) => s.status === 'active');
+    return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [doneAgents.length > 0 && _jsx(DoneRow, { agents: doneAgents }), activeEntry && (_jsx(ActiveCard, { name: AGENT_META[activeEntry[0]].label, badge: AGENT_META[activeEntry[0]].badge, color: AGENT_META[activeEntry[0]].color, detail: activeEntry[1].detail, spinner: spinner }))] }));
+};

package/dist/ui/ProcessTrace.js

@@ -0,0 +1,79 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+const STAGE_COLOR = {
+    planner: '#c4732e',
+    coder: '#3e8a9a',
+    validator: '#6c5ab8',
+    judge: '#5a8c5a',
+    debugger: '#b54226',
+    reviewer: '#6c5ab8',
+    refactorer: '#3e8a9a',
+    git_agent: '#5a8c5a',
+};
+const STAGE_LABEL = {
+    planner: 'PLANNER',
+    coder: 'CODER',
+    validator: 'VALIDATOR',
+    judge: 'JUDGE',
+    debugger: 'DEBUGGER',
+    reviewer: 'REVIEWER',
+    refactorer: 'REFACTORER',
+    git_agent: 'GIT',
+};
+const TOOL_VERB = {
+    readFile: 'read',
+    writeFile: 'write',
+    editFile: 'edit',
+    searchCode: 'search',
+    listFiles: 'list',
+    bash: 'run',
+    webFetch: 'fetch',
+};
+export const ProcessTrace = ({ events, active }) => {
+    const SPINNER = ['◐', '◓', '◑', '◒'];
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        if (!active)
+            return;
+        const id = setInterval(() => setFrame(f => (f + 1) % SPINNER.length), 150);
+        return () => clearInterval(id);
+    }, [active]);
+    if (events.length === 0)
+        return null;
+    const sections = [];
+    for (const ev of events) {
+        if (ev.type === 'stage_start') {
+            sections.push({ stage: ev.stage, items: [], done: false });
+        }
+        else if (ev.type === 'stage_done') {
+            if (sections.length > 0)
+                sections[sections.length - 1].done = true;
+        }
+        else if (ev.type === 'reasoning' || ev.type === 'tool') {
+            if (sections.length > 0) {
+                sections[sections.length - 1].items.push(ev);
+            }
+        }
+    }
+    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: sections.map((sec, si) => {
+            const color = STAGE_COLOR[sec.stage];
+            const isLast = si === sections.length - 1;
+            const spinning = isLast && !sec.done && active;
+            const bullet = sec.done ? '●' : (spinning ? SPINNER[frame] : '○');
+            return (_jsxs(Box, { flexDirection: "column", marginBottom: isLast ? 0 : 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: color, bold: true, children: [bullet, " ", STAGE_LABEL[sec.stage]] }), spinning && _jsx(Text, { color: color, children: " \u00B7\u00B7\u00B7" })] }), sec.items.map((item, ii) => {
+                        if (item.type === 'reasoning') {
+                            return item.text
+                                .split('\n')
+                                .filter(Boolean)
+                                .slice(0, 4)
+                                .map((line, li) => (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "#8a8170", italic: true, children: line.trim() }) }, `${ii}-${li}`)));
+                        }
+                        if (item.type === 'tool') {
+                            const verb = TOOL_VERB[item.tool] ?? item.tool;
+                            return (_jsxs(Box, { marginLeft: 2, children: [_jsxs(Text, { color: color, children: ["  \u2713 ", verb] }), item.target ? (_jsxs(Text, { color: "#b3a994", children: ["  ", item.target] })) : null] }, ii));
+                        }
+                        return null;
+                    })] }, si));
+        }) }));
+};

package/dist/ui/RoleRow.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from 'ink';
+import { colors } from "./tokens.js";
+const ROLE_COLOR = {
+    you: colors.amber,
+    glitool: colors.ink2,
+    tools: colors.violet,
+    graph: colors.violet,
+    plan: colors.sage,
+    note: colors.muted
+};
+export const RoleRow = ({ role, timestamp, children }) => {
+    const lable = timestamp ? `${role} . ${timestamp}` : role;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: ROLE_COLOR[role], bold: true, children: lable.toUpperCase() }), _jsx(Box, { paddingLeft: 2, children: children })] }));
+};

package/dist/ui/RoleRow.test.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { render, Box, Text } from 'ink';
+import { RoleRow } from './RoleRow.js';
+import { colors } from './tokens.js';
+import { symbols } from './symbols.js';
+const Demo = () => (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(RoleRow, { role: "you", timestamp: "14:08", children: _jsx(Text, { children: "where do we resolve the OpenAI key?" }) }), _jsx(RoleRow, { role: "glitool", children: _jsx(Text, { children: "The key is loaded from ~/.glitool/.env at startup." }) }), _jsx(RoleRow, { role: "tools", children: _jsxs(Text, { color: colors.sage, children: [symbols.done, " readFile \u2192 src/agent.ts"] }) }), _jsxs(RoleRow, { role: "plan", children: [_jsx(Text, { children: "1. Add /memory case" }), _jsx(Text, { children: "2. Spawn $EDITOR" }), _jsx(Text, { children: "3. Confirm before write" })] }), _jsx(RoleRow, { role: "note", children: _jsx(Text, { color: colors.muted, children: "tip: pass -e to enable explain mode" }) })] }));
+render(_jsx(Demo, {}));

package/dist/ui/SlashPalette.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from 'ink';
+import { colors } from "./tokens.js";
+export const SLASH_COMMANDS = [
+    { cmd: '/help', desc: 'List commands and shortcuts' },
+    { cmd: '/plan', desc: 'Force planning mode (complex tier)' },
+    { cmd: '/coder', desc: 'Force coding mode (standard tier, graph)' },
+    { cmd: '/quick', desc: 'Force quick chat (cheapest model)' },
+    { cmd: '/explain', desc: 'Explanation only — no file edits' },
+    { cmd: '/model', desc: 'Show or switch the active model' },
+    { cmd: '/memory', desc: 'View or edit project memory and session summary' },
+    { cmd: '/tools', desc: 'List enabled tools and their permissions' },
+    { cmd: '/clear', desc: 'Clear current chat (keeps memory)' },
+    { cmd: '/reset', desc: 'Clear chat and wipe memory + summary' },
+    { cmd: '/exit', desc: 'Save summary and quit' },
+];
+export const SlashPalette = ({ items, selectedIndex }) => {
+    if (items.length === 0)
+        return null;
+    return (_jsxs(Box, { borderStyle: "single", borderColor: colors.line, flexDirection: "column", paddingX: 1, marginBottom: 1, children: [_jsx(Text, { color: colors.muted, children: "commands \u00B7 type to filter \u00B7 \u2191\u2193 navigate \u00B7 \u23CE run \u00B7 esc dismiss" }), items.map((item, i) => {
+                const isSelected = i === selectedIndex;
+                return (_jsxs(Box, { children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: colors.amber, children: isSelected ? '›' : ' ' }) }), _jsx(Box, { width: 11, children: _jsx(Text, { color: isSelected ? colors.amber : colors.ink, bold: isSelected, children: item.cmd }) }), _jsx(Text, { color: isSelected ? colors.ink2 : colors.muted, children: item.desc })] }, item.cmd));
+            })] }));
+};
+export function filterCommands(input) {
+    if (!input.startsWith('/'))
+        return [];
+    if (input === '/')
+        return SLASH_COMMANDS;
+    return SLASH_COMMANDS.filter(c => c.cmd.startsWith(input));
+}

package/dist/ui/StatusBar.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { colors } from "./tokens.js";
+import { symbols } from "./symbols.js";
+const STATE_COLOR = {
+    idle: colors.muted,
+    ready: colors.sage,
+    working: colors.amber,
+    awaiting: colors.mustard,
+    error: colors.rust,
+};
+const STATE_LABEL = {
+    idle: 'idle',
+    ready: 'ready',
+    working: 'working',
+    awaiting: 'awaiting confirm',
+    error: 'error',
+};
+function formatTokens(n) {
+    if (n < 1000)
+        return `${n} tokens`;
+    return `${(n / 1000).toFixed(1)}k tokens`;
+}
+function formatCost(c) {
+    return `$${c.toFixed(3)}`;
+}
+export const StatusBar = ({ state, detail, tier, anonLeft, model, tokens, cost }) => {
+    const dotColor = STATE_COLOR[state];
+    const stateLabel = STATE_LABEL[state];
+    const leftParts = [stateLabel];
+    if (detail)
+        leftParts.push(detail);
+    const rightParts = [];
+    if (tier) {
+        rightParts.push(`${tier}`);
+    }
+    else if (anonLeft !== undefined) {
+        rightParts.push(anonLeft > 0 ? `${anonLeft} free left` : 'sign up for more');
+    }
+    rightParts.push(model);
+    rightParts.push(formatTokens(tokens));
+    return (_jsxs(Box, { borderStyle: "single", borderColor: colors.line, paddingX: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: dotColor, children: symbols.statusDot }), _jsx(Text, { color: colors.ink2, children: leftParts.join(' . ') })] }), _jsx(Box, { children: _jsx(Text, { color: colors.muted, children: rightParts.join(' · ') }) })] }));
+};

package/dist/ui/ToolLog.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import React, { useEffect, useState } from "react";
+import { spinnerFrames } from "./symbols.js";
+import { colors } from "./tokens.js";
+const TOOL_ICON = {
+    bash: '$',
+    writeFile: '✎',
+    editFile: '✎',
+    readFile: '≡',
+    listFiles: '≡',
+    searchCode: '⌕',
+    webFetch: '↗',
+    readBackgroundOutput: '⊙',
+};
+const TOOL_COLOR = {
+    bash: colors.mustard,
+    writeFile: colors.amber,
+    editFile: colors.amber,
+    readFile: colors.teal,
+    listFiles: colors.teal,
+    searchCode: colors.teal,
+    webFetch: colors.violet,
+};
+function formatTarget(tool, target) {
+    let value = target;
+    try {
+        const parsed = JSON.parse(target);
+        value = parsed.command ?? parsed.filePath ?? parsed.pattern
+            ?? parsed.query ?? parsed.url ?? target;
+    }
+    catch { }
+    if (tool === 'bash') {
+        value = value.replace(/^npx\s+/, '').replace(/^node\s+/, '');
+    }
+    return value.length > 55 ? value.slice(0, 52) + '…' : value;
+}
+export const ToolLog = ({ entries }) => {
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        if (!entries.some(e => e.status === 'running'))
+            return;
+        const id = setInterval(() => setTick(t => t + 1), 120);
+        return () => clearInterval(id);
+    }, [entries]);
+    if (entries.length === 0)
+        return null;
+    return (_jsx(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: entries.map((e, i) => (_jsx(ToolLogRow, { entry: e, tick: tick }, i))) }));
+};
+const ToolLogRow = ({ entry, tick }) => {
+    const isRunning = entry.status === 'running';
+    const isDone = entry.status === 'done';
+    const spinner = spinnerFrames[tick % spinnerFrames.length];
+    const icon = isRunning ? spinner : isDone ? '✓' : '·';
+    const iconColor = isRunning ? colors.amber : isDone ? colors.sage : colors.muted;
+    const toolColor = TOOL_COLOR[entry.tool] ?? colors.muted2;
+    const toolIcon = TOOL_ICON[entry.tool] ?? '·';
+    const target = formatTarget(entry.tool, entry.target);
+    return (_jsxs(Box, { children: [_jsxs(Text, { color: iconColor, children: [icon, " "] }), _jsxs(Text, { color: toolColor, children: [toolIcon, " "] }), _jsx(Text, { color: toolColor, dimColor: isDone, children: entry.tool }), _jsx(Text, { color: colors.muted, children: " \u00B7 " }), _jsx(Text, { color: isDone ? colors.muted : colors.muted2, children: target }), entry.stat
+                ? _jsxs(Text, { color: colors.muted, children: ["  ", entry.stat] })
+                : null] }));
+};

package/dist/ui/Welcome.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from 'ink';
+import { colors } from "./tokens.js";
+const InfoRow = ({ label, children }) => (_jsxs(Box, { children: [_jsx(Box, { children: _jsx(Text, { color: colors.muted }) }), _jsx(Box, { children: children })] }));
+const Card = ({ title, badge, children }) => (_jsxs(Box, { borderStyle: "single", borderColor: colors.line, flexDirection: "column", paddingX: 1, marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.muted, bold: true, children: title }), badge && _jsxs(Text, { color: colors.sage, children: [" [", badge, "]"] })] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: children })] }));
+export const Welcome = ({ name, version, workspace, runtime, sessionResumed = false, priorTurns = 0, }) => {
+    const subtitle = sessionResumed ? `AI coding assistant · session resumed · ${priorTurns} prior turns summarized` : 'AI coding assistant';
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Box, { width: 4, children: _jsx(Text, { color: colors.amber, bold: true, children: "g" }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Text, { color: colors.ink, bold: true, children: ["Welcome back, ", name, "."] }), _jsx(Text, { color: colors.muted, children: subtitle })] }), _jsxs(Text, { color: colors.muted, children: ["v", version] })] }), _jsxs(Card, { title: "Workspace", badge: "indexed", children: [_jsx(InfoRow, { label: "path", children: _jsx(Text, { color: colors.ink, children: workspace.path }) }), _jsx(InfoRow, { label: "branch", children: _jsx(Text, { color: colors.ink, children: workspace.branch }) }), _jsx(InfoRow, { label: "files", children: _jsxs(Text, { color: colors.ink, children: [workspace.files, workspace.loc ? ` · ${workspace.loc}` : ''] }) })] }), _jsxs(Card, { title: "Runtime", children: [_jsxs(InfoRow, { label: "model", children: [_jsx(Text, { color: colors.ink, children: runtime.model }), runtime.routerOn && _jsx(Text, { color: colors.amber, children: "  [router on]" })] }), _jsx(InfoRow, { label: "tools", children: _jsxs(Text, { color: colors.ink, children: [runtime.toolsCount, " enabled"] }) }), _jsxs(InfoRow, { label: "explain", children: [_jsx(Text, { color: colors.ink, children: runtime.explainOn ? 'on' : 'off' }), !runtime.explainOn && _jsx(Text, { color: colors.muted, children: " \u00B7 pass -e to enable" })] })] }), _jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(QuickHelp, { cmd: "/help", desc: "List commands and shortcuts" }), _jsx(QuickHelp, { cmd: "/model", desc: "Show or switch the active model" }), _jsx(QuickHelp, { cmd: "/tools", desc: "List available tools" }), _jsx(QuickHelp, { cmd: "/clear", desc: "Clear current session" }), _jsx(QuickHelp, { cmd: "/exit", desc: "Save summary and quit" })] })] }));
+};
+const QuickHelp = ({ cmd, desc }) => (_jsxs(Box, { children: [_jsx(Box, { width: 10, children: _jsx(Text, { color: colors.amber, bold: true, children: cmd }) }), _jsx(Text, { color: colors.muted, children: desc })] }));

package/dist/ui/renderMarkdown.js

@@ -0,0 +1,41 @@
+import chalk, {} from 'chalk';
+const SEVERITY = {
+    CRITICAL: chalk.hex('#b54226').bold, // rust — danger
+    WARNING: chalk.hex('#c69a3a').bold, // mustard — caution
+    SUGGESTION: chalk.hex('#6c5ab8').bold, // violet — info
+    GOOD: chalk.hex('#5a8c5a').bold, // sage — success
+    SUMMARY: chalk.hex('#c4732e').bold, // amber — neutral header
+    ERROR: chalk.hex('#b54226').bold, // rust
+    NOTE: chalk.hex('#c69a3a').bold, // mustard
+    INFO: chalk.hex('#3e8a9a').bold, // teal
+};
+export function renderMarkdown(text) {
+    return text
+        // fenced code blocks ```...```
+        .replace(/```(?:\w+)?\n([\s\S]+?)```/gm, (_, code) => chalk.hex('#3e8a9a')(code.trimEnd()))
+        // ## H1/H2 → amber bold uppercase + padding
+        .replace(/^#{1,2} (.+)$/gm, (_, t) => '\n' + chalk.hex('#c4732e').bold(t.trim().toUpperCase()) + '\n')
+        // ### H3 → amber normal
+        .replace(/^### (.+)$/gm, (_, t) => chalk.hex('#c4732e')(t.trim()))
+        // **bold** → bold white
+        .replace(/\*\*(.+?)\*\*/g, (_, t) => chalk.bold.white(t))
+        // *italic* → muted italic
+        .replace(/\*([^*\n]+)\*/g, (_, t) => chalk.italic.hex('#8a8170')(t))
+        // `inline code` → teal
+        .replace(/`([^`\n]+)`/g, (_, t) => chalk.hex('#3e8a9a')(t))
+        // severity keywords on their own line (CRITICAL, WARNING etc)
+        .replace(/^(CRITICAL|WARNING|SUGGESTION|GOOD|SUMMARY|ERROR|NOTE|INFO)$/gm, (_, kw) => (SEVERITY[kw] ?? chalk.bold)(kw))
+        // severity keywords inline
+        .replace(/\b(CRITICAL|WARNING|SUGGESTION|GOOD|ERROR|NOTE|INFO)\b/g, (_, kw) => (SEVERITY[kw] ?? chalk.bold)(kw))
+        // file:line references → muted2 (readable but not distracting)
+        .replace(/\b([\w./\\-]+\.(ts|tsx|js|jsx|py|go|rs|json|md)):(\d+)(-\d+)?\b/g, (m) => chalk.hex('#b3a994')(m))
+        // --- horizontal rule → dim line
+        .replace(/^---+$/gm, chalk.hex('#8a8170')('─'.repeat(50)))
+        // numbered list → mustard number
+        .replace(/^(\d+)\. (.+)$/gm, (_, n, t) => `  ${chalk.hex('#c69a3a').bold(n + '.')} ${t}`)
+        // - bullet → amber arrow
+        .replace(/^[-*] (.+)$/gm, (_, t) => `  ${chalk.hex('#c4732e')('→')} ${t}`)
+        // _none_ → dimmed
+        .replace(/^_([^_\n]+)_$/gm, (_, t) => chalk.dim(t))
+        .trimEnd();
+}

package/dist/ui/symbols.js

@@ -0,0 +1,19 @@
+export const symbols = {
+    // input prefixes
+    prompt: '›',
+    confirmPrompt: '?',
+    // status
+    statusDot: '■',
+    // tool/agent state
+    done: '✓',
+    running: '●',
+    queued: '◌',
+    // diff
+    add: '+',
+    remove: '-',
+    // misc
+    arrow: '→',
+    warning: '!',
+};
+// Spinner frames for "running" state — cycle with setInterval(200ms)
+export const spinnerFrames = ['◌', '◐', '●', '◑'];

package/dist/ui/tokens.js

@@ -0,0 +1,13 @@
+export const colors = {
+    ink: '#1f1b16',
+    ink2: '#3b3429',
+    muted: '#8a8170',
+    muted2: '#b3a994',
+    line: '#e6ddc9',
+    amber: '#c4732e',
+    sage: '#5a8c5a',
+    rust: '#b54226',
+    mustard: '#c69a3a',
+    violet: '#6c5ab8',
+    teal: '#3e8a9a',
+};

package/dist/version.js

@@ -0,0 +1 @@
+export {};