@tangle-network/sandbox-ui 7.0.5 → 7.0.6

package/dist/runtime-viewer/{latest-events-wofY6ifW-4IMNEe7c.js → latest-events-wofY6ifW-B8_bfLwI.js}

@@ -2226,7 +2226,7 @@ var d = (e, t) => {
 		]
 	};
 });
-// node_modules/.pnpm/@tangle-network+ui@11.51.12_d56e3d7864cba854d7eacd97c62b4344/node_modules/@tangle-network/ui/dist/lib/utils.js
+// node_modules/.pnpm/@tangle-network+ui@11.51.17_30b6f370e2137c03317c6c55faaf655b/node_modules/@tangle-network/ui/dist/lib/utils.js
 function Ke(...e) {
 	return Ge(u(e));
 }
@@ -8181,7 +8181,7 @@ function _m(...e) {
 	return t.size > 0 ? Array.from(t).join(" ") : void 0;
 }
 Xp(_m, "concatAriaDescribedby");
-// node_modules/.pnpm/@tangle-network+ui@11.51.12_d56e3d7864cba854d7eacd97c62b4344/node_modules/@tangle-network/ui/dist/primitives/popover.js
+// node_modules/.pnpm/@tangle-network+ui@11.51.17_30b6f370e2137c03317c6c55faaf655b/node_modules/@tangle-network/ui/dist/primitives/popover.js
 var vm = rm, ym = am, bm = o.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, asChild: r, children: i, container: a, ...o }, s) => /* @__PURE__ */ (0, J.jsx)(lm, {
 	container: a,
 	children: /* @__PURE__ */ (0, J.jsx)(dm, {
@@ -8199,7 +8199,7 @@ var vm = rm, ym = am, bm = o.forwardRef(({ className: e, align: t = "center", si
 	})
 }));
 bm.displayName = dm.displayName;
-// node_modules/.pnpm/@tangle-network+ui@11.51.12_d56e3d7864cba854d7eacd97c62b4344/node_modules/@tangle-network/ui/dist/primitives/hover-card.js
+// node_modules/.pnpm/@tangle-network+ui@11.51.17_30b6f370e2137c03317c6c55faaf655b/node_modules/@tangle-network/ui/dist/primitives/hover-card.js
 var xm = o.createContext({
 	enter: (e) => {},
 	leave: () => {},
@@ -8319,7 +8319,7 @@ var wm = o.forwardRef(({ className: e, onPointerEnter: t, onPointerLeave: n, onO
 	});
 });
 wm.displayName = "HoverCardContent";
-// node_modules/.pnpm/@tangle-network+charts@4.0.21_@tangle-network+brand@1.31.3_react@19.3.1__@tangle-networ_60b8ccd982157f40d51e28cd98298320/node_modules/@tangle-network/charts/dist/flow-trace-CpGLZ51R.js
+// node_modules/.pnpm/@tangle-network+charts@4.0.21_@tangle-network+brand@1.31.4_react@19.3.1__@tangle-networ_e44958dd28fee86a82fdd6791ab20e25/node_modules/@tangle-network/charts/dist/flow-trace-CpGLZ51R.js
 function Tm(e) {
 	if (e >= 864e5) {
 		let t = Math.floor(e / 864e5), n = Math.floor(e % 864e5 / 36e5);
@@ -8362,7 +8362,7 @@ var Mm = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Nm = (e
 function Pm(e) {
 	if (e.length && !e.some((e) => Nm(e) === void 0)) return Nm(e.reduce((e, t) => e + t, 0));
 }
-// node_modules/.pnpm/@tangle-network+ui@11.51.12_d56e3d7864cba854d7eacd97c62b4344/node_modules/@tangle-network/ui/dist/run/status-meta.js
+// node_modules/.pnpm/@tangle-network+ui@11.51.17_30b6f370e2137c03317c6c55faaf655b/node_modules/@tangle-network/ui/dist/run/status-meta.js
 var Fm = {
 	running: {
 		label: "Running",
@@ -8461,7 +8461,7 @@ function Bm({ status: e, className: t, style: n, ...r }) {
 		...r
 	});
 }
-// node_modules/.pnpm/@tangle-network+ui@11.51.12_d56e3d7864cba854d7eacd97c62b4344/node_modules/@tangle-network/ui/dist/hooks/use-live-time.js
+// node_modules/.pnpm/@tangle-network+ui@11.51.17_30b6f370e2137c03317c6c55faaf655b/node_modules/@tangle-network/ui/dist/hooks/use-live-time.js
 var Vm = /* @__PURE__ */ new Set(), Hm = Date.now(), Um;
 function Wm() {
 	clearTimeout(Um), Vm.size && (Um = setTimeout(() => {
@@ -9008,7 +9008,7 @@ function Lh(e, t) {
 		n
 	]);
 }
-// node_modules/.pnpm/@tangle-network+charts@4.0.21_@tangle-network+brand@1.31.3_react@19.3.1__@tangle-networ_60b8ccd982157f40d51e28cd98298320/node_modules/@tangle-network/charts/dist/elk-loader-DIsRUZtw.js
+// node_modules/.pnpm/@tangle-network+charts@4.0.21_@tangle-network+brand@1.31.4_react@19.3.1__@tangle-networ_e44958dd28fee86a82fdd6791ab20e25/node_modules/@tangle-network/charts/dist/elk-loader-DIsRUZtw.js
 var Rh = "[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)] motion-reduce:transition-none";
 function zh(e) {
 	if (typeof document > "u" || typeof window > "u") return "light";
@@ -16685,7 +16685,7 @@ function wO({ nodeId: e, position: t, variant: n = uw.Handle, className: r, styl
 	});
 }
 (0, o.memo)(wO);
-// node_modules/.pnpm/@tangle-network+charts@4.0.21_@tangle-network+brand@1.31.3_react@19.3.1__@tangle-networ_60b8ccd982157f40d51e28cd98298320/node_modules/@tangle-network/charts/dist/latest-events-wofY6ifW.js
+// node_modules/.pnpm/@tangle-network+charts@4.0.21_@tangle-network+brand@1.31.4_react@19.3.1__@tangle-networ_e44958dd28fee86a82fdd6791ab20e25/node_modules/@tangle-network/charts/dist/latest-events-wofY6ifW.js
 var TO = (e) => e?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 function EO(e, t, n = []) {
 	if (t == null) throw Error("[lucide]: iconNode is required when icon name is used");

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);
@@ -859,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%;
@@ -1052,9 +1052,6 @@
   .h-\[650px\] {
     height: 650px;
   }
-  .h-\[680px\] {
-    height: 680px;
-  }
   .h-\[720px\] {
     height: 720px;
   }
@@ -1877,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);
   }
@@ -2072,12 +2069,6 @@
   .gap-10 {
     gap: calc(var(--spacing) * 10);
   }
-  .gap-\[3px\] {
-    gap: 3px;
-  }
-  .gap-\[5px\] {
-    gap: 5px;
-  }
   .gap-px {
     gap: 1px;
   }
@@ -2283,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);
   }
@@ -2617,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));
   }
@@ -2845,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);
   }
