@agentick/tui 0.2.1

package/dist/components/TUIApp.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TUIApp — top-level TUI layout.
+ *
+ * Orchestrates the conversation: message history, streaming response,
+ * tool call indicators, tool confirmation prompts, error display, and user input.
+ *
+ * State machine: idle → streaming → (confirming_tool → streaming) → idle
+ * Ctrl+C behavior depends on state:
+ *   - idle: exit the process
+ *   - streaming: abort current execution
+ *   - confirming_tool: reject tool, return to streaming
+ */
+import { useCallback, useEffect, useState } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { useSession, useStreamingText } from "@agentick/react";
+import { MessageList } from "./MessageList.js";
+import { StreamingMessage } from "./StreamingMessage.js";
+import { ToolCallIndicator } from "./ToolCallIndicator.js";
+import { ToolConfirmationPrompt } from "./ToolConfirmationPrompt.js";
+import { ErrorDisplay } from "./ErrorDisplay.js";
+import { InputBar } from "./InputBar.js";
+export function TUIApp({ sessionId }) {
+    const { exit } = useApp();
+    const { send, abort, accessor } = useSession({ sessionId, autoSubscribe: true });
+    const { isStreaming } = useStreamingText();
+    const [tuiState, setTuiState] = useState("idle");
+    const [toolConfirmation, setToolConfirmation] = useState(null);
+    const [error, setError] = useState(null);
+    // Sync streaming state → tuiState (unless we're in confirming_tool, which takes priority)
+    useEffect(() => {
+        if (isStreaming && tuiState === "idle") {
+            setTuiState("streaming");
+            setError(null); // Clear previous errors on new execution
+        }
+        else if (!isStreaming && tuiState === "streaming") {
+            setTuiState("idle");
+        }
+    }, [isStreaming, tuiState]);
+    // Register tool confirmation handler
+    useEffect(() => {
+        if (!accessor)
+            return;
+        return accessor.onToolConfirmation((request, respond) => {
+            setToolConfirmation({ request, respond });
+            setTuiState("confirming_tool");
+        });
+    }, [accessor]);
+    // Ctrl+C handling
+    useInput((_input, key) => {
+        if (!key.ctrl || _input !== "c")
+            return;
+        if (tuiState === "idle") {
+            exit();
+        }
+        else if (tuiState === "streaming") {
+            abort();
+            setTuiState("idle");
+        }
+        else if (tuiState === "confirming_tool" && toolConfirmation) {
+            toolConfirmation.respond({ approved: false, reason: "cancelled by user" });
+            setToolConfirmation(null);
+            setTuiState("streaming");
+        }
+    });
+    const handleSubmit = useCallback((text) => {
+        if (text === "/exit" || text === "/quit") {
+            exit();
+            return;
+        }
+        setError(null);
+        try {
+            send(text);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : String(err));
+        }
+    }, [send, exit]);
+    const handleToolConfirmationResponse = useCallback((response) => {
+        if (toolConfirmation) {
+            toolConfirmation.respond(response);
+            setToolConfirmation(null);
+            setTuiState("streaming");
+        }
+    }, [toolConfirmation]);
+    const handleErrorDismiss = useCallback(() => {
+        setError(null);
+    }, []);
+    const isInputDisabled = tuiState !== "idle";
+    const placeholder = tuiState === "streaming"
+        ? "Waiting for response... (Ctrl+C to abort)"
+        : tuiState === "confirming_tool"
+            ? "Confirm or reject the tool above..."
+            : undefined;
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "agentick" }), _jsx(Text, { color: "gray", children: " \u2014 type /exit to quit" })] }), _jsx(MessageList, { sessionId: sessionId }), _jsx(StreamingMessage, {}), _jsx(ToolCallIndicator, { sessionId: sessionId }), tuiState === "confirming_tool" && toolConfirmation && (_jsx(ToolConfirmationPrompt, { request: toolConfirmation.request, onRespond: handleToolConfirmationResponse })), _jsx(ErrorDisplay, { error: error, onDismiss: handleErrorDismiss }), _jsx(Box, { marginTop: 1, children: _jsx(InputBar, { onSubmit: handleSubmit, isDisabled: isInputDisabled, placeholder: placeholder }) })] }));
+}
+//# sourceMappingURL=TUIApp.js.map

