@tangle-network/ui 11.4.0 → 11.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tangle-network/ui
 
+## 11.5.0
+
+### Minor Changes
+
+- 8dbe359: Export `RunRowShell` (+ `RunRowStatusDot`, `RunRowStatus`) from the `/run` entry. The shell is the shared run-row grammar beneath `InlineToolItem`/`InlineThinkingItem`; consumers whose row carries behaviors the fixed items don't model (a treated title, a streaming plain-text body) can now compose the grammar directly instead of re-forking it.
+
 ## 11.4.0
 
 ### Minor Changes

package/dist/chat.js

@@ -5,10 +5,10 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-IH2VRPGZ.js";
+} from "./chunk-RKC3GXHE.js";
 import "./chunk-AZWDI2JG.js";
-import "./chunk-SRAKCVPO.js";
-import "./chunk-4ORVXSMU.js";
+import "./chunk-R5GVQDL3.js";
+import "./chunk-J2G7KCYH.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-3M7BPSSW.js";

package/dist/{chunk-4ORVXSMU.js → chunk-J2G7KCYH.js}

@@ -216,20 +216,6 @@ function LiveDuration({ startTime }) {
   return /* @__PURE__ */ jsx3("span", { className: "text-xs font-mono text-neutral-400 dark:text-neutral-500 tabular-nums", children: formatDuration(elapsed) });
 }
 
-// src/run/inline-tool-item.tsx
-import { memo as memo2 } from "react";
-import {
-  Terminal,
-  FileEdit,
-  FileSearch,
-  Search,
-  PencilLine,
-  Bot,
-  Globe,
-  ClipboardList,
-  Settings
-} from "lucide-react";
-
 // src/run/run-row-shell.tsx
 import { useState as useState3 } from "react";
 import * as Collapsible from "@radix-ui/react-collapsible";
@@ -347,6 +333,18 @@ function RunRowShell({
 }
 
 // src/run/inline-tool-item.tsx
+import { memo as memo2 } from "react";
+import {
+  Terminal,
+  FileEdit,
+  FileSearch,
+  Search,
+  PencilLine,
+  Bot,
+  Globe,
+  ClipboardList,
+  Settings
+} from "lucide-react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var TOOL_CATEGORY_ICON_MAP = {
   command: Terminal,
@@ -500,6 +498,7 @@ export {
   ExpandableContent,
   ExpandedToolDetail,
   LiveDuration,
+  RunRowStatusDot,
   RunRowShell,
   InlineToolItem,
   ToolCallStep,

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

@@ -2,7 +2,7 @@ import {
   ExpandableContent,
   InlineToolItem,
   RunRowShell
-} from "./chunk-4ORVXSMU.js";
+} from "./chunk-J2G7KCYH.js";
 import {
   formatDuration,
   truncateText

package/dist/{chunk-IH2VRPGZ.js → chunk-RKC3GXHE.js}

@@ -6,11 +6,11 @@ import {
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-SRAKCVPO.js";
+} from "./chunk-R5GVQDL3.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-4ORVXSMU.js";
+} from "./chunk-J2G7KCYH.js";
 import {
   getToolDisplayMetadata
 } from "./chunk-ULDNFLIM.js";

package/dist/{chunk-J3YZIQNI.js → chunk-XPYPZMYT.js}

@@ -1,7 +1,7 @@
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-4ORVXSMU.js";
+} from "./chunk-J2G7KCYH.js";
 import {
   Markdown
 } from "./chunk-P5F43A65.js";

package/dist/{chunk-HW4ROISY.js → chunk-XROQW5J7.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-OEX7NZE3.js";
 import {
   parseToolEvent
-} from "./chunk-J3YZIQNI.js";
+} from "./chunk-XPYPZMYT.js";
 
 // src/hooks/use-dropdown-menu.ts
 import { useEffect, useRef, useState } from "react";

package/dist/hooks.js

@@ -11,15 +11,15 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-HW4ROISY.js";
+} from "./chunk-XROQW5J7.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-J3YZIQNI.js";
-import "./chunk-4ORVXSMU.js";
+import "./chunk-XPYPZMYT.js";
+import "./chunk-J2G7KCYH.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-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 { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot } 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

@@ -20,7 +20,7 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-HW4ROISY.js";
+} from "./chunk-XROQW5J7.js";
 import {
   addMessage,
   addParts,
@@ -146,26 +146,28 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-IH2VRPGZ.js";
+} from "./chunk-RKC3GXHE.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-47XH56SV.js";
+import "./chunk-LQS34IGP.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-J3YZIQNI.js";
+} from "./chunk-XPYPZMYT.js";
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-SRAKCVPO.js";
+} from "./chunk-R5GVQDL3.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
-  LiveDuration
-} from "./chunk-4ORVXSMU.js";
+  LiveDuration,
+  RunRowShell,
+  RunRowStatusDot
+} from "./chunk-J2G7KCYH.js";
 import {
   TOOL_CATEGORY_ICONS,
   formatBytes,
@@ -324,6 +326,8 @@ export {
   RedactedDocument,
   RichFileTree,
   RunGroup,
+  RunRowShell,
+  RunRowStatusDot,
   SegmentedControl,
   Select,
   SelectContent,

package/dist/run.d.ts

@@ -28,6 +28,53 @@ interface RunGroupProps {
  */
 declare const RunGroup: React.MemoExoticComponent<({ run, partMap, collapsed, onToggle, branding, renderToolDetail, headerActions, renderToolActions, }: RunGroupProps) => react_jsx_runtime.JSX.Element | null>;
 
+type RunRowStatus = "running" | "success" | "error" | "idle";
+/**
+ * Trailing status indicator shared by every run row: a spinner while running,
+ * a green/red dot on terminal states, nothing when idle. Status is shown here
+ * — it never replaces the row's semantic lead icon.
+ */
+declare function RunRowStatusDot({ status }: {
+    status: RunRowStatus;
+}): react_jsx_runtime.JSX.Element | null;
+interface RunRowShellProps {
+    /** Semantic lead glyph — always visible; never replaced by status. */
+    icon: ReactNode;
+    /** Row title. A string in the common case; a node when the title carries its
+     *  own treatment (e.g. an active-state shimmer sweep) — it renders inline in
+     *  the shell's title slot either way. */
+    title: ReactNode;
+    /** Secondary inline text (tool path/command, or a reasoning preview). */
+    description?: string;
+    /** Render the description in mono (tools) vs prose (reasoning). */
+    descriptionMono?: boolean;
+    status?: RunRowStatus;
+    /** Live-ticks a duration while running. */
+    startTime?: number;
+    /** Static duration shown once the row is no longer running. */
+    durationMs?: number;
+    /** Radius shaping when rows are stacked into a group. */
+    groupPosition?: "single" | "first" | "middle" | "last";
+    /** Message shown below the header while collapsed (tool errors). */
+    collapsedError?: string;
+    actions?: ReactNode;
+    /** Controlled open state. Omit for internal (uncontrolled) state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    className?: string;
+    contentClassName?: string;
+    /** Expanded body. When absent the row is not expandable. */
+    children?: ReactNode;
+}
+/**
+ * Shared shell for the agent activity rows (reasoning + tool). Owns the
+ * bordered container, the lead icon badge, title/description, the trailing
+ * meta cluster (duration + status + chevron) and the collapsible body, so
+ * both row kinds read as one family instead of two bespoke layouts.
+ */
+declare function RunRowShell({ icon, title, description, descriptionMono, status, startTime, durationMs, groupPosition, collapsedError, actions, open: openProp, onOpenChange, defaultOpen, className, contentClassName, children, }: RunRowShellProps): react_jsx_runtime.JSX.Element;
+
 interface InlineToolItemProps {
     part: ToolPart;
     renderToolDetail?: CustomToolRenderer;
@@ -71,4 +118,4 @@ declare function LiveDuration({ startTime }: {
     startTime: number;
 }): react_jsx_runtime.JSX.Element;
 
-export { 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, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot };

package/dist/run.js

@@ -1,17 +1,19 @@
-import "./chunk-47XH56SV.js";
+import "./chunk-LQS34IGP.js";
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-J3YZIQNI.js";
+} from "./chunk-XPYPZMYT.js";
 import {
   InlineThinkingItem,
   RunGroup
-} from "./chunk-SRAKCVPO.js";
+} from "./chunk-R5GVQDL3.js";
 import {
   ExpandedToolDetail,
   InlineToolItem,
-  LiveDuration
-} from "./chunk-4ORVXSMU.js";
+  LiveDuration,
+  RunRowShell,
+  RunRowStatusDot
+} from "./chunk-J2G7KCYH.js";
 import "./chunk-ULDNFLIM.js";
 import "./chunk-AAUNOHVL.js";
 import "./chunk-3M7BPSSW.js";
@@ -27,6 +29,8 @@ export {
   InlineToolItem,
   LiveDuration,
   RunGroup,
+  RunRowShell,
+  RunRowStatusDot,
   ToolCallFeed,
   parseToolEvent
 };

package/dist/sdk-hooks.js

@@ -5,15 +5,15 @@ import {
   useSSEStream,
   useSdkSession,
   useToolCallStream
-} from "./chunk-HW4ROISY.js";
+} from "./chunk-XROQW5J7.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-AZWDI2JG.js";
-import "./chunk-J3YZIQNI.js";
-import "./chunk-4ORVXSMU.js";
+import "./chunk-XPYPZMYT.js";
+import "./chunk-J2G7KCYH.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": "11.4.0",
+  "version": "11.5.0",
   "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
   "type": "module",
   "license": "MIT",

package/src/run/index.ts

@@ -1,4 +1,10 @@
 export { RunGroup, type RunGroupProps } from "./run-group";
+export {
+  RunRowShell,
+  RunRowStatusDot,
+  type RunRowShellProps,
+  type RunRowStatus,
+} from "./run-row-shell";
 export { InlineToolItem, type InlineToolItemProps } from "./inline-tool-item";
 export {
   InlineThinkingItem,