@tangle-network/ui 8.1.0 → 9.1.0

package/dist/{chunk-C3BIVG72.js → chunk-CVXAXVYZ.js}

@@ -1,7 +1,7 @@
 import {
   InlineToolItem,
   LiveDuration
-} from "./chunk-RKQDBRTC.js";
+} from "./chunk-J6RQHBHR.js";
 import {
   formatDuration,
   truncateText
@@ -108,68 +108,14 @@ var InlineThinkingItem = memo(
 );
 InlineThinkingItem.displayName = "InlineThinkingItem";
 
-// src/run/assistant-run-shell.tsx
-import * as Collapsible2 from "@radix-ui/react-collapsible";
-import { ChevronDown, ChevronRight as ChevronRight2, Loader2, Sparkles } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function AssistantRunShell({
-  label,
-  summary,
-  collapsedPreview,
-  badges,
-  isStreaming,
-  collapsed,
-  onToggle,
-  headerActions,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx2(Collapsible2.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "rounded-[28px] border border-[var(--border-subtle)] bg-[var(--bg-card)] shadow-none",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-3 px-3 py-2.5", children: [
-          /* @__PURE__ */ jsx2(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              className: "w-full rounded-[20px] bg-transparent px-0 py-0 text-left transition-colors hover:bg-transparent",
-              children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx2("span", { className: "font-semibold text-foreground text-sm", children: label }),
-                summary ? /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-muted-foreground", children: summary }) : null,
-                collapsed && collapsedPreview ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate text-[11px] text-foreground/70", children: collapsedPreview }) : null,
-                /* @__PURE__ */ jsxs2("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-                  badges,
-                  isStreaming ? /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-2 py-px text-[10px] font-semibold uppercase text-[var(--accent-text)]", children: [
-                    /* @__PURE__ */ jsx2(Loader2, { className: "h-2.5 w-2.5 animate-spin" }),
-                    "Running"
-                  ] }) : /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-px text-[10px] font-semibold uppercase text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx2(Sparkles, { className: "h-2.5 w-2.5" }),
-                    "Done"
-                  ] }),
-                  collapsed ? /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" })
-                ] })
-              ] })
-            }
-          ) }),
-          headerActions ? /* @__PURE__ */ jsx2("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 pt-1", children: headerActions }) : null
-        ] }),
-        collapsed && collapsedPreview ? /* @__PURE__ */ jsx2("div", { className: "line-clamp-2 px-4 pb-4 text-sm leading-6 text-muted-foreground", children: collapsedPreview }) : null,
-        /* @__PURE__ */ jsx2(Collapsible2.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: /* @__PURE__ */ jsx2("div", { className: "border-t border-[var(--border-subtle)] px-4 pb-4 pt-3", children }) })
-      ]
-    }
-  ) });
-}
-
 // src/run/run-group.tsx
 import { memo as memo2, useMemo } from "react";
