glitool 1.0.0 → 2.0.0

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 {};

package/package.json

@@ -1,28 +1,33 @@
 {
- "name": "glitool",
-  "version": "1.0.0",
-  
+  "name": "glitool",
+  "version": "2.0.0",
+  "description": "AI coding assistant for your terminal",
   "main": "index.js",
+  "type": "module",
+  "bin": {
+    "glitool": "dist/index.js"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "tsc",
-    "dev": "tsx src/index.ts",
+    "dev": "tsx src/index.tsx",
     "prepublishOnly": "npm run build"
   },
-   "repository": {
-    "type": "git",
-    "url": "https://github.com/deep9038/glitool"
-  },
-  "bin": {
-    "glitool": "./dist/index.js"
-  },
-  "keywords": ["ai", "cli", "coding-assistant", "openai", "terminal"],
+  "keywords": [
+    "ai",
+    "cli",
+    "coding-assistant",
+    "openai",
+    "terminal"
+  ],
   "author": "Deep Sarkar <deep22sarkar@gmail.com>",
   "license": "MIT",
- "description": "AI coding assistant for your terminal",
- "homepage":"https://github.com/deep9038/glitool",
+  "homepage": "https://github.com/deep9038/glitool",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deep9038/glitool.git"
+  },
   "dependencies": {
-    "@inquirer/prompts": "^8.4.1",
     "@langchain/core": "^1.1.40",
     "@langchain/langgraph": "^1.2.9",
     "@langchain/ollama": "^1.2.6",
@@ -30,18 +35,20 @@
     "chalk": "^5.6.2",
     "commander": "^14.0.3",
     "dotenv": "^17.4.2",
-    "ink": "^7.0.1",
-    "ink-text-input": "^6.0.0",
+    "fast-glob": "^3.3.3",
+    "ink": "^4.4.1",
+    "ink-text-input": "^5.0.1",
     "ora": "^9.3.0",
-    "react": "^19.2.5"
+    "react": "^18.3.1",
+    "turndown": "^7.2.4"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",
-    "@types/react": "^19.2.14",
+    "@types/react": "^18.3.1",
+    "@types/turndown": "^5.0.6",
     "tsx": "^4.21.0",
     "typescript": "^6.0.2"
   },
-  "type": "module",
   "engines": {
     "node": ">=18.0.0"
   },