@workflow/web 5.0.0-beta.37 → 5.0.0-beta.38

package/build/client/assets/{mermaid-3ZIDBTTL-CMP9Tato.js → mermaid-3ZIDBTTL-xYKZZytQ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/zstd-browser-decoder-BAY5XtBl.js","assets/index-PFjW8YjQ.js","assets/highlighted-body-B3W2YXNL-CRgNr0YA.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/zstd-browser-decoder-B15ptsR4.js","assets/index-PFjW8YjQ.js","assets/highlighted-body-B3W2YXNL-DwhUiBi7.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -6746,22 +6746,30 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$6 = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$5);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$6);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$4);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$5);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$4);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -6784,8 +6792,11 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$2);
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$1 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$1);
+const __iconNode$1 = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+];
+const Copy = createLucideIcon("copy", __iconNode$1);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -17254,7 +17265,7 @@ async function hydrateResourceIOAsync(resource, key) {
     return { hydrateDataWithKey: hydrateDataWithKey3, deriveRunPayloadKeys: deriveRunPayloadKeys3 };
   }, true ? void 0 : void 0);
   const { ensureZstdDecoderRegistered } = await __vitePreload(async () => {
-    const { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 } = await import("./zstd-browser-decoder-BAY5XtBl.js");
+    const { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 } = await import("./zstd-browser-decoder-B15ptsR4.js");
     return { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 };
   }, true ? __vite__mapDeps([0,1]) : void 0);
   ensureZstdDecoderRegistered();
@@ -18529,6 +18540,27 @@ const cva = (base, config2) => (props) => {
   }, []);
   return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
+function CopyButton({ copyText, ariaLabel, className }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const timeoutRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return jsxRuntimeExports.jsx("button", { type: "button", "aria-label": ariaLabel, className: cn$4("cursor-pointer text-gray-800 hover:text-gray-1000 bg-transparent border-0 p-1 m-0", className), onClick: (e) => {
+    e.stopPropagation();
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    void navigator.clipboard.writeText(copyText).then(() => {
+      setCopied(true);
+      timeoutRef.current = setTimeout(() => setCopied(false), 1e3);
+    });
+  }, children: jsxRuntimeExports.jsxs("div", { className: "relative w-3 h-3", children: [jsxRuntimeExports.jsx("div", { className: cn$4("absolute inset-0 flex items-center justify-center transition-all duration-150 ease-out", copied ? "scale-100 opacity-100" : "scale-0 opacity-0"), children: jsxRuntimeExports.jsx(Check, { className: "w-3 h-3" }) }), jsxRuntimeExports.jsx("div", { className: cn$4("absolute inset-0 flex items-center justify-center transition-all duration-150 ease-out", copied ? "scale-0 opacity-0" : "scale-100 opacity-100"), children: jsxRuntimeExports.jsx(Copy, { className: "w-3 h-3" }) })] }) });
+}
 const CollapsibleContext = reactExports.createContext(null);
 function useCollapsibleContext(part) {
   const context = reactExports.useContext(CollapsibleContext);
@@ -19211,6 +19243,29 @@ function isDeepEqual(a2, b2, seen2 = /* @__PURE__ */ new WeakMap()) {
   }
   return true;
 }
