@tangle-network/sandbox-ui 0.138.2 → 0.139.0

package/dist/{WorkflowGraph-DXuWXMw9.js → WorkflowGraph-CbIFufIK.js}

@@ -1,6 +1,8 @@
-import { A as triggerNodeIndex, B as fmtTokens, C as COMPACT_NODE_SIZE, D as buildWorkflowGraph, I as shortModel, L as clampPreview, M as worstSeverity, O as isStructuralKind, R as fmtCost, S as statusBorder, _ as emptySlotLabel, a as NodeMark, b as problemSurface, c as RESTING_BORDER, d as STATUS_LABEL, g as edgeColor, h as StatusPill, j as wfEdgeId, l as RESTING_SHADOW, m as StatusFooter, n as classifyOutput, o as ProblemMarker, s as ProblemMessages, t as NodeOutputBody, u as STATUS_COLOR, v as kindAccent, x as problemTitle, y as problemBorder, z as fmtDuration } from "./node-output-udnwhShN.js";
+import { A as buildWorkflowGraph, B as clampPreview, C as problemSurface, E as COMPACT_NODE_SIZE, F as worstSeverity, H as fmtDuration, N as triggerNodeIndex, P as wfEdgeId, S as problemBorder, T as statusBorder, V as fmtCost, W as fmtTokens, _ as StatusFooter, a as useColorMode, b as emptySlotLabel, c as NodeMark, d as RESTING_BORDER, f as RESTING_SHADOW, i as motionAllowed, j as isStructuralKind, l as ProblemMarker, m as STATUS_LABEL, p as STATUS_COLOR, r as SELECTION_OUTLINE, u as ProblemMessages, v as StatusPill, w as problemTitle, x as kindAccent, y as edgeColor, z as shortModel } from "./AgentGraph-Beld8p6x.js";
+import { n as classifyOutput, t as NodeOutputBody } from "./node-output-DlySTwxr.js";
+import { t as loadElk } from "./elk-loader-Dl9S7jQk.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Expand, Maximize2, Minimize2, Plus, Shrink, X } from "lucide-react";
 import { Background, BaseEdge, Controls, EdgeLabelRenderer, Handle, MarkerType, MiniMap, Panel, Position, ReactFlow, ViewportPortal, getSmoothStepPath, getViewportForBounds, useEdgesState, useNodesState, useStore } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
@@ -292,16 +294,6 @@ function clearOfNodeBoxes(point, boxes, direction, half) {
 	return Math.abs(up) <= Math.abs(down) ? up : down;
 }
 // src/workflows/elk-layout.ts
-/** One ELK instance per page. `null` once loading failed, so a host without
-*  the peer pays for one failed import, not one per render. */
-let elkInstance;
-function loadElk() {
-	elkInstance ??= import("elkjs/lib/elk.bundled.js").then((mod) => {
-		const Elk = mod.default;
-		return new Elk();
-	}).catch(() => null);
-	return elkInstance;
-}
 /**
 * Whether the graph is worth the ELK pass: anything but a plain line. A line
 * has nothing to order or route, and `model.ts` folds a long one into rows
@@ -992,46 +984,10 @@ const DENSITY_FLIP_AT = {
 	grow: .12,
 	shrink: .75
 };
-/** Motion is opt-OUT, so it is only used where the reader's preference can be
-*  read and says nothing against it. Somewhere without `matchMedia` cannot say
-*  a reader tolerates movement, so it gets none. */
-function motionAllowed() {
-	return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === false;
-}
 const lerp = (a, b, t) => a + (b - a) * t;
 /** The layout tween's easing — gentle into and out of the motion, so neither
 *  end of the morph reads as a snap. */
 const easeInOutCubic = (t) => t < .5 ? 4 * t * t * t : 1 - (-2 * t + 2) ** 3 / 2;
