@tangle-network/ui 6.0.0 → 8.0.0

package/dist/{chunk-SJ6IL4HI.js → chunk-UOLL2YHG.js}

@@ -6,11 +6,11 @@ import {
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-LASW7CYH.js";
+} from "./chunk-QIRVZMQY.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-EOGJX2TU.js";
+} from "./chunk-RKQDBRTC.js";
 import {
   getToolDisplayMetadata
 } from "./chunk-ULDNFLIM.js";
@@ -27,9 +27,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";
 
@@ -303,306 +302,8 @@ function AgentTimeline({
   }) });
 }
 
-// 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 +453,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 +485,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 +515,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 +532,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 +555,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 +577,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,35 +588,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 { User, Bot } from "lucide-react";
-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,
@@ -941,32 +609,23 @@ function ChatMessage({
   className,
   userLabel = "You",
   assistantLabel = "Agent",
-  hideRoleLabel,
-  hideAvatar,
-  avatar
+  hideRoleLabel
 }) {
   const isUser = role === "user";
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
-        "flex gap-3",
-        isUser ? "flex-row-reverse" : "flex-row",
+        "flex flex-col gap-1",
+        isUser ? "items-end" : "items-start",
         className
       ),
       children: [
-        !hideAvatar && (avatar ? /* @__PURE__ */ jsx7("div", { className: "mt-0.5 shrink-0", children: avatar }) : /* @__PURE__ */ jsx7(
-          "div",
-          {
-            className: cn(
-              "mt-0.5 flex shrink-0 items-center justify-center rounded-[calc(var(--radius-md)+2px)] border",
-              "h-[var(--avatar-size)] w-[var(--avatar-size)]",
-              isUser ? "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]" : "border-border bg-muted text-[var(--brand-cool)]"
-            ),
-            children: isUser ? /* @__PURE__ */ jsx7(User, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx7(Bot, { className: "h-3.5 w-3.5" })
-          }
-        )),
-        /* @__PURE__ */ jsxs6(
+        !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__ */ jsxs5(
           "div",
           {
             className: cn(
@@ -975,13 +634,9 @@ function ChatMessage({
               isUser ? "border-border bg-muted/50" : "border-border bg-card"
             ),
             children: [
-              !hideRoleLabel && /* @__PURE__ */ jsxs6("div", { className: cn("flex items-center gap-2", isUser && "flex-row-reverse"), children: [
-                /* @__PURE__ */ jsx7("span", { className: "text-[var(--font-size-xs)] font-[var(--chat-label-weight,600)] uppercase tracking-[var(--chat-label-tracking,0.14em)] text-foreground", children: isUser ? userLabel : assistantLabel }),
-                timestamp && /* @__PURE__ */ jsx7("span", { className: "text-[var(--font-size-xs)] text-muted-foreground", children: formatTime2(timestamp) })
-              ] }),
-              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
             ]
@@ -1003,7 +658,6 @@ export {
   MessageList,
   ThinkingIndicator,
   AgentTimeline,
-  ChatInput,
   ChatContainer,
   ChatMessage
 };

package/dist/hooks.d.ts

@@ -5,7 +5,7 @@ import './message-BHWbxBtT.js';
 import './parts-dj7AcUg0.js';
 import './active-sessions-store-CeOmXgv5.js';
 import 'nanostores';
-import './tool-call-feed-Bs3MyQMT.js';
+import './tool-call-feed-D9iofJgW.js';
 import 'react/jsx-runtime';
 
 /**

package/dist/hooks.js

@@ -11,15 +11,15 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-PN3S2MTV.js";
+} from "./chunk-DLSGUNRD.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-O6NUUCT2.js";
-import "./chunk-EOGJX2TU.js";
+import "./chunk-IWQZXL6A.js";
+import "./chunk-RKQDBRTC.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-ZRVH3WCA.js";

package/dist/index.d.ts

@@ -2,9 +2,9 @@ export { B as Button, a as ButtonProps, b as buttonVariants } from './button-CMQ
 export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, InlineCode, InlineCodeProps, Input, InputProps, Label, Progress, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, Textarea, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, useTheme, useToast } from './primitives.js';
 export { Logo, LogoProps, TangleKnot } from '@tangle-network/brand';
 export { A as ArtifactPane, a as ArtifactPaneProps } from './artifact-pane-DvJyPWV4.js';
-export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, PendingFile, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from './chat.js';
+export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from './chat.js';
 export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from './run.js';
-export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallGroup, d as ToolCallGroupProps, e as ToolCallStatus, f as ToolCallStep, g as ToolCallStepProps, h as ToolCallType, p as parseToolEvent } from './tool-call-feed-Bs3MyQMT.js';
+export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallStatus, d as ToolCallType, p as parseToolEvent } from './tool-call-feed-D9iofJgW.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from './openui.js';
 export { FileArtifactPane, FileArtifactPaneProps, FileFormat, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage } from './files.js';
 export { Markdown, MarkdownProps } from './markdown.js';

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-PN3S2MTV.js";
+} from "./chunk-DLSGUNRD.js";
 import {
   addMessage,
   addParts,
@@ -133,33 +133,30 @@ import {
 import {
   AgentTimeline,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-SJ6IL4HI.js";
+} from "./chunk-UOLL2YHG.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-LQS34IGP.js";
+import "./chunk-47XH56SV.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-O6NUUCT2.js";
+} from "./chunk-IWQZXL6A.js";
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-LASW7CYH.js";
+} from "./chunk-QIRVZMQY.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
-  LiveDuration,
-  ToolCallGroup,
-  ToolCallStep
-} from "./chunk-EOGJX2TU.js";
+  LiveDuration
+} from "./chunk-RKQDBRTC.js";
 import {
   TOOL_CATEGORY_ICONS,
   formatBytes,
@@ -354,7 +351,6 @@ export {
   CardHeader,
   CardTitle,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   CodeBlock,
   CommandPreview,
@@ -453,8 +449,6 @@ export {
   ToastContainer,
   ToastProvider,
   ToolCallFeed,
-  ToolCallGroup,
-  ToolCallStep,
   UploadProgress,
   UserMenu,
   UserMessage,

package/dist/run.d.ts

@@ -5,7 +5,7 @@ import { R as Run } from './run-PfLmDAox.js';
 import { S as SessionPart, a as ToolPart, R as ReasoningPart } from './parts-dj7AcUg0.js';
 import { AgentBranding } from './types.js';
 import { C as CustomToolRenderer } from './tool-display-z4JcDmMQ.js';
-export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallGroup, d as ToolCallGroupProps, e as ToolCallStatus, f as ToolCallStep, g as ToolCallStepProps, h as ToolCallType, p as parseToolEvent } from './tool-call-feed-Bs3MyQMT.js';
+export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallStatus, d as ToolCallType, p as parseToolEvent } from './tool-call-feed-D9iofJgW.js';
 import './message-BHWbxBtT.js';
 
 interface RunGroupProps {