@tangle-network/ui 11.0.0 → 11.2.0

package/dist/{chunk-HHYUPAOJ.js → chunk-SRAKCVPO.js}

@@ -1,26 +1,26 @@
 import {
+  ExpandableContent,
   InlineToolItem,
-  LiveDuration
-} from "./chunk-INMWNFAS.js";
+  RunRowShell
+} from "./chunk-4ORVXSMU.js";
 import {
   formatDuration,
   truncateText
 } from "./chunk-ULDNFLIM.js";
 import {
   OpenUIArtifactRenderer
-} from "./chunk-52Y3FMFI.js";
+} from "./chunk-3M7BPSSW.js";
 import {
   Markdown
-} from "./chunk-FJBTCTZM.js";
+} from "./chunk-P5F43A65.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
 
 // src/run/inline-thinking-item.tsx
 import { memo, useEffect, useRef, useState } from "react";
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { Brain, ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Brain } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 var InlineThinkingItem = memo(
   ({
     part,
@@ -33,7 +33,7 @@ var InlineThinkingItem = memo(
     const autoCollapsedRef = useRef(false);
     const startTime = part.time?.start;
     const endTime = part.time?.end;
-    const durationMs = startTime && endTime ? endTime - startTime : void 0;
+    const durationMs = startTime != null && endTime != null ? endTime - startTime : void 0;
     const isActive = startTime != null && endTime == null;
     const preview = part.text ? truncateText(part.text, 120) : void 0;
     useEffect(() => {
@@ -50,72 +50,40 @@ var InlineThinkingItem = memo(
         return () => window.clearTimeout(timer);
       }
     }, [autoCollapse, durationMs, isActive]);
-    return /* @__PURE__ */ jsx(Collapsible.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(
-      "div",
+    return /* @__PURE__ */ jsx(
+      RunRowShell,
       {
-        className: cn(
-          "overflow-hidden rounded-[var(--radius-lg)] border bg-card transition-colors",
-          isActive ? "border-[var(--border-accent)]" : "border-border hover:border-[var(--border-accent)]",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              className: "flex w-full items-center gap-2.5 px-3 py-2 text-left text-sm cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--radius-sm)] border",
-                      isActive ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-primary" : "border-border bg-muted text-muted-foreground"
-                    ),
-                    children: /* @__PURE__ */ jsx(Brain, { className: cn("h-3 w-3 shrink-0", isActive && "animate-pulse") })
-                  }
-                ),
-                /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate font-[var(--font-sans)] text-muted-foreground", children: preview ?? (isActive ? "Thinking\u2026" : "Reasoning") }),
-                /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-                  isActive && startTime ? /* @__PURE__ */ jsx(LiveDuration, { startTime }) : null,
-                  !isActive && durationMs != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: formatDuration(durationMs) }) : null,
-                  /* @__PURE__ */ jsx(
-                    ChevronRight,
-                    {
-                      className: cn(
-                        "h-3 w-3 text-muted-foreground transition-transform shrink-0",
-                        open && "rotate-90"
-                      )
-                    }
-                  )
-                ] })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Collapsible.Content, { className: "overflow-hidden data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp", children: part.text ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "max-h-60 overflow-y-auto border-t border-border bg-muted px-3 py-3 text-sm leading-relaxed text-muted-foreground",
-                contentClassName
-              ),
-              children: /* @__PURE__ */ jsx(Markdown, { children: part.text })
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-muted px-3 py-2.5 text-xs text-muted-foreground", children: "No reasoning text provided." }) })
-        ]
+        icon: /* @__PURE__ */ jsx(Brain, { className: "h-3.5 w-3.5" }),
+        title: isActive ? "Thinking\u2026" : "Reasoning",
+        description: preview,
+        status: isActive ? "running" : "idle",
+        startTime,
+        durationMs,
+        open,
+        onOpenChange: setOpen,
+        className,
+        children: part.text ? /* @__PURE__ */ jsx(
+          ExpandableContent,
+          {
+            fadeClassName: "from-[var(--md3-surface-container)]",
+            className: contentClassName ? `px-3 py-3 ${contentClassName}` : "px-3 py-3",
+            children: /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed text-foreground", children: /* @__PURE__ */ jsx(Markdown, { children: part.text }) })
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 text-xs text-muted-foreground", children: "No reasoning text provided." })
       }
-    ) });
+    );
   }
 );
 InlineThinkingItem.displayName = "InlineThinkingItem";
 
 // src/run/run-group.tsx
 import { memo as memo2, useMemo } from "react";
