@yuaone/cli 0.1.2 → 0.3.0

package/dist/tui/components/MessageBubble.d.ts

@@ -0,0 +1,16 @@
+/**
+ * MessageBubble — renders a single message with role-based styling.
+ * User: ● you
+ * Assistant: ◆ yuan (with spinner when streaming)
+ * Tool: └─ ✓/✗ toolName (duration)
+ * System: dimmed text
+ */
+import React from "react";
+import type { TUIMessage } from "../types.js";
+export interface MessageBubbleProps {
+    message: TUIMessage;
+    width: number;
+    isLatest?: boolean;
+}
+export declare function MessageBubble({ message, width, isLatest, }: MessageBubbleProps): React.JSX.Element;
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/tui/components/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/tui/components/MessageBubble.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,aAAa,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+BD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8ExC"}

package/dist/tui/components/MessageBubble.js

@@ -0,0 +1,38 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { TOKENS } from "../lib/tokens.js";
+import { Spinner } from "./Spinner.js";
+import { MarkdownRenderer } from "./MarkdownRenderer.js";
+function ToolCallLine({ tc, isLast }) {
+    const connector = isLast ? TOKENS.tree.last : TOKENS.tree.branch;
+    const icon = tc.status === "running" ? null :
+        tc.status === "success" ? "✓" :
+            "✗";
+    const iconColor = tc.status === "success" ? "green" :
+        tc.status === "error" ? "red" :
+            undefined;
+    const duration = tc.duration != null ? ` (${tc.duration.toFixed(1)}s)` : "";
+    return (_jsxs(Box, { paddingLeft: 2, children: [_jsxs(Text, { dimColor: true, children: [connector, " "] }), tc.status === "running" ? (_jsx(Spinner, { label: tc.toolName })) : (_jsxs(_Fragment, { children: [_jsx(Text, { color: iconColor, children: icon }), _jsxs(Text, { dimColor: true, children: [" ", tc.toolName] }), _jsxs(Text, { dimColor: true, children: ["  ", tc.argsSummary] }), _jsx(Text, { dimColor: true, children: duration })] }))] }));
+}
+export function MessageBubble({ message, width, isLatest, }) {
+    const msg = message;
+    switch (msg.role) {
+        case "user":
+            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: "white", children: [TOKENS.brand.userPrefix, " you"] }), _jsxs(Text, { children: ["  ", msg.content] })] }));
+        case "assistant":
+            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: msg.isStreaming ? (_jsx(Spinner, { label: TOKENS.brand.name })) : (_jsxs(Text, { bold: true, color: "white", children: [TOKENS.brand.prefix, " ", TOKENS.brand.name] })) }), msg.content && (_jsx(Box, { paddingLeft: 2, children: _jsx(MarkdownRenderer, { content: msg.content, width: width - 4 }) })), msg.isStreaming && isLatest && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: "\u2588" }) })), msg.toolCalls && msg.toolCalls.length > 0 && (_jsx(Box, { flexDirection: "column", children: msg.toolCalls.map((tc, i) => (_jsx(ToolCallLine, { tc: tc, isLast: i === msg.toolCalls.length - 1 }, tc.id))) }))] }));
+        case "tool": {
+            const icon = msg.toolSuccess ? "✓" : "✗";
+            const iconColor = msg.toolSuccess ? "green" : "red";
+            const duration = msg.toolDurationMs
+                ? ` (${(msg.toolDurationMs / 1000).toFixed(1)}s)`
+                : "";
+            return (_jsxs(Box, { paddingLeft: 2, children: [_jsxs(Text, { dimColor: true, children: [TOKENS.tree.last, " "] }), _jsx(Text, { color: iconColor, children: icon }), _jsxs(Text, { dimColor: true, children: [" ", msg.toolName, duration] })] }));
+        }
+        case "system":
+            return (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["  ", msg.content] }) }));
+        default:
+            return _jsx(Box, {});
+    }
+}
+//# sourceMappingURL=MessageBubble.js.map

package/dist/tui/components/MessageBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../src/tui/components/MessageBubble.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/MessageList.d.ts

