@tangle-network/ui 7.0.0 → 8.1.0

package/dist/{chunk-5CS3I7Y3.js → chunk-QUAU6ZNC.js}

@@ -4,9 +4,10 @@ import {
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
 import {
+  AssistantRunShell,
   InlineThinkingItem,
   RunGroup
-} from "./chunk-QIRVZMQY.js";
+} from "./chunk-C3BIVG72.js";
 import {
   ToolCallGroup,
   ToolCallStep
@@ -27,9 +28,8 @@ import {
 // src/chat/chat-container.tsx
 import {
   memo as memo3,
-  useCallback as useCallback2,
   useMemo,
-  useRef as useRef2
+  useRef
 } from "react";
 import { ArrowDown } from "lucide-react";
 
@@ -99,6 +99,7 @@ var MessageList = memo2(
 MessageList.displayName = "MessageList";
 
 // src/chat/agent-timeline.tsx
+import { useState as useState2 } from "react";
 import {
   AlertTriangle,
   CheckCircle2,
@@ -131,6 +132,48 @@ function ThinkingIndicator({ className }) {
 
 // src/chat/agent-timeline.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function foldToolRuns(items) {
+  const nodes = [];
+  let run = [];
+  const flush = () => {
+    if (run.length === 0) return;
+    if (run.length === 1) {
+      nodes.push(run[0]);
+    } else {
+      nodes.push({ id: `tool-run-${run[0].id}`, kind: "tool_run", items: run });
+    }
+    run = [];
+  };
+  for (const item of items) {
+    if (item.kind === "tool" || item.kind === "tool_group") {
+      run.push(item);
+    } else {
+      flush();
+      nodes.push(item);
+    }
+  }
+  flush();
+  return nodes;
+}
+function countTools(group) {
+  return group.items.reduce(
+    (n, item) => n + (item.kind === "tool_group" ? item.calls.length : 1),
+    0
+  );
+}
+function ToolCallRow({ call }) {
+  return /* @__PURE__ */ jsx4(
+    ToolCallStep,
+    {
+      type: call.type,
+      label: call.label,
+      status: call.status,
+      detail: call.detail,
+      output: call.output,
+      duration: call.duration
+    }
+  );
+}
 var TONE_STYLES = {
   default: {
     dot: "bg-[var(--border-hover)]",
@@ -234,375 +277,81 @@ function AgentTimeline({
   items,
   isThinking,
   emptyState,
-  className
+  className,
+  collapsibleToolRuns = true,
+  defaultToolRunsOpen = true
 }) {
+  const [collapsedRuns, setCollapsedRuns] = useState2({});
+  const toggleRun = (id) => setCollapsedRuns((prev) => ({
+    ...prev,
+    [id]: prev[id] === void 0 ? defaultToolRunsOpen : !prev[id]
+  }));
   if (items.length === 0 && !isThinking) {
     return emptyState ? /* @__PURE__ */ jsx4("div", { className: cn("flex h-full items-center justify-center p-4", className), children: emptyState }) : null;
   }
   const renderedItems = isThinking ? [...items, { id: "__thinking__", kind: "custom", content: /* @__PURE__ */ jsx4(ThinkingIndicator, {}) }] : items;
-  const timelineItems = renderedItems.filter((item) => !(item.kind === "message" && item.role === "user"));
-  return /* @__PURE__ */ jsx4("div", { className: cn("mx-auto w-full max-w-5xl px-4 py-4", className), children: renderedItems.map((item, index) => {
-    if (item.kind === "message" && item.role === "user") {
-      return /* @__PURE__ */ jsx4(UserMessage2, { item }, item.id);
-    }
-    const timelineIndex = timelineItems.indexOf(item);
-    const isLast = timelineIndex === timelineItems.length - 1;
-    if (item.kind === "message") {
-      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--brand-glow)]", children: /* @__PURE__ */ jsx4(AssistantMessage, { item }) }, item.id);
+  const nodes = collapsibleToolRuns ? foldToolRuns(renderedItems) : renderedItems;
+  const timelineNodes = nodes.filter(
+    (node) => !(node.kind === "message" && node.role === "user")
+  );
+  return /* @__PURE__ */ jsx4("div", { className: cn("mx-auto w-full max-w-5xl px-4 py-4", className), children: nodes.map((node) => {
+    if (node.kind === "message" && node.role === "user") {
+      return /* @__PURE__ */ jsx4(UserMessage2, { item: node }, node.id);
     }
-    if (item.kind === "tool") {
+    const isLast = timelineNodes.indexOf(node) === timelineNodes.length - 1;
+    if (node.kind === "tool_run") {
+      const collapsed = collapsedRuns[node.id] ?? !defaultToolRunsOpen;
+      const total = countTools(node);
       return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: /* @__PURE__ */ jsx4(
-        ToolCallStep,
+        AssistantRunShell,
         {
-          type: item.call.type,
-          label: item.call.label,
-          status: item.call.status,
-          detail: item.call.detail,
-          output: item.call.output,
-          duration: item.call.duration
+          label: "Tools",
+          summary: `${total} ${total === 1 ? "tool" : "tools"}`,
+          collapsed,
+          onToggle: () => toggleRun(node.id),
+          children: /* @__PURE__ */ jsx4("div", { className: "space-y-px", children: node.items.map(
+            (item) => item.kind === "tool_group" ? /* @__PURE__ */ jsx4(ToolCallGroup, { title: item.title, children: item.calls.map((call) => /* @__PURE__ */ jsx4(ToolCallRow, { call }, call.id)) }, item.id) : /* @__PURE__ */ jsx4(ToolCallRow, { call: item.call }, item.id)
+          ) })
         }
-      ) }, item.id);
+      ) }, node.id);
     }
-    if (item.kind === "tool_group") {
-      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: /* @__PURE__ */ jsx4(ToolCallGroup, { title: item.title, children: item.calls.map((call) => /* @__PURE__ */ jsx4(
-        ToolCallStep,
-        {
-          type: call.type,
-          label: call.label,
-          status: call.status,
-          detail: call.detail,
-          output: call.output,
-          duration: call.duration
-        },
-        call.id
-      )) }) }, item.id);
+    if (node.kind === "message") {
+      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--brand-glow)]", children: /* @__PURE__ */ jsx4(AssistantMessage, { item: node }) }, node.id);
+    }
+    if (node.kind === "tool") {
+      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: /* @__PURE__ */ jsx4(ToolCallRow, { call: node.call }) }, node.id);
     }
-    if (item.kind === "status") {
+    if (node.kind === "tool_group") {
+      return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: /* @__PURE__ */ jsx4(ToolCallGroup, { title: node.title, children: node.calls.map((call) => /* @__PURE__ */ jsx4(ToolCallRow, { call }, call.id)) }) }, node.id);
+    }
+    if (node.kind === "status") {
       return /* @__PURE__ */ jsx4(
         AgentTimelineRow,
         {
           isLast,
-          accentClassName: TONE_STYLES[item.tone ?? "default"].dot,
-          children: /* @__PURE__ */ jsx4(StatusCard, { item })
+          accentClassName: TONE_STYLES[node.tone ?? "default"].dot,
+          children: /* @__PURE__ */ jsx4(StatusCard, { item: node })
         },
-        item.id
+        node.id
       );
     }
-    if (item.kind === "artifact") {
+    if (node.kind === "artifact") {
       return /* @__PURE__ */ jsx4(
         AgentTimelineRow,
         {
           isLast,
-          accentClassName: TONE_STYLES[item.tone ?? "default"].dot,
-          children: /* @__PURE__ */ jsx4(ArtifactCard, { item })
+          accentClassName: TONE_STYLES[node.tone ?? "default"].dot,
+          children: /* @__PURE__ */ jsx4(ArtifactCard, { item: node })
         },
-        item.id
+        node.id
       );
     }
-    return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: item.content }, item.id);
+    return /* @__PURE__ */ jsx4(AgentTimelineRow, { isLast, accentClassName: "bg-[var(--border-hover)]", children: node.content }, node.id);
   }) });
 }
 