package/dist/components/TUIApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TUIApp.js","sourceRoot":"","sources":["../../src/components/TUIApp.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAazC,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAe;IAC/C,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACjF,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAW,MAAM,CAAC,CAAC;IAC3D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA+B,IAAI,CAAC,CAAC;IAC7F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAEhE,0FAA0F;IAC1F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACvC,WAAW,CAAC,WAAW,CAAC,CAAC;YACzB,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,yCAAyC;QAC3D,CAAC;aAAM,IAAI,CAAC,WAAW,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpD,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,QAAQ,CAAC,kBAAkB,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;YACtD,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;YAC1C,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kBAAkB;IAClB,QAAQ,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACvB,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,MAAM,KAAK,GAAG;YAAE,OAAO;QAExC,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,IAAI,EAAE,CAAC;QACT,CAAC;aAAM,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpC,KAAK,EAAE,CAAC;YACR,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;aAAM,IAAI,QAAQ,KAAK,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;YAC9D,gBAAgB,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC,CAAC;YAC3E,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACzC,IAAI,EAAE,CAAC;YACP,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,CAAC;QACb,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACrD,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,MAAM,8BAA8B,GAAG,WAAW,CAChD,CAAC,QAAkC,EAAE,EAAE;QACrC,IAAI,gBAAgB,EAAE,CAAC;YACrB,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACnC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,QAAQ,KAAK,MAAM,CAAC;IAC5C,MAAM,WAAW,GACf,QAAQ,KAAK,WAAW;QACtB,CAAC,CAAC,2CAA2C;QAC7C,CAAC,CAAC,QAAQ,KAAK,iBAAiB;YAC9B,CAAC,CAAC,qCAAqC;YACvC,CAAC,CAAC,SAAS,CAAC;IAElB,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,aACpC,MAAC,GAAG,IAAC,YAAY,EAAE,CAAC,aAClB,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,+BAEhB,EACP,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,2CAA6B,IAC3C,EAEN,KAAC,WAAW,IAAC,SAAS,EAAE,SAAS,GAAI,EACrC,KAAC,gBAAgB,KAAG,EACpB,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,GAAI,EAE1C,QAAQ,KAAK,iBAAiB,IAAI,gBAAgB,IAAI,CACrD,KAAC,sBAAsB,IACrB,OAAO,EAAE,gBAAgB,CAAC,OAAO,EACjC,SAAS,EAAE,8BAA8B,GACzC,CACH,EAED,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,GAAI,EAE7D,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,QAAQ,IACP,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,eAAe,EAC3B,WAAW,EAAE,WAAW,GACxB,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ToolCallIndicator.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ToolCallIndicator — shows tool execution feedback.
+ *
+ * Shows a spinner + tool name during execution,
+ * completed indicator when done.
+ */
+interface ToolCallIndicatorProps {
+    sessionId?: string;
+}
+export declare function ToolCallIndicator({ sessionId }: ToolCallIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ToolCallIndicator.d.ts.map

package/dist/components/ToolCallIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallIndicator.d.ts","sourceRoot":"","sources":["../../src/components/ToolCallIndicator.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAcH,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,sBAAsB,kDAwDtE"}

package/dist/components/ToolCallIndicator.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ToolCallIndicator — shows tool execution feedback.
+ *
+ * Shows a spinner + tool name during execution,
+ * completed indicator when done.
+ */
+import { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import { useEvents } from "@agentick/react";
+export function ToolCallIndicator({ sessionId }) {
+    const [tools, setTools] = useState([]);
+    const { event } = useEvents({
+        sessionId,
+        filter: ["tool_call_start", "tool_call", "tool_result"],
+    });
+    useEffect(() => {
+        if (!event)
+            return;
+        if (event.type === "tool_call_start" || event.type === "tool_call") {
+            const e = event;
+            const id = e.toolUseId ?? e.id ?? "unknown";
+            const name = e.name ?? "tool";
+            setTools((prev) => {
+                if (prev.some((t) => t.id === id))
+                    return prev;
+                return [...prev, { id, name, status: "running" }];
+            });
+        }
+        if (event.type === "tool_result") {
+            const e = event;
+            const id = e.toolUseId ?? "unknown";
+            setTools((prev) => prev.map((t) => (t.id === id ? { ...t, status: "done" } : t)));
+        }
+    }, [event]);
+    // Clean up completed tools after a short delay
+    useEffect(() => {
+        const allDone = tools.length > 0 && tools.every((t) => t.status === "done");
+        if (allDone) {
+            const timer = setTimeout(() => setTools([]), 1500);
+            return () => clearTimeout(timer);
+        }
+    }, [tools]);
+    if (tools.length === 0)
+        return null;
+    return (_jsx(Box, { flexDirection: "column", marginLeft: 2, children: tools.map((tool) => (_jsxs(Box, { gap: 1, children: [tool.status === "running" ? (_jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) })) : (_jsx(Text, { color: "green", children: "\u2713" })), _jsx(Text, { color: tool.status === "running" ? "yellow" : "gray", dimColor: tool.status === "done", children: tool.name })] }, tool.id))) }));
+}
+//# sourceMappingURL=ToolCallIndicator.js.map