@@ -0,0 +1,15 @@
+/**
+ * MessageList — scrollable message area with virtual scroll.
+ * Uses MessageBubble for individual message rendering.
+ * Supports PageUp/PageDown scroll, auto-scroll on new messages.
+ */
+import React from "react";
+import type { TUIMessage } from "../types.js";
+export type { TUIMessage } from "../types.js";
+export interface MessageListProps {
+    messages: TUIMessage[];
+    isThinking?: boolean;
+    maxHeight?: number;
+}
+export declare function MessageList({ messages, isThinking, maxHeight, }: MessageListProps): React.JSX.Element;
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/tui/components/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/tui/components/MessageList.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsEtC"}

package/dist/tui/components/MessageList.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import { useTerminalSize } from "../hooks/useTerminalSize.js";
+import { useScrollPosition } from "../hooks/useScrollPosition.js";
+import { MessageBubble } from "./MessageBubble.js";
+import { Spinner } from "./Spinner.js";
+import { TOKENS } from "../lib/tokens.js";
+export function MessageList({ messages, isThinking, maxHeight, }) {
+    const { columns, rows } = useTerminalSize();
+    const height = maxHeight ?? rows - 4;
+    // Approximate: each message takes ~3 lines on average
+    const viewportMsgCount = Math.max(3, Math.floor(height / 3));
+    const [scroll, scrollActions] = useScrollPosition(messages.length, viewportMsgCount);
+    // Key handling for scroll
+    useInput((_input, key) => {
+        if (key.pageUp) {
+            scrollActions.pageUp();
+        }
+        else if (key.pageDown) {
+            scrollActions.pageDown();
+        }
+    });
+    // Compute visible slice
+    const startIdx = scroll.offset;
+    const endIdx = Math.min(messages.length, startIdx + viewportMsgCount);
+    const visibleMessages = messages.slice(startIdx, endIdx);
+    const hasAbove = scroll.aboveCount > 0;
+    const hasBelow = scroll.belowCount > 0;
+    return (_jsxs(Box, { flexDirection: "column", height: height, overflow: "hidden", children: [hasAbove && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { dimColor: true, children: ["\u2191 ", scroll.aboveCount, " more"] }) })), visibleMessages.length === 0 && !isThinking && (_jsx(Box, { justifyContent: "center", marginTop: Math.floor(height / 3), children: _jsx(Text, { dimColor: true, children: "Type a message to start..." }) })), visibleMessages.map((msg, i) => (_jsx(MessageBubble, { message: msg, width: columns, isLatest: startIdx + i === messages.length - 1 }, msg.id))), isThinking && !messages.some((m) => m.isStreaming) && (_jsxs(Box, { marginTop: 0, children: [_jsx(Text, { children: "  " }), _jsx(Spinner, { label: `${TOKENS.brand.name} ·····` })] })), hasBelow && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { dimColor: true, children: ["\u2193 ", scroll.belowCount, " more"] }) }))] }));
+}
+//# sourceMappingURL=MessageList.js.map

package/dist/tui/components/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/tui/components/MessageList.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/SlashMenu.d.ts

@@ -0,0 +1,14 @@
+/**
+ * SlashMenu — autocomplete dropdown for slash commands.
+ * Appears above the input box when user types "/".
+ */
+import React from "react";
+import type { SlashCommand } from "../types.js";
+export interface SlashMenuProps {
+    commands: SlashCommand[];
+    selectedIndex: number;
+    isOpen: boolean;
+    width: number;
+}
+export declare function SlashMenu({ commands, selectedIndex, isOpen, width, }: SlashMenuProps): React.JSX.Element | null;
+//# sourceMappingURL=SlashMenu.d.ts.map

package/dist/tui/components/SlashMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../../src/tui/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAmD3C"}

