@tangle-network/sandbox-ui 7.0.4 → 7.0.6

package/dist/styles.css

@@ -26,8 +26,6 @@
     --color-violet-400: oklch(70.2% 0.183 293.541);
     --color-violet-500: oklch(60.6% 0.25 292.717);
     --color-zinc-400: oklch(70.5% 0.015 286.067);
-    --color-neutral-400: oklch(70.8% 0 none);
-    --color-neutral-500: oklch(55.6% 0 none);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -81,10 +79,8 @@
     --animate-spin: spin 1s linear infinite;
     --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --animate-bounce: bounce 1s infinite;
     --blur-sm: 8px;
     --blur-md: 12px;
-    --blur-xl: 24px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -548,6 +544,9 @@
   .m-0 {
     margin: 0px;
   }
+  .m-1 {
+    margin: var(--spacing);
+  }
   .m-4 {
     margin: calc(var(--spacing) * 4);
   }
@@ -856,6 +855,10 @@
     width: var(--control-height-sm,2rem);
     height: var(--control-height-sm,2rem);
   }
+  .size-auto {
+    width: auto;
+    height: auto;
+  }
   .size-full {
     width: 100%;
     height: 100%;
@@ -1049,9 +1052,6 @@
   .h-\[650px\] {
     height: 650px;
   }
-  .h-\[680px\] {
-    height: 680px;
-  }
   .h-\[720px\] {
     height: 720px;
   }
@@ -1874,12 +1874,12 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .transform-none {
+    transform: none;
+  }
   .animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\] {
     animation: tangle-breathe var(--motion-ambient) infinite;
   }
-  .animate-bounce {
-    animation: var(--animate-bounce);
-  }
   .animate-ping {
     animation: var(--animate-ping);
   }
@@ -2069,12 +2069,6 @@
   .gap-10 {
     gap: calc(var(--spacing) * 10);
   }
-  .gap-\[3px\] {
-    gap: 3px;
-  }
-  .gap-\[5px\] {
-    gap: 5px;
-  }
   .gap-px {
     gap: 1px;
   }
@@ -2280,6 +2274,9 @@
   .rounded-\[var\(--radius-md\)\] {
     border-radius: var(--radius-md);
   }
+  .rounded-\[var\(--radius-panel\)\] {
+    border-radius: var(--radius-panel);
+  }
   .rounded-\[var\(--radius-sm\)\] {
     border-radius: var(--radius-sm);
   }
@@ -2614,9 +2611,6 @@
       border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
     }
   }
-  .border-muted-foreground {
-    border-color: hsl(var(--muted-foreground));
-  }
   .border-primary {
     border-color: hsl(var(--primary));
   }
@@ -2842,6 +2836,9 @@
   .bg-\[var\(--surface-info-bg\)\] {
     background-color: var(--surface-info-bg);
   }
+  .bg-\[var\(--surface-info-text\)\] {
+    background-color: var(--surface-info-text);
+  }
   .bg-\[var\(--surface-neutral-bg\)\] {
     background-color: var(--surface-neutral-bg);
   }
@@ -2971,9 +2968,6 @@
       background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
     }
   }
-  .bg-blue-500 {
-    background-color: var(--color-blue-500);
-  }
   .bg-blue-500\/15 {
     background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3046,9 +3040,6 @@
   .bg-green-400 {
     background-color: var(--color-green-400);
   }
-  .bg-green-500 {
-    background-color: var(--color-green-500);
-  }
   .bg-green-600\/20 {
     background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3142,9 +3133,6 @@
       background-color: color-mix(in oklab, hsl(var(--primary)) 4%, transparent);
     }
   }
-  .bg-red-500 {
-    background-color: var(--color-red-500);
-  }
   .bg-red-500\/10 {
     background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3220,9 +3208,6 @@
       background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
     }
   }
-  .bg-yellow-500 {
-    background-color: var(--color-yellow-500);
-  }
   .bg-yellow-600\/20 {
     background-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3807,14 +3792,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-\[0\.1em\] {
-    --tw-tracking: 0.1em;
-    letter-spacing: 0.1em;
-  }
-  .tracking-\[0\.08em\] {
-    --tw-tracking: 0.08em;
-    letter-spacing: 0.08em;
-  }
   .tracking-\[0\.09em\] {
     --tw-tracking: 0.09em;
     letter-spacing: 0.09em;
@@ -3823,10 +3800,6 @@
     --tw-tracking: 0.12em;
     letter-spacing: 0.12em;
   }
-  .tracking-\[0\.14em\] {
-    --tw-tracking: 0.14em;
-    letter-spacing: 0.14em;
-  }
   .tracking-\[0\.16em\] {
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
@@ -3839,10 +3812,6 @@
     --tw-tracking: var(--tracking-tight,-0.02em);
     letter-spacing: var(--tracking-tight,-0.02em);
   }
-  .tracking-\[var\(--tracking-wide\,0\.08em\)\] {
-    --tw-tracking: var(--tracking-wide,0.08em);
-    letter-spacing: var(--tracking-wide,0.08em);
-  }
   .tracking-normal {
     --tw-tracking: var(--tracking-normal);
     letter-spacing: var(--tracking-normal);
@@ -4157,9 +4126,6 @@
       color: color-mix(in oklab, hsl(var(--muted-foreground)) 90%, transparent);
     }
   }