+const encryptedPlaceholderPreview = `{
+  "input": "[encrypted]",
+  "result": "[encrypted]"
+}`;
+function EncryptedDataBlock() {
+  const ctx = reactExports.useContext(DecryptClickContext);
+  return jsxRuntimeExports.jsxs("div", { className: "relative min-h-20 overflow-hidden rounded-md border border-gray-alpha-400 bg-background-100", children: [jsxRuntimeExports.jsx("pre", { "aria-hidden": "true", className: "pointer-events-none m-0 select-none p-3 font-mono text-label-12 text-gray-900 blur-[4px]", children: encryptedPlaceholderPreview }), jsxRuntimeExports.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: ctx ? jsxRuntimeExports.jsxs(Button$1, { onClick: ctx.onDecrypt, disabled: ctx.isDecrypting, size: "xs", children: [ctx.isDecrypting ? jsxRuntimeExports.jsx(Spinner, { size: 10 }) : jsxRuntimeExports.jsx(Lock, { className: "h-3 w-3" }), jsxRuntimeExports.jsx("span", { children: "Decrypt" })] }) : jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-gray-alpha-400 bg-gray-100 px-1.5 py-0.5 text-button-12 font-medium text-gray-700", children: [jsxRuntimeExports.jsx(Lock, { className: "h-3 w-3" }), "Encrypted"] }) })] });
+}
+const serializeForClipboard = (value) => {
+  if (typeof value === "string")
+    return value;
+  if (typeof value === "number" || typeof value === "boolean" || value === null) {
+    return String(value);
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+};
+function CopyableDataBlock({ data }) {
+  return jsxRuntimeExports.jsxs("div", { className: "relative overflow-x-auto rounded-md border border-gray-alpha-400 p-3", children: [jsxRuntimeExports.jsx(CopyButton, { copyText: serializeForClipboard(data), ariaLabel: "Copy data", className: "absolute right-2 top-2 z-10 flex h-6 w-6 items-center justify-center rounded-md border border-gray-alpha-400 !bg-background-100 p-0 text-gray-900 transition-transform transition-colors duration-100 hover:bg-gray-200 active:scale-95 active:bg-gray-300" }), jsxRuntimeExports.jsx(DataInspector, { data })] });
+}
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -44813,7 +44868,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et = ({ className: e, language: t, style: o, isIncomplete: n, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot = ({ language: e }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e }) });
-var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-CRgNr0YA.js"), true ? __vite__mapDeps([2,1]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
+var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-DwhUiBi7.js"), true ? __vite__mapDeps([2,1]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
   let i = reactExports.useMemo(() => e.replace(cn$1, ""), [e]), c = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i]);
   return jsxRuntimeExports.jsx(Se.Provider, { value: { code: e }, children: jsxRuntimeExports.jsxs(et, { isIncomplete: s2, language: t, children: [jsxRuntimeExports.jsx(ot, { language: t }), n ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe, { className: o, language: t, result: c, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o, code: i, language: t, raw: c, ...r2 }) })] }) });
@@ -46822,15 +46877,18 @@ reactExports.memo(function MiniMap({ timelineRef, rows, scale }) {
     height: MAP_HEIGHT - 4
   } })] });
 });
-const ChunkRow = ReactExports.memo(function ChunkRow2({ chunk, index: index2 }) {
-  return jsxRuntimeExports.jsx("div", { className: "text-[11px] rounded-md border p-3", style: {
-    borderColor: "var(--ds-gray-300)",
-    backgroundColor: "var(--ds-gray-100)"
-  }, children: jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [jsxRuntimeExports.jsxs("span", { className: "select-none pt-px", style: { color: "var(--ds-gray-500)" }, children: ["[", index2, "]"] }), jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1", children: typeof chunk.value === "string" ? jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-gray-1000)" }, children: chunk.value }) : jsxRuntimeExports.jsx(DataInspector, { data: chunk.value, expandLevel: 1 }) })] }) });
-});
-function StreamSkeleton() {
-  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 animate-in fade-in", children: [jsxRuntimeExports.jsx(Skeleton$1, { style: { width: 120, height: 16, borderRadius: 4 } }), [1, 2, 3, 4].map((i) => jsxRuntimeExports.jsx(Skeleton$1, { style: { height: 56, borderRadius: 6 } }, i))] });
+const STREAM_SKELETON_ROWS = [
+  { id: "stream-skeleton-row-1", width: "72%" },
+  { id: "stream-skeleton-row-2", width: "58%" },
+  { id: "stream-skeleton-row-3", width: "80%" },
+  { id: "stream-skeleton-row-4", width: "64%" }
+];
+function StreamViewerSkeleton() {
+  return jsxRuntimeExports.jsxs("output", { "aria-busy": "true", "aria-label": "Loading stream", className: "flex h-full min-h-0 w-full flex-col overflow-hidden bg-background-100", children: [jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Loading stream…" }), jsxRuntimeExports.jsx("div", { className: "flex h-10 min-h-10 items-center border-b border-gray-alpha-400 px-3", children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3 w-10" }) }), jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: STREAM_SKELETON_ROWS.map((row) => jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-2 border-b border-gray-alpha-400 px-3", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: row.width } }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-4 shrink-0 rounded-sm" })] }, row.id)) })] });
 }
+const ChunkRow = ReactExports.memo(function ChunkRow2({ chunk }) {
+  return jsxRuntimeExports.jsxs("div", { className: "flex w-full items-start gap-1 border-b border-gray-alpha-400 px-3 py-2", children: [jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1", children: typeof chunk.value === "string" ? jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words text-label-12 font-mono text-gray-1000", children: chunk.value }) : jsxRuntimeExports.jsx(DataInspector, { data: chunk.value, expandLevel: 1 }) }), jsxRuntimeExports.jsx(CopyButton, { copyText: serializeForClipboard(chunk.value), ariaLabel: "Copy chunk", className: "shrink-0 -mr-1 [&>div]:h-4 [&>div]:w-4 [&_svg]:h-4 [&_svg]:w-4" })] });
+});
 function StreamViewer({ streamId: _streamId, chunks, isLive, error, isLoading, onScrollEnd }) {
   const virtuosoRef = reactExports.useRef(null);
   const prevChunkCountRef = reactExports.useRef(0);
@@ -46845,17 +46903,9 @@ function StreamViewer({ streamId: _streamId, chunks, isLive, error, isLoading, o
     prevChunkCountRef.current = chunks.length;
   }, [chunks.length]);
   if (isLoading && chunks.length === 0) {
-    return jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full", children: jsxRuntimeExports.jsx(StreamSkeleton, {}) });
-  }
-  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full", children: [isLive && jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 mb-2 px-1", children: [jsxRuntimeExports.jsx("span", { className: "inline-block w-2 h-2 rounded-full", style: { backgroundColor: "var(--ds-green-600)" } }), jsxRuntimeExports.jsx("span", { className: "text-xs", style: { color: "var(--ds-green-700)" }, children: "Live" })] }), chunks.length > 0 && jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2 px-1", children: [jsxRuntimeExports.jsx("span", { className: "text-[13px] font-medium", style: { color: "var(--ds-gray-900)" }, children: "Stream Chunks" }), jsxRuntimeExports.jsxs("span", { className: "text-xs tabular-nums", style: { color: "var(--ds-gray-600)" }, children: ["(", chunks.length, ")"] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: error ? jsxRuntimeExports.jsxs("div", { className: "text-[11px] rounded-md border p-3", style: {
-    borderColor: "var(--ds-red-300)",
-    backgroundColor: "var(--ds-red-100)",
-    color: "var(--ds-red-700)"
-  }, children: [jsxRuntimeExports.jsx("div", { children: "Error reading stream:" }), jsxRuntimeExports.jsx("div", { children: error })] }) : chunks.length === 0 ? jsxRuntimeExports.jsx("div", { className: "text-[11px] rounded-md border p-3", style: {
-    borderColor: "var(--ds-gray-300)",
-    backgroundColor: "var(--ds-gray-100)",
-    color: "var(--ds-gray-600)"
-  }, children: isLive ? "Waiting for stream data..." : "Stream is empty" }) : jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: chunks.length, overscan: 10, endReached: () => onScrollEnd == null ? void 0 : onScrollEnd(), itemContent: (index2) => jsxRuntimeExports.jsx("div", { style: { paddingBottom: 8 }, children: jsxRuntimeExports.jsx(ChunkRow, { chunk: chunks[index2], index: index2 }) }), style: { flex: 1, minHeight: 0 } }) })] });
+    return jsxRuntimeExports.jsx(StreamViewerSkeleton, {});
+  }
+  return jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden bg-background-100", children: [jsxRuntimeExports.jsx("div", { className: "flex h-10 min-h-10 items-center gap-1.5 border-b border-gray-alpha-400 px-3", children: isLive && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-green-600" }), jsxRuntimeExports.jsx("span", { className: "text-label-12 text-green-700", children: "Live" })] }) }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: error ? jsxRuntimeExports.jsxs("div", { className: "border-b border-red-400 bg-red-100 px-3 py-2 text-label-12 text-red-900", children: [jsxRuntimeExports.jsx("div", { children: "Error reading stream:" }), jsxRuntimeExports.jsx("div", { children: error })] }) : chunks.length === 0 ? jsxRuntimeExports.jsx("div", { className: "flex h-10 items-center border-b border-gray-alpha-400 bg-background-200 px-3 text-label-12 text-gray-900", children: isLive ? "Waiting for stream data..." : "Stream is empty" }) : jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: chunks.length, overscan: 10, endReached: () => onScrollEnd == null ? void 0 : onScrollEnd(), itemContent: (index2) => jsxRuntimeExports.jsx("div", { className: "w-full", children: jsxRuntimeExports.jsx(ChunkRow, { chunk: chunks[index2] }) }), style: { flex: 1, minHeight: 0 } }) })] });
 }
 const iconButtonVariants = cva([
   "m-0 inline-flex shrink-0 appearance-none items-center justify-center border-0 bg-transparent p-0 align-baseline font-inherit no-underline [background:none] [-webkit-appearance:none] [-webkit-tap-highlight-color:transparent]",
@@ -50379,9 +50429,13 @@ defaultEncoder.encodeAsAsyncIterable;
 const REUSE_BUFFER_MODE = 512;
 const RESET_BUFFER_MODE = 1024;
 const THROW_ON_ITERABLE = 2048;
+function apiBase() {
+  if (typeof window === "undefined") return "";
+  return window.__WORKFLOW_BASENAME__ ?? "";
+}
 async function rpc(method, params) {
   var _a3;
-  const res = await fetch("/api/rpc", {
+  const res = await fetch(`${apiBase()}/api/rpc`, {
     method: "POST",
     headers: {
       "Content-Type": "application/cbor",
@@ -50471,126 +50525,131 @@ const mermaid3ZIDBTTL = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.def
   Mermaid: Nt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Spinner as $,
+  CollapsibleTrigger as $,
   Anchor as A,
   Button as B,
-  ChevronRight as C,
+  Check as C,
   DEFAULT_PAGE_SIZE as D,
-  useControllableState as E,
-  Root2 as F,
-  Arrow as G,
-  ChevronDown as H,
-  useComposedRefs as I,
-  fetchRun as J,
+  createSlot as E,
+  Content as F,
+  useControllableState as G,
+  Root2 as H,
+  Arrow as I,
+  ChevronDown as J,
   Ks as K,
-  LoaderCircle as L,
-  cva as M,
-  Presence as N,
-  createContext2 as O,
+  useComposedRefs as L,
+  fetchRun as M,
+  cva as N,
+  Presence as O,
   Primitive as P,
   Qe as Q,
   R,
   ServerConfigProvider as S,
   Tooltip as T,
-  fetchWorkflowsManifest as U,
+  createContext2 as U,
   VISUALLY_HIDDEN_STYLES as V,
-  cn$4 as W,
-  DataInspector as X,
-  DecryptClickContext as Y,
-  Button$1 as Z,
+  fetchWorkflowsManifest as W,
+  cn$4 as X,
+  CopyableDataBlock as Y,
+  CollapsibleRoot as Z,
   __vitePreload as _,
   TooltipTrigger as a,
-  fetchEvent as a$,
-  Lock as a0,
-  CollapsibleRoot as a1,
-  CollapsibleTrigger as a2,
-  CollapsibleContent as a3,
-  RESERVED_ATTRIBUTE_KEY_PREFIX as a4,
-  ContextCardProvider as a5,
-  Skeleton$1 as a6,
+  Slot as a$,
+  CollapsibleContent as a0,
+  CopyButton as a1,
+  RESERVED_ATTRIBUTE_KEY_PREFIX as a2,
+  Spinner as a3,
+  ContextCardProvider as a4,
+  Skeleton$1 as a5,
+  DecryptClickContext as a6,
   Yr as a7,
   isEncryptedMarker$1 as a8,
   TimestampTooltip as a9,
-  getSpanDurationMs as aA,
-  isSpanErrored as aB,
-  formatDurationPrecise as aC,
-  TooltipProvider as aD,
-  ActiveSpanProvider as aE,
-  useReducedMotion as aF,
-  searchSpans as aG,
-  computeRootBounds as aH,
-  computeTimeMarkers as aI,
-  clampViewportToRoot as aJ,
-  getHighResInMs as aK,
-  scrollRowIntoView as aL,
-  TIMELINE_PADDING_PX as aM,
-  Minimap as aN,
-  Timeline as aO,
-  TimelineHeader as aP,
-  wheelZoomScaleFactor as aQ,
-  wheelDeltaToPixels as aR,
-  SidebarDataProvider as aS,
-  fetchHook as aT,
-  hydrateResourceIOAsync as aU,
-  fetchStep as aV,
-  hydrateResourceIO as aW,
-  fetchStreams as aX,
-  Slot as aY,
-  Slottable as aZ,
-  buttonVariants as a_,
+  isSpanDimmedBySearch as aA,
+  ROW_HEIGHT_PX as aB,
+  getSpanDurationMs as aC,
+  isSpanErrored as aD,
+  formatDurationPrecise as aE,
+  TooltipProvider as aF,
+  ActiveSpanProvider as aG,
+  useReducedMotion as aH,
+  searchSpans as aI,
+  computeRootBounds as aJ,
+  computeTimeMarkers as aK,
+  clampViewportToRoot as aL,
+  getHighResInMs as aM,
+  scrollRowIntoView as aN,
+  TIMELINE_PADDING_PX as aO,
+  Minimap as aP,
+  Timeline as aQ,
+  TimelineHeader as aR,
+  wheelZoomScaleFactor as aS,
+  wheelDeltaToPixels as aT,
+  SidebarDataProvider as aU,
+  fetchHook as aV,
+  hydrateResourceIOAsync as aW,
+  fetchStep as aX,
+  hydrateResourceIO as aY,
+  fetchStreams as aZ,
+  apiBase as a_,
   formatDuration as aa,
-  isHookLifecycleEventType as ab,
-  isTerminalStepEventType as ac,
-  isWaitEventType as ad,
-  isStepEventType as ae,
-  _r as af,
-  RunClickContext as ag,
-  StreamClickContext as ah,
-  Collapsible as ai,
-  isExpiredMarker as aj,
-  isDoStreamStep as ak,
-  extractConversation as al,
-  getEventDataRefFields as am,
-  hasEncryptedFields as an,
-  useSidebarDataOptional as ao,
-  isTerminalWorkflowRunStatus as ap,
-  clsx as aq,
-  useActiveSpan as ar,
-  useSidebarData as as,
-  Tooltip$1 as at,
-  TooltipTrigger$1 as au,
-  IconButton as av,
-  TooltipContent$1 as aw,
-  useRowWindow as ax,
-  isSpanDimmedBySearch as ay,
-  ROW_HEIGHT_PX as az,
+  DataInspector as ab,
+  isHookLifecycleEventType as ac,
+  isTerminalStepEventType as ad,
+  isWaitEventType as ae,
+  isStepEventType as af,
+  _r as ag,
+  RunClickContext as ah,
+  StreamClickContext as ai,
+  Collapsible as aj,
+  isExpiredMarker as ak,
+  isDoStreamStep as al,
+  extractConversation as am,
+  EncryptedDataBlock as an,
+  getEventDataRefFields as ao,
+  hasEncryptedFields as ap,
+  useSidebarDataOptional as aq,
+  isTerminalWorkflowRunStatus as ar,
+  clsx as as,
+  useActiveSpan as at,
+  useSidebarData as au,
+  Tooltip$1 as av,
+  TooltipTrigger$1 as aw,
+  IconButton as ax,
+  TooltipContent$1 as ay,
+  useRowWindow as az,
   TooltipContent as b,
-  fetchEventsByCorrelationId as b0,
-  isEncryptedData as b1,
-  hydrateData as b2,
-  decrypt as b3,
-  deriveRunPayloadKeys as b4,
-  getWebRevivers as b5,
-  LIVE_UPDATE_INTERVAL_MS as b6,
-  getEncryptionKeyForRun as b7,
-  StreamViewer as b8,
-  composeRefs as b9,
-  useFloating as ba,
-  offset as bb,
-  shift as bc,
-  limitShift as bd,
-  flip as be,
-  size as bf,
-  arrow as bg,
-  hide as bh,
-  autoUpdate as bi,
-  VERCEL_403_ERROR_MESSAGE as bj,
-  cancelRun as bk,
-  reenqueueRun as bl,
-  wakeUpRun as bm,
-  resumeHook as bn,
-  fetchHookToken as bo,
-  recreateRun as bp,
+  Slottable as b0,
+  buttonVariants as b1,
+  fetchEvent as b2,
+  fetchEventsByCorrelationId as b3,
+  isEncryptedData as b4,
+  hydrateData as b5,
+  decrypt as b6,
+  deriveRunPayloadKeys as b7,
+  getWebRevivers as b8,
+  LIVE_UPDATE_INTERVAL_MS as b9,
+  getEncryptionKeyForRun as ba,
+  StreamViewerSkeleton as bb,
+  Lock as bc,
+  StreamViewer as bd,
+  composeRefs as be,
+  useFloating as bf,
+  offset as bg,
+  shift as bh,
+  limitShift as bi,
+  flip as bj,
+  size as bk,
+  arrow as bl,
+  hide as bm,
+  autoUpdate as bn,
+  VERCEL_403_ERROR_MESSAGE as bo,
+  cancelRun as bp,
+  reenqueueRun as bq,
+  wakeUpRun as br,
+  resumeHook as bs,
+  fetchHookToken as bt,
+  recreateRun as bu,
   createLucideIcon as c,
   runHealthCheck as d,
   cn as e,
@@ -50600,19 +50659,19 @@ export {
   fetchRuns as i,
   fetchHooks as j,
   getPaginationDisplay as k,
-  fetchEvents as l,
-  useCallbackRef as m,
-  useComposedRefs$1 as n,
-  composeEventHandlers as o,
-  useLayoutEffect2 as p,
-  Portal$1 as q,
+  Copy as l,
+  ChevronRight as m,
+  fetchEvents as n,
+  useCallbackRef as o,
+  useComposedRefs$1 as p,
+  composeEventHandlers as q,
   registerZstdDecoder as r,
-  useId as s,
+  useLayoutEffect2 as s,
   toast as t,
   useServerConfig as u,
-  createPopperScope as v,
-  DismissableLayer as w,
-  createContextScope as x,
-  createSlot as y,
-  Content as z
+  Portal$1 as v,
+  useId as w,
+  createPopperScope as x,
+  DismissableLayer as y,
+  createContextScope as z
 };