-// src/chat/chat-input.tsx
-import { useState as useState2, useRef, useCallback } from "react";
-import { Send, Square, Paperclip, FolderUp, X, Upload } from "lucide-react";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function ChatInput({
-  onSend,
-  onCancel,
-  isStreaming,
-  disabled,
-  placeholder = "Ask the agent to inspect files, run commands, or explain results\u2026",
-  modelLabel,
-  onModelClick,
-  pendingFiles = [],
-  onRemoveFile,
-  onAttach,
-  onAttachFolder,
-  accept,
-  dropTitle = "Drop files to add context",
-  dropDescription = "Files will be attached to your next message.",
-  className,
-  inputLabel = "Agent Command Deck",
-  idleStatus = "Ready for next instruction",
-  streamingStatus = "Streaming response",
-  hideShortcutHint
-}) {
-  const [value, setValue] = useState2("");
-  const [dragOver, setDragOver] = useState2(false);
-  const dragCounter = useRef(0);
-  const textareaRef = useRef(null);
-  const fileInputRef = useRef(null);
-  const folderInputRef = useRef(null);
-  const handleSend = useCallback(() => {
-    const trimmed = value.trim();
-    if (!trimmed || isStreaming || disabled) return;
-    onSend(trimmed);
-    setValue("");
-    if (textareaRef.current) {
-      textareaRef.current.style.height = "auto";
-    }
-  }, [value, isStreaming, disabled, onSend]);
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      handleSend();
-    }
-  };
-  const handleChange = (e) => {
-    setValue(e.target.value);
-    const el = e.target;
-    el.style.height = "auto";
-    el.style.height = `${Math.min(el.scrollHeight, 160)}px`;
-  };
-  const handleAttachClick = () => {
-    fileInputRef.current?.click();
-  };
-  const handleFolderClick = () => {
-    folderInputRef.current?.click();
-  };
-  const handleFileChange = (e) => {
-    if (e.target.files?.length) {
-      onAttach?.(e.target.files);
-      e.target.value = "";
-    }
-  };
-  const handleFolderChange = (e) => {
-    if (e.target.files?.length) {
-      (onAttachFolder ?? onAttach)?.(e.target.files);
-      e.target.value = "";
-    }
-  };
-  const handleDragEnter = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragCounter.current++;
-    if (e.dataTransfer?.types.includes("Files")) {
-      setDragOver(true);
-    }
-  }, []);
-  const handleDragLeave = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragCounter.current--;
-    if (dragCounter.current === 0) {
-      setDragOver(false);
-    }
-  }, []);
-  const handleDragOver = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    e.dataTransfer.dropEffect = "copy";
-  }, []);
-  const handleDrop = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    dragCounter.current = 0;
-    setDragOver(false);
-    const files = e.dataTransfer?.files;
-    if (files?.length && onAttach) {
-      onAttach(files);
-    }
-  }, [onAttach]);
-  const fileChips = pendingFiles.filter((f) => f.type === "file" || !f.type);
-  const folderChips = pendingFiles.filter((f) => f.type === "folder");
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: cn("relative", className),
-      onDragEnter: onAttach ? handleDragEnter : void 0,
-      onDragLeave: onAttach ? handleDragLeave : void 0,
-      onDragOver: onAttach ? handleDragOver : void 0,
-      onDrop: onAttach ? handleDrop : void 0,
-      children: [
-        dragOver && /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 z-10 flex items-center justify-center rounded-[var(--radius-xl)] border-2 border-dashed border-border bg-card pointer-events-none", children: /* @__PURE__ */ jsxs4("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx5("div", { className: "mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--accent-surface-soft)]", children: /* @__PURE__ */ jsx5(Upload, { className: "h-6 w-6 text-primary" }) }),
-          /* @__PURE__ */ jsx5("p", { className: "text-sm font-semibold text-foreground", children: dropTitle }),
-          /* @__PURE__ */ jsx5("p", { className: "mt-1 text-xs text-muted-foreground", children: dropDescription })
-        ] }) }),
-        pendingFiles.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "mb-3 flex flex-wrap gap-2", children: [
-          folderChips.map((f) => /* @__PURE__ */ jsxs4(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs",
-                "border-border bg-muted/50",
-                f.status === "error" && "border-[var(--code-error)]/30 text-[var(--code-error)]",
-                f.status !== "error" && "text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx5(FolderUp, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx5("span", { className: "truncate max-w-[150px]", children: f.name }),
-                f.fileCount !== void 0 && /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", children: [
-                  "(",
-                  f.fileCount,
-                  ")"
-                ] }),
-                f.status === "uploading" && /* @__PURE__ */ jsx5("span", { className: "w-3 h-3 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Remove ${f.name}`,
-                    onClick: () => onRemoveFile(f.id),
-                    className: "rounded p-0.5 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                    children: /* @__PURE__ */ jsx5(X, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            f.id
-          )),
-          fileChips.map((f) => /* @__PURE__ */ jsxs4(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border px-3 py-1.5 text-xs",
-                "border-border bg-muted/50",
-                f.status === "error" && "border-[var(--code-error)]/30 text-[var(--code-error)]",
-                f.status !== "error" && "text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx5(Paperclip, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx5("span", { className: "truncate max-w-[150px]", children: f.name }),
-                f.status === "uploading" && /* @__PURE__ */ jsx5("span", { className: "w-3 h-3 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
-                onRemoveFile && /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": `Remove ${f.name}`,
-                    onClick: () => onRemoveFile(f.id),
-                    className: "rounded p-0.5 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                    children: /* @__PURE__ */ jsx5(X, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            f.id
-          ))
-        ] }),
-        /* @__PURE__ */ jsx5("div", { className: "rounded-[24px] border border-[var(--chat-input-border,var(--border-default))] [background:var(--chat-input-bg,var(--bg-card))] shadow-[var(--chat-input-shadow,0_1px_2px_rgba(15,23,42,0.05))] transition-all focus-within:border-[var(--chat-input-focus-border,var(--border-accent))] focus-within:shadow-[var(--chat-input-focus-shadow,0_10px_30px_rgba(15,23,42,0.08))]", children: /* @__PURE__ */ jsxs4("div", { className: "rounded-[24px] px-4 py-[var(--chat-input-py)]", children: [
-          (inputLabel !== null || idleStatus !== null || streamingStatus !== null) && /* @__PURE__ */ jsxs4("div", { className: "mb-1.5 flex items-center justify-between gap-3 px-1", children: [
-            inputLabel !== null && /* @__PURE__ */ jsx5("div", { className: "text-[var(--chat-label-size,11px)] font-[var(--chat-label-weight,600)] uppercase tracking-[var(--chat-label-tracking,0.16em)] text-[var(--text-muted)]", children: inputLabel }),
-            (idleStatus !== null || streamingStatus !== null) && /* @__PURE__ */ jsx5("div", { className: "text-[var(--chat-label-size,11px)] text-[var(--text-muted)]", children: isStreaming ? streamingStatus ?? "" : idleStatus ?? "" })
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-end gap-2.5", children: [
-            onAttach && /* @__PURE__ */ jsxs4(Fragment, { children: [
-              /* @__PURE__ */ jsx5(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleAttachClick,
-                  disabled: isStreaming,
-                  "aria-label": "Attach files",
-                  title: "Attach files",
-                  className: "mb-0.5 shrink-0 rounded-[var(--radius-md)] border border-transparent p-2 text-muted-foreground transition-colors hover:border-border hover:bg-accent hover:text-foreground disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                  children: /* @__PURE__ */ jsx5(Paperclip, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                "input",
-                {
-                  ref: fileInputRef,
-                  type: "file",
-                  multiple: true,
-                  className: "hidden",
-                  onChange: handleFileChange,
-                  accept: accept ?? ".pdf,.csv,.xlsx,.xls,.jpg,.jpeg,.png,.gif,.txt,.json,.yaml,.yml"
-                }
-              )
-            ] }),
-            (onAttachFolder ?? onAttach) && /* @__PURE__ */ jsxs4(Fragment, { children: [
-              /* @__PURE__ */ jsx5(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleFolderClick,
-                  disabled: isStreaming,
-                  "aria-label": "Attach folder",
-                  title: "Attach folder",
-                  className: "mb-0.5 shrink-0 rounded-[var(--radius-md)] border border-transparent p-2 text-muted-foreground transition-colors hover:border-border hover:bg-accent hover:text-foreground disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-                  children: /* @__PURE__ */ jsx5(FolderUp, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                "input",
-                {
-                  ref: folderInputRef,
-                  type: "file",
-                  multiple: true,
-                  className: "hidden",
-                  onChange: handleFolderChange,
-                  webkitdirectory: ""
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx5(
-              "textarea",
-              {
-                ref: textareaRef,
-                value,
-                onChange: handleChange,
-                onKeyDown: handleKeyDown,
-                placeholder,
-                disabled: isStreaming || disabled,
-                rows: 1,
-                "aria-label": "Message input",
-                className: "min-h-[42px] max-h-[160px] flex-1 resize-none bg-transparent py-2 text-[15px] leading-6 text-foreground placeholder:text-muted-foreground disabled:opacity-50 focus-visible:outline-none"
-              }
-            ),
-            isStreaming ? /* @__PURE__ */ jsx5(
-              "button",
-              {
-                type: "button",
-                onClick: onCancel,
-                "aria-label": "Stop response",
-                className: "mb-0.5 shrink-0 rounded-[var(--radius-lg)] border border-[var(--code-error)]/20 bg-[var(--code-error)]/14 p-2.5 text-[var(--code-error)] transition-colors hover:bg-[var(--code-error)]/24 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--code-error)]/50",
-                children: /* @__PURE__ */ jsx5(Square, { className: "h-4 w-4" })
-              }
-            ) : /* @__PURE__ */ jsxs4(
-              "button",
-              {
-                type: "button",
-                onClick: handleSend,
-                disabled: !value.trim() || disabled,
-                "aria-label": "Send message",
-                className: "mb-0.5 inline-flex shrink-0 items-center gap-1.5 rounded-full border border-[var(--chat-send-border,var(--border-accent))] [background:var(--chat-send-bg,var(--brand-primary))] px-3.5 py-2.5 text-sm font-medium text-[var(--chat-send-color,white)] shadow-[var(--chat-send-shadow,0_6px_16px_rgba(15,23,42,0.12))] transition-all hover:translate-y-[-1px] hover:[background:var(--chat-send-hover-bg,var(--brand-strong))] disabled:opacity-30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--chat-send-ring,var(--border-accent))]",
-                children: [
-                  /* @__PURE__ */ jsx5(Send, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ jsx5("span", { children: "Send" })
-                ]
-              }
-            )
-          ] })
-        ] }) }),
-        (modelLabel || !hideShortcutHint) && /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex items-center justify-between px-1", children: [
-          /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2", children: modelLabel && /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              type: "button",
-              onClick: onModelClick,
-              "aria-label": `Select model, current model ${modelLabel}`,
-              className: "inline-flex items-center gap-1.5 rounded-[var(--radius-full)] border border-border bg-[linear-gradient(180deg,rgba(255,255,255,0.04),transparent)] px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:border-primary/20 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60",
-              children: [
-                /* @__PURE__ */ jsx5("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--code-success)]" }),
-                modelLabel
-              ]
-            }
-          ) }),
-          !hideShortcutHint && /* @__PURE__ */ jsxs4("span", { className: "text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx5("kbd", { className: "px-1 py-0.5 bg-background rounded border border-border text-[10px]", children: "Cmd" }),
-            /* @__PURE__ */ jsx5("kbd", { className: "px-1 py-0.5 bg-background rounded border border-border text-[10px] ml-0.5", children: "L" }),
-            /* @__PURE__ */ jsx5("span", { className: "ml-1", children: "to focus" })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
 // src/chat/chat-container.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var OPENUI_NODE_TYPES = /* @__PURE__ */ new Set([
   "heading",
   "text",
@@ -752,7 +501,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
           items.push({
             id: `${message.id}-openui-${part.id}`,
             kind: "custom",
-            content: /* @__PURE__ */ jsx6("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx6(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+            content: /* @__PURE__ */ jsx5("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx5(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
           });
         }
       }
@@ -784,7 +533,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
               items.push({
                 id: `${itemId}-openui`,
                 kind: "custom",
-                content: /* @__PURE__ */ jsx6("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx6(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+                content: /* @__PURE__ */ jsx5("div", { className: "my-2 rounded-[var(--radius-lg)] border border-border bg-card p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx5(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
               });
               const afterJson = part.text.slice(part.text.lastIndexOf("```") + 3).trim();
               if (afterJson) {
@@ -814,7 +563,7 @@ function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enab
         items.push({
           id: itemId,
           kind: "custom",
-          content: /* @__PURE__ */ jsx6(InlineThinkingItem, { part, defaultOpen: isStreaming && lastAssistantMessage?.id === message.id })
+          content: /* @__PURE__ */ jsx5(InlineThinkingItem, { part, defaultOpen: isStreaming && lastAssistantMessage?.id === message.id })
         });
         return;
       }
@@ -831,27 +580,17 @@ var ChatContainer = memo3(
     messages,
     partMap,
     isStreaming,
-    onSend,
-    onCancel,
     branding,
-    placeholder = "Type a message...",
     className,
-    hideInput = false,
     renderToolDetail,
     presentation = "runs",
-    modelLabel,
-    onModelClick,
-    pendingFiles,
-    onRemoveFile,
-    onAttach,
-    disabled = false,
     onOpenUIAction,
     enableOpenUI = true,
     renderRunActions,
     renderUserMessageActions,
     renderToolActions
   }) => {
-    const scrollRef = useRef2(null);
+    const scrollRef = useRef(null);
     const groups = useRunGroups({ messages, partMap, isStreaming });
     const runs = groups.filter((g) => g.type === "run").map((g) => g.run);
     const { isCollapsed, toggleCollapse } = useRunCollapseState(runs);
@@ -864,19 +603,13 @@ var ChatContainer = memo3(
       () => buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enableOpenUI),
       [messages, partMap, isStreaming, onOpenUIAction, enableOpenUI]
     );
-    const handleSend = useCallback2(
-      (text) => {
-        onSend?.(text);
-      },
-      [onSend]
-    );
-    return /* @__PURE__ */ jsxs5("div", { className: cn("flex h-full flex-col", className), children: [
-      /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs4("div", { className: cn("flex h-full flex-col", className), children: [
+      /* @__PURE__ */ jsx5(
         "div",
         {
           ref: scrollRef,
           className: "flex-1 overflow-y-auto [scrollbar-gutter:stable]",
-          children: messages.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx6("div", { className: "max-w-md text-center", children: /* @__PURE__ */ jsx6("div", { className: "text-sm font-medium text-muted-foreground", children: "Start a conversation." }) }) }) : presentation === "timeline" ? /* @__PURE__ */ jsx6("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx6(AgentTimeline, { items: timeline.items, isThinking: timeline.showThinking }) }) : /* @__PURE__ */ jsx6("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx6(
+          children: messages.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx5("div", { className: "max-w-md text-center", children: /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium text-muted-foreground", children: "Start a conversation." }) }) }) : presentation === "timeline" ? /* @__PURE__ */ jsx5("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx5(AgentTimeline, { items: timeline.items, isThinking: timeline.showThinking }) }) : /* @__PURE__ */ jsx5("div", { className: "mx-auto flex min-h-full w-full max-w-3xl flex-col justify-end", children: /* @__PURE__ */ jsx5(
             MessageList,
             {
               groups,
@@ -892,7 +625,7 @@ var ChatContainer = memo3(
           ) })
         }
       ),
-      !isAtBottom && /* @__PURE__ */ jsx6("div", { className: "relative z-10 -mt-10 flex justify-center", children: /* @__PURE__ */ jsxs5(
+      !isAtBottom && /* @__PURE__ */ jsx5("div", { className: "relative z-10 -mt-10 flex justify-center", children: /* @__PURE__ */ jsxs4(
         "button",
         {
           onClick: scrollToBottom,
@@ -903,34 +636,18 @@ var ChatContainer = memo3(
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60"
           ),
           children: [
-            /* @__PURE__ */ jsx6(ArrowDown, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx5(ArrowDown, { className: "w-3 h-3" }),
             "Scroll to bottom"
           ]
         }
-      ) }),
-      !hideInput && onSend && /* @__PURE__ */ jsx6(
-        ChatInput,
-        {
-          onSend: handleSend,
-          onCancel,
-          isStreaming,
-          placeholder,
-          modelLabel,
-          onModelClick,
-          pendingFiles,
-          onRemoveFile,
-          onAttach,
-          disabled,
-          className: "shrink-0 border-t border-border bg-background"
-        }
-      )
+      ) })
     ] });
   }
 );
 ChatContainer.displayName = "ChatContainer";
 
 // src/chat/chat-message.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ChatMessage({
   role,
   content,
@@ -943,7 +660,7 @@ function ChatMessage({
   hideRoleLabel
 }) {
   const isUser = role === "user";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -952,11 +669,11 @@ function ChatMessage({
         className
       ),
       children: [
-        !hideRoleLabel && /* @__PURE__ */ jsxs6("div", { className: cn("flex items-center gap-2 px-1", isUser && "flex-row-reverse"), children: [
-          /* @__PURE__ */ jsx7("span", { className: "font-medium text-foreground text-xs", children: isUser ? userLabel : assistantLabel }),
-          timestamp && /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground text-xs", children: formatTime2(timestamp) })
+        !hideRoleLabel && /* @__PURE__ */ jsxs5("div", { className: cn("flex items-center gap-2 px-1", isUser && "flex-row-reverse"), children: [
+          /* @__PURE__ */ jsx6("span", { className: "font-medium text-foreground text-xs", children: isUser ? userLabel : assistantLabel }),
+          timestamp && /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground text-xs", children: formatTime2(timestamp) })
         ] }),
-        /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             className: cn(
@@ -965,9 +682,9 @@ function ChatMessage({
               isUser ? "border-border bg-muted/50" : "border-border bg-card"
             ),
             children: [
-              isUser ? /* @__PURE__ */ jsx7("div", { className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[var(--line-height-base)] text-foreground", children: content }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
-                content && /* @__PURE__ */ jsx7(Markdown, { className: "tangle-prose text-[var(--font-size-base)] leading-[var(--line-height-base)]", children: content }),
-                isStreaming && /* @__PURE__ */ jsx7("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
+              isUser ? /* @__PURE__ */ jsx6("div", { className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[var(--line-height-base)] text-foreground", children: content }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+                content && /* @__PURE__ */ jsx6(Markdown, { className: "tangle-prose text-[var(--font-size-base)] leading-[var(--line-height-base)]", children: content }),
+                isStreaming && /* @__PURE__ */ jsx6("span", { className: "ml-0.5 inline-block h-4 w-2 animate-pulse rounded-sm bg-[var(--brand-cool)] align-text-bottom" })
               ] }),
               toolCalls
             ]
@@ -989,7 +706,6 @@ export {
   MessageList,
   ThinkingIndicator,
   AgentTimeline,
-  ChatInput,
   ChatContainer,
   ChatMessage
 };