@tangle-network/sandbox-ui 0.137.2 → 0.138.0

package/dist/run-CliTxkfw.js

@@ -0,0 +1,397 @@
+import { t as cn } from "./utils-BER_bdgE.js";
+import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB.js";
+import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import { X } from "lucide-react";
+import { AgentTimeline } from "@tangle-network/ui/chat";
+import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineThinkingItem as InlineThinkingItem$1, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, TaskList, ToolCallFeed, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "@tangle-network/ui/run";
+import { FlowWaterfall } from "@tangle-network/charts/react";
+// src/run/trace-waterfall.tsx
+/** Agent and model spans show their lab/host mark; tool spans show their provider's mark. Unknown keeps the kind glyph. */
+function traceSpanMark(span) {
+	if (span.kind === "pipeline" || span.kind === "model") {
+		const identity = span.detail ? modelBrandFor(span.detail) : null;
+		return identity ? /* @__PURE__ */ jsx(ModelBrandStack, {
+			identity,
+			size: "sm"
+		}) : void 0;
+	}
+	const provider = span.icon ?? (span.kind === "tool" ? span.detail : void 0);
+	return provider ? /* @__PURE__ */ jsx(ProviderIcon, {
+		id: provider,
+		displayName: provider,
+		size: 14,
+		className: "rounded-[3px]"
+	}) : void 0;
+}
+/**
+* The run inspector: the agent timeline (`defaultView="agents"`) and the span waterfall over one clock, from
+* `@tangle-network/charts`, with Sandbox UI's brand marks. Feed it `otlpFlowTrace(spans)` from the
+* `traces convert` contract. Import `@tangle-network/charts/react/flow-waterfall.css` once.
+*/
+function TraceWaterfall({ renderIcon = traceSpanMark, ...props }) {
+	return /* @__PURE__ */ jsx(FlowWaterfall, {
+		renderIcon,
+		...props
+	});
+}
+// src/run/agent-stream.ts
+const TOOL_TYPES = /* @__PURE__ */ new Set([
+	"bash",
+	"read",
+	"write",
+	"edit",
+	"glob",
+	"grep",
+	"list",
+	"download",
+	"inspect",
+	"audit"
+]);
+const toolType = (name) => {
+	const key = (name ?? "").toLowerCase();
+	return TOOL_TYPES.has(key) ? key : "unknown";
+};
+const brief = (value, max = 240) => {
+	if (value === void 0 || value === null) return void 0;
+	const text = typeof value === "string" ? value : JSON.stringify(value);
+	return text.length > max ? `${text.slice(0, max - 1)}…` : text;
+};
+const failed = (result) => typeof result === "object" && result !== null && ("error" in result || result.is_error === true);
+/** Fold stream rows into transcript entries: text of one turn merges, a tool call becomes a row its result completes. */
+function foldAgentRows(entries, rows) {
+	const next = [...entries];
+	for (const row of rows) {
+		const at = Date.parse(row.at);
+		const { event } = row;
+		const last = next[next.length - 1];
+		if (event.kind === "text" && event.text) {
+			if (last?.kind === "message" && last.role === "assistant") next[next.length - 1] = {
+				...last,
+				content: last.content + event.text
+			};
+			else next.push({
+				id: `m-${row.seq}`,
+				at,
+				kind: "message",
+				role: "assistant",
+				content: event.text
+			});
+		} else if (event.kind === "user" && event.text) next.push({
+			id: `u-${row.seq}`,
+			at,
+			kind: "message",
+			role: "user",
+			content: event.text
+		});
+		else if (event.kind === "reasoning" && event.text) {
+			if (last?.kind === "reasoning") next[next.length - 1] = {
+				...last,
+				text: last.text + event.text
+			};
+			else next.push({
+				id: `r-${row.seq}`,
+				at,
+				kind: "reasoning",
+				text: event.text
+			});
+		} else if (event.kind === "tool-call") {
+			const id = event.toolCallId ?? `t-${row.seq}`;
+			next.push({
+				id,
+				at,
+				kind: "tool",
+				call: {
+					id,
+					type: toolType(event.toolName),
+					label: event.toolName ?? "tool",
+					status: "running",
+					detail: brief(event.args, 120)
+				}
+			});
+		} else if (event.kind === "tool-result") {
+			const index = next.findIndex((entry) => entry.kind === "tool" && entry.call.id === event.toolCallId);
+			const entry = next[index];
+			if (entry?.kind === "tool") next[index] = {
+				...entry,
+				call: {
+					...entry.call,
+					status: failed(event.result) ? "error" : "success",
+					output: brief(event.result),
+					duration: Math.max(0, at - entry.at)
+				}
+			};
+		}
+	}
+	return next;
+}
+function reduce(state, action) {
+	switch (action.type) {
+		case "reset": return {
+			generation: action.generation,
+			entries: [],
+			lastSeq: 0,
+			alive: true
+		};
+		case "rows": {
+			const base = action.generation !== void 0 && action.generation !== state.generation ? {
+				entries: [],
+				lastSeq: 0
+			} : state;
+			const fresh = action.rows.filter((row) => row.seq > base.lastSeq);
+			return {
+				generation: action.generation ?? state.generation,
+				entries: foldAgentRows(base.entries, fresh),
+				lastSeq: fresh.reduce((max, row) => Math.max(max, row.seq), base.lastSeq),
+				alive: action.alive ?? state.alive
+			};
+		}
+		case "end": return {
+			...state,
+			alive: false
+		};
+		case "error": return {
+			...state,
+			error: action.message
+		};
+	}
+}
+/**
+* Follow one agent's message stream over Server-Sent Events: `rows`, `reset` and `end` events, reconnecting with
+* `?after=<lastSeq>` when the server closes the connection, so a long turn streams without gaps or repeats.
+*/
+function useAgentStream(url) {
+	const [state, dispatch] = useReducer(reduce, {
+		entries: [],
+		lastSeq: 0,
+		alive: false
+	});
+	useEffect(() => {
+		if (!url || typeof EventSource === "undefined") return;
+		dispatch({ type: "reset" });
+		let lastSeq = 0;
+		let closed = false;
+		let source;
+		let retry;
+		const open = () => {
+			const target = new URL(url, globalThis.location?.href);
+			if (lastSeq > 0) target.searchParams.set("after", String(lastSeq));
+			source = new EventSource(target.toString());
+			source.addEventListener("rows", (message) => {
+				const data = JSON.parse(message.data);
+				lastSeq = Math.max(lastSeq, data.lastSeq ?? 0, ...data.events.map((row) => row.seq));
+				dispatch({
+					type: "rows",
+					generation: data.generation,
+					rows: data.events,
+					alive: data.alive
+				});
+			});
+			source.addEventListener("reset", (message) => {
+				lastSeq = 0;
+				dispatch({
+					type: "reset",
+					generation: JSON.parse(message.data).generation
+				});
+			});
+			source.addEventListener("end", () => {
+				closed = true;
+				source?.close();
+				dispatch({ type: "end" });
+			});
+			source.onerror = () => {
+				source?.close();
+				if (!closed) retry = setTimeout(open, 1e3);
+			};
+		};
+		open();
+		return () => {
+			closed = true;
+			clearTimeout(retry);
+			source?.close();
+		};
+	}, [url]);
+	return state;
+}
+// src/run/trace-workspace.tsx
+/** The agent that owns a span: the span itself when it is an agent, else its nearest agent ancestor. */
+function agentOf(span, byId) {
+	for (let cursor = span; cursor; cursor = cursor.parentId ? byId.get(cursor.parentId) : void 0) if (cursor.kind === "pipeline") return cursor;
+}
+function timelineItems(entries, streaming) {
+	return entries.map((entry, index) => {
+		if (entry.kind === "message") return {
+			id: entry.id,
+			kind: "message",
+			role: entry.role,
+			content: entry.content,
+			isStreaming: streaming && index === entries.length - 1
+		};
+		if (entry.kind === "tool") return {
+			id: entry.id,
+			kind: "tool",
+			call: entry.call
+		};
+		return {
+			id: entry.id,
+			kind: "custom",
+			content: /* @__PURE__ */ jsx(InlineThinkingItem, {
+				part: {
+					type: "reasoning",
+					text: entry.text
+				},
+				defaultOpen: false,
+				openWhileActive: false
+			})
+		};
+	});
+}
+function NotTimeIndexed({ label }) {
+	return /* @__PURE__ */ jsxs("p", {
+		className: "p-4 text-sm text-muted-foreground",
+		children: [label, ": not time-indexed"]
+	});
+}
+/**
+* The run workspace: the agent timeline and span waterfall over one clock, the selected agent's conversation
+* 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.
+*/
+function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scoreboard, selectedAgentId, onSelectAgent, className, ...waterfall }) {
+	const byId = useMemo(() => new Map(trace.spans.flatMap((span) => span.id ? [[span.id, span]] : [])), [trace]);
+	const [ownSelection, setOwnSelection] = useState();
+	const selected = selectedAgentId ?? ownSelection;
+	const select = (agentId) => {
+		setOwnSelection(agentId);
+		onSelectAgent?.(agentId);
+	};
+	const agent = selected ? byId.get(selected) : void 0;
+	const [cursor, setCursor] = useState(null);
+	const stream = useAgentStream(selected && streamUrl ? streamUrl(selected) : void 0);
+	const origin = useMemo(() => {
+		if (waterfall.startedAt !== void 0) return waterfall.startedAt;
+		const first = stream.entries[0]?.at;
+		return agent && first !== void 0 ? first - agent.startMs : void 0;
+	}, [
+		waterfall.startedAt,
+		agent,
+		stream.entries
+	]);
+	const shown = cursor === null || origin === void 0 ? stream.entries : stream.entries.filter((entry) => entry.at - origin <= cursor);
+	const items = useMemo(() => timelineItems(shown, cursor === null && stream.alive), [
+		shown,
+		cursor,
+		stream.alive
+	]);
+	const scroller = useRef(null);
+	const pinned = useRef(true);
+	const [unseen, setUnseen] = useState(false);
+	useLayoutEffect(() => {
+		const element = scroller.current;
+		if (!element) return;
+		if (pinned.current) element.scrollTop = element.scrollHeight;
+		else setUnseen(true);
+	}, [items.length, items[items.length - 1]]);
+	useEffect(() => {
+		pinned.current = true;
+		setUnseen(false);
+	}, [selected]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("sandbox-trace-workspace flex min-h-0 flex-col gap-3", className),
+		children: [
+			/* @__PURE__ */ jsx(TraceWaterfall, {
+				...waterfall,
+				trace,
+				markers: events,
+				selectedId: agent?.id,
+				onDeselect: () => select(void 0),
+				onSelect: (span) => {
+					const owner = agentOf(span, byId);
+					if (owner?.id) select(owner.id);
+				},
+				onTimeChange: (t) => {
+					setCursor(t);
+					onTimeChange?.(t);
+				}
+			}),
+			/* @__PURE__ */ jsx("section", {
+				"aria-label": "Code at the cursor",
+				className: "flex min-h-[70vh] flex-col overflow-hidden rounded-xl border border-border bg-card",
+				children: files ?? /* @__PURE__ */ jsx(NotTimeIndexed, { label: "Files" })
+			}),
+			scoreboard && /* @__PURE__ */ jsx("section", {
+				"aria-label": "Scoreboard at the cursor",
+				className: "overflow-hidden rounded-xl border border-border bg-card",
+				children: scoreboard
+			}),
+			agent && /* @__PURE__ */ jsxs("aside", {
+				"aria-label": `${agent.name} conversation`,
+				onKeyDown: (event) => {
+					if (event.key === "Escape") select(void 0);
+				},
+				className: "fixed inset-y-0 right-0 z-40 flex w-full max-w-[420px] flex-col border-l border-border bg-card shadow-2xl",
+				children: [
+					/* @__PURE__ */ jsxs("header", {
+						className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: cn("h-2 w-2 shrink-0 rounded-full", stream.alive && cursor === null ? "bg-[var(--status-running,#34c48c)]" : "bg-muted-foreground/50"),
+								"aria-hidden": true
+							}),
+							/* @__PURE__ */ jsx("h3", {
+								className: "min-w-0 flex-1 truncate text-sm font-semibold",
+								children: agent.name
+							}),
+							agent.detail && /* @__PURE__ */ jsx("span", {
+								className: "truncate text-xs text-muted-foreground",
+								children: agent.detail
+							}),
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								"aria-label": "Close conversation",
+								title: "Close (Esc)",
+								onClick: () => select(void 0),
+								className: "shrink-0 rounded-md p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+								children: /* @__PURE__ */ jsx(X, {
+									"aria-hidden": true,
+									className: "h-4 w-4"
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						ref: scroller,
+						onScroll: (event) => {
+							const element = event.currentTarget;
+							pinned.current = element.scrollHeight - element.scrollTop - element.clientHeight < 48;
+							if (pinned.current) setUnseen(false);
+						},
+						"data-primary-content": "",
+						className: "min-h-0 flex-1 overflow-y-auto px-3 py-2",
+						children: streamUrl ? /* @__PURE__ */ jsx(AgentTimeline, {
+							items,
+							isThinking: stream.alive && cursor === null && items.length === 0,
+							emptyState: /* @__PURE__ */ jsx("p", {
+								className: "p-4 text-sm text-muted-foreground",
+								children: stream.error ?? "No messages yet."
+							})
+						}) : /* @__PURE__ */ jsx(NotTimeIndexed, { label: "Conversation" })
+					}),
+					unseen && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => {
+							const element = scroller.current;
+							if (element) element.scrollTop = element.scrollHeight;
+							pinned.current = true;
+							setUnseen(false);
+						},
+						className: "absolute bottom-3 left-1/2 -translate-x-1/2 rounded-full border border-border bg-background px-3 py-1 text-xs shadow-sm",
+						children: "New output"
+					})
+				]
+			})
+		]
+	});
+}
+export { TraceWorkspace as _, InlineToolItem as a, TraceWaterfall as b, RunPhaseList as c, TaskList as d, ToolCallFeed as f, taskStatus as g, taskProgress as h, InlineThinkingItem$1 as i, RunRowShell as l, showsTaskPriority as m, ApprovalDiffSummary as n, LiveDuration as o, parseToolEvent as p, ExpandedToolDetail as r, RunGroup as s, ApprovalCard as t, RunRowStatusDot as u, foldAgentRows as v, traceSpanMark as x, useAgentStream as y };