-  .text-neutral-400 {
-    color: var(--color-neutral-400);
-  }
   .text-popover-foreground {
     color: hsl(var(--popover-foreground));
   }
@@ -4437,6 +4403,10 @@
     --tw-blur: blur(8px);
     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,);
   }
+  .grayscale {
+    --tw-grayscale: grayscale(100%);
+    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,);
+  }
   .\!filter {
     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,) !important;
   }
@@ -4458,11 +4428,6 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
-  .backdrop-blur-xl {
-    --tw-backdrop-blur: blur(var(--blur-xl));
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4513,6 +4478,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[transform\,opacity\] {
+    transition-property: transform,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[transform\,width\] {
     transition-property: transform,width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -4621,6 +4591,9 @@
   .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
     opacity: 100%;
   }
+  .group-focus-within\/expandable\:opacity-100:is(:where(.group\/expandable):focus-within *) {
+    opacity: 100%;
+  }
   @media (hover: hover) {
     .group-hover\:block:is(:where(.group):hover *) {
       display: block;
@@ -4669,6 +4642,9 @@
     .group-hover\/brand\:opacity-100:is(:where(.group\/brand):hover *) {
       opacity: 100%;
     }
+    .group-hover\/expandable\:opacity-100:is(:where(.group\/expandable):hover *) {
+      opacity: 100%;
+    }
     .group-hover\/sub\:opacity-100:is(:where(.group\/sub):hover *) {
       opacity: 100%;
     }
@@ -5273,6 +5249,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\:grayscale-0:hover {
+      --tw-grayscale: grayscale(0%);
+      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,);
+    }
   }
   .focus\:border-\[var\(--focus-border\)\]:focus {
     border-color: var(--focus-border);
@@ -5943,6 +5923,9 @@
     .sm\:\!block {
       display: block !important;
     }
+    .sm\:block {
+      display: block;
+    }
     .sm\:flex {
       display: flex;
     }
@@ -5973,6 +5956,9 @@
     .sm\:max-w-lg {
       max-width: var(--container-lg);
     }
+    .sm\:max-w-none {
+      max-width: none;
+    }
     .sm\:max-w-sm {
       max-width: var(--container-sm);
     }
@@ -6276,9 +6262,6 @@
     }
   }
   @media (prefers-color-scheme: dark) {
-    .dark\:text-neutral-500 {
-      color: var(--color-neutral-500);
-    }
     .dark\:text-white {
       color: var(--color-white);
     }
@@ -6325,6 +6308,9 @@
       font-size: var(--text-base);
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
+    .pointer-coarse\:opacity-100 {
+      opacity: 100%;
+    }
     .pointer-coarse\:before\:absolute::before {
       content: var(--tw-content);
       position: absolute;
@@ -11715,16 +11701,6 @@
     opacity: 0.5;
   }
 }
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
-  }
-  50% {
-    transform: none;
-    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {

package/dist/terminal.js

@@ -1 +1 @@
-export { t as DEFAULT_TERMINAL_THEME, n as TerminalView } from "./terminal-nUCznZRj.js";
+export { t as DEFAULT_TERMINAL_THEME, n as TerminalView } from "./terminal-view-nUCznZRj.js";

package/dist/{trace-workspace-EArXc0uP.js → trace-workspace-mq1NcP7e.js}

@@ -2,17 +2,17 @@ import { t as cn$1 } from "./utils-BER_bdgE.js";
 import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-BQlarCIo.js";
 import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
 import { t as AgentGraph } from "./AgentGraph-BGWx9hhS.js";
-import { s as timelineItems, t as useFollowTail } from "./use-follow-tail-Df965WQi.js";
+import { O as useFollowTail, o as timelineItems } from "./ConversationRowView-C4TXICBT.js";
 import { Button, SegmentedControl } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { ArrowLeft, ChevronRight, X } from "lucide-react";
 import { formatCost, formatCount, formatSpanDuration } from "@tangle-network/ui/utils";
 import { activityTiming } from "@tangle-network/charts/react/agent-graph/presentation";
 import { AgentTimeline, AgentTimelineColumn } from "@tangle-network/ui/chat";
+import { useEventStream, usePhone as usePhone$1 } from "@tangle-network/ui/hooks";
 import { RunStatusIcon, runStatus } from "@tangle-network/ui/run";
 import { FlowWaterfall, toolGlyph } from "@tangle-network/charts/react";
-import { useEventStream } from "@tangle-network/ui/hooks";
 // 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) {
@@ -427,16 +427,60 @@ function useAgentStream(url, openEventSource, history) {
 		} } : {}
 	};
 }