package/dist/tui/components/SlashMenu.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { TOKENS } from "../lib/tokens.js";
+export function SlashMenu({ commands, selectedIndex, isOpen, width, }) {
+    if (!isOpen || commands.length === 0)
+        return null;
+    const maxVisible = Math.min(commands.length, 8);
+    const visible = commands.slice(0, maxVisible);
+    const boxWidth = Math.min(width - 4, 50);
+    return (_jsxs(Box, { flexDirection: "column", width: boxWidth, children: [_jsxs(Text, { dimColor: true, children: [TOKENS.box.topLeft, TOKENS.box.horizontal.repeat(boxWidth - 2), TOKENS.box.topRight] }), visible.map((cmd, i) => {
+                const isSelected = i === selectedIndex;
+                const nameWidth = 12;
+                const name = cmd.name.padEnd(nameWidth);
+                const descWidth = boxWidth - nameWidth - 6;
+                const desc = cmd.description.length > descWidth
+                    ? cmd.description.slice(0, descWidth - 1) + "…"
+                    : cmd.description;
+                return (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: [TOKENS.box.vertical, " "] }), isSelected ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "white", children: name }), _jsxs(Text, { color: "white", children: [" ", desc] })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { children: name }), _jsxs(Text, { dimColor: true, children: [" ", desc] })] }))] }, cmd.name));
+            }), commands.length > maxVisible && (_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: [TOKENS.box.vertical, " ... ", commands.length - maxVisible, " more"] }) })), _jsxs(Text, { dimColor: true, children: [TOKENS.box.bottomLeft, TOKENS.box.horizontal.repeat(boxWidth - 2), TOKENS.box.bottomRight] })] }));
+}
+//# sourceMappingURL=SlashMenu.js.map

package/dist/tui/components/SlashMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashMenu.js","sourceRoot":"","sources":["../../../src/tui/components/SlashMenu.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAU1C,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,MAAM,EACN,KAAK,GACU;IACf,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAElD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,QAAQ,aACzC,MAAC,IAAI,IAAC,QAAQ,mBACX,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,IAC/E,EACN,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;gBACtB,MAAM,UAAU,GAAG,CAAC,KAAK,aAAa,CAAC;gBACvC,MAAM,SAAS,GAAG,EAAE,CAAC;gBACrB,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;gBACxC,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC;gBAC3C,MAAM,IAAI,GACR,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,SAAS;oBAChC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG;oBAC/C,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC;gBAEtB,OAAO,CACL,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,QAAQ,mBAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,SAAS,EAC3C,UAAU,CAAC,CAAC,CAAC,CACZ,8BACE,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,OAAO,YAAE,IAAI,GAAQ,EACtC,MAAC,IAAI,IAAC,KAAK,EAAC,OAAO,kBAAG,IAAI,IAAQ,IACjC,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,IAAI,cAAE,IAAI,GAAQ,EACnB,MAAC,IAAI,IAAC,QAAQ,wBAAG,IAAI,IAAQ,IAC5B,CACJ,KAZO,GAAG,CAAC,IAAI,CAaZ,CACP,CAAC;YACJ,CAAC,CAAC,EACD,QAAQ,CAAC,MAAM,GAAG,UAAU,IAAI,CAC/B,KAAC,GAAG,cACF,MAAC,IAAI,IAAC,QAAQ,mBACX,MAAM,CAAC,GAAG,CAAC,QAAQ,WAAO,QAAQ,CAAC,MAAM,GAAG,UAAU,aAClD,GACH,CACP,EACD,MAAC,IAAI,IAAC,QAAQ,mBACX,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,WAAW,IACrF,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/tui/components/Spinner.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Spinner — braille dot animation (gray, dim).
+ */
+import React from "react";
+export interface SpinnerProps {
+    label?: string;
+}
+export declare function Spinner({ label }: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/tui/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/tui/components/Spinner.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBlE"}

package/dist/tui/components/Spinner.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Spinner — braille dot animation (gray, dim).
+ */
+import { useState, useEffect } from "react";
+import { Text } from "ink";
+import { TOKENS } from "../lib/tokens.js";
+export function Spinner({ label }) {
+    const { frames, interval } = TOKENS.spinner;
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame((f) => (f + 1) % frames.length);
+        }, interval);
+        return () => clearInterval(timer);
+    }, [frames.length, interval]);
+    return (_jsxs(Text, { dimColor: true, children: [frames[frame], label ? ` ${label}` : ""] }));
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/tui/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/tui/components/Spinner.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAgB;IAC7C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC,EAAE,QAAQ,CAAC,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,MAAC,IAAI,IAAC,QAAQ,mBACX,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IACnC,CACR,CAAC;AACJ,CAAC"}