-import * as Collapsible2 from "@radix-ui/react-collapsible";
+import * as Collapsible from "@radix-ui/react-collapsible";
 import {
   Bot,
   Loader2,
   ChevronDown,
-  ChevronRight as ChevronRight2,
+  ChevronRight,
   Terminal,
   FileEdit,
   FileSearch,
@@ -126,14 +94,14 @@ import {
   Settings,
   Sparkles
 } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } 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: [
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1.25rem_minmax(0,1fr)] gap-x-3", children: [
+    /* @__PURE__ */ jsxs("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",
@@ -163,10 +131,10 @@ function AssistantShell({
   isStreaming,
   children
 }) {
-  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: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("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: [
+      isStreaming ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx2(Loader2, { className: "h-3 w-3 animate-spin" }),
         "Thinking"
       ] }) : null
@@ -321,7 +289,7 @@ var RunGroup = memo2(
       if (!isStreaming) {
         return null;
       }
-      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: [
+      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__ */ jsxs("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" } })
@@ -344,7 +312,7 @@ var RunGroup = memo2(
           const schema = extractOpenUISchema(toolPart.state.output);
           const summary = getOpenUISummary(toolPart.state.output);
           if (toolPart.state.status === "completed" && schema) {
-            return /* @__PURE__ */ jsxs2(
+            return /* @__PURE__ */ jsxs(
               "div",
               {
                 className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)]",
@@ -357,7 +325,7 @@ var RunGroup = memo2(
             );
           }
           if (toolPart.state.status === "running") {
-            return /* @__PURE__ */ jsxs2(
+            return /* @__PURE__ */ jsxs(
               "div",
               {
                 className: "flex items-center gap-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)] px-4 py-3 text-sm text-muted-foreground",
@@ -385,24 +353,24 @@ var RunGroup = memo2(
       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(
+    return /* @__PURE__ */ jsx2(Collapsible.Root, { open: !collapsed, onOpenChange: () => onToggle(), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsx2(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           "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" }),
+              collapsed ? /* @__PURE__ */ jsx2(ChevronRight, { 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__ */ jsxs("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: [
+                isStreaming ? /* @__PURE__ */ jsxs("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__ */ jsxs("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"
                 ] })
@@ -413,7 +381,7 @@ var RunGroup = memo2(
         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) => {
+      /* @__PURE__ */ jsx2(Collapsible.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;
@@ -423,12 +391,12 @@ var RunGroup = memo2(
             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(--md3-surface-container)]", children: [
+              node = /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)]", 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(--md3-surface-container)] px-4 py-3 text-sm text-muted-foreground", children: [
+              node = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--md3-surface-container)] 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"
               ] });

package/dist/{document-editor-pane-DyDEX_Zm.d.ts → document-editor-pane-C3cYEDWZ.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { a as ArtifactPaneProps } from './artifact-pane-DvJyPWV4.js';
+import { a as ArtifactPaneProps } from './artifact-pane-DpuWcAiF.js';
 import { HocuspocusProvider } from '@hocuspocus/provider';
 import * as Y from 'yjs';
 
@@ -119,6 +119,6 @@ interface DocumentEditorPaneProps extends Omit<ArtifactPaneProps, "children" | "
  * DocumentEditorPane — reusable markdown document surface with preview/edit
  * modes and optional collaborative editing backed by Yjs/Hocuspocus.
  */
-declare function DocumentEditorPane({ eyebrow, title, subtitle, meta, headerActions, footer, className, contentClassName, tabs, toolbar, markdown, mode, defaultMode, onModeChange, backend, placeholder, autoFocus, readOnly, onChange, onSave, saving, saveLabel, previewClassName, editorClassName, collaboration, }: DocumentEditorPaneProps): react_jsx_runtime.JSX.Element;
+declare function DocumentEditorPane({ eyebrow, title, subtitle, meta, headerActions, footer, className, contentClassName, headerClassName, hideTitleBlock, tabs, toolbar, markdown, mode, defaultMode, onModeChange, backend, placeholder, autoFocus, readOnly, onChange, onSave, saving, saveLabel, previewClassName, editorClassName, collaboration, }: DocumentEditorPaneProps): react_jsx_runtime.JSX.Element;
 
 export { type Collaborator as C, type DocumentEditorBackend as D, type EditorContextValue as E, type ConnectionState as a, type DocumentEditorMode as b, DocumentEditorPane as c, type DocumentEditorPaneCollaborationConfig as d, type DocumentEditorPaneProps as e, EditorProvider as f, type EditorProviderProps as g, type EditorTokenRefreshResult as h, type EditorUser as i, useEditorContext as u };

package/dist/{document-editor-pane-WCTA3ZOE.js → document-editor-pane-OQNGM4RJ.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   DocumentEditorPane
-} from "./chunk-SZ44QDA6.js";
+} from "./chunk-RADUPP44.js";
 import "./chunk-Q56BYXQF.js";
-import "./chunk-CSAIKY36.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-LTEKI7YJ.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/editor.d.ts

@@ -1,10 +1,10 @@
-import { C as Collaborator, a as ConnectionState } from './document-editor-pane-DyDEX_Zm.js';
-export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorTokenRefreshResult, i as EditorUser, u as useEditorContext } from './document-editor-pane-DyDEX_Zm.js';
+import { C as Collaborator, a as ConnectionState } from './document-editor-pane-C3cYEDWZ.js';
+export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorTokenRefreshResult, i as EditorUser, u as useEditorContext } from './document-editor-pane-C3cYEDWZ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Editor } from '@tiptap/react';
 import { HocuspocusProvider } from '@hocuspocus/provider';
 import 'react';
-import './artifact-pane-DvJyPWV4.js';
+import './artifact-pane-DpuWcAiF.js';
 import 'yjs';
 
 /**

package/dist/editor.js

@@ -11,10 +11,10 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-SZ44QDA6.js";
+} from "./chunk-RADUPP44.js";
 import "./chunk-Q56BYXQF.js";
-import "./chunk-CSAIKY36.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-LTEKI7YJ.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/files.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GitStatusEntry, ContextMenuItem, ContextMenuOpenContext, GitStatus } from '@pierre/trees';
 import { ReactNode, CSSProperties } from 'react';
-import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-DyDEX_Zm.js';
-import { a as ArtifactPaneProps } from './artifact-pane-DvJyPWV4.js';
+import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-C3cYEDWZ.js';
+import { a as ArtifactPaneProps } from './artifact-pane-DpuWcAiF.js';
 import '@hocuspocus/provider';
 import 'yjs';
 
@@ -164,13 +164,15 @@ interface FileArtifactPaneProps extends Omit<FilePreviewProps, "className"> {
     toolbar?: ArtifactPaneProps["toolbar"];
     footer?: ArtifactPaneProps["footer"];
     className?: string;
+    headerClassName?: ArtifactPaneProps["headerClassName"];
+    hideTitleBlock?: ArtifactPaneProps["hideTitleBlock"];
     editor?: FileArtifactPaneEditorOptions;
 }
 /**
  * FileArtifactPane — opinionated artifact frame for file previews with tabs and
  * header actions.
  */
-declare function FileArtifactPane({ filename, content, blobUrl, mimeType, onClose, onDownload, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, editor, }: FileArtifactPaneProps): react_jsx_runtime.JSX.Element;
+declare function FileArtifactPane({ filename, content, blobUrl, mimeType, onClose, onDownload, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, headerClassName, hideTitleBlock, editor, }: FileArtifactPaneProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Shared file-format detection for every file surface — the preview pane, the

package/dist/files.js

@@ -5,7 +5,7 @@ import {
   FileTree,
   RichFileTree,
   filterFileTree
-} from "./chunk-LELGOLFV.js";
+} from "./chunk-GGDYWMFF.js";
 import {
   detectFileFormat,
   fileExtension,
@@ -13,8 +13,8 @@ import {
   getFormatLabel,
   getSyntaxLanguage
 } from "./chunk-ZRVH3WCA.js";
-import "./chunk-CSAIKY36.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-LTEKI7YJ.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/hooks.js

@@ -11,19 +11,19 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-CCM2KRQH.js";
+} from "./chunk-HW4ROISY.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-KBOD47AW.js";
-import "./chunk-INMWNFAS.js";
+import "./chunk-J3YZIQNI.js";
+import "./chunk-4ORVXSMU.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-ZRVH3WCA.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { B as Button, a as ButtonProps, b as buttonVariants } from './button-CMQuQEW_.js';
 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 { A as ArtifactPane, a as ArtifactPaneProps } from './artifact-pane-DpuWcAiF.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 ToolCallStatus, d as ToolCallType, p as parseToolEvent } from './tool-call-feed-D9iofJgW.js';
@@ -34,7 +34,7 @@ import '@radix-ui/react-progress';
 import '@radix-ui/react-switch';
 import '@radix-ui/react-label';
 import '@pierre/trees';
-import './document-editor-pane-DyDEX_Zm.js';
+import './document-editor-pane-C3cYEDWZ.js';
 import '@hocuspocus/provider';
 import 'yjs';
 import 'nanostores';

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-CCM2KRQH.js";
+} from "./chunk-HW4ROISY.js";
 import {
   addMessage,
   addParts,
@@ -137,7 +137,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-KHO7DYXH.js";
+} from "./chunk-OTZWQJ5W.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -147,16 +147,16 @@ import "./chunk-47XH56SV.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-KBOD47AW.js";
+} from "./chunk-J3YZIQNI.js";
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-HHYUPAOJ.js";
+} from "./chunk-SRAKCVPO.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
   LiveDuration
-} from "./chunk-INMWNFAS.js";
+} from "./chunk-4ORVXSMU.js";
 import {
   TOOL_CATEGORY_ICONS,
   formatBytes,
@@ -179,7 +179,7 @@ import {
 import "./chunk-RQGKSCEZ.js";
 import {
   OpenUIArtifactRenderer
-} from "./chunk-52Y3FMFI.js";
+} from "./chunk-3M7BPSSW.js";
 import {
   Badge,
   Card,
@@ -210,7 +210,7 @@ import {
   FileTree,
   RichFileTree,
   filterFileTree
-} from "./chunk-LELGOLFV.js";
+} from "./chunk-GGDYWMFF.js";
 import {
   detectFileFormat,
   fileExtension,
@@ -226,11 +226,11 @@ import {
 } from "./chunk-Q56BYXQF.js";
 import {
   ArtifactPane
-} from "./chunk-CSAIKY36.js";
+} from "./chunk-LTEKI7YJ.js";
 import "./chunk-5Z5ZYMOJ.js";
 import {
   Markdown
-} from "./chunk-FJBTCTZM.js";
+} from "./chunk-P5F43A65.js";
 import {
   CodeBlock,
   CopyButton

package/dist/markdown.js

@@ -1,7 +1,7 @@
 import "./chunk-5Z5ZYMOJ.js";
 import {
   Markdown
-} from "./chunk-FJBTCTZM.js";
+} from "./chunk-P5F43A65.js";
 import {
   CodeBlock,
   CopyButton

package/dist/openui.js

@@ -1,10 +1,10 @@
 import "./chunk-RQGKSCEZ.js";
 import {
   OpenUIArtifactRenderer
-} from "./chunk-52Y3FMFI.js";
+} from "./chunk-3M7BPSSW.js";
 import "./chunk-GYPQXTJU.js";
 import "./chunk-MKTSMWVD.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/primitives.d.ts