package/dist/run.d.ts

@@ -1,2 +1,2 @@
-import { ApprovalCard, ApprovalCardProps, ApprovalDiffFile, ApprovalDiffSummary, ApprovalPlanStep, ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunPhase, RunPhaseList, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, TaskList, TaskListItem, TaskListProps, TaskStatus, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "@tangle-network/ui/run";
-export { ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LiveDuration, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, parseToolEvent, showsTaskPriority, taskProgress, taskStatus };
+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";
+export { type AgentStreamRow, type AgentStreamState, type AgentTranscriptEntry, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LiveDuration, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, foldAgentRows, parseToolEvent, showsTaskPriority, taskProgress, taskStatus, traceSpanMark, useAgentStream };

package/dist/run.js

@@ -1 +1 @@
-export { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, TaskList, ToolCallFeed, parseToolEvent, showsTaskPriority, taskProgress, taskStatus } from "@tangle-network/ui/run";
+export { t as ApprovalCard, n as ApprovalDiffSummary, r as ExpandedToolDetail, i as InlineThinkingItem, a as InlineToolItem, o as LiveDuration, s as RunGroup, c as RunPhaseList, l as RunRowShell, u as RunRowStatusDot, d as TaskList, f as ToolCallFeed, b as TraceWaterfall, _ as TraceWorkspace, v as foldAgentRows, p as parseToolEvent, m as showsTaskPriority, h as taskProgress, g as taskStatus, x as traceSpanMark, y as useAgentStream } from "./run-CliTxkfw.js";

package/dist/styles.css

@@ -397,6 +397,9 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
+  .bottom-3 {
+    bottom: calc(var(--spacing) * 3);
+  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -958,6 +961,9 @@
   .h-\[36rem\] {
     height: 36rem;
   }
+  .h-\[70vh\] {
+    height: 70vh;
+  }
   .h-\[72\%\] {
     height: 72%;
   }
@@ -1171,6 +1177,9 @@
   .min-h-\[66px\] {
     min-height: 66px;
   }
+  .min-h-\[70vh\] {
+    min-height: 70vh;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -1465,6 +1474,9 @@
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
   .max-w-72 {
     max-width: calc(var(--spacing) * 72);
   }
@@ -2103,6 +2115,9 @@
   .self-start {
     align-self: flex-start;
   }
+  .self-stretch {
+    align-self: stretch;
+  }
   .justify-self-start {
     justify-self: flex-start;
   }
@@ -2274,6 +2289,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -2709,6 +2728,9 @@
   .bg-\[var\(--status-running\)\] {
     background-color: var(--status-running);
   }
+  .bg-\[var\(--status-running\,\#34c48c\)\] {
+    background-color: var(--status-running,#34c48c);
+  }
   .bg-\[var\(--surface-danger-bg\)\] {
     background-color: var(--surface-danger-bg);
   }
@@ -2940,6 +2962,12 @@
       background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
     }
   }
+  .bg-muted-foreground\/50 {
+    background-color: hsl(var(--muted-foreground));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, hsl(var(--muted-foreground)) 50%, transparent);
+    }
+  }
   .bg-muted\/10 {
     background-color: hsl(var(--muted));
     @supports (color: color-mix(in lab, red, red)) {
@@ -4432,6 +4460,9 @@
       --tw-translate-x: calc(var(--spacing) * 0.5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
+    .group-hover\:bg-primary:is(:where(.group):hover *) {
+      background-color: hsl(var(--primary));
+    }
     .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
       background-color: hsl(var(--primary));
     }
@@ -4467,6 +4498,9 @@
       opacity: 100%;
     }
   }
+  .group-focus-visible\:bg-primary:is(:where(.group):focus-visible *) {
+    background-color: hsl(var(--primary));
+  }
   .group-focus-visible\:bg-primary\/30:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--primary));
     @supports (color: color-mix(in lab, red, red)) {
@@ -4600,6 +4634,9 @@
         border-color: color-mix(in oklab, hsl(var(--accent)) 50%, transparent);
       }
     }
+    .hover\:border-border:hover {
+      border-color: hsl(var(--border));
+    }
     .hover\:border-destructive\/30:hover {
       border-color: hsl(var(--destructive));
     }
@@ -5111,6 +5148,9 @@
   .focus-visible\:text-foreground:focus-visible {
     color: hsl(var(--foreground));
   }
+  .focus-visible\:underline:focus-visible {
+    text-decoration-line: underline;
+  }
   .focus-visible\:opacity-100:focus-visible {
     opacity: 100%;
   }
@@ -6149,6 +6189,9 @@
   .\[\&\:not\(\:first-child\)\]\:pt-3:not(:first-child) {
     padding-top: calc(var(--spacing) * 3);
   }
+  .\[\&\>\*\]\:min-h-full > * {
+    min-height: 100%;
+  }
   .\[\&\>\*\]\:max-w-full > * {
     max-width: 100%;
   }

package/dist/workbench/diff.d.ts

@@ -0,0 +1,2 @@
+import { n as DiffViewProps, t as DiffView } from "../diff-view-DDHWtR6X.js";
+export { DiffView, type DiffViewProps };

package/dist/workbench/diff.js

@@ -0,0 +1 @@
+export { t as DiffView } from "../diff-view-A0O0Z_SR.js";