package/dist/components/ToolCallIndicator.js.map

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

package/dist/components/ToolConfirmationPrompt.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ToolConfirmationPrompt — inline confirmation UI for tools that require approval.
+ *
+ * Shows tool name, arguments, and Y/N/A key bindings.
+ * Renders as a bordered box inline in the terminal (no overlays).
+ */
+import type { ToolConfirmationRequest, ToolConfirmationResponse } from "@agentick/client";
+interface ToolConfirmationPromptProps {
+    request: ToolConfirmationRequest;
+    onRespond: (response: ToolConfirmationResponse) => void;
+}
+export declare function ToolConfirmationPrompt({ request, onRespond }: ToolConfirmationPromptProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolConfirmationPrompt.d.ts.map

package/dist/components/ToolConfirmationPrompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolConfirmationPrompt.d.ts","sourceRoot":"","sources":["../../src/components/ToolConfirmationPrompt.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE1F,UAAU,2BAA2B;IACnC,OAAO,EAAE,uBAAuB,CAAC;IACjC,SAAS,EAAE,CAAC,QAAQ,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACzD;AAWD,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,2BAA2B,2CAsDzF"}

package/dist/components/ToolConfirmationPrompt.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ToolConfirmationPrompt — inline confirmation UI for tools that require approval.
+ *
+ * Shows tool name, arguments, and Y/N/A key bindings.
+ * Renders as a bordered box inline in the terminal (no overlays).
+ */
+import { Box, Text, useInput } from "ink";
+function formatArguments(args) {
+    const json = JSON.stringify(args, null, 2);
+    const lines = json.split("\n");
+    if (lines.length > 10) {
+        return lines.slice(0, 10).join("\n") + "\n  ...";
+    }
+    return json;
+}
+export function ToolConfirmationPrompt({ request, onRespond }) {
+    useInput((input) => {
+        const key = input.toLowerCase();
+        if (key === "y") {
+            onRespond({ approved: true });
+        }
+        else if (key === "n") {
+            onRespond({ approved: false, reason: "rejected by user" });
+        }
+        else if (key === "a") {
+            // "Always allow" — for now just approves (no persistence, YAGNI)
+            onRespond({ approved: true });
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginTop: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "Tool Confirmation" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsx(Text, { bold: true, children: request.name }), " wants to run:"] }) }), request.message && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: request.message }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: formatArguments(request.arguments) }) }), _jsxs(Box, { marginTop: 1, gap: 2, children: [_jsx(Text, { color: "green", bold: true, children: "[Y] Approve" }), _jsx(Text, { color: "red", bold: true, children: "[N] Reject" }), _jsx(Text, { color: "cyan", bold: true, children: "[A] Always Allow" })] })] }));
+}
+//# sourceMappingURL=ToolConfirmationPrompt.js.map