@@ -13,7 +13,7 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as LabelPrimitive from '@radix-ui/react-label';
 export { Logo, LogoProps, TangleKnot } from '@tangle-network/brand';
-export { A as ArtifactPane, a as ArtifactPaneProps } from './artifact-pane-DvJyPWV4.js';
+export { A as ArtifactPane, a as ArtifactPaneProps } from './artifact-pane-DpuWcAiF.js';
 export { C as CodeBlock, a as CodeBlockProps, b as CopyButton } from './code-block-0kSpWMnf.js';
 
 declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {

package/dist/primitives.js

@@ -96,7 +96,7 @@ import {
 } from "./chunk-Q56BYXQF.js";
 import {
   ArtifactPane
-} from "./chunk-CSAIKY36.js";
+} from "./chunk-LTEKI7YJ.js";
 import {
   CodeBlock,
   CopyButton

package/dist/run.d.ts

@@ -41,9 +41,10 @@ interface InlineToolItemProps {
     description?: string;
 }
 /**
- * Compact single-line tool call display (32px height).
- * Shows icon, title, description, duration, and status indicator.
- * Expands on click to show ExpandedToolDetail.
+ * Compact single-line tool call display. Shows a category icon, title,
+ * description, duration and status, and expands on click to show
+ * ExpandedToolDetail. Rendered through the shared RunRowShell so it stays
+ * consistent with the reasoning row.
  */
 declare const InlineToolItem: React.MemoExoticComponent<({ part, renderToolDetail, groupPosition, className, contentClassName, actions, title: titleOverride, description: descriptionOverride, }: InlineToolItemProps) => react_jsx_runtime.JSX.Element>;
 

package/dist/run.js

@@ -2,23 +2,23 @@ import "./chunk-47XH56SV.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-KBOD47AW.js";
+} from "./chunk-J3YZIQNI.js";
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-HHYUPAOJ.js";
+} from "./chunk-SRAKCVPO.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
   LiveDuration