package/dist/tui/components/StatusBar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * StatusBar — top bar showing version, model, tokens/s, status.
+ */
+import React from "react";
+export interface StatusBarProps {
+    version: string;
+    model: string;
+    provider: string;
+    tokensPerSec?: number;
+    isRunning?: boolean;
+}
+export declare function StatusBar({ version, model, provider, tokensPerSec, isRunning, }: StatusBarProps): React.JSX.Element;
+//# sourceMappingURL=StatusBar.d.ts.map

package/dist/tui/components/StatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../src/tui/components/StatusBar.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBpC"}

package/dist/tui/components/StatusBar.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { useTerminalSize } from "../hooks/useTerminalSize.js";
+import { TOKENS } from "../lib/tokens.js";
+export function StatusBar({ version, model, provider, tokensPerSec, isRunning, }) {
+    const { columns, tier } = useTerminalSize();
+    const left = `${TOKENS.brand.prefix} YUAN v${version}`;
+    const status = isRunning ? "●" : "○";
+    const tps = tokensPerSec != null ? `${tokensPerSec} tok/s` : "";
+    const right = tier === "compact"
+        ? `${status} ${model}`
+        : `${provider}/${model} ${status} ${tps}`;
+    return (_jsxs(Box, { width: columns, justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: left }), _jsx(Text, { dimColor: true, children: right })] }));
+}
+//# sourceMappingURL=StatusBar.js.map

package/dist/tui/components/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../src/tui/components/StatusBar.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAU1C,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,GACM;IACf,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,MAAM,IAAI,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,UAAU,OAAO,EAAE,CAAC;IACvD,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACrC,MAAM,GAAG,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,YAAY,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhE,MAAM,KAAK,GACT,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE;QACtB,CAAC,CAAC,GAAG,QAAQ,IAAI,KAAK,IAAI,MAAM,IAAI,GAAG,EAAE,CAAC;IAE9C,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,OAAO,EAAE,cAAc,EAAC,eAAe,aACjD,KAAC,IAAI,IAAC,QAAQ,kBAAE,IAAI,GAAQ,EAC5B,KAAC,IAAI,IAAC,QAAQ,kBAAE,KAAK,GAAQ,IACzB,CACP,CAAC;AACJ,CAAC"}

package/dist/tui/components/ThinkingDots.d.ts

@@ -0,0 +1,9 @@
+/**
+ * ThinkingDots — animated "·····" indicator, dim gray.
+ */
+import React from "react";
+export interface ThinkingDotsProps {
+    label?: string;
+}
+export declare function ThinkingDots({ label }: ThinkingDotsProps): React.JSX.Element;
+//# sourceMappingURL=ThinkingDots.d.ts.map

package/dist/tui/components/ThinkingDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingDots.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ThinkingDots.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgB5E"}

package/dist/tui/components/ThinkingDots.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ThinkingDots — animated "·····" indicator, dim gray.
+ */
+import { useState, useEffect } from "react";
+import { Text } from "ink";
+import { TOKENS } from "../lib/tokens.js";
+export function ThinkingDots({ label }) {
+    const { frames, interval } = TOKENS.dots;
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame((f) => (f + 1) % frames.length);
+        }, interval);
+        return () => clearInterval(timer);
+    }, [frames.length, interval]);
+    return (_jsxs(Text, { dimColor: true, children: [label ? `${label} ` : "", frames[frame]] }));
+}
+//# sourceMappingURL=ThinkingDots.js.map

package/dist/tui/components/ThinkingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingDots.js","sourceRoot":"","sources":["../../../src/tui/components/ThinkingDots.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAqB;IACvD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC,EAAE,QAAQ,CAAC,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,MAAC,IAAI,IAAC,QAAQ,mBACX,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,IACnC,CACR,CAAC;AACJ,CAAC"}

package/dist/tui/components/ToolCallTree.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ToolCallTree — tree-style tool call display with ├─ └─ connectors.
+ * Shows status indicators, durations, and expandable results.
+ */
+import React from "react";
+import type { TUIToolCall } from "../types.js";
+export interface ToolCallTreeProps {
+    toolCalls: TUIToolCall[];
+    width: number;
+}
+export declare function ToolCallTree({ toolCalls, width, }: ToolCallTreeProps): React.JSX.Element;
+//# sourceMappingURL=ToolCallTree.d.ts.map

package/dist/tui/components/ToolCallTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallTree.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ToolCallTree.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AA8FD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAavC"}