-// src/run/agent-inspector.tsx
-/** Below the tablet breakpoint the inspector is a full-screen sheet over the run, never a squeezed side pane. */
-const PHONE = "(max-width: 767px)";
-function usePhone() {
-	return useSyncExternalStore((notify) => {
-		const query = matchMedia(PHONE);
-		query.addEventListener("change", notify);
-		return () => query.removeEventListener("change", notify);
-	}, () => matchMedia(PHONE).matches, () => false);
+/** One agent's conversation as of a cursor: its stream, the entries said by then, and the sentence shown when none are. */
+function useAgentConversation(url, openEventSource, { cursor = null, startedAt, agentStartMs, silent: why } = {}) {
+	const stream = useAgentStream(url, openEventSource);
+	const origin = useMemo(() => {
+		if (startedAt !== void 0) return startedAt;
+		const first = stream.entries[0]?.at;
+		return agentStartMs !== void 0 && first !== void 0 ? first - agentStartMs : void 0;
+	}, [
+		startedAt,
+		agentStartMs,
+		stream.entries
+	]);
+	const shown = cursor === null || origin === void 0 ? stream.entries : stream.entries.filter((entry) => entry.at - origin <= cursor);
+	const live = stream.alive && !stream.error && cursor === null;
+	const ended = !stream.alive && !stream.error;
+	const items = useMemo(() => timelineItems(shown, live), [shown, live]);
+	const silent = why || "No conversation was recorded for this agent.";
+	return {
+		stream,
+		shown,
+		items,
+		live,
+		ended,
+		note: !url ? silent : cursor !== null && origin === void 0 ? "This conversation has no timestamps to replay at the cursor." : items.length > 0 || live ? void 0 : stream.error ? ended ? stream.error : `Reconnecting… ${stream.error}` : ended ? silent : "No messages yet.",
+		silent
+	};
+}
+/** The conversation's rows, or the one sentence that stands in for them. */
+function AgentConversationView({ conversation, className }) {
+	const { items, live, note, stream, ended } = conversation;
+	if (note === void 0) return /* @__PURE__ */ jsx(AgentTimelineColumn, {
+		className: className ?? "max-w-[46rem] p-0",
+		children: /* @__PURE__ */ jsx(AgentTimeline, {
+			items,
+			isThinking: live && items.length === 0
+		})
+	});
+	return /* @__PURE__ */ jsx("p", {
+		className: "m-0 py-1 text-sm text-muted-foreground",
+		"data-stream": stream.error ? "reconnecting" : ended ? "ended" : "empty",
+		children: note
+	});
+}
+/** The pill that offers the newest output after the reader scrolled up. */
+function NewOutputPill({ unseen, onJump }) {
+	if (!unseen) return null;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: onJump,
+		className: "absolute bottom-14 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"
+	});
 }
+// src/run/agent-inspector.tsx
 const WIDTH_KEY = "sandbox-ui:trace-inspector-width";
 const MIN_PX = 360;
 const MIN_LEFT_PX = 320;
@@ -859,16 +903,13 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 	const { defaultLayout = "tree", ...graphOptions } = agentGraph ?? {};
 	const [graphLayout, setGraphLayout] = useState(defaultLayout);
 	const [cursor, setCursor] = useState(null);
-	const stream = useAgentStream(selected && streamUrl ? streamUrl(selected) : void 0, openEventSource);
-	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 conversation = useAgentConversation(selected && streamUrl ? streamUrl(selected) : void 0, openEventSource, {
+		cursor,
+		startedAt: waterfall.startedAt,
+		agentStartMs: agent?.startMs,
+		silent: agentId ? transcriptNote?.(agentId) : void 0
+	});
+	const { shown, items, live, note, silent } = conversation;
 	const graph = useMemo(() => agentGraphAt(trace.spans, byId, cursor, waterfall.startedAt, agentCards, agentGraph?.edges), [
 		trace,
 		byId,
@@ -884,34 +925,17 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 		value
 	});
 	const graphNow = cursor !== null && waterfall.startedAt !== void 0 ? waterfall.startedAt + cursor : void 0;
-	const shown = cursor === null || origin === void 0 ? stream.entries : stream.entries.filter((entry) => entry.at - origin <= cursor);
-	const live = stream.alive && !stream.error && cursor === null;
-	const ended = !stream.alive && !stream.error;
-	const items = useMemo(() => timelineItems(shown, live), [shown, live]);
 	const scroller = useRef(null);
 	const { unseen, jump } = useFollowTail(scroller, {
 		identity: showConversation ? selected : void 0,
 		content: items
 	});
 	const root = useRef(null);