-/** React Flow adds its own .light/.dark class below the graph wrapper. Read
-* that wrapper's inherited scheme so a nested WorkspaceLayout theme wins over
-* the page root without React Flow's class influencing the answer. */
-function currentColorMode(anchor) {
-	if (typeof document === "undefined" || typeof window === "undefined") return "light";
-	const scheme = window.getComputedStyle(anchor ?? document.documentElement).colorScheme;
-	if (scheme.startsWith("dark")) return "dark";
-	if (scheme.startsWith("light")) return "light";
-	return (anchor ?? document.documentElement).closest(".dark") ? "dark" : "light";
-}
-function useColorMode(wrapperRef, hasGraph) {
-	const [mode, setMode] = useState(() => currentColorMode(null));
-	useLayoutEffect(() => {
-		const anchor = hasGraph ? wrapperRef.current : null;
-		const update = () => setMode(currentColorMode(anchor));
-		update();
-		const observer = new MutationObserver(update);
-		for (let el = anchor ?? document.documentElement; el; el = el.parentElement) observer.observe(el, {
-			attributes: true,
-			attributeFilter: [
-				"class",
-				"data-theme",
-				"data-sandbox-theme",
-				"style"
-			]
-		});
-		return () => observer.disconnect();
-	}, [wrapperRef, hasGraph]);
-	return mode;
-}
 /** Flow direction for the current graph, so the node component can place its
 *  edge handles on the correct sides (edges enter the leading edge and leave the
 *  trailing edge) without threading a prop through React Flow's node renderer. */
@@ -1059,14 +1015,6 @@ const SelectedNodeContext = createContext(void 0);
 * for all of its nodes, or none.
 */
 const RunModeContext = createContext(false);