package/dist/tui/components/ToolCallTree.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ToolCallTree — tree-style tool call display with ├─ └─ connectors.
+ * Shows status indicators, durations, and expandable results.
+ */
+import { useState, useCallback } from "react";
+import { Box, Text } from "ink";
+import { TOKENS } from "../lib/tokens.js";
+import { Spinner } from "./Spinner.js";
+import { CollapsibleSection } from "./CollapsibleSection.js";
+import { DiffView } from "./DiffView.js";
+import { BashOutput } from "./BashOutput.js";
+import { truncate } from "../lib/truncate.js";
+import { useTerminalSize } from "../hooks/useTerminalSize.js";
+function ToolCallNode({ tc, isLast, width, }) {
+    const [isExpanded, setIsExpanded] = useState(tc.isExpanded);
+    const connector = isLast ? TOKENS.tree.last : TOKENS.tree.branch;
+    const continuation = isLast ? "  " : TOKENS.tree.pipe;
+    const toggleExpand = useCallback(() => {
+        setIsExpanded((prev) => !prev);
+    }, []);
+    // Status icon
+    let statusEl;
+    if (tc.status === "running") {
+        statusEl = _jsx(Spinner, {});
+    }
+    else {
+        const icon = tc.status === "success" ? "✓" : "✗";
+        const color = tc.status === "success" ? "green" : "red";
+        statusEl = _jsx(Text, { color: color, children: icon });
+    }
+    // Duration
+    const durationStr = tc.duration != null ? ` ${tc.duration.toFixed(1)}s` : "";
+    // Truncate args summary based on available width
+    const { tier } = useTerminalSize();
+    const maxArgWidth = tier === "compact" ? 20 : width - 30;
+    const args = tc.argsSummary
+        ? truncate(tc.argsSummary, maxArgWidth)
+        : "";
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: [connector, " "] }), _jsx(Text, { bold: true, children: tc.toolName }), args && _jsxs(Text, { dimColor: true, children: ["  ", args] }), _jsx(Text, { children: "  " }), statusEl, _jsx(Text, { dimColor: true, children: durationStr })] }), tc.result && tc.result.lineCount > 0 && (_jsxs(Box, { paddingLeft: 2, children: [_jsx(Text, { dimColor: true, children: continuation }), _jsx(Box, { flexDirection: "column", marginLeft: 1, children: tc.result.kind === "diff" && tc.result.diff ? (_jsx(CollapsibleSection, { isExpanded: isExpanded, onToggle: toggleExpand, collapsedSummary: `${tc.result.diff.additions + tc.result.diff.deletions} changes`, children: _jsx(DiffView, { diff: tc.result.diff, width: width - 6 }) })) : tc.result.kind === "bash_output" ? (_jsx(CollapsibleSection, { isExpanded: isExpanded, onToggle: toggleExpand, collapsedSummary: `${tc.result.lineCount} lines of output`, children: _jsx(BashOutput, { command: tc.toolName, output: tc.result.content, width: width - 6 }) })) : tc.result.lineCount > 10 ? (_jsx(CollapsibleSection, { isExpanded: isExpanded, onToggle: toggleExpand, collapsedSummary: `${tc.result.lineCount} lines`, children: _jsx(Text, { dimColor: true, children: tc.result.content }) })) : (_jsx(Text, { dimColor: true, children: tc.result.content })) })] }))] }));
+}
+export function ToolCallTree({ toolCalls, width, }) {
+    return (_jsx(Box, { flexDirection: "column", children: toolCalls.map((tc, i) => (_jsx(ToolCallNode, { tc: tc, isLast: i === toolCalls.length - 1, width: width }, tc.id))) }));
+}
+//# sourceMappingURL=ToolCallTree.js.map

package/dist/tui/components/ToolCallTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallTree.js","sourceRoot":"","sources":["../../../src/tui/components/ToolCallTree.tsx"],"names":[],"mappings":"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"}

package/dist/tui/hooks/useAgentStream.d.ts