-} from "./chunk-INMWNFAS.js";
+} from "./chunk-4ORVXSMU.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
-import "./chunk-52Y3FMFI.js";
+import "./chunk-3M7BPSSW.js";
 import "./chunk-GYPQXTJU.js";
 import "./chunk-MKTSMWVD.js";
 import "./chunk-ZRVH3WCA.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/sdk-hooks.js

@@ -5,19 +5,19 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-CCM2KRQH.js";
+} from "./chunk-HW4ROISY.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-KBOD47AW.js";
-import "./chunk-INMWNFAS.js";
+import "./chunk-J3YZIQNI.js";
+import "./chunk-4ORVXSMU.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-ZRVH3WCA.js";
-import "./chunk-FJBTCTZM.js";
+import "./chunk-P5F43A65.js";
 import "./chunk-WUQDUBJG.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/package.json

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

package/src/chat/agent-timeline.stories.tsx

@@ -164,6 +164,17 @@ export const CodingSession: Story = {
   },
 }
 
+// ---------------------------------------------------------------------------
+// Long session collapsed to the first N spine rows behind a toggle
+// ---------------------------------------------------------------------------
+
+export const Collapsed: Story = {
+  args: {
+    items: codingSession,
+    collapseAfter: 3,
+  },
+}
+
 // ---------------------------------------------------------------------------
 // Session with thinking indicator active
 // ---------------------------------------------------------------------------