@agent-native/core 0.4.2 → 0.4.3

package/dist/client/AgentPanel.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AgentPanel — unified agent component with chat and CLI terminal modes.
+ *
+ * A self-contained panel with no layout opinions — drop it into a sidebar,
+ * popover, dialog, full page, or any container. It fills its parent via
+ * flex and min-h-0.
+ *
+ * Features:
+ * - Chat mode: assistant-ui powered chat with tool calls
+ * - CLI mode: embedded xterm.js terminal (dev mode only)
+ * - Toggle between modes via header buttons
+ *
+ * Usage:
+ *   // In a sidebar
+ *   <div style={{ width: 380 }}><AgentPanel /></div>
+ *
+ *   // In a popover
+ *   <Popover><AgentPanel suggestions={[...]} /></Popover>
+ *
+ *   // Full page
+ *   <AgentPanel className="h-screen" />
+ */
+import { useState, useEffect, lazy, Suspense } from "react";
+import { AssistantChat } from "./AssistantChat.js";
+import { cn } from "./utils.js";
+// Lazy-load AgentTerminal to avoid bundling xterm.js when not needed
+const AgentTerminal = lazy(() => import("./terminal/index.js").then((m) => ({ default: m.AgentTerminal })));
+// Detect dev mode at build time (Vite replaces this)
+const IS_DEV = typeof import.meta !== "undefined" &&
+    typeof import.meta.env !== "undefined" &&
+    import.meta.env.DEV === true;
+// ─── Icons ──────────────────────────────────────────────────────────────────
+function ChatBubbleIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" }) }));
+}
+function TerminalIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("polyline", { points: "4 17 10 11 4 5" }), _jsx("line", { x1: "12", y1: "19", x2: "20", y2: "19" })] }));
+}
+export function AgentPanel({ defaultMode = "chat", className, apiUrl, emptyStateText, suggestions, showHeader = true, }) {
+    const [mode, setMode] = useState(defaultMode);
+    return (_jsxs("div", { className: cn("flex flex-1 flex-col h-full min-h-0", className), children: [showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsxs("button", { onClick: () => setMode("chat"), className: cn("flex items-center gap-1 px-2 py-1 rounded-md text-[12px]", mode === "chat"
+                                    ? "bg-accent text-foreground"
+                                    : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), title: "Chat mode", children: [_jsx(ChatBubbleIcon, { className: "h-3.5 w-3.5" }), "Chat"] }), IS_DEV && (_jsxs("button", { onClick: () => setMode("cli"), className: cn("flex items-center gap-1 px-2 py-1 rounded-md text-[12px]", mode === "cli"
+                                    ? "bg-accent text-foreground"
+                                    : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), title: "CLI terminal mode", children: [_jsx(TerminalIcon, { className: "h-3.5 w-3.5" }), "CLI"] }))] })] })), _jsx("div", { className: cn("flex-1 flex flex-col min-h-0", mode !== "chat" && "hidden"), children: _jsx(AssistantChat, { apiUrl: apiUrl, showHeader: false, showDevHint: IS_DEV, emptyStateText: emptyStateText, suggestions: suggestions, onSwitchToCli: IS_DEV ? () => setMode("cli") : undefined }) }), IS_DEV && mode === "cli" && (_jsx("div", { className: "flex-1 min-h-0", children: _jsx(Suspense, { fallback: _jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground text-sm", children: "Loading terminal..." }), children: _jsx(AgentTerminal, { hideInHarness: false, className: "h-full", style: { background: "transparent" } }) }) }))] }));
+}
+/**
+ * Wraps app content with a toggleable agent sidebar.
+ * Use AgentToggleButton in your header to open/close it.
+ */
+export function AgentSidebar({ children, emptyStateText = "How can I help you?", suggestions, sidebarWidth = 380, }) {
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+        const handler = () => {
+            setOpen((prev) => !prev);
+        };
+        window.addEventListener("agent-panel:toggle", handler);
+        return () => window.removeEventListener("agent-panel:toggle", handler);
+    }, []);
+    return (_jsxs("div", { className: "flex flex-1 overflow-hidden", children: [_jsx("div", { className: "flex flex-1 flex-col overflow-hidden min-w-0", children: children }), open && (_jsx("div", { className: "flex flex-col border-l border-border shrink-0 overflow-hidden agent-sidebar-panel", style: { width: sidebarWidth }, children: _jsx(AgentPanel, { emptyStateText: emptyStateText, suggestions: suggestions }) }))] }));
+}
+/**
+ * Button to toggle the agent sidebar. Place this in your app's header/toolbar.
+ * Dispatches a custom event that AgentSidebar listens for.
+ */
+export function AgentToggleButton({ className }) {
+    return (_jsx("button", { onClick: () => window.dispatchEvent(new Event("agent-panel:toggle")), className: cn("flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", className), title: "Toggle agent", children: _jsx(ChatBubbleIcon, { className: "h-4 w-4" }) }));
+}
+//# sourceMappingURL=AgentPanel.js.map

package/dist/client/AgentPanel.js.map

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

package/dist/client/AssistantChat.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface AssistantChatHandle {
+    /** Programmatically send a message into this chat */
+    sendMessage(text: string): void;
+    /** Whether the chat is currently running */
+    isRunning(): boolean;
+}
+export interface AssistantChatProps {
+    /** API endpoint URL. Default: "/api/agent-chat" */
+    apiUrl?: string;
+    /** Stable tab identifier passed to the adapter for event correlation */
+    tabId?: string;
+    /** Placeholder text for empty state */
+    emptyStateText?: string;
+    /** Suggestion prompts shown when no messages */
+    suggestions?: string[];
+    /** Whether to show the header bar. Default: true */
+    showHeader?: boolean;
+    /** CSS class for the outer container */
+    className?: string;
+    /** Whether to show the "Use CLI" hint in dev mode. Default: true */
+    showDevHint?: boolean;
+    /** Callback when user clicks "Use CLI" button */
+    onSwitchToCli?: () => void;
+}
+export declare const AssistantChat: React.ForwardRefExoticComponent<AssistantChatProps & React.RefAttributes<AssistantChatHandle>>;
+//# sourceMappingURL=AssistantChat.d.ts.map

package/dist/client/AssistantChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/AssistantChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AA6Yf,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,4CAA4C;IAC5C,SAAS,IAAI,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAmLD,eAAO,MAAM,aAAa,gGAiBxB,CAAC"}

package/dist/client/AssistantChat.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle, } from "react";
+import { AssistantRuntimeProvider, useLocalRuntime, useThreadRuntime, useThread, useMessageRuntime, ThreadPrimitive, ComposerPrimitive, MessagePrimitive, } from "@assistant-ui/react";
+import { createAgentChatAdapter } from "./agent-chat-adapter.js";
+import { cn } from "./utils.js";
+// ─── Icons ──────────────────────────────────────────────────────────────────
+function SparklesIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("path", { d: "M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275L12 3z" }) }));
+}
+function SendIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("path", { d: "M5 12h14M12 5l7 7-7 7" }) }));
+}
+function StopIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: className, children: _jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }));
+}
+function CheckIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("path", { d: "M20 6L9 17l-5-5" }) }));
+}
+function ChevronDownIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("path", { d: "m6 9 6 6 6-6" }) }));
+}
+function ArrowDownIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: _jsx("path", { d: "M12 5v14M19 12l-7 7-7-7" }) }));
+}
+function CopyIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }));
+}
+// ─── Tool Call Fallback ─────────────────────────────────────────────────────
+function ToolCallFallback({ toolName, args, result, }) {
+    const [expanded, setExpanded] = useState(false);
+    const isRunning = result === undefined;
+    const argsStr = Object.entries(args)
+        .map(([k, v]) => `${k}=${typeof v === "string" ? v : JSON.stringify(v)}`)
+        .join(", ");
+    return (_jsxs("div", { className: "my-1", children: [_jsxs("button", { onClick: () => setExpanded(!expanded), className: cn("flex items-center gap-2 rounded-md px-2.5 py-1.5 text-xs font-mono w-full text-left", isRunning
+                    ? "bg-amber-500/10 text-amber-400"
+                    : "bg-muted text-muted-foreground hover:bg-accent"), children: [_jsx("span", { className: "shrink-0", children: isRunning ? (_jsx("svg", { className: "h-3 w-3 animate-spin", viewBox: "0 0 24 24", fill: "none", children: _jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeDasharray: "31 62" }) })) : (_jsx(CheckIcon, { className: "h-3 w-3 text-emerald-500" })) }), _jsxs("span", { className: "truncate", children: [_jsx("span", { className: "font-medium", children: toolName }), argsStr && _jsxs("span", { className: "opacity-60 ml-1", children: ["(", argsStr, ")"] })] }), !isRunning && (_jsx(ChevronDownIcon, { className: cn("ml-auto h-3 w-3 shrink-0 opacity-40", expanded && "rotate-180") }))] }), expanded && result !== undefined && (_jsx("div", { className: "mt-1 rounded-md bg-muted/50 px-3 py-2 text-xs font-mono text-muted-foreground whitespace-pre-wrap break-all max-h-48 overflow-y-auto", children: typeof result === "string"
+                    ? result
+                    : JSON.stringify(result, null, 2) }))] }));
+}
+// ─── Message Components ─────────────────────────────────────────────────────
+function UserMessage() {
+    return (_jsx("div", { className: "flex justify-end", children: _jsx("div", { className: "max-w-[85%] rounded-lg bg-accent text-foreground px-3 py-2 text-sm leading-relaxed whitespace-pre-wrap break-words", children: _jsx(MessagePrimitive.Parts, { components: {
+                    Text: ({ text }) => _jsx(_Fragment, { children: text }),
+                } }) }) }));
+}
+function AssistantMessage() {
+    const [copied, setCopied] = useState(false);
+    const messageRuntime = useMessageRuntime();
+    const handleCopy = useCallback(() => {
+        const msg = messageRuntime.getState();
+        const text = msg.content
+            .filter((p) => p.type === "text")
+            .map((p) => p.text)
+            .join("\n");
+        navigator.clipboard.writeText(text);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    }, [messageRuntime]);
+    return (_jsxs("div", { className: "group relative", children: [_jsx("div", { className: "max-w-[95%] text-sm leading-relaxed text-foreground", children: _jsx(MessagePrimitive.Parts, { components: {
+                        Text: ({ text }) => (_jsx("div", { className: "whitespace-pre-wrap break-words", children: text })),
+                        tools: {
+                            Fallback: ToolCallFallback,
+                        },
+                    } }) }), _jsx("div", { className: "mt-1 flex items-center gap-0.5 opacity-0 group-hover:opacity-100", children: _jsx("button", { onClick: handleCopy, className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: copied ? (_jsx(CheckIcon, { className: "h-3.5 w-3.5" })) : (_jsx(CopyIcon, { className: "h-3.5 w-3.5" })) }) })] }));
+}
+// ─── Thinking Indicator ─────────────────────────────────────────────────────
+function ThinkingIndicator() {
+    return (_jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground py-2", children: [_jsx("div", { className: "flex gap-1", children: [0, 1, 2].map((i) => (_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-40 animate-bounce", style: { animationDelay: `${i * 0.15}s` } }, i))) }), _jsx("span", { className: "text-xs", children: "Thinking..." })] }));
+}
+// ─── API Key Setup Card ─────────────────────────────────────────────────────
+function ApiKeySetupCard({ apiUrl }) {
+    const [apiKey, setApiKey] = useState("");
+    const [saving, setSaving] = useState(false);
+    const [saved, setSaved] = useState(false);
+    const [error, setError] = useState(null);
+    const handleSave = async () => {
+        if (!apiKey.trim())
+            return;
+        setSaving(true);
+        setError(null);
+        try {
+            const res = await fetch(`${apiUrl}/save-key`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ key: apiKey.trim() }),
+            });
+            if (!res.ok) {
+                const data = await res.json().catch(() => ({}));
+                throw new Error(data.error || "Failed to save");
+            }
+            setSaved(true);
+            setTimeout(() => window.location.reload(), 1000);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    if (saved) {
+        return (_jsx("div", { className: "mx-4 my-6 rounded-lg border border-emerald-500/30 bg-emerald-500/5 p-4", children: _jsxs("div", { className: "flex items-center gap-2 text-sm text-emerald-400", children: [_jsx(CheckIcon, { className: "h-4 w-4" }), "API key saved. Reloading..."] }) }));
+    }
+    return (_jsxs("div", { className: "mx-4 my-6 rounded-lg border border-border bg-card p-5", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-muted", children: _jsx(SparklesIcon, { className: "h-4.5 w-4.5 text-muted-foreground" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-medium text-foreground", children: "Connect your AI" }), _jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Add an Anthropic API key to enable the agent" })] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-md bg-muted/50 px-3 py-2.5 text-xs text-muted-foreground leading-relaxed", children: [_jsxs("p", { children: ["1. Go to", " ", _jsx("a", { href: "https://console.anthropic.com/settings/keys", target: "_blank", rel: "noopener noreferrer", className: "underline text-foreground/80 hover:text-foreground", children: "console.anthropic.com/settings/keys" })] }), _jsx("p", { className: "mt-1", children: "2. Create a new API key and paste it below" })] }), _jsx("input", { type: "password", value: apiKey, onChange: (e) => {
+                            setApiKey(e.target.value);
+                            setError(null);
+                        }, onKeyDown: (e) => {
+                            if (e.key === "Enter")
+                                handleSave();
+                        }, placeholder: "sk-ant-...", className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground/50 outline-none focus:ring-1 focus:ring-ring", autoComplete: "off" }), error && _jsx("p", { className: "text-xs text-destructive", children: error }), _jsx("button", { onClick: handleSave, disabled: saving || !apiKey.trim(), className: "w-full rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed", children: saving ? "Saving..." : "Save API key" })] })] }));
+}
+// ─── Main Component ─────────────────────────────────────────────────────────
+// ─── Terminal Icon ──────────────────────────────────────────────────────────
+function TerminalIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", className: className, children: [_jsx("polyline", { points: "4 17 10 11 4 5" }), _jsx("line", { x1: "12", y1: "19", x2: "20", y2: "19" })] }));
+}
+const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateText, suggestions, showHeader = true, showDevHint = true, onSwitchToCli, className, apiUrl = "/api/agent-chat", }, ref) {
+    const scrollRef = useRef(null);
+    const thread = useThread();
+    const threadRuntime = useThreadRuntime();
+    const isRunning = thread.isRunning;
+    const messages = thread.messages;
+    const [missingApiKey, setMissingApiKey] = useState(false);
+    // Listen for missing API key events from the adapter
+    useEffect(() => {
+        const handler = () => setMissingApiKey(true);
+        window.addEventListener("agent-chat:missing-api-key", handler);
+        return () => window.removeEventListener("agent-chat:missing-api-key", handler);
+    }, []);
+    // Expose imperative handle
+    useImperativeHandle(ref, () => ({
+        sendMessage(text) {
+            threadRuntime.append({
+                role: "user",
+                content: [{ type: "text", text }],
+            });
+        },
+        isRunning() {
+            return thread.isRunning;
+        },
+    }), [threadRuntime, thread.isRunning]);
+    // Auto-scroll on new messages
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (el) {
+            el.scrollTop = el.scrollHeight;
+        }
+    }, [messages, isRunning]);
+    return (_jsxs("div", { className: cn("flex flex-1 flex-col h-full min-h-0 text-foreground", className), children: [showHeader && (_jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between border-b border-border px-4", children: [_jsx("span", { className: "text-[13px] font-medium text-muted-foreground", children: "Agent" }), _jsxs("div", { className: "flex items-center gap-1", children: [onSwitchToCli && (_jsxs("button", { onClick: onSwitchToCli, className: "flex items-center gap-1 text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", title: "Switch to CLI", children: [_jsx(TerminalIcon, { className: "h-3.5 w-3.5" }), "CLI"] })), messages.length > 0 && (_jsx("button", { onClick: () => window.location.reload(), className: "text-[12px] text-muted-foreground hover:text-foreground px-2 py-1 rounded-md hover:bg-accent", children: "Clear" }))] })] })), _jsx("div", { ref: scrollRef, className: "flex-1 overflow-y-auto min-h-0", children: missingApiKey ? (_jsx("div", { className: "flex flex-col items-center justify-center h-full px-2", children: _jsx(ApiKeySetupCard, { apiUrl: apiUrl }) })) : messages.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-16 px-4 h-full", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: _jsx(SparklesIcon, { className: "h-5 w-5 text-muted-foreground" }) }), _jsx("p", { className: "text-sm text-muted-foreground text-center max-w-[240px]", children: emptyStateText ?? "How can I help you?" }), suggestions && suggestions.length > 0 && (_jsx("div", { className: "flex flex-col gap-1.5 w-full max-w-[280px]", children: suggestions.map((suggestion) => (_jsx("button", { onClick: () => {
+                                    threadRuntime.append({
+                                        role: "user",
+                                        content: [{ type: "text", text: suggestion }],
+                                    });
+                                }, className: "w-full rounded-lg border border-border px-3 py-2 text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground", children: suggestion }, suggestion))) })), showDevHint && onSwitchToCli && (_jsxs("p", { className: "text-xs text-muted-foreground/60 text-center max-w-[260px] mt-2", children: ["In dev mode you can also use the", " ", _jsx("button", { onClick: onSwitchToCli, className: "underline hover:text-muted-foreground", children: "CLI terminal" }), " ", "for full Claude Code capabilities."] }))] })) : (_jsxs("div", { className: "flex flex-col gap-4 px-4 py-4", children: [_jsx(ThreadPrimitive.Messages, { components: {
+                                UserMessage,
+                                AssistantMessage,
+                            } }), isRunning && _jsx(ThinkingIndicator, {})] })) }), _jsx("div", { className: "shrink-0 border-t border-border px-3 py-3", children: _jsxs(ComposerPrimitive.Root, { className: "flex items-center gap-2 rounded-lg border border-input bg-background px-3 py-2 focus-within:ring-1 focus-within:ring-ring", children: [_jsx(ComposerPrimitive.Input, { placeholder: "Message agent...", submitMode: "enter", cancelOnEscape: true, className: "flex-1 resize-none bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none leading-relaxed min-h-[24px] max-h-[120px]", rows: 1 }), isRunning ? (_jsx(ComposerPrimitive.Cancel, { asChild: true, children: _jsx("button", { className: "shrink-0 flex h-8 w-8 items-center justify-center rounded-md bg-destructive text-destructive-foreground hover:opacity-90", children: _jsx(StopIcon, { className: "h-3.5 w-3.5" }) }) })) : (_jsx(ComposerPrimitive.Send, { asChild: true, children: _jsx("button", { className: "shrink-0 flex h-8 w-8 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(SendIcon, { className: "h-3.5 w-3.5" }) }) }))] }) })] }));
+});
+export const AssistantChat = forwardRef(function AssistantChat({ apiUrl, tabId, ...props }, ref) {
+    const adapter = useMemo(() => createAgentChatAdapter({ apiUrl, tabId }), [apiUrl, tabId]);
+    const runtime = useLocalRuntime(adapter);
+    return (_jsx(AssistantRuntimeProvider, { runtime: runtime, children: _jsx(ThreadPrimitive.Root, { className: "flex flex-1 flex-col h-full min-h-0", children: _jsx(AssistantChatInner, { ref: ref, ...props, apiUrl: apiUrl }) }) }));
+});
+//# sourceMappingURL=AssistantChat.js.map

package/dist/client/AssistantChat.js.map

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

package/dist/client/ErrorBoundary.d.ts

@@ -0,0 +1,4 @@
+export declare function ErrorBoundary({ error }: {
+    error: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/client/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/client/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,2CAiC1D"}

package/dist/client/ErrorBoundary.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isRouteErrorResponse } from "react-router";
+export function ErrorBoundary({ error }) {
+    let message = "Oops!";
+    let details = "An unexpected error occurred.";
+    let stack;
+    if (isRouteErrorResponse(error)) {
+        message = error.status === 404 ? "404" : "Error";
+        details =
+            error.status === 404
+                ? "The requested page could not be found."
+                : error.statusText || details;
+    }
+    else if (typeof process !== "undefined" &&
+        process.env.NODE_ENV !== "production" &&
+        error instanceof Error) {
+        details = error.message;
+        stack = error.stack;
+    }
+    return (_jsx("main", { className: "flex items-center justify-center min-h-screen p-4", children: _jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-4xl font-bold mb-2", children: message }), _jsx("p", { className: "text-muted-foreground", children: details }), stack && (_jsx("pre", { className: "mt-4 text-left text-xs overflow-auto max-w-lg mx-auto p-4 bg-muted rounded", children: _jsx("code", { children: stack }) }))] }) }));
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/client/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/client/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAsB;IACzD,IAAI,OAAO,GAAG,OAAO,CAAC;IACtB,IAAI,OAAO,GAAG,+BAA+B,CAAC;IAC9C,IAAI,KAAyB,CAAC;IAE9B,IAAI,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;QACjD,OAAO;YACL,KAAK,CAAC,MAAM,KAAK,GAAG;gBAClB,CAAC,CAAC,wCAAwC;gBAC1C,CAAC,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC;IACpC,CAAC;SAAM,IACL,OAAO,OAAO,KAAK,WAAW;QAC9B,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,KAAK,YAAY,KAAK,EACtB,CAAC;QACD,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QACxB,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,OAAO,CACL,eAAM,SAAS,EAAC,mDAAmD,YACjE,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAM,EACtD,YAAG,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAK,EACjD,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,4EAA4E,YACzF,yBAAO,KAAK,GAAQ,GAChB,CACP,IACG,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/client/MultiTabAssistantChat.d.ts

@@ -0,0 +1,4 @@
+import { type AssistantChatProps } from "./AssistantChat.js";
+export type MultiTabAssistantChatProps = Omit<AssistantChatProps, "tabId">;
+export declare function MultiTabAssistantChat(props: MultiTabAssistantChatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiTabAssistantChat.d.ts.map

package/dist/client/MultiTabAssistantChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTabAssistantChat.d.ts","sourceRoot":"","sources":["../../src/client/MultiTabAssistantChat.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,oBAAoB,CAAC;AA0C5B,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;AAE3E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA6JtE"}

package/dist/client/MultiTabAssistantChat.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from "react";
+import { AssistantChat, } from "./AssistantChat.js";
+import { generateTabId } from "./agent-chat.js";
+import { getHarnessOrigin } from "./harness.js";
+// ─── Inline Icons ───────────────────────────────────────────────────────────
+function IconX({ size = 10 }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }));
+}
+let labelCounter = 0;
+function createChatTab() {
+    return {
+        id: generateTabId(),
+        label: String(++labelCounter),
+        status: "idle",
+    };
+}
+export function MultiTabAssistantChat(props) {
+    const [tabs, setTabs] = useState(() => [createChatTab()]);
+    const [activeTabId, setActiveTabId] = useState(() => tabs[0].id);
+    const activeTabIdRef = useRef(activeTabId);
+    activeTabIdRef.current = activeTabId;
+    const chatRefs = useRef(new Map());
+    const pendingSends = useRef(new Map());
+    // Listen for builder.submitChat postMessages
+    useEffect(() => {
+        const handler = (event) => {
+            // Only accept messages from same origin or known harness
+            if (event.origin !== window.location.origin &&
+                event.origin !== getHarnessOrigin()) {
+                return;
+            }
+            if (event.data?.type !== "builder.submitChat")
+                return;
+            const message = event.data.data?.message;
+            if (!message)
+                return;
+            const currentTabId = activeTabIdRef.current;
+            const activeRef = chatRefs.current.get(currentTabId);
+            const running = activeRef?.isRunning() ?? false;
+            if (!running) {
+                // Send to the current active tab
+                if (activeRef) {
+                    activeRef.sendMessage(message);
+                }
+                else {
+                    // Ref not yet mounted — queue it
+                    pendingSends.current.set(currentTabId, message);
+                }
+            }
+            else {
+                // Active tab is busy — create a new tab
+                const tab = createChatTab();
+                pendingSends.current.set(tab.id, message);
+                setTabs((prev) => [...prev, tab]);
+                setActiveTabId(tab.id);
+            }
+        };
+        window.addEventListener("message", handler);
+        return () => window.removeEventListener("message", handler);
+    }, []); // stable — uses refs instead of state
+    // Process pending sends when refs mount
+    useEffect(() => {
+        for (const [tabId, message] of pendingSends.current) {
+            const ref = chatRefs.current.get(tabId);
+            if (ref) {
+                // Small delay to let the runtime initialise
+                setTimeout(() => ref.sendMessage(message), 50);
+                pendingSends.current.delete(tabId);
+            }
+        }
+    }, [tabs]);
+    // Listen for chatRunning completion events
+    useEffect(() => {
+        const handler = (e) => {
+            const detail = e.detail;
+            if (!detail)
+                return;
+            const { isRunning, tabId } = detail;
+            if (!tabId)
+                return;
+            setTabs((prev) => prev.map((t) => {
+                if (t.id !== tabId)
+                    return t;
+                if (isRunning === false)
+                    return { ...t, status: "completed" };
+                if (isRunning === true)
+                    return { ...t, status: "running" };
+                return t;
+            }));
+        };
+        window.addEventListener("builder.fusion.chatRunning", handler);
+        return () => window.removeEventListener("builder.fusion.chatRunning", handler);
+    }, []);
+    const closeTab = useCallback((tabId) => {
+        setTabs((prev) => {
+            if (prev.length <= 1)
+                return prev;
+            const idx = prev.findIndex((t) => t.id === tabId);
+            const next = prev.filter((t) => t.id !== tabId);
+            if (tabId === activeTabId) {
+                const newIdx = Math.min(idx, next.length - 1);
+                setActiveTabId(next[newIdx].id);
+            }
+            return next;
+        });
+        chatRefs.current.delete(tabId);
+        pendingSends.current.delete(tabId);
+    }, [activeTabId]);
+    const showTabs = tabs.length > 1;
+    return (_jsxs("div", { className: "flex flex-1 flex-col h-full min-h-0", children: [showTabs && (_jsx("div", { className: "flex items-center gap-0.5 px-2 py-1 border-b border-border shrink-0", children: tabs.map((tab) => (_jsxs("button", { onClick: () => setActiveTabId(tab.id), className: `flex items-center gap-1 px-2.5 py-1 rounded text-[11px] font-medium transition-colors ${tab.id === activeTabId
+                        ? "bg-accent text-foreground"
+                        : "text-muted-foreground hover:text-foreground hover:bg-accent/50"}`, children: [_jsx("span", { children: tab.label }), tab.status === "completed" && (_jsx("span", { className: "w-2 h-2 rounded-full bg-blue-500 shrink-0" })), tabs.length > 1 && (_jsx("span", { role: "button", onClick: (e) => {
+                                e.stopPropagation();
+                                closeTab(tab.id);
+                            }, className: "text-muted-foreground/50 hover:text-muted-foreground ml-0.5", children: _jsx(IconX, { size: 10 }) }))] }, tab.id))) })), tabs.map((tab) => (_jsx("div", { className: "flex-1 min-h-0", style: { display: tab.id === activeTabId ? "flex" : "none" }, children: _jsx(AssistantChat, { ref: (handle) => {
+                        if (handle) {
+                            chatRefs.current.set(tab.id, handle);
+                        }
+                        else {
+                            chatRefs.current.delete(tab.id);
+                        }
+                    }, tabId: tab.id, ...props }) }, tab.id)))] }));
+}
+//# sourceMappingURL=MultiTabAssistantChat.js.map

package/dist/client/MultiTabAssistantChat.js.map

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

package/dist/client/ProductionAgentPanel.d.ts

@@ -1,10 +1,6 @@
-import React from "react";
-export interface ProductionAgentPanelProps {
-    children: React.ReactNode;
-}
 /**
- * Wraps app content with a mobile-style bottom tab bar (Mail / Agent).
- * In development (`!import.meta.env.PROD`), renders children unchanged.
+ * @deprecated Use AgentSidebar and AgentToggleButton from "./AgentPanel.js" instead.
+ * This file re-exports for backward compatibility.
  */
-export declare function ProductionAgentPanel({ children }: ProductionAgentPanelProps): import("react/jsx-runtime").JSX.Element;
+export { AgentSidebar as ProductionAgentPanel, AgentToggleButton, type AgentSidebarProps as ProductionAgentPanelProps, } from "./AgentPanel.js";
 //# sourceMappingURL=ProductionAgentPanel.d.ts.map

package/dist/client/ProductionAgentPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductionAgentPanel.d.ts","sourceRoot":"","sources":["../../src/client/ProductionAgentPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAkYxE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAqD3E"}
+{"version":3,"file":"ProductionAgentPanel.d.ts","sourceRoot":"","sources":["../../src/client/ProductionAgentPanel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,YAAY,IAAI,oBAAoB,EACpC,iBAAiB,EACjB,KAAK,iBAAiB,IAAI,yBAAyB,GACpD,MAAM,iBAAiB,CAAC"}