@@ -0,0 +1,27 @@
+/**
+ * useAgentStream — bridges AgentLoop events to TUI React state.
+ * Converts agent events into TUIMessage updates, tracks streaming state.
+ */
+import type { AgentStreamState } from "../types.js";
+export interface UseAgentStreamReturn {
+    state: AgentStreamState;
+    /** Process an incoming agent event */
+    handleEvent: (event: AgentEventLike) => void;
+    /** Add a user message */
+    addUserMessage: (content: string) => void;
+    /** Add a system message (for slash commands, etc.) */
+    addSystemMessage: (content: string) => void;
+    /** Mark agent as started */
+    startAgent: () => void;
+    /** Interrupt and reset to idle */
+    interrupt: () => void;
+    /** Clear all messages */
+    clearMessages: () => void;
+}
+/** Minimal agent event shape (matches @yuaone/core AgentEvent) */
+export interface AgentEventLike {
+    kind: string;
+    [key: string]: unknown;
+}
+export declare function useAgentStream(): UseAgentStreamReturn;
+//# sourceMappingURL=useAgentStream.d.ts.map

package/dist/tui/hooks/useAgentStream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAgentStream.d.ts","sourceRoot":"","sources":["../../../src/tui/hooks/useAgentStream.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAA2B,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,gBAAgB,CAAC;IACxB,sCAAsC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,yBAAyB;IACzB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,sDAAsD;IACtD,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kCAAkC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,yBAAyB;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,kEAAkE;AAClE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,cAAc,IAAI,oBAAoB,CA+MrD"}

package/dist/tui/hooks/useAgentStream.js