+import * as Collapsible2 from "@radix-ui/react-collapsible";
 import {
   Bot,
-  Loader2 as Loader22,
+  Loader2,
+  ChevronDown,
+  ChevronRight as ChevronRight2,
   Terminal,
   FileEdit,
   FileSearch,
@@ -177,9 +123,31 @@ import {
   PencilLine,
   Globe,
   ClipboardList,
-  Settings
+  Settings,
+  Sparkles
 } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SpineRow({
+  accentClassName,
+  isLast,
+  children
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] gap-x-3", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "relative flex justify-center", children: [
+      !isLast && /* @__PURE__ */ jsx2("span", { className: "absolute top-3.5 bottom-[-0.75rem] left-1/2 w-px -translate-x-1/2 bg-[var(--border-subtle)]" }),
+      /* @__PURE__ */ jsx2(
+        "span",
+        {
+          className: cn(
+            "relative mt-1.5 h-[var(--timeline-dot-size,0.5rem)] w-[var(--timeline-dot-size,0.5rem)] rounded-full ring-4 ring-[var(--bg-root)]",
+            accentClassName
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "min-w-0 pb-3", children })
+  ] });
+}
 var DEFAULT_BRANDING = {
   label: "Agent",
   accentClass: "text-primary",
@@ -195,15 +163,15 @@ function AssistantShell({
   isStreaming,
   children
 }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 px-1 font-medium text-muted-foreground text-xs", children: [
-      /* @__PURE__ */ jsx3("span", { children: branding.label }),
-      isStreaming ? /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx3(Loader22, { className: "h-3 w-3 animate-spin" }),
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 px-1 font-medium text-muted-foreground text-xs", children: [
+      /* @__PURE__ */ jsx2("span", { children: branding.label }),
+      isStreaming ? /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx2(Loader2, { className: "h-3 w-3 animate-spin" }),
         "Thinking"
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: ASSISTANT_SHELL, children })
+    /* @__PURE__ */ jsx2("div", { className: ASSISTANT_SHELL, children })
   ] });
 }
 var CATEGORY_ICON_MAP = {
@@ -295,14 +263,14 @@ function CategoryBadges({ categories }) {
     [categories]
   );
   if (sorted.length === 0) return null;
-  return /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-1", children: sorted.map((cat) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-1", children: sorted.map((cat) => {
     const Icon = CATEGORY_ICON_MAP[cat] ?? Settings;
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx2(
       "span",
       {
         title: cat,
         className: "flex h-5 w-5 items-center justify-center rounded border border-border text-muted-foreground",
-        children: /* @__PURE__ */ jsx3(Icon, { className: "h-3 w-3" })
+        children: /* @__PURE__ */ jsx2(Icon, { className: "h-3 w-3" })
       },
       cat
     );
@@ -321,16 +289,6 @@ function renderSummary(run) {
   }
   return parts.join(", ");
 }
-function getToolGroupPosition(currentIndex, parts) {
-  const previous = parts[currentIndex - 1]?.part;
-  const next = parts[currentIndex + 1]?.part;
-  const previousIsTool = previous?.type === "tool";
-  const nextIsTool = next?.type === "tool";
-  if (previousIsTool && nextIsTool) return "middle";
-  if (previousIsTool) return "last";
-  if (nextIsTool) return "first";
-  return "single";
-}
 var RunGroup = memo2(
   ({
     run,
@@ -363,10 +321,10 @@ var RunGroup = memo2(
       if (!isStreaming) {
         return null;
       }
-      return /* @__PURE__ */ jsx3(AssistantShell, { branding, isStreaming: true, children: /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-2 px-0.5 py-0.5 text-sm text-[var(--text-muted)]", children: /* @__PURE__ */ jsxs3("span", { className: "flex gap-[5px]", children: [
-        /* @__PURE__ */ jsx3("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "0ms" } }),
-        /* @__PURE__ */ jsx3("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "150ms" } }),
-        /* @__PURE__ */ jsx3("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "300ms" } })
+      return /* @__PURE__ */ jsx2(AssistantShell, { branding, isStreaming: true, children: /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-2 px-0.5 py-0.5 text-sm text-[var(--text-muted)]", children: /* @__PURE__ */ jsxs2("span", { className: "flex gap-[5px]", children: [
+        /* @__PURE__ */ jsx2("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "0ms" } }),
+        /* @__PURE__ */ jsx2("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "150ms" } }),
+        /* @__PURE__ */ jsx2("span", { className: "h-2 w-2 animate-bounce rounded-full bg-[var(--brand-glow)]", style: { animationDelay: "300ms" } })
       ] }) }) });
     }
     const showTraceChrome = allParts.some(({ part }) => {
@@ -379,32 +337,32 @@ var RunGroup = memo2(
       return false;
     });
     if (!showTraceChrome) {
-      return /* @__PURE__ */ jsx3(AssistantShell, { branding, isStreaming, children: allParts.map(({ part, msgId, index }) => {
+      return /* @__PURE__ */ jsx2(AssistantShell, { branding, isStreaming, children: allParts.map(({ part, msgId, index }) => {
         const key = `${msgId}-${index}`;
         if (part.type === "tool" && isOpenUITool(part)) {
           const toolPart = part;
           const schema = extractOpenUISchema(toolPart.state.output);
           const summary = getOpenUISummary(toolPart.state.output);
           if (toolPart.state.status === "completed" && schema) {
-            return /* @__PURE__ */ jsxs3(
+            return /* @__PURE__ */ jsxs2(
               "div",
               {
                 className: "overflow-hidden rounded-[22px] border border-[var(--border-subtle)] bg-[var(--bg-root)]",
                 children: [
-                  summary ? /* @__PURE__ */ jsx3("div", { className: "border-b border-[var(--border-subtle)] px-4 py-3 text-sm leading-6 text-foreground", children: summary }) : null,
-                  /* @__PURE__ */ jsx3("div", { className: "p-4", children: /* @__PURE__ */ jsx3(OpenUIArtifactRenderer, { schema }) })
+                  summary ? /* @__PURE__ */ jsx2("div", { className: "border-b border-[var(--border-subtle)] px-4 py-3 text-sm leading-6 text-foreground", children: summary }) : null,
+                  /* @__PURE__ */ jsx2("div", { className: "p-4", children: /* @__PURE__ */ jsx2(OpenUIArtifactRenderer, { schema }) })
                 ]
               },
               key
             );
           }
           if (toolPart.state.status === "running") {
-            return /* @__PURE__ */ jsxs3(
+            return /* @__PURE__ */ jsxs2(
               "div",
               {
                 className: "flex items-center gap-2 rounded-[18px] border border-[var(--border-subtle)] bg-[var(--bg-root)] px-4 py-3 text-sm text-muted-foreground",
                 children: [
-                  /* @__PURE__ */ jsx3(Loader22, { className: "h-4 w-4 animate-spin text-primary" }),
+                  /* @__PURE__ */ jsx2(Loader2, { className: "h-4 w-4 animate-spin text-primary" }),
                   "Building view\u2026"
                 ]
               },
@@ -413,85 +371,97 @@ var RunGroup = memo2(
           }
         }
         if (part.type === "text" && !part.synthetic && part.text.trim()) {
-          return /* @__PURE__ */ jsx3("div", { className: "px-0.5", children: /* @__PURE__ */ jsx3(Markdown, { className: "tangle-prose text-[15px] leading-7 text-[var(--text-primary)]", children: part.text }) }, key);
+          return /* @__PURE__ */ jsx2("div", { className: "px-0.5", children: /* @__PURE__ */ jsx2(Markdown, { className: "tangle-prose text-[15px] leading-7 text-[var(--text-primary)]", children: part.text }) }, key);
         }
         return null;
       }) });
     }
-    return /* @__PURE__ */ jsx3(
-      AssistantRunShell,
-      {
-        label: branding.label,
-        summary: renderSummary(run) || void 0,
-        collapsedPreview: run.summaryText ?? void 0,
-        badges: /* @__PURE__ */ jsx3(CategoryBadges, { categories: stats.toolCategories }),
-        isStreaming,
-        collapsed,
-        onToggle,
-        headerActions,
-        children: allParts.map(({ part, msgId, index }, partIndex) => {
-          const key = `${msgId}-${index}`;
-          const prev = allParts[partIndex - 1]?.part;
-          const connectedTool = part.type === "tool" && prev?.type === "tool" && !isOpenUITool(part) && !isOpenUITool(prev);
-          const gapClass = partIndex === 0 ? "" : connectedTool ? "mt-px" : "mt-3";
-          let node = null;
-          if (part.type === "tool") {
-            if (isOpenUITool(part)) {
-              const toolPart = part;
-              const schema = extractOpenUISchema(toolPart.state.output);
-              const summary = getOpenUISummary(toolPart.state.output);
-              if (toolPart.state.status === "completed" && schema) {
-                node = /* @__PURE__ */ jsxs3("div", { className: "overflow-hidden rounded-[24px] border border-[var(--border-subtle)] bg-[var(--bg-card)]", children: [
-                  summary ? /* @__PURE__ */ jsxs3("div", { className: "border-b border-[var(--border-subtle)] px-4 py-3", children: [
-                    /* @__PURE__ */ jsx3("div", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "View" }),
-                    /* @__PURE__ */ jsx3("div", { className: "mt-1 text-sm leading-6 text-foreground", children: summary })
-                  ] }) : null,
-                  /* @__PURE__ */ jsx3("div", { className: "p-4", children: /* @__PURE__ */ jsx3(OpenUIArtifactRenderer, { schema }) })
-                ] });
-              } else if (toolPart.state.status === "running") {
-                node = /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 rounded-[20px] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-4 py-3 text-sm text-muted-foreground", children: [
-                  /* @__PURE__ */ jsx3(Loader22, { className: "h-4 w-4 animate-spin text-primary" }),
-                  "Building view\u2026"
-                ] });
-              }
-            }
-            if (node === null) {
-              node = /* @__PURE__ */ jsx3(
-                InlineToolItem,
-                {
-                  part,
-                  renderToolDetail,
-                  groupPosition: getToolGroupPosition(partIndex, allParts),
-                  actions: renderToolActions?.(part, {
-                    run,
-                    messageId: msgId,
-                    partIndex: index
-                  })
-                }
-              );
+    const rows = allParts.filter(({ part }) => {
+      if (part.type === "tool" || part.type === "reasoning") return true;
+      return part.type === "text" && !part.synthetic && part.text.trim().length > 0;
+    });
+    const dotAccent = (part) => {
+      if (part.type === "reasoning") return "bg-[var(--brand-glow)]";
+      if (part.type === "text") return "bg-primary";
+      return "bg-[var(--border-hover)]";
+    };
+    return /* @__PURE__ */ jsx2(Collapsible2.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx2(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            className: "group flex min-w-0 flex-1 items-center gap-2 rounded-md px-1 py-0.5 text-left transition-colors hover:bg-[var(--surface-container-high)]/40",
+            children: [
+              collapsed ? /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx2(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx2("span", { className: cn("font-semibold text-sm", branding.textClass), children: branding.label }),
+              renderSummary(run) ? /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-muted-foreground", children: renderSummary(run) }) : null,
+              collapsed && run.summaryText ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate text-[11px] text-foreground/70", children: run.summaryText }) : null,
+              /* @__PURE__ */ jsxs2("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx2(CategoryBadges, { categories: stats.toolCategories }),
+                isStreaming ? /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1 rounded-full border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-2 py-px text-[10px] font-semibold uppercase text-[var(--accent-text)]", children: [
+                  /* @__PURE__ */ jsx2(Loader2, { className: "h-2.5 w-2.5 animate-spin" }),
+                  "Running"
+                ] }) : /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-px text-[10px] font-semibold uppercase text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx2(Sparkles, { className: "h-2.5 w-2.5" }),
+                  "Done"
+                ] })
+              ] })
+            ]
+          }
+        ) }),
+        headerActions ? /* @__PURE__ */ jsx2("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 pt-1", children: headerActions }) : null
+      ] }),
+      collapsed && run.summaryText ? /* @__PURE__ */ jsx2("div", { className: "line-clamp-2 pl-6 text-sm leading-6 text-muted-foreground", children: run.summaryText }) : null,
+      /* @__PURE__ */ jsx2(Collapsible2.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: /* @__PURE__ */ jsx2("div", { className: "pt-1.5", children: rows.map(({ part, msgId, index }, rowIndex) => {
+        const key = `${msgId}-${index}`;
+        const isLast = rowIndex === rows.length - 1;
+        let node = null;
+        if (part.type === "tool") {
+          if (isOpenUITool(part)) {
+            const toolPart = part;
+            const schema = extractOpenUISchema(toolPart.state.output);
+            const summary = getOpenUISummary(toolPart.state.output);
+            if (toolPart.state.status === "completed" && schema) {
+              node = /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)]", children: [
+                summary ? /* @__PURE__ */ jsx2("div", { className: "border-b border-[var(--border-subtle)] px-4 py-3 text-sm leading-6 text-foreground", children: summary }) : null,
+                /* @__PURE__ */ jsx2("div", { className: "p-4", children: /* @__PURE__ */ jsx2(OpenUIArtifactRenderer, { schema }) })
+              ] });
+            } else if (toolPart.state.status === "running") {
+              node = /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] px-4 py-3 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx2(Loader2, { className: "h-4 w-4 animate-spin text-primary" }),
+                "Building view\u2026"
+              ] });
             }
-          } else if (part.type === "reasoning") {
-            node = /* @__PURE__ */ jsx3(
-              InlineThinkingItem,
+          }
+          if (node === null) {
+            node = /* @__PURE__ */ jsx2(
+              InlineToolItem,
               {
                 part,
-                defaultOpen: isStreaming
+                renderToolDetail,
+                actions: renderToolActions?.(part, {
+                  run,
+                  messageId: msgId,
+                  partIndex: index
+                })
               }
             );
-          } else if (part.type === "text" && !part.synthetic && part.text.trim()) {
-            node = /* @__PURE__ */ jsx3("div", { className: "px-1 py-1", children: /* @__PURE__ */ jsx3(Markdown, { className: "tangle-prose text-[15px] leading-7", children: part.text }) });
           }
-          if (!node) return null;
-          return /* @__PURE__ */ jsx3("div", { className: gapClass, children: node }, key);
-        })
-      }
-    );
+        } else if (part.type === "reasoning") {
+          node = /* @__PURE__ */ jsx2(InlineThinkingItem, { part, defaultOpen: isStreaming });
+        } else if (part.type === "text" && !part.synthetic && part.text.trim()) {
+          node = /* @__PURE__ */ jsx2("div", { className: "px-1 py-0.5", children: /* @__PURE__ */ jsx2(Markdown, { className: "tangle-prose text-[15px] leading-7", children: part.text }) });
+        }
+        if (!node) return null;
+        return /* @__PURE__ */ jsx2(SpineRow, { accentClassName: dotAccent(part), isLast, children: node }, key);
+      }) }) })
+    ] }) });
   }
 );
 RunGroup.displayName = "RunGroup";
 
 export {
   InlineThinkingItem,
-  AssistantRunShell,
   RunGroup
 };