-	const phone = usePhone(), split = useSplit(root);
+	const phone = usePhone$1(), split = useSplit(root);
 	const mode = phone ? "sheet" : docked ? "docked" : "overlay";
 	const status = live ? "running" : selectedNode?.status ?? runStatus(agent?.status ?? "unknown");
 	const failure = facts.find((fact) => fact.label === "Failure")?.value ?? (status === "failed" ? selectedNode?.result ?? void 0 : void 0);
 	const said = (text) => !!text && shown.some((entry) => entry.kind === "message" && entry.role === "user" && entry.content.trim() === text.trim());
-	const silent = agentId && transcriptNote?.(agentId) || "No conversation was recorded for this agent.";
-	const note = !streamUrl ? silent : cursor !== null && origin === void 0 ? "This conversation has no timestamps to replay at the cursor." : items.length > 0 || live ? void 0 : stream.error ? ended ? stream.error : `Reconnecting… ${stream.error}` : ended ? silent : "No messages yet.";
-	const conversation = note === void 0 ? /* @__PURE__ */ jsx(AgentTimelineColumn, {
-		className: "max-w-[46rem] p-0",
-		children: /* @__PURE__ */ jsx(AgentTimeline, {
-			items,
-			isThinking: live && items.length === 0
-		})
-	}) : /* @__PURE__ */ jsx("p", {
-		className: "m-0 py-1 text-sm text-muted-foreground",
-		"data-stream": stream.error ? "reconnecting" : ended ? "ended" : "empty",
-		children: note
-	});
 	const left = /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: cn$1("flex min-h-[320px] min-w-0 flex-1 flex-col", showConversation && mode === "overlay" && "lg:mr-[420px]"),
@@ -939,13 +963,20 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 						value: graphLayout,
 						onValueChange: setGraphLayout,
 						className: "absolute right-2 top-1 z-10",
-						options: [{
-							value: "tree",
-							label: "Tree"
-						}, {
-							value: "hub",
-							label: "Hub"
-						}]
+						options: [
+							{
+								value: "grid",
+								label: "Grid"
+							},
+							{
+								value: "tree",
+								label: "Tree"
+							},
+							{
+								value: "hub",
+								label: "Hub"
+							}
+						]
 					}), /* @__PURE__ */ jsx(AgentGraph, {
 						...graphOptions,
 						layout: graphLayout,
@@ -1008,8 +1039,8 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 			onClose: () => select(void 0),
 			mode,
 			style: mode === "docked" ? { width: split.width } : void 0,
-			children: conversation
+			children: /* @__PURE__ */ jsx(AgentConversationView, { conversation })
 		})] })]
 	});
 }
-export { TraceWaterfall as a, useEventStream as i, foldAgentRows as n, traceSpanMark as o, useAgentStream as r, TraceWorkspace as t };
+export { useAgentConversation as a, useEventStream as c, NewOutputPill as i, TraceWaterfall as l, usePhone$1 as n, foldAgentRows as o, AgentConversationView as r, useAgentStream as s, TraceWorkspace as t, traceSpanMark as u };

package/dist/{workbench-D0ALR40M.js → workbench-BUrlhR-P.js}

@@ -1,8 +1,9 @@
 import { t as cn$1 } from "./utils-BER_bdgE.js";
 import { t as revealInScroller } from "./reveal-in-scroller-CzKwuqCG.js";
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { a as PortsList } from "./dashboard-C7QJJw7-.js";
-import { n as TerminalView } from "./terminal-nUCznZRj.js";
+import { a as PortsList } from "./dashboard-C1pNlewR.js";
+import { n as TerminalView } from "./terminal-view-nUCznZRj.js";
+import "./terminal.js";
 import { n as buildUnifiedPatch, r as computeDiffStats, t as DiffView } from "./diff-view-B9mNeTLF.js";
 import { t as CodeView } from "./code-view-BlhCS1SD.js";
 import { n as PreviewView } from "./embedded-app-view-DXsoPale.js";

package/dist/workbench.js

@@ -1,4 +1,4 @@
-import { a as GitStatusBadge, i as DiffStatsBadge, n as ChangesPane, o as PanelHeader, r as SandboxArtifactPane, s as PillTabs, t as JsonView } from "./workbench-D0ALR40M.js";
+import { a as GitStatusBadge, i as DiffStatsBadge, n as ChangesPane, o as PanelHeader, r as SandboxArtifactPane, s as PillTabs, t as JsonView } from "./workbench-BUrlhR-P.js";
 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 FileBreadcrumb, t as CodeView } from "./code-view-BlhCS1SD.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXsoPale.js";