@@ -2974,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)) {
@@ -3049,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)) {
@@ -3145,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)) {
@@ -3223,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)) {
@@ -3810,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;
@@ -3826,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;
@@ -3842,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);
@@ -4160,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));
   }
@@ -4465,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));
@@ -4520,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));
@@ -4628,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;
@@ -4676,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%;
     }
@@ -5987,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);
     }
@@ -6290,9 +6262,6 @@
     }
   }
   @media (prefers-color-scheme: dark) {
-    .dark\:text-neutral-500 {
-      color: var(--color-neutral-500);
-    }
     .dark\:text-white {
       color: var(--color-white);
     }
@@ -6339,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;
@@ -11729,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/{trace-workspace-HCTpp-qw.js → trace-workspace-mq1NcP7e.js}

@@ -5,14 +5,14 @@ import { t as AgentGraph } from "./AgentGraph-BGWx9hhS.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) {
@@ -481,15 +481,6 @@ function NewOutputPill({ unseen, onJump }) {
 	});
 }
 // 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);
-}
 const WIDTH_KEY = "sandbox-ui:trace-inspector-width";
 const MIN_PX = 360;
 const MIN_LEFT_PX = 320;
@@ -940,7 +931,7 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 		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);
@@ -1052,4 +1043,4 @@ function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChang
 		})] })]
 	});
 }
-export { useAgentConversation as a, useEventStream as c, NewOutputPill as i, TraceWaterfall as l, usePhone as n, foldAgentRows as o, AgentConversationView as r, useAgentStream as s, TraceWorkspace as t, traceSpanMark as u };
+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-CugraIbl.js → workbench-BUrlhR-P.js}

@@ -1,7 +1,7 @@
 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 { 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";

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-CugraIbl.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";