package/dist/components/ToolConfirmationPrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolConfirmationPrompt.js","sourceRoot":"","sources":["../../src/components/ToolConfirmationPrompt.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAQ1C,SAAS,eAAe,CAAC,IAA6B;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;QACtB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAE,OAAO,EAAE,SAAS,EAA+B;IACxF,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;QACjB,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAChC,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YAChB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAChC,CAAC;aAAM,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YACvB,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;QAC7D,CAAC;aAAM,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;YACvB,iEAAiE;YACjE,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,aAEZ,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,wCAElB,EAEP,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,IAAI,kBAAE,OAAO,CAAC,IAAI,GAAQ,sBAC3B,GACH,EAEL,OAAO,CAAC,OAAO,IAAI,CAClB,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,OAAO,CAAC,OAAO,GAAQ,GACvC,CACP,EAED,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,GAAQ,GAC1D,EAEN,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,aACvB,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,kCAEjB,EACP,KAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,iCAEf,EACP,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,uCAEhB,IACH,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/create-tui.d.ts

@@ -0,0 +1,44 @@
+/**
+ * createTUI — entry point for the terminal UI.
+ *
+ * Supports local (in-process) and remote (gateway) agents.
+ * The TUI components don't know or care about local vs remote.
+ * Same hooks, same rendering. The transport determines where the agent lives.
+ *
+ * @example Local
+ * ```typescript
+ * createTUI({ app: myApp }).start();
+ * ```
+ *
+ * @example Remote
+ * ```typescript
+ * createTUI({ url: 'https://my-agent.fly.dev/api' }).start();
+ * ```
+ *
+ * @example Custom UI
+ * ```typescript
+ * createTUI({ app: myApp, ui: MyDashboard }).start();
+ * ```
+ *
+ * @module @agentick/tui/create-tui
+ */
+import type { ComponentType } from "react";
+import type { App } from "@agentick/core";
+/** A TUI component receives a sessionId and renders the full interface. */
+export type TUIComponent = ComponentType<{
+    sessionId: string;
+}>;
+export type TUIOptions = {
+    app: App;
+    sessionId?: string;
+    ui?: TUIComponent;
+} | {
+    url: string;
+    token?: string;
+    sessionId?: string;
+    ui?: TUIComponent;
+};
+export declare function createTUI(options: TUIOptions): {
+    start(): Promise<void>;
+};
+//# sourceMappingURL=create-tui.d.ts.map

package/dist/create-tui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-tui.d.ts","sourceRoot":"","sources":["../src/create-tui.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAM3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAG1C,2EAA2E;AAC3E,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEhE,MAAM,MAAM,UAAU,GAClB;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,YAAY,CAAA;CAAE,GACnD;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,YAAY,CAAA;CAAE,CAAC;AAE3E,wBAAgB,SAAS,CAAC,OAAO,EAAE,UAAU;;EA6B5C"}

package/dist/create-tui.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "ink";
+import { createClient } from "@agentick/client";
+import { createLocalTransport } from "@agentick/core";
+import { AgentickProvider } from "@agentick/react";
+import { Chat } from "./ui/chat.js";
+import EventSourcePolyfill from "eventsource";
+export function createTUI(options) {
+    return {
+        start() {
+            const sessionId = options.sessionId ?? "main";
+            const Component = options.ui ?? Chat;
+            const client = "app" in options
+                ? createClient({
+                    baseUrl: "local://",
+                    transport: createLocalTransport(options.app),
+                })
+                : createClient({
+                    baseUrl: options.url,
+                    token: options.token,
+                    EventSource: (globalThis.EventSource ??
+                        EventSourcePolyfill),
+                });
+            const { waitUntilExit } = render(_jsx(AgentickProvider, { client: client, children: _jsx(Component, { sessionId: sessionId }) }), { exitOnCtrlC: false });
+            return waitUntilExit();
+        },
+    };
+}
+//# sourceMappingURL=create-tui.js.map