@@ -0,0 +1,212 @@
+/**
+ * useAgentStream — bridges AgentLoop events to TUI React state.
+ * Converts agent events into TUIMessage updates, tracks streaming state.
+ */
+import { useState, useCallback, useRef } from "react";
+export function useAgentStream() {
+    const [messages, setMessages] = useState([]);
+    const [status, setStatus] = useState("idle");
+    const [streamBuffer, setStreamBuffer] = useState("");
+    const [tokensPerSecond, setTokensPerSecond] = useState(0);
+    const [totalTokensUsed, setTotalTokensUsed] = useState(0);
+    const currentMsgIdRef = useRef(null);
+    const tokenWindowRef = useRef([]);
+    const addUserMessage = useCallback((content) => {
+        const msg = {
+            id: `user-${Date.now()}`,
+            role: "user",
+            content,
+            timestamp: Date.now(),
+        };
+        setMessages((prev) => [...prev, msg]);
+    }, []);
+    const addSystemMessage = useCallback((content) => {
+        const msg = {
+            id: `sys-${Date.now()}`,
+            role: "system",
+            content,
+            timestamp: Date.now(),
+        };
+        setMessages((prev) => [...prev, msg]);
+    }, []);
+    const startAgent = useCallback(() => {
+        setStatus("thinking");
+        setStreamBuffer("");
+        const msgId = `assistant-${Date.now()}`;
+        currentMsgIdRef.current = msgId;
+        const msg = {
+            id: msgId,
+            role: "assistant",
+            content: "",
+            timestamp: Date.now(),
+            isStreaming: true,
+            toolCalls: [],
+        };
+        setMessages((prev) => [...prev, msg]);
+    }, []);
+    const updateCurrentMessage = useCallback((updater) => {
+        const id = currentMsgIdRef.current;
+        if (!id)
+            return;
+        setMessages((prev) => prev.map((m) => (m.id === id ? updater(m) : m)));
+    }, []);
+    const handleEvent = useCallback((event) => {
+        switch (event.kind) {
+            case "agent:thinking":
+                setStatus("thinking");
+                break;
+            case "agent:text_delta": {
+                const text = event.text;
+                setStreamBuffer((prev) => prev + text);
+                setStatus("streaming");
+                updateCurrentMessage((msg) => ({
+                    ...msg,
+                    content: msg.content + text,
+                }));
+                break;
+            }
+            case "agent:tool_call": {
+                setStatus("tool_running");
+                const tc = {
+                    id: `tc-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`,
+                    toolName: event.tool,
+                    argsSummary: summarizeArgs(event.input),
+                    status: "running",
+                    isExpanded: false,
+                };
+                updateCurrentMessage((msg) => ({
+                    ...msg,
+                    toolCalls: [...(msg.toolCalls ?? []), tc],
+                }));
+                break;
+            }
+            case "agent:tool_result": {
+                const toolName = event.tool;
+                const output = event.output;
+                const durationMs = event.durationMs;
+                updateCurrentMessage((msg) => {
+                    const toolCalls = [...(msg.toolCalls ?? [])];
+                    // Find the last running tool call with this name
+                    for (let i = toolCalls.length - 1; i >= 0; i--) {
+                        if (toolCalls[i].toolName === toolName && toolCalls[i].status === "running") {
+                            toolCalls[i] = {
+                                ...toolCalls[i],
+                                status: "success",
+                                duration: durationMs / 1000,
+                                result: {
+                                    kind: detectResultKind(toolName, output),
+                                    content: output,
+                                    lineCount: output.split("\n").length,
+                                },
+                            };
+                            break;
+                        }
+                    }
+                    return { ...msg, toolCalls };
+                });
+                break;
+            }
+            case "agent:error": {
+                const errMsg = event.message;
+                updateCurrentMessage((msg) => ({
+                    ...msg,
+                    content: msg.content + `\n\nError: ${errMsg}`,
+                    isStreaming: false,
+                }));
+                setStatus("idle");
+                currentMsgIdRef.current = null;
+                break;
+            }
+            case "agent:completed": {
+                const summary = event.summary;
+                updateCurrentMessage((msg) => ({
+                    ...msg,
+                    content: msg.content || summary,
+                    isStreaming: false,
+                }));
+                setStatus("idle");
+                setStreamBuffer("");
+                currentMsgIdRef.current = null;
+                break;
+            }
+            case "agent:token_usage": {
+                const input = event.input;
+                const output = event.output;
+                const total = input + output;
+                setTotalTokensUsed((prev) => prev + total);
+                // Rolling 3-second window for tokens/sec
+                const now = Date.now();
+                tokenWindowRef.current.push({ time: now, tokens: total });
+                tokenWindowRef.current = tokenWindowRef.current.filter((e) => now - e.time < 3000);
+                const windowTokens = tokenWindowRef.current.reduce((s, e) => s + e.tokens, 0);
+                const windowMs = Math.max(1, now - (tokenWindowRef.current[0]?.time ?? now));
+                setTokensPerSecond(Math.round((windowTokens / windowMs) * 1000));
+                break;
+            }
+            case "agent:approval_needed":
+                setStatus("awaiting_approval");
+                break;
+            default:
+                break;
+        }
+    }, [updateCurrentMessage]);
+    const interrupt = useCallback(() => {
+        updateCurrentMessage((msg) => ({
+            ...msg,
+            isStreaming: false,
+            content: msg.content + "\n\n[Interrupted]",
+        }));
+        setStatus("idle");
+        setStreamBuffer("");
+        currentMsgIdRef.current = null;
+        const sysMsg = {
+            id: `sys-${Date.now()}`,
+            role: "system",
+            content: "Agent interrupted.",
+            timestamp: Date.now(),
+        };
+        setMessages((prev) => [...prev, sysMsg]);
+    }, [updateCurrentMessage]);
+    const clearMessages = useCallback(() => {
+        setMessages([]);
+        setStreamBuffer("");
+        setStatus("idle");
+        currentMsgIdRef.current = null;
+    }, []);
+    const state = {
+        status,
+        streamBuffer,
+        messages,
+        tokensPerSecond,
+        totalTokensUsed,
+    };
+    return { state, handleEvent, addUserMessage, addSystemMessage, startAgent, interrupt, clearMessages };
+}
+function summarizeArgs(input) {
+    if (!input || typeof input !== "object")
+        return "";
+    const obj = input;
+    // Common patterns: file path, command, query
+    if (obj.path)
+        return String(obj.path);
+    if (obj.file_path)
+        return String(obj.file_path);
+    if (obj.command)
+        return String(obj.command).slice(0, 60);
+    if (obj.pattern)
+        return String(obj.pattern);
+    if (obj.query)
+        return String(obj.query).slice(0, 40);
+    return "";
+}
+function detectResultKind(toolName, _output) {
+    const name = toolName.toLowerCase();
+    if (name.includes("edit") || name.includes("diff"))
+        return "diff";
+    if (name.includes("bash") || name.includes("shell") || name.includes("exec"))
+        return "bash_output";
+    if (name.includes("read") || name.includes("file"))
+        return "file_content";
+    return "text";
+}
+//# sourceMappingURL=useAgentStream.js.map