@tangle-network/sandbox-ui 5.0.0 → 6.0.0

package/dist/globals.css

@@ -1472,6 +1472,9 @@
   .w-\[calc\(100vw-32px\)\] {
     width: calc(100vw - 32px);
   }
+  .w-\[clamp\(320px\,32vw\,560px\)\] {
+    width: clamp(320px, 32vw, 560px);
+  }
   .w-\[min\(88vw\,24rem\)\] {
     width: min(88vw, 24rem);
   }
@@ -1916,6 +1919,9 @@
   .resize-none {
     resize: none;
   }
+  .resize-x {
+    resize: horizontal;
+  }
   .resize-y {
     resize: vertical;
   }

package/dist/{index-CeZgMx53.d.ts → index-D6fZ1Hgz.d.ts}

@@ -36,6 +36,13 @@ interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "marke
   conversationOpen?: boolean;
   /** Called with the agent the reader selected, or undefined when they close its drawer or press Escape. */
   onSelectAgent?: (agentId: string | undefined) => void;
+  /** Dock the conversation as a resizable pane in the layout instead of a fixed overlay over the right edge. */
+  docked?: boolean;
+  /** The words that created the selected agent — its parent's commission — pinned above its conversation. */
+  commission?: {
+    by?: string;
+    text?: string;
+  };
   /** The host's own account of the selected agent beyond its trace facts, such as its profile: its drawer shows it under them. */
   renderAgentDrawer?: (agentId: string) => ReactNode;
   /**
@@ -54,5 +61,5 @@ 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, openEventSource, events, onTimeChange, files, scoreboard, selectedAgentId, conversationOpen, onSelectAgent, renderAgentDrawer, agentCards, agentGraph, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
+declare function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChange, files, scoreboard, selectedAgentId, conversationOpen, onSelectAgent, renderAgentDrawer, docked, commission, agentCards, agentGraph, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
 export { ToolCallData$1 as A, taskProgress as B, RunStatusIcon$1 as C, TaskListItem as D, TaskList as E, isOpen as F, TraceWorkspace as G, LatestEvents as H, parseToolEvent as I, TraceWaterfallProps as J, TraceWorkspaceProps as K, runStatus$1 as L, ToolCallFeedProps as M, ToolCallStatus as N, TaskListProps as O, ToolCallType as P, showsTaskPriority as R, RunStatus as S, StatusMeta as T, LatestEventsProps as U, taskStatus as V, TraceEvent as W, traceSpanMark as Y, RunPhaseList as _, ApprovalPlanStep as a, RunRowStatus as b, FeedSegment as c, InlineToolItem as d, InlineToolItemProps as f, RunPhase as g, RunGroupProps as h, ApprovalDiffSummary as i, ToolCallFeed as j, TaskStatus as k, InlineThinkingItem as l, RunGroup as m, ApprovalCardProps as n, ExpandedToolDetail as o, LiveDuration as p, TraceWaterfall as q, ApprovalDiffFile as r, ExpandedToolDetailProps as s, ApprovalCard as t, InlineThinkingItemProps as u, RunRowShell as v, RunStatusIconProps as w, RunRowStatusDot as x, RunRowShellProps as y, statusMeta$1 as z };

package/dist/index.d.ts

@@ -15,7 +15,7 @@ import { C as SandboxArtifactPane, D as SandboxArtifact, E as ChangesPaneProps,
 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 ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfall, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as statusMeta } from "./index-CeZgMx53.js";
+import { A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfall, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as statusMeta } from "./index-D6fZ1Hgz.js";
 import { i as useEventStream, n as AgentStreamSource, r as EventStreamHandlers, t as AgentStreamOpener } from "./event-stream-DNEbvx4s.js";
 import { C as foldAgentRows, S as AgentTranscriptEntry, _ as ConversationRecord, a as VirtualList, b as AgentStreamRow, c as ConversationProps, d as ToolCall, f as indexRecord, g as ConversationNode, h as ConversationEvent, i as AgentTree, l as EventFlag, m as recordFlowTrace, n as ToolStep, o as withPrompts, p as model_d_exports, r as timelineItems, s as Conversation, t as PromptMore, u as RecordIndex, v as AgentStreamHistory, w as useAgentStream, x as AgentStreamState, y as AgentStreamPage } from "./index-Bv2iiZaN.js";
 import { n as filterFileNodes, t as fileTreeFromPaths } from "./index-CrN4d8gd.js";

package/dist/index.js

@@ -15,7 +15,7 @@ import { n as FileBreadcrumb, t as CodeView } from "./code-view-BlhCS1SD.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 { S as ReasoningLevelPicker, _ as modelProvider, a as ChatMessage, b as DEFAULT_REASONING_LEVEL_OPTIONS, c as SpeakerHeader, d as UserMessage, f as agentTimelineStepKind, g as ArtifactAgentDock, h as partitionBySpeaker, i as ChatContainer, l as TRANSCRIPT_TEXT, m as isViewerMessage, n as AgentTimelineColumn, o as MessageAuthor, p as foldSummary, r as AgentTimelineStep, s as MessageList, t as AgentTimeline, u as ThinkingIndicator, v as snapHarnessToModel, x as HARNESS_REASONING_OPTIONS, y as AgentProfilePicker } from "./chat-BrlLa4rg.js";
-import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-DtoQ3tio.js";
+import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-CTMV8zw_.js";
 import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-DZFn7QDO.js";
 import { n as Conversation, t as AgentTree } from "./AgentTree-D4d06rfH.js";
 import { t as withPrompts } from "./record-C-EUpK-n.js";

package/dist/run/live.js

@@ -1,10 +1,10 @@
 import { t as WorkspaceFilesPane } from "../workspace-files-pane-D24G7H_Z.js";
 import { t as DiffView } from "../diff-view-B9mNeTLF.js";
 import { t as CodeView } from "../code-view-BlhCS1SD.js";
-import { a as useEventStream, t as TraceWorkspace } from "../trace-workspace-DtoQ3tio.js";
+import { a as useEventStream, t as TraceWorkspace } from "../trace-workspace-CTMV8zw_.js";
 import { useDocument } from "../hooks/use-document.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { isOpen, runStatus } from "@tangle-network/ui/run/status-meta";
 // src/run/live-inspection.tsx
 /** The graph, conversation and files share one selected agent and one product-owned API. */