package/dist/{chunk-RKQDBRTC.js → chunk-J6RQHBHR.js}

@@ -318,9 +318,11 @@ function ToolCallStep({
   output,
   language,
   duration,
-  className
+  className,
+  actions,
+  part
 }) {
-  const part = {
+  const resolvedPart = part ?? {
     type: "tool",
     id: `${type}:${label}`,
     tool: type,
@@ -335,11 +337,12 @@ function ToolCallStep({
   return /* @__PURE__ */ jsx4(
     InlineToolItem,
     {
-      part,
+      part: resolvedPart,
       title: label,
       description: detail,
       className,
-      renderToolDetail: output ? () => /* @__PURE__ */ jsx4(
+      actions,
+      renderToolDetail: part ? void 0 : output ? () => /* @__PURE__ */ jsx4(
         CodeBlock,
         {
           code: output,

package/dist/{chunk-IWQZXL6A.js → chunk-N5DJ4TUO.js}

@@ -1,7 +1,7 @@
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-RKQDBRTC.js";
+} from "./chunk-J6RQHBHR.js";
 import {
   Markdown
 } from "./chunk-FJBTCTZM.js";

package/dist/hooks.js

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

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Card, CardConte
 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, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from './chat.js';
-export { AssistantRunShell, AssistantRunShellProps, ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from './run.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 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';

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-DLSGUNRD.js";
+} from "./chunk-A5HKP3NA.js";
 import {
   addMessage,
   addParts,
@@ -137,27 +137,26 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-QUAU6ZNC.js";
+} from "./chunk-4RDW4GFG.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-LQS34IGP.js";
+import "./chunk-47XH56SV.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-IWQZXL6A.js";
+} from "./chunk-N5DJ4TUO.js";
 import {
-  AssistantRunShell,
   InlineThinkingItem,
   RunGroup
-} from "./chunk-C3BIVG72.js";
+} from "./chunk-CVXAXVYZ.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
   LiveDuration
-} from "./chunk-RKQDBRTC.js";
+} from "./chunk-J6RQHBHR.js";
 import {
   TOOL_CATEGORY_ICONS,
   formatBytes,
@@ -339,7 +338,6 @@ function RedactedDocument({
 export {
   AgentTimeline,
   ArtifactPane,
-  AssistantRunShell,
   AuthHeader,
   Avatar,
   AvatarFallback,

package/dist/run.d.ts

@@ -28,34 +28,6 @@ interface RunGroupProps {
  */
 declare const RunGroup: React.MemoExoticComponent<({ run, partMap, collapsed, onToggle, branding, renderToolDetail, headerActions, renderToolActions, }: RunGroupProps) => react_jsx_runtime.JSX.Element | null>;
 
-interface AssistantRunShellProps {
-    /** Header label, e.g. the agent name or "Tools". */
-    label: string;
-    /** Terse stat line beside the label, e.g. "3 tools, 2s thinking". */
-    summary?: string;
-    /** One-line preview shown next to the label AND below the header when collapsed. */
-    collapsedPreview?: string;
-    /** Small trailing glyphs before the status pill (e.g. category badges). */
-    badges?: ReactNode;
-    /** Drives the status pill and header spinner. */
-    isStreaming?: boolean;
-    collapsed: boolean;
-    onToggle: () => void;
-    /** Actions rendered outside the collapse trigger, right of the header. */
-    headerActions?: ReactNode;
-    children: ReactNode;
-    className?: string;
-}
-/**
- * The collapsible "assistant run" container shared by `RunGroup` (session-model
- * driven) and `AgentTimeline` (declarative item list). Owns the header
- * (label · summary · badges · status pill · chevron), the collapsed preview, and
- * the Radix collapse — so both transcripts fold agent activity the same way and
- * there is one implementation of a run, not two. It renders only chrome; callers
- * pass the run body (tool rows, reasoning, text) as `children`.
- */
-declare function AssistantRunShell({ label, summary, collapsedPreview, badges, isStreaming, collapsed, onToggle, headerActions, children, className, }: AssistantRunShellProps): react_jsx_runtime.JSX.Element;
-
 interface InlineToolItemProps {
     part: ToolPart;
     renderToolDetail?: CustomToolRenderer;
@@ -98,4 +70,4 @@ declare function LiveDuration({ startTime }: {
     startTime: number;
 }): react_jsx_runtime.JSX.Element;
 
-export { AssistantRunShell, type AssistantRunShellProps, ExpandedToolDetail, type ExpandedToolDetailProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LiveDuration, RunGroup, type RunGroupProps };
+export { ExpandedToolDetail, type ExpandedToolDetailProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LiveDuration, RunGroup, type RunGroupProps };

package/dist/run.js

@@ -1,18 +1,17 @@
-import "./chunk-LQS34IGP.js";
+import "./chunk-47XH56SV.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-IWQZXL6A.js";
+} from "./chunk-N5DJ4TUO.js";
 import {
-  AssistantRunShell,
   InlineThinkingItem,
   RunGroup
-} from "./chunk-C3BIVG72.js";
+} from "./chunk-CVXAXVYZ.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
   LiveDuration
-} from "./chunk-RKQDBRTC.js";
+} from "./chunk-J6RQHBHR.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-52Y3FMFI.js";
@@ -23,7 +22,6 @@ import "./chunk-FJBTCTZM.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {
-  AssistantRunShell,
   ExpandedToolDetail,
   InlineThinkingItem,
   InlineToolItem,

package/dist/sdk-hooks.js

@@ -5,15 +5,15 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-DLSGUNRD.js";
+} from "./chunk-A5HKP3NA.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-IWQZXL6A.js";
-import "./chunk-RKQDBRTC.js";
+import "./chunk-N5DJ4TUO.js";
+import "./chunk-J6RQHBHR.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-ZRVH3WCA.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/ui",
-  "version": "8.1.0",
+  "version": "9.1.0",
   "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
   "type": "module",
   "license": "MIT",