package/dist/create-tui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-tui.js","sourceRoot":"","sources":["../src/create-tui.tsx"],"names":[],"mappings":";AA0BA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,mBAAmB,MAAM,aAAa,CAAC;AAS9C,MAAM,UAAU,SAAS,CAAC,OAAmB;IAC3C,OAAO;QACL,KAAK;YACH,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,MAAM,CAAC;YAC9C,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,IAAI,IAAI,CAAC;YAErC,MAAM,MAAM,GACV,KAAK,IAAI,OAAO;gBACd,CAAC,CAAC,YAAY,CAAC;oBACX,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC;iBAC7C,CAAC;gBACJ,CAAC,CAAC,YAAY,CAAC;oBACX,OAAO,EAAE,OAAO,CAAC,GAAG;oBACpB,KAAK,EAAE,OAAO,CAAC,KAAK;oBACpB,WAAW,EAAE,CAAC,UAAU,CAAC,WAAW;wBAClC,mBAAmB,CAAkC;iBACxD,CAAC,CAAC;YAET,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAC9B,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,YAC9B,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,GAClB,EACnB,EAAE,WAAW,EAAE,KAAK,EAAE,CACvB,CAAC;YAEF,OAAO,aAAa,EAAE,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @agentick/tui - Terminal UI for Agentick
+ *
+ * Ink-based terminal UI that reuses @agentick/react hooks.
+ * Works with both local (in-process) and remote agents.
+ *
+ * @example Local agent
+ * ```typescript
+ * import { createApp } from '@agentick/core';
+ * import { createTUI } from '@agentick/tui';
+ *
+ * const app = createApp(MyAgent, { model });
+ * createTUI({ app }).start();
+ * ```
+ *
+ * @example Remote agent
+ * ```typescript
+ * import { createTUI } from '@agentick/tui';
+ *
+ * createTUI({ url: 'https://my-agent.fly.dev/api' }).start();
+ * ```
+ *
+ * @example Custom UI
+ * ```typescript
+ * import { createTUI } from '@agentick/tui';
+ * import { MyDashboard } from './my-dashboard.js';
+ *
+ * createTUI({ app, ui: MyDashboard }).start();
+ * ```
+ *
+ * @module @agentick/tui
+ */
+export { createTUI, type TUIOptions, type TUIComponent } from "./create-tui.js";
+export { Chat } from "./ui/chat.js";
+export { MessageList } from "./components/MessageList.js";
+export { StreamingMessage } from "./components/StreamingMessage.js";
+export { ToolCallIndicator } from "./components/ToolCallIndicator.js";
+export { ToolConfirmationPrompt } from "./components/ToolConfirmationPrompt.js";
+export { ErrorDisplay } from "./components/ErrorDisplay.js";
+export { InputBar } from "./components/InputBar.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGhF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -0,0 +1,43 @@
+/**
+ * @agentick/tui - Terminal UI for Agentick
+ *
+ * Ink-based terminal UI that reuses @agentick/react hooks.
+ * Works with both local (in-process) and remote agents.
+ *
+ * @example Local agent
+ * ```typescript
+ * import { createApp } from '@agentick/core';
+ * import { createTUI } from '@agentick/tui';
+ *
+ * const app = createApp(MyAgent, { model });
+ * createTUI({ app }).start();
+ * ```
+ *
+ * @example Remote agent
+ * ```typescript
+ * import { createTUI } from '@agentick/tui';
+ *
+ * createTUI({ url: 'https://my-agent.fly.dev/api' }).start();
+ * ```
+ *
+ * @example Custom UI
+ * ```typescript
+ * import { createTUI } from '@agentick/tui';
+ * import { MyDashboard } from './my-dashboard.js';
+ *
+ * createTUI({ app, ui: MyDashboard }).start();
+ * ```
+ *
+ * @module @agentick/tui
+ */
+export { createTUI } from "./create-tui.js";
+// Built-in UIs
+export { Chat } from "./ui/chat.js";
+// Components for custom UI composition
+export { MessageList } from "./components/MessageList.js";
+export { StreamingMessage } from "./components/StreamingMessage.js";
+export { ToolCallIndicator } from "./components/ToolCallIndicator.js";
+export { ToolConfirmationPrompt } from "./components/ToolConfirmationPrompt.js";
+export { ErrorDisplay } from "./components/ErrorDisplay.js";
+export { InputBar } from "./components/InputBar.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,SAAS,EAAsC,MAAM,iBAAiB,CAAC;AAEhF,eAAe;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,uCAAuC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/testing.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Test utilities for @agentick/tui.
+ *
+ * react-reconciler@0.31 with `supportsMicrotasks: true` schedules render work
+ * via queueMicrotask, and React's Scheduler flushes passive effects (useEffect)
+ * via setImmediate in Node.js.
+ *
+ * After render() or state changes, we need to wait for:
+ *   1. Microtasks — React render + commit, Ink stdout.write
+ *   2. Passive effects — useEffect callbacks (e.g., useInput's stdin listener)
+ *
+ * The flush() utility chains setTimeout(0) → setImmediate to guarantee both
+ * have completed:
+ *   - setTimeout(0) yields to the macrotask queue, ensuring all microtasks
+ *     (render + commit) have drained
+ *   - setImmediate runs in Node's check phase, AFTER React's Scheduler has
+ *     flushed passive effects (also scheduled via setImmediate, but earlier)
+ *
+ * This works regardless of setTimeout vs setImmediate ordering (which is
+ * non-deterministic at the top level in Node.js):
+ *   - If setImmediate fires first: effects already ran, our flush confirms it
+ *   - If setTimeout fires first: our setImmediate queues after React's, runs after effects
+ */
+/**
+ * Flush pending React renders and effects.
+ *
+ * Call after render(), stdin.write(), or any state-triggering action.
+ * One call is sufficient — no need for double-flush or magic timeouts.
+ */
+export declare const flush: () => Promise<void>;
+//# sourceMappingURL=testing.d.ts.map

package/dist/testing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../src/testing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,KAAK,qBAC8C,CAAC"}

package/dist/testing.js

@@ -0,0 +1,31 @@
+/**
+ * Test utilities for @agentick/tui.
+ *
+ * react-reconciler@0.31 with `supportsMicrotasks: true` schedules render work
+ * via queueMicrotask, and React's Scheduler flushes passive effects (useEffect)
+ * via setImmediate in Node.js.
+ *
+ * After render() or state changes, we need to wait for:
+ *   1. Microtasks — React render + commit, Ink stdout.write
+ *   2. Passive effects — useEffect callbacks (e.g., useInput's stdin listener)
+ *
+ * The flush() utility chains setTimeout(0) → setImmediate to guarantee both
+ * have completed:
+ *   - setTimeout(0) yields to the macrotask queue, ensuring all microtasks
+ *     (render + commit) have drained
+ *   - setImmediate runs in Node's check phase, AFTER React's Scheduler has
+ *     flushed passive effects (also scheduled via setImmediate, but earlier)
+ *
+ * This works regardless of setTimeout vs setImmediate ordering (which is
+ * non-deterministic at the top level in Node.js):
+ *   - If setImmediate fires first: effects already ran, our flush confirms it
+ *   - If setTimeout fires first: our setImmediate queues after React's, runs after effects
+ */
+/**
+ * Flush pending React renders and effects.
+ *
+ * Call after render(), stdin.write(), or any state-triggering action.
+ * One call is sufficient — no need for double-flush or magic timeouts.
+ */
+export const flush = () => new Promise((r) => setTimeout(() => setImmediate(r), 0));
+//# sourceMappingURL=testing.js.map

package/dist/testing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.js","sourceRoot":"","sources":["../src/testing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CACxB,IAAI,OAAO,CAAO,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/ui/chat.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Chat — default TUI layout.
+ *
+ * Orchestrates the conversation: message history, streaming response,
+ * tool call indicators, tool confirmation prompts, error display, and user input.
+ *
+ * State machine: idle → streaming → (confirming_tool → streaming) → idle
+ * Ctrl+C behavior depends on state:
+ *   - idle: exit the process
+ *   - streaming: abort current execution
+ *   - confirming_tool: reject tool, return to streaming
+ */
+interface ChatProps {
+    sessionId: string;
+}
+export declare function Chat({ sessionId }: ChatProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chat.d.ts.map

package/dist/ui/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/ui/chat.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAaH,UAAU,SAAS;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,2CAkH5C"}

package/dist/ui/chat.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Chat — default TUI layout.
+ *
+ * Orchestrates the conversation: message history, streaming response,
+ * tool call indicators, tool confirmation prompts, error display, and user input.
+ *
+ * State machine: idle → streaming → (confirming_tool → streaming) → idle
+ * Ctrl+C behavior depends on state:
+ *   - idle: exit the process
+ *   - streaming: abort current execution
+ *   - confirming_tool: reject tool, return to streaming
+ */
+import { useCallback, useEffect, useState } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { useSession, useStreamingText } from "@agentick/react";
+import { MessageList } from "../components/MessageList.js";
+import { StreamingMessage } from "../components/StreamingMessage.js";
+import { ToolCallIndicator } from "../components/ToolCallIndicator.js";
+import { ToolConfirmationPrompt } from "../components/ToolConfirmationPrompt.js";
+import { ErrorDisplay } from "../components/ErrorDisplay.js";
+import { InputBar } from "../components/InputBar.js";
+export function Chat({ sessionId }) {
+    const { exit } = useApp();
+    const { send, abort, accessor } = useSession({ sessionId, autoSubscribe: true });
+    const { isStreaming } = useStreamingText();
+    const [chatState, setChatState] = useState("idle");
+    const [toolConfirmation, setToolConfirmation] = useState(null);
+    const [error, setError] = useState(null);
+    // Sync streaming state → chatState (unless we're in confirming_tool, which takes priority)
+    useEffect(() => {
+        if (isStreaming && chatState === "idle") {
+            setChatState("streaming");
+            setError(null); // Clear previous errors on new execution
+        }
+        else if (!isStreaming && chatState === "streaming") {
+            setChatState("idle");
+        }
+    }, [isStreaming, chatState]);
+    // Register tool confirmation handler
+    useEffect(() => {
+        if (!accessor)
+            return;
+        return accessor.onToolConfirmation((request, respond) => {
+            setToolConfirmation({ request, respond });
+            setChatState("confirming_tool");
+        });
+    }, [accessor]);
+    // Ctrl+C handling
+    useInput((_input, key) => {
+        if (!key.ctrl || _input !== "c")
+            return;
+        if (chatState === "idle") {
+            exit();
+        }
+        else if (chatState === "streaming") {
+            abort();
+            setChatState("idle");
+        }
+        else if (chatState === "confirming_tool" && toolConfirmation) {
+            toolConfirmation.respond({ approved: false, reason: "cancelled by user" });
+            setToolConfirmation(null);
+            setChatState("streaming");
+        }
+    });
+    const handleSubmit = useCallback((text) => {
+        if (text === "/exit" || text === "/quit") {
+            exit();
+            return;
+        }
+        setError(null);
+        try {
+            send(text);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : String(err));
+        }
+    }, [send, exit]);
+    const handleToolConfirmationResponse = useCallback((response) => {
+        if (toolConfirmation) {
+            toolConfirmation.respond(response);
+            setToolConfirmation(null);
+            setChatState("streaming");
+        }
+    }, [toolConfirmation]);
+    const handleErrorDismiss = useCallback(() => {
+        setError(null);
+    }, []);
+    const isInputDisabled = chatState !== "idle";
+    const placeholder = chatState === "streaming"
+        ? "Waiting for response... (Ctrl+C to abort)"
+        : chatState === "confirming_tool"
+            ? "Confirm or reject the tool above..."
+            : undefined;
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "agentick" }), _jsx(Text, { color: "gray", children: " \u2014 type /exit to quit" })] }), _jsx(MessageList, { sessionId: sessionId }), _jsx(StreamingMessage, {}), _jsx(ToolCallIndicator, { sessionId: sessionId }), chatState === "confirming_tool" && toolConfirmation && (_jsx(ToolConfirmationPrompt, { request: toolConfirmation.request, onRespond: handleToolConfirmationResponse })), _jsx(ErrorDisplay, { error: error, onDismiss: handleErrorDismiss }), _jsx(Box, { marginTop: 1, children: _jsx(InputBar, { onSubmit: handleSubmit, isDisabled: isInputDisabled, placeholder: placeholder }) })] }));
+}
+//# sourceMappingURL=chat.js.map

package/dist/ui/chat.js.map

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

package/dist/ui/index.d.ts

@@ -0,0 +1,8 @@
+import { Chat } from "./chat.js";
+export { Chat };
+/** Registry of built-in UIs, keyed by CLI name. */
+export declare const builtinUIs: {
+    chat: typeof Chat;
+};
+export type BuiltinUIName = keyof typeof builtinUIs;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,mDAAmD;AACnD,eAAO,MAAM,UAAU;;CAAiB,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,5 @@
+import { Chat } from "./chat.js";
+export { Chat };
+/** Registry of built-in UIs, keyed by CLI name. */
+export const builtinUIs = { chat: Chat };
+//# sourceMappingURL=index.js.map