@@ -127,13 +127,13 @@ const time = (value) => {
 };
 const iso = (ms) => ms !== void 0 && Number.isFinite(ms) ? new Date(ms).toISOString() : void 0;
 const withNodes = (run, nodes) => [...run.workers.map((worker) => {
-	const node = nodes.find((node) => node.id === worker.id);
+	const node = nodes.get(worker.id);
 	return {
 		...worker,
 		startedAt: worker.startedAt ?? iso(node?.timing?.startedAt),
 		endedAt: worker.endedAt ?? iso(node?.timing?.settledAt ?? node?.settledAt)
 	};
-}), ...nodes.filter((node) => node.id !== run.id && !run.workers.some((worker) => worker.id === node.id)).map((node) => ({
+}), ...[...nodes.values()].filter((node) => node.id !== run.id && !run.workers.some((worker) => worker.id === node.id)).map((node) => ({
 	id: node.id,
 	parent: node.parentId,
 	label: node.label ?? node.id,
@@ -201,15 +201,20 @@ function LiveRunView({ api, transport }) {
 		key: JSON.stringify([snapshot.root, run.id])
 	})));
 	const active = runs.find((run) => run.key === selected) ?? runs[0];
-	const facts = active?.snapshot.pursuit?.nodes.filter((node) => node.runId === active.run.id) ?? [];
-	const detail = (id) => {
-		const node = facts.find((node) => node.id === id), receipt = active?.run.workers.find((worker) => worker.id === id)?.materialization;
-		return [node?.model ?? (receipt?.model?.status === "known" ? receipt.model.id : void 0), node?.backend ?? receipt?.backend].filter(Boolean).join(" · ") || void 0;
-	};
-	const run = active && {
+	const nodeIndex = useMemo(() => {
+		const index = /* @__PURE__ */ new Map();
+		for (const node of active?.snapshot.pursuit?.nodes ?? []) if (node.runId === active.run.id) index.set(node.id, node);
+		return index;
+	}, [active?.snapshot, active?.run.id]);
+	const run = useMemo(() => active ? {
 		...active.run,
-		workers: withNodes(active.run, facts)
-	};
+		workers: withNodes(active.run, nodeIndex)
+	} : void 0, [active?.run, nodeIndex]);
+	const receiptIndex = useMemo(() => new Map((run?.workers ?? []).map((worker) => [worker.id, worker])), [run]);
+	const detail = useCallback((id) => {
+		const node = nodeIndex.get(id), receipt = receiptIndex.get(id)?.materialization;
+		return [node?.model ?? (receipt?.model?.status === "known" ? receipt.model.id : void 0), node?.backend ?? receipt?.backend].filter(Boolean).join(" · ") || void 0;
+	}, [nodeIndex, receiptIndex]);
 	const outcome = run?.outcome;
 	const outcomeText = outcome ? outcome.kind === "winner" ? "Winner" : `${outcome.kind === "no-winner" ? "No winner" : "Failed"}: ${outcome.reason}` : void 0;
 	const startedAt = run ? Math.min(...[run.startedAt, ...run.workers.map((worker) => worker.startedAt)].flatMap((value) => value && Number.isFinite(Date.parse(value)) ? [Date.parse(value)] : [])) : void 0;
@@ -272,55 +277,65 @@ function LiveRunView({ api, transport }) {
 		active?.run,
 		startedAt
 	]);
-	const workers = run?.workers.filter((worker) => worker.id !== run.id) ?? [];
-	const nodes = run ? [{
-		id: run.id,
-		label: "root",
-		status: runStatus(run.status),
-		model: detail(run.id),
-		costUsd: cost(run.driverSpend),
-		startedAt: time(run.startedAt),
-		lastActivityAt: run.lastActivityAt,
-		medianEventGapMs: run.medianEventGapMs,
-		result: outcomeText ?? run.reason ?? (runStatus(run.status) === "failed" ? "Failure cause not recorded" : void 0)
-	}, ...workers.map((worker) => ({
-		id: worker.id,
-		label: worker.label,
-		harness: worker.runtime,
-		model: detail(worker.id),
-		status: runStatus(worker.status),
-		costUsd: cost(worker.spend, worker.metered),
-		startedAt: time(worker.startedAt),
-		lastActivityAt: worker.lastActivityAt,
-		medianEventGapMs: worker.medianEventGapMs,
-		turn: worker.liveTail?.at(-1),
-		events: worker.liveTail?.slice(-3).map((label, index) => ({
-			id: `${worker.id}:${index}:${label}`,
-			label
-		})),
-		result: worker.reason ?? (runStatus(worker.status) === "failed" ? "Failure cause not recorded" : worker.verdict)
-	}))] : [];
+	const { workers, nodes, edges, agentCards } = useMemo(() => {
+		const workers = run?.workers.filter((worker) => worker.id !== run.id) ?? [];
+		const nodes = run ? [{
+			id: run.id,
+			label: "root",
+			status: runStatus(run.status),
+			model: detail(run.id),
+			costUsd: cost(run.driverSpend),
+			startedAt: time(run.startedAt),
+			lastActivityAt: run.lastActivityAt,
+			medianEventGapMs: run.medianEventGapMs,
+			result: outcomeText ?? run.reason ?? (runStatus(run.status) === "failed" ? "Failure cause not recorded" : void 0)
+		}, ...workers.map((worker) => ({
+			id: worker.id,
+			label: worker.label,
+			harness: worker.runtime,
+			model: detail(worker.id),
+			status: runStatus(worker.status),
+			costUsd: cost(worker.spend, worker.metered),
+			startedAt: time(worker.startedAt),
+			lastActivityAt: worker.lastActivityAt,
+			medianEventGapMs: worker.medianEventGapMs,
+			turn: worker.liveTail?.at(-1),
+			events: worker.liveTail?.slice(-3).map((label, index) => ({
+				id: `${worker.id}:${index}:${label}`,
+				label
+			})),
+			result: worker.reason ?? (runStatus(worker.status) === "failed" ? "Failure cause not recorded" : worker.verdict)
+		}))] : [];
+		const known = new Set(nodes.map((node) => node.id));
+		return {
+			workers,
+			nodes,
+			edges: workers.map((worker) => ({
+				from: worker.parent && worker.parent !== worker.id && known.has(worker.parent) ? worker.parent : run.id,
+				to: worker.id,
+				kind: "spawn"
+			})),
+			agentCards: Object.fromEntries(nodes.map(({ id, label, harness, model, turn, events, result, status, costUsd, startedAt, lastActivityAt, medianEventGapMs }) => [id, {
+				label,
+				harness,
+				model,
+				turn,
+				events,
+				result,
+				...startedAt === void 0 ? {
+					status,
+					costUsd,
+					lastActivityAt,
+					medianEventGapMs
+				} : {}
+			}]))
+		};
+	}, [
+		run,
+		detail,
+		outcomeText
+	]);
 	const inspection = useLiveInspection(active && agent ? `${api}/agents/${active.root}/${encodeURIComponent(active.run.id)}/${encodeURIComponent(agent)}` : void 0, !!run && isOpen(run.status), transport?.fetch);
-	const known = new Set(nodes.map((node) => node.id));
-	const edges = workers.map((worker) => ({
-		from: worker.parent && worker.parent !== worker.id && known.has(worker.parent) ? worker.parent : run.id,
-		to: worker.id,
-		kind: "spawn"
-	}));
-	const agentCards = Object.fromEntries(nodes.map(({ id, label, harness, model, turn, events, result, status, costUsd, startedAt, lastActivityAt, medianEventGapMs }) => [id, {
-		label,
-		harness,
-		model,
-		turn,
-		events,
-		result,
-		...startedAt === void 0 ? {
-			status,
-			costUsd,
-			lastActivityAt,
-			medianEventGapMs
-		} : {}
-	}]));
 	return /* @__PURE__ */ jsxs("main", {
 		className: "ws-live",
 		"data-api": api,

package/dist/run.d.ts

@@ -1,4 +1,4 @@
-import { A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfall, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as statusMeta } from "./index-CeZgMx53.js";
+import { A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfall, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as statusMeta } from "./index-D6fZ1Hgz.js";
 import { i as useEventStream, n as AgentStreamSource, r as EventStreamHandlers, t as AgentStreamOpener } from "./event-stream-DNEbvx4s.js";
 import { C as foldAgentRows, S as AgentTranscriptEntry, _ as ConversationRecord, a as VirtualList, b as AgentStreamRow, c as ConversationProps, d as ToolCall, f as indexRecord, g as ConversationNode, h as ConversationEvent, i as AgentTree, l as EventFlag, m as recordFlowTrace, n as ToolStep, o as withPrompts, p as model_d_exports, r as timelineItems, s as Conversation, t as PromptMore, u as RecordIndex, v as AgentStreamHistory, w as useAgentStream, x as AgentStreamState, y as AgentStreamPage } from "./index-Bv2iiZaN.js";
 export { type AgentStreamHistory, type AgentStreamOpener, type AgentStreamPage, type AgentStreamRow, type AgentStreamSource, type AgentStreamState, type AgentTranscriptEntry, AgentTree, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type EventStreamHandlers, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LatestEvents, type LatestEventsProps, LiveDuration, PromptMore, type RecordIndex, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type RunStatus, RunStatusIcon, type RunStatusIconProps, type StatusMeta, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCall, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, ToolStep, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_d_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, timelineItems, traceSpanMark, useAgentStream, useEventStream, withPrompts };

package/dist/run.js

@@ -1,5 +1,5 @@
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-DtoQ3tio.js";
+import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-CTMV8zw_.js";
 import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-DZFn7QDO.js";
 import { n as Conversation, t as AgentTree } from "./AgentTree-D4d06rfH.js";
 import { t as withPrompts } from "./record-C-EUpK-n.js";

package/dist/styles.css

@@ -1472,6 +1472,9 @@
   .w-\[calc\(100vw-32px\)\] {
     width: calc(100vw - 32px);
   }
+  .w-\[clamp\(320px\,32vw\,560px\)\] {
+    width: clamp(320px, 32vw, 560px);
+  }
   .w-\[min\(88vw\,24rem\)\] {
     width: min(88vw, 24rem);
   }
@@ -1916,6 +1919,9 @@
   .resize-none {
     resize: none;
   }
+  .resize-x {
+    resize: horizontal;
+  }
   .resize-y {
     resize: vertical;
   }