-/** The selected node's ring. An `outline` rather than a border or a box-shadow
-*  because both of those are already spoken for — the border carries tone and
-*  run status, the shadow carries the running/waiting glow — and an outline
-*  composes with both without disturbing the laid-out box. */
-const SELECTION_OUTLINE = {
-	outline: "2px solid hsl(var(--primary))",
-	outlineOffset: 2
-};
 /** Whether the canvas is currently an EDITOR — read by the node so its
 *  connection handles become visible targets rather than the invisible anchors
 *  a read-only diagram wants. A handle you cannot see is a handle you cannot

package/dist/{chat-BYTVLZQW.js → chat-4OZD23RA.js}

@@ -495,7 +495,7 @@ function ProfileRow({ active, title, subtitle, onSelect, onEdit, onDelete }) {
 				})]
 			})]
 		}), (onEdit || onDelete) && /* @__PURE__ */ jsxs("span", {
-			className: "flex shrink-0 items-center gap-1 opacity-100 transition-opacity [@media(hover:hover)]:opacity-0 group-hover:opacity-100 group-focus-within:opacity-100",
+			className: "flex shrink-0 items-center gap-1",
 			children: [onEdit && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: onEdit,

package/dist/chat.js

@@ -1 +1 @@
-export { p as AgentProfilePicker, t as AgentTimeline, u as ArtifactAgentDock, n as ChatContainer, r as ChatMessage, m as DEFAULT_REASONING_LEVEL_OPTIONS, h as HARNESS_REASONING_OPTIONS, i as MessageAuthor, a as MessageList, g as ReasoningLevelPicker, o as TRANSCRIPT_TEXT, s as ThinkingIndicator, c as UserMessage, l as isViewerMessage, d as modelProvider, f as snapHarnessToModel } from "./chat-BYTVLZQW.js";
+export { p as AgentProfilePicker, t as AgentTimeline, u as ArtifactAgentDock, n as ChatContainer, r as ChatMessage, m as DEFAULT_REASONING_LEVEL_OPTIONS, h as HARNESS_REASONING_OPTIONS, i as MessageAuthor, a as MessageList, g as ReasoningLevelPicker, o as TRANSCRIPT_TEXT, s as ThinkingIndicator, c as UserMessage, l as isViewerMessage, d as modelProvider, f as snapHarnessToModel } from "./chat-4OZD23RA.js";

package/dist/elk-loader-Dl9S7jQk.js

@@ -0,0 +1,12 @@
+// src/workflows/elk-loader.ts
+/** One ELK instance per page. `null` once loading failed, so a host without
+*  the peer pays for one failed import, not one per render. */
+let elkInstance;
+function loadElk() {
+	elkInstance ??= import("elkjs/lib/elk.bundled.js").then((mod) => {
+		const Elk = mod.default;
+		return new Elk();
+	}).catch(() => null);
+	return elkInstance;
+}
+export { loadElk as t };

package/dist/globals.css

@@ -835,6 +835,9 @@
     width: 100%;
     height: 100%;
   }
+  .\!h-1 {
+    height: var(--spacing) !important;
+  }
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
@@ -961,6 +964,9 @@
   .h-\[36rem\] {
     height: 36rem;
   }
+  .h-\[60vh\] {
+    height: 60vh;
+  }
   .h-\[70vh\] {
     height: 70vh;
   }
@@ -1201,12 +1207,18 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-\[480px\] {
+    min-height: 480px;
+  }
   .min-h-full {
     min-height: 100%;
   }
   .min-h-screen {
     min-height: 100vh;
   }
+  .\!w-1 {
+    width: var(--spacing) !important;
+  }
   .\!w-2 {
     width: calc(var(--spacing) * 2) !important;
   }
@@ -1729,6 +1741,9 @@
   .flex-none {
     flex: none;
   }
+  .flex-shrink {
+    flex-shrink: 1;
+  }
   .flex-shrink-0 {
     flex-shrink: 0;
   }
@@ -2112,6 +2127,9 @@
   .self-center {
     align-self: center;
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .self-start {
     align-self: flex-start;
   }
@@ -3634,6 +3652,10 @@
     --tw-leading: 15px;
     line-height: 15px;
   }
+  .leading-\[18px\] {
+    --tw-leading: 18px;
+    line-height: 18px;
+  }
   .leading-\[inherit\] {
     --tw-leading: inherit;
     line-height: inherit;
@@ -3686,6 +3708,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[-0\.01em\] {
+    --tw-tracking: -0.01em;
+    letter-spacing: -0.01em;
+  }
   .tracking-\[0\.1em\] {
     --tw-tracking: 0.1em;
     letter-spacing: 0.1em;
@@ -4416,6 +4442,10 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .\!outline-none {
+    --tw-outline-style: none !important;
+    outline-style: none !important;
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -4430,6 +4460,9 @@
   .\[-webkit-mask-image\:linear-gradient\(to_right\,transparent\,black_16px\,black_calc\(100\%-16px\)\,transparent\)\] {
     -webkit-mask-image: linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);
   }
+  .\[animation-duration\:1\.6s\] {
+    animation-duration: 1.6s;
+  }
   .\[transition\:color_var\(--motion-control\)\,background-color_var\(--motion-control\)\,border-color_var\(--motion-control\)\,box-shadow_var\(--motion-control\)\,transform_var\(--motion-control\)\,scale_var\(--motion-control\)\,opacity_var\(--motion-control\)\] {
     transition: color var(--motion-control),background-color var(--motion-control),border-color var(--motion-control),box-shadow var(--motion-control),transform var(--motion-control),scale var(--motion-control),opacity var(--motion-control);
   }
@@ -4507,6 +4540,16 @@
       background-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
     }
   }
+  .group-focus-visible\/agent\:outline-2:is(:where(.group\/agent):focus-visible *) {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .group-focus-visible\/agent\:outline-offset-4:is(:where(.group\/agent):focus-visible *) {
+    outline-offset: 4px;
+  }
+  .group-focus-visible\/agent\:outline-ring:is(:where(.group\/agent):focus-visible *) {
+    outline-color: hsl(var(--ring));
+  }
   .group-data-\[state\=indeterminate\]\/checkbox\:block:is(:where(.group\/checkbox)[data-state="indeterminate"] *) {
     display: block;
   }
@@ -4559,10 +4602,18 @@
     --tw-content: '';
     content: var(--tw-content);
   }
+  .after\:pointer-events-none::after {
+    content: var(--tw-content);
+    pointer-events: none;
+  }
   .after\:absolute::after {
     content: var(--tw-content);
     position: absolute;
   }
+  .after\:inset-0::after {
+    content: var(--tw-content);
+    inset: 0px;
+  }
   .after\:top-0::after {
     content: var(--tw-content);
     top: 0px;
@@ -4579,10 +4630,39 @@
     content: var(--tw-content);
     height: 2px;
   }
+  .after\:rounded-xl::after {
+    content: var(--tw-content);
+    border-radius: var(--radius-xl);
+  }
   .after\:bg-primary::after {
     content: var(--tw-content);
     background-color: hsl(var(--primary));
   }
+  .after\:opacity-0::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  .after\:shadow-\[0_10px_28px_-10px_hsl\(var\(--foreground\)\/0\.45\)\]::after {
+    content: var(--tw-content);
+    --tw-shadow: 0 10px 28px -10px var(--tw-shadow-color, hsl(var(--foreground)/0.45));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .after\:transition-opacity::after {
+    content: var(--tw-content);
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .after\:duration-150::after {
+    content: var(--tw-content);
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .after\:ease-out::after {
+    content: var(--tw-content);
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .first\:pt-0:first-child {
     padding-top: 0px;
   }
@@ -4608,6 +4688,10 @@
       --tw-translate-y: calc(var(--spacing) * -0.5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
+    .hover\:-translate-y-px:hover {
+      --tw-translate-y: -1px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
     .hover\:border-\[var\(--border-accent\)\]:hover {
       border-color: var(--border-accent);
     }
@@ -5041,6 +5125,10 @@
       --tw-brightness: brightness(110%);
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
+    .hover\:after\:opacity-100:hover::after {
+      content: var(--tw-content);
+      opacity: 100%;
+    }
   }
   .focus\:border-\[var\(--focus-border\)\]:focus {
     border-color: var(--focus-border);
@@ -5297,9 +5385,15 @@
   .aria-pressed\:bg-\[var\(--ix-sel-bg\)\][aria-pressed="true"] {
     background-color: var(--ix-sel-bg);
   }
+  .aria-pressed\:bg-muted[aria-pressed="true"] {
+    background-color: hsl(var(--muted));
+  }
   .aria-pressed\:text-\[var\(--accent-text\)\][aria-pressed="true"] {
     color: var(--accent-text);
   }
+  .aria-pressed\:text-foreground[aria-pressed="true"] {
+    color: hsl(var(--foreground));
+  }
   .aria-pressed\:shadow-\[inset_0_0_0_1px_var\(--ix-sel-ring\)\][aria-pressed="true"] {
     --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ix-sel-ring));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5574,6 +5668,11 @@
       }
     }
   }
+  @media (prefers-reduced-motion: no-preference) {
+    .motion-safe\:animate-spin {
+      animation: var(--animate-spin);
+    }
+  }
   @media (prefers-reduced-motion: reduce) {
     .motion-reduce\:not-sr-only {
       position: static;
@@ -5594,6 +5693,16 @@
     .motion-reduce\:transition-none {
       transition-property: none;
     }
+    .motion-reduce\:after\:transition-none::after {
+      content: var(--tw-content);
+      transition-property: none;
+    }
+    @media (hover: hover) {
+      .motion-reduce\:hover\:translate-y-0:hover {
+        --tw-translate-y: 0px;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
     .motion-reduce\:active\:scale-100:active {
       --tw-scale-x: 100%;
       --tw-scale-y: 100%;
@@ -6384,11 +6493,6 @@
   .tangle-prose .\[\.tangle-prose_\&\]\:no-underline\! {
     text-decoration-line: none !important;
   }
-  @media (hover:hover) {
-    .\[\@media\(hover\:hover\)\]\:opacity-0 {
-      opacity: 0%;
-    }
-  }
   @media (pointer:coarse) {
     .\[\@media\(pointer\:coarse\)\]\:min-h-10 {
       min-height: calc(var(--spacing) * 10);

package/dist/{index-C5h5T0nb.d.ts → index-D6gtWRHq.d.ts}

@@ -1,3 +1,4 @@
+import { d as AgentGraphNode } from "./AgentGraph-DL-QLjkw.js";
 import { ReactNode } from "react";
 import { ApprovalCard, ApprovalCardProps, ApprovalDiffFile, ApprovalDiffSummary, ApprovalPlanStep, ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem as InlineThinkingItem$1, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunPhase, RunPhaseList, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, TaskList, TaskListItem, TaskListProps, TaskStatus, ToolCallData, ToolCallData as ToolCallData$1, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "@tangle-network/ui/run";
 import { FlowWaterfallProps } from "@tangle-network/charts/react";
@@ -31,6 +32,11 @@ interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "marke
   selectedAgentId?: string;
   /** Called with the agent the reader selected, or undefined when they close its drawer or press Escape. */
   onSelectAgent?: (agentId: string | undefined) => void;
+  /**
+   * What the trace cannot say about a live agent, by agent id: its activity, thinking line, latest events, commits or
+   * result. The Graph view draws them on the agent's live card; status, model, cost and lifetime come from the trace.
+   */
+  agentCards?: Readonly<Record<string, Partial<AgentGraphNode>>>;
   className?: string;
 }
 /**
@@ -38,7 +44,7 @@ interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "marke
  * streaming in a right-hand drawer, and the page's code workspace and scoreboard following the time cursor. Scrubbing is time travel:
  * every panel shows what was true at the cursor, and the conversation shows what had been said by then.
  */
-declare function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scoreboard, selectedAgentId, onSelectAgent, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
+declare function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scoreboard, selectedAgentId, onSelectAgent, agentCards, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
 /** One row of an agent's message stream (tangle-tools `/api/discovery/runs/<run>/agents/<agent>/stream`). */
 interface AgentStreamRow {
   seq: number;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ import { C as ChangedFile, D as SandboxArtifactTerminal, E as SandboxArtifactPan
 import { n as DiffViewProps, t as DiffView } from "./diff-view-DDHWtR6X.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-Ta5GI4hx.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISchemaIssue, OpenUISchemaValidation, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
-import { A as ToolCallType, B as TraceEvent, C as TaskListItem, D as ToolCallFeed, E as ToolCallData, F as AgentStreamRow, G as traceSpanMark, H as TraceWorkspaceProps, I as AgentStreamState, L as AgentTranscriptEntry, M as showsTaskPriority, N as taskProgress, O as ToolCallFeedProps, P as taskStatus, R as foldAgentRows, S as TaskList, T as TaskStatus, U as TraceWaterfall, V as TraceWorkspace, W as TraceWaterfallProps, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, f as InlineToolItemProps, g as RunPhase, h as RunGroupProps, i as ApprovalDiffSummary, j as parseToolEvent, k as ToolCallStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as TaskListProps, x as RunRowStatusDot, y as RunRowShellProps, z as useAgentStream } from "./index-C5h5T0nb.js";
+import { A as ToolCallType, B as TraceEvent, C as TaskListItem, D as ToolCallFeed, E as ToolCallData, F as AgentStreamRow, G as traceSpanMark, H as TraceWorkspaceProps, I as AgentStreamState, L as AgentTranscriptEntry, M as showsTaskPriority, N as taskProgress, O as ToolCallFeedProps, P as taskStatus, R as foldAgentRows, S as TaskList, T as TaskStatus, U as TraceWaterfall, V as TraceWorkspace, W as TraceWaterfallProps, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, f as InlineToolItemProps, g as RunPhase, h as RunGroupProps, i as ApprovalDiffSummary, j as parseToolEvent, k as ToolCallStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as TaskListProps, x as RunRowStatusDot, y as RunRowShellProps, z as useAgentStream } from "./index-D6gtWRHq.js";
 import { a as VaultTreeProps, i as VaultTree, n as filterFileNodes, r as VAULT_TREE_CHILD_PAGE, t as fileTreeFromPaths } from "./index-y2OPUSoY.js";
 import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, ChatSession, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, connectSession, disconnectSession, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "./stores.js";
 import { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from "./types.js";

package/dist/index.js

@@ -12,8 +12,8 @@ import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FileCard, FileList, FilePrevie
 import { a as CodeSurface, i as CODE_THEME, n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXsoPale.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
-import { a as MessageList, c as UserMessage, d as modelProvider, f as snapHarnessToModel, g as ReasoningLevelPicker, h as HARNESS_REASONING_OPTIONS, i as MessageAuthor, l as isViewerMessage, m as DEFAULT_REASONING_LEVEL_OPTIONS, n as ChatContainer, o as TRANSCRIPT_TEXT, p as AgentProfilePicker, r as ChatMessage, s as ThinkingIndicator, t as AgentTimeline, u as ArtifactAgentDock } from "./chat-BYTVLZQW.js";
-import { _ as TraceWorkspace, a as InlineToolItem, b as TraceWaterfall, c as RunPhaseList, d as TaskList, f as ToolCallFeed, g as taskStatus, h as taskProgress, i as InlineThinkingItem, l as RunRowShell, m as showsTaskPriority, n as ApprovalDiffSummary, o as LiveDuration, p as parseToolEvent, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as foldAgentRows, x as traceSpanMark, y as useAgentStream } from "./run-CliTxkfw.js";
+import { a as MessageList, c as UserMessage, d as modelProvider, f as snapHarnessToModel, g as ReasoningLevelPicker, h as HARNESS_REASONING_OPTIONS, i as MessageAuthor, l as isViewerMessage, m as DEFAULT_REASONING_LEVEL_OPTIONS, n as ChatContainer, o as TRANSCRIPT_TEXT, p as AgentProfilePicker, r as ChatMessage, s as ThinkingIndicator, t as AgentTimeline, u as ArtifactAgentDock } from "./chat-4OZD23RA.js";
+import { _ as TraceWorkspace, a as InlineToolItem, b as TraceWaterfall, c as RunPhaseList, d as TaskList, f as ToolCallFeed, g as taskStatus, h as taskProgress, i as InlineThinkingItem, l as RunRowShell, m as showsTaskPriority, n as ApprovalDiffSummary, o as LiveDuration, p as parseToolEvent, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as foldAgentRows, x as traceSpanMark, y as useAgentStream } from "./run-CC-DESx8.js";
 import "./vault-tree.js";
 import { a as TangleLoginButton, i as UserMenu, n as GitHubLoginButton, r as LoginLayout, t as AuthHeader } from "./auth-BDpoZ_2f.js";
 import { t as AgentMessagingConnection } from "./connections-DymjzHe_.js";

package/dist/node-output-DlySTwxr.js

@@ -0,0 +1,178 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/workflows/node-output.tsx
+/** Failure text, in the semantic danger token — which carries a light AND a dark
+*  value. A palette shade (`text-red-400`) only ever reads well in one theme. */
+const ERROR_TEXT = { color: "var(--surface-danger-text)" };
+/** Max key/value pairs a shallow-object output renders before it reports
+*  `truncated` — the card only has room for a couple rows anyway. */
+const MAX_JSON_ENTRIES = 6;
+/**
+* A line that is pure structure — a code fence (with or without a language tag), a
+* table's rule row, a thematic break — and so carries no words to keep.
+*
+* Every test is a SINGLE quantified character class: unambiguous, and linear in the
+* length of the line. Written as one pattern (`[\s|:-]+\|[\s|:-]*`) the two
+* quantifiers would compete for the same `|`, which is the shape that backtracks.
+* Recognize the charset in one pass instead, then ask the cheap questions — is
+* there a pipe? a dash? — with plain string checks.
+*/
+function isStructureOnly(line) {
+	if (/^(```|~~~)/.test(line)) return true;
+	const isBreak = /^([-*_])\1{2,}$/.test(line);
+	if (/^[\s|:-]+$/.test(line) && line.includes("|")) return line.includes("-");
+	return isBreak;
+}
+/**
+* Flatten an agent's markdown answer into the sentence a person would read out
+* of it. On a two-line card preview the syntax IS the noise: a `## Heading` mid
+* paragraph, a `**bold**` run and a bullet's `-` all survive the clamp while the
+* words that carry the meaning get pushed past it. Stripping the markup (never
+* the words) is what turns the preview back into prose — the full text, markup
+* and all, is still rendered by the node's detail view.
+*
+* Structure-only lines (a fence, a table rule) are dropped; everything else keeps
+* its text and is joined into one flowing line.
+*/
+function condenseText(text) {
+	const isListItem = (line) => /^\s*([-*+]\s|\d+[.)]\s)/.test(line);
+	return text.split("\n").map((line) => ({
+		item: isListItem(line),
+		text: line.replace(/^\s{0,3}#{1,6}\s+/, "").replace(/^\s{0,3}>\s?/, "").replace(/^\s*[-*+]\s+(\[[ xX]\]\s+)?/, "").replace(/^\s*\d+[.)]\s+/, "").trim()
+	})).filter(({ text: line }) => line !== "" && !isStructureOnly(line)).map(({ item, text: line }, i) => i > 0 && item ? `· ${line}` : line).join(" ").replace(/(?<=^|\s)(\*\*|~~)(?!\s)(.+?)(?<!\s)\1(?=[\s.,:;!?)\]}"']|$)/g, "$2").replace(/(?<![\w*])\*(?!\s)([^*]+?)(?<!\s)\*(?![\w*])/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\s+/g, " ").trim();
+}
+/** A single JSON value as a compact one-line string for the key/value render.
+*  Scalars render verbatim; a nested object/array collapses to a shape marker so
+*  one row never balloons into a wall of text. */
+function scalar(value) {
+	if (value === null) return "null";
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "boolean") return String(value);
+	if (Array.isArray(value)) return `[${value.length} item${value.length === 1 ? "" : "s"}]`;
+	if (typeof value === "object") return "{…}";
+	return "";
+}
+/**
+* Recover the shape of an output preview string. Only text that *begins* like
+* JSON (`{`/`[`) is parse-attempted, so ordinary prose starting with a brace-free
+* sentence is never mis-parsed. A begins-like-JSON string that fails to parse
+* (the host clamped it mid-value) still renders as `code`, not prose, so it keeps
+* its monospace/data affordance.
+*
+* `condenseMarkdown` says the prose IS markdown and may be flattened for the
+* preview ({@link condenseText}). It is OFF by default, and the caller must only
+* turn it on for text an agent actually authored as markdown. Applied to anything
+* else it does not merely look wrong — it silently REWRITES the text: a stack
+* trace's `__init__.py` loses its underscores, and a shell glob `src/**` pairs
+* with a later `**` and both vanish. An error message is the one string a person
+* reads to find out what broke; it must reach them exactly as it was thrown.
+*/
+function classifyOutput(preview, condenseMarkdown = false) {
+	let trimmed = preview?.trim() ?? "";
+	trimmed = trimmed.replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])/g, "").replace(/(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g, "").trimEnd();
+	if (trimmed === "") return { kind: "empty" };
+	if (trimmed.startsWith("{") || trimmed.startsWith("[")) try {
+		const parsed = JSON.parse(trimmed);
+		if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+			const all = Object.entries(parsed);
+			const entries = all.slice(0, MAX_JSON_ENTRIES).map(([k, v]) => [k, scalar(v)]);
+			if (entries.length > 0) return {
+				kind: "json",
+				entries,
+				truncated: all.length > entries.length
+			};
+		}
+		return {
+			kind: "code",
+			text: trimmed
+		};
+	} catch {
+		return {
+			kind: "code",
+			text: trimmed
+		};
+	}
+	if (!condenseMarkdown) return {
+		kind: "text",
+		text: trimmed
+	};
+	const condensed = condenseText(trimmed);
+	return condensed === "" ? { kind: "empty" } : {
+		kind: "text",
+		text: condensed
+	};
+}
+/** Line-clamp utility per row budget, so `code`/`text` shapes honor `rows` the
+*  same way the JSON branch does (rather than always clamping to two). Covers the
+*  full range a card can reserve; an unsupported count falls back to the two-line
+*  clamp, which renders FEWER lines than the caller asked for — so a card whose
+*  reservation outgrows this map shows a short body inside a tall well rather
+*  than erroring. Extend the map when a design reserves more.
+*  Class names are literal so the Tailwind scanner emits each utility. */
+const CLAMP_BY_ROWS = {
+	1: "truncate",
+	2: "line-clamp-2",
+	3: "line-clamp-3",
+	4: "line-clamp-4",
+	5: "line-clamp-5",
+	6: "line-clamp-6"
+};
+/**
+* Render a classified output preview's CONTENT (no surrounding frame — each node
+* design supplies its own container/label). `rows` caps the visible lines so the
+* body stays within a card's reserved output space; `tone="error"` colors it for
+* a failure message.
+*
+* `rows="none"` renders the body UNCLAMPED, for a container that scrolls or is
+* sized by its content — a drawer, a detail panel, a selection overlay. It is a
+* word rather than a large number because there is no number that means "do not
+* clamp": a count outside {@link CLAMP_BY_ROWS} falls back to two lines, so
+* `rows={99}` asks for everything and silently shows the least.
+*/
+function NodeOutputBody({ shape, rows = 2, tone = "default" }) {
+	const unclamped = rows === "none";
+	const clampClass = unclamped ? "" : CLAMP_BY_ROWS[rows] ?? "line-clamp-2";
+	const codeWrap = rows === 1 ? "" : "whitespace-pre-wrap break-all";
+	if (shape.kind === "empty") return null;
+	if (shape.kind === "json") {
+		const overflow = unclamped ? shape.truncated : shape.truncated || shape.entries.length > rows;
+		const visible = unclamped ? shape.entries : shape.entries.slice(0, overflow ? Math.max(0, rows - 1) : rows);
+		const isError = tone === "error";
+		const keyStyle = isError ? ERROR_TEXT : void 0;
+		const keyClass = isError ? "" : "text-muted-foreground";
+		const valueClass = isError ? "" : "text-foreground";
+		return /* @__PURE__ */ jsxs("dl", {
+			className: "space-y-0.5 font-mono text-[10.5px] leading-snug",
+			children: [visible.map(([key, value]) => /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-1.5",
+				children: [/* @__PURE__ */ jsx("dt", {
+					className: `max-w-[45%] shrink-0 truncate ${keyClass}`,
+					style: keyStyle,
+					title: key,
+					children: key
+				}), /* @__PURE__ */ jsx("dd", {
+					className: `min-w-0 flex-1 truncate ${valueClass}`,
+					style: isError ? ERROR_TEXT : void 0,
+					title: value,
+					children: value
+				})]
+			}, key)), overflow && /* @__PURE__ */ jsx("div", {
+				className: `text-[10px] ${keyClass}`,
+				style: keyStyle,
+				children: "…"
+			})]
+		});
+	}
+	if (shape.kind === "code") return /* @__PURE__ */ jsx("pre", {
+		className: `${clampClass} ${codeWrap} font-mono text-[10.5px] leading-snug ${tone === "error" ? "" : "text-foreground"}`,
+		style: tone === "error" ? ERROR_TEXT : void 0,
+		title: shape.text,
+		children: shape.text
+	});
+	return /* @__PURE__ */ jsx("p", {
+		className: `${clampClass} text-[11px] leading-snug ${tone === "error" ? "" : "text-foreground"}`,
+		style: tone === "error" ? ERROR_TEXT : void 0,
+		title: shape.text,
+		children: shape.text
+	});
+}
+export { classifyOutput as n, condenseText as r, NodeOutputBody as t };