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

package/build/client/assets/{mermaid-3ZIDBTTL-CMP9Tato.js → mermaid-3ZIDBTTL-D20ZkB54.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-Dw3HhTgO.js","assets/index-PFjW8YjQ.js","assets/highlighted-body-B3W2YXNL-DMawUm9n.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);
@@ -577,21 +577,21 @@ function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
 function getOppositePlacement(placement) {
   return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
 }
-function expandPaddingObject(padding2) {
+function expandPaddingObject(padding) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...padding2
+    ...padding
   };
 }
-function getPaddingObject(padding2) {
-  return typeof padding2 !== "number" ? expandPaddingObject(padding2) : {
-    top: padding2,
-    right: padding2,
-    bottom: padding2,
-    left: padding2
+function getPaddingObject(padding) {
+  return typeof padding !== "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
   };
 }
 function rectToClientRect(rect) {
@@ -768,9 +768,9 @@ async function detectOverflow(state, options) {
     rootBoundary = "viewport",
     elementContext = "floating",
     altBoundary = false,
-    padding: padding2 = 0
+    padding = 0
   } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding2);
+  const paddingObject = getPaddingObject(padding);
   const altContext = elementContext === "floating" ? "reference" : "floating";
   const element2 = elements[altBoundary ? altContext : elementContext];
   const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
@@ -821,12 +821,12 @@ const arrow$3 = (options) => ({
     } = state;
     const {
       element: element2,
-      padding: padding2 = 0
+      padding = 0
     } = evaluate(options, state) || {};
     if (element2 == null) {
       return {};
     }
-    const paddingObject = getPaddingObject(padding2);
+    const paddingObject = getPaddingObject(padding);
     const coords = {
       x: x2,
       y: y2
@@ -2310,13 +2310,13 @@ const arrow$1 = (options) => {
     fn(state) {
       const {
         element: element2,
-        padding: padding2
+        padding
       } = typeof options === "function" ? options(state) : options;
       if (element2 && isRef(element2)) {
         if (element2.current != null) {
           return arrow$2({
             element: element2.current,
-            padding: padding2
+            padding
           }).fn(state);
         }
         return {};
@@ -2324,7 +2324,7 @@ const arrow$1 = (options) => {
       if (element2) {
         return arrow$2({
           element: element2,
-          padding: padding2
+          padding
         }).fn(state);
       }
       return {};
@@ -2692,11 +2692,11 @@ var Portal$1 = reactExports.forwardRef((props, forwardedRef) => {
   return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$1.displayName = PORTAL_NAME$1;
-function useStateMachine(initialState2, machine) {
+function useStateMachine(initialState, machine) {
   return reactExports.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
-  }, initialState2);
+  }, initialState);
 }
 var Presence = (props) => {
   const { present, children: children2 } = props;
@@ -2712,8 +2712,8 @@ function usePresence(present) {
   const stylesRef = reactExports.useRef(null);
   const prevPresentRef = reactExports.useRef(present);
   const prevAnimationNameRef = reactExports.useRef("none");
-  const initialState2 = present ? "mounted" : "unmounted";
-  const [state, send] = useStateMachine(initialState2, {
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine(initialState, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -3280,31 +3280,31 @@ function getExitSideFromRect(point2, rect) {
       throw new Error("unreachable");
   }
 }
-function getPaddedExitPoints(exitPoint, exitSide, padding2 = 5) {
+function getPaddedExitPoints(exitPoint, exitSide, padding = 5) {
   const paddedExitPoints = [];
   switch (exitSide) {
     case "top":
       paddedExitPoints.push(
-        { x: exitPoint.x - padding2, y: exitPoint.y + padding2 },
-        { x: exitPoint.x + padding2, y: exitPoint.y + padding2 }
+        { x: exitPoint.x - padding, y: exitPoint.y + padding },
+        { x: exitPoint.x + padding, y: exitPoint.y + padding }
       );
       break;
     case "bottom":
       paddedExitPoints.push(
-        { x: exitPoint.x - padding2, y: exitPoint.y - padding2 },
-        { x: exitPoint.x + padding2, y: exitPoint.y - padding2 }
+        { x: exitPoint.x - padding, y: exitPoint.y - padding },
+        { x: exitPoint.x + padding, y: exitPoint.y - padding }
       );
       break;
     case "left":
       paddedExitPoints.push(
-        { x: exitPoint.x + padding2, y: exitPoint.y - padding2 },
-        { x: exitPoint.x + padding2, y: exitPoint.y + padding2 }
+        { x: exitPoint.x + padding, y: exitPoint.y - padding },
+        { x: exitPoint.x + padding, y: exitPoint.y + padding }
       );
       break;
     case "right":
       paddedExitPoints.push(
-        { x: exitPoint.x - padding2, y: exitPoint.y - padding2 },
-        { x: exitPoint.x - padding2, y: exitPoint.y + padding2 }
+        { x: exitPoint.x - padding, y: exitPoint.y - padding },
+        { x: exitPoint.x - padding, y: exitPoint.y + padding }
       );
       break;
   }
@@ -6691,7 +6691,7 @@ const hasA11yProp = (props) => {
  */
 const Icon = reactExports.forwardRef(
   ({
-    color: color5 = "currentColor",
+    color: color2 = "currentColor",
     size: size2 = 24,
     strokeWidth = 2,
     absoluteStrokeWidth,
@@ -6706,7 +6706,7 @@ const Icon = reactExports.forwardRef(
       ...defaultAttributes,
       width: size2,
       height: size2,
-      stroke: color5,
+      stroke: color2,
       strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size2) : strokeWidth,
       className: mergeClasses("lucide", className),
       ...!children2 && !hasA11yProp(rest) && { "aria-hidden": "true" },
@@ -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
  *
@@ -15279,7 +15290,15 @@ AllEventsSchema.and(object({
   eventId: string$2(),
   createdAt: date(),
   occurredAt: date().optional(),
-  specVersion: number$3().optional()
+  specVersion: number$3().optional(),
+  /**
+   * Lazy hook resume idempotency key, persisted on `hook_received` events so
+   * the queue consumer can detect that the producer's concurrent direct write
+   * already landed in the run_started preload and skip its own re-ensure.
+   * Mirrors {@link CreateEventParams.resumeId}; absent on all other events and
+   * on legacy (non-lazy) resumes.
+   */
+  resumeId: string$2().optional()
 }));
 const WorkflowRunStatusSchema = _enum([
   "pending",
@@ -15528,7 +15547,9 @@ object({
   retryAfter: NullableDateSchema,
   errorCode: NullableStringSchema,
   workflowCoreVersion: NullableStringSchema,
-  workflowEncryptionEnabled: NullableBooleanSchema
+  workflowEncryptionEnabled: NullableBooleanSchema,
+  /** Compute instance of the latest attempt's `step_started`. */
+  computeInstanceId: NullableStringSchema
 });
 object({
   runId: string$2(),
@@ -15545,6 +15566,8 @@ object({
   region: NullableStringSchema,
   vercelId: NullableStringSchema,
   requestId: NullableStringSchema,
+  /** Compute instance that wrote the event. See CreateEventParams. */
+  computeInstanceId: NullableStringSchema,
   resumeAt: NullableDateSchema,
   retryAfter: NullableDateSchema,
   errorCode: NullableStringSchema,
@@ -15601,7 +15624,50 @@ const RunInputSchema = object({
    * `start()` option so resilient run creation validates the same way as
    * the original `run_created` attempt.
    */
-  allowReservedAttributes: literal(true).optional()
+  allowReservedAttributes: literal(true).optional(),
+  /**
+   * The environment the creating client's writes are attributed to, as
+   * reported by {@link World.getEnvironment} at `start()` time (on Vercel:
+   * `'production' | 'preview' | 'development'`).
+   *
+   * This exists so the resilient-start path can be checked for a tenant
+   * mismatch. `start()` writes `run_created` under the caller's own
+   * credentials while pinning the queue message to a deployment, and those
+   * two can disagree: if the message is consumed by a deployment in a
+   * DIFFERENT environment, that consumer's `run_started` re-creates the run
+   * under ITS tenant, so the same client-minted `wrun_` id ends up existing
+   * in two environments — one stuck pending forever, the other executing.
+   * Carrying the creator's environment lets the consumer compare it against
+   * its own and refuse the delivery instead of forking the run.
+   *
+   * Absent for worlds with no environment dimension (local, Postgres), and
+   * for older SDKs — consumers must treat it as advisory and skip the check
+   * when it is missing.
+   */
+  environment: string$2().optional()
+});
+const HookResumeInputSchema = object({
+  /** Stable idempotency key minted once per `resumeHook()` call. */
+  resumeId: string$2(),
+  /** The hook being resumed. */
+  hookId: string$2(),
+  /**
+   * The hook's token, written into the `hook_received` event's `eventData` so
+   * the consumer's re-ensured event carries the same token the producer would
+   * — replay validates `eventData.token` against the `createHook` token.
+   */
+  token: string$2(),
+  /** The serialized resume payload, reused verbatim from the direct write. */
+  payload: unknown$1(),
+  /**
+   * Content digest of `payload`, computed once by the producer over the
+   * serialized bytes and forwarded verbatim on both the direct `events.create`
+   * and this queue message. The consumer forwards it back to the server so both
+   * writers of the same `resumeId` record an identical digest on the
+   * `(runId, resumeId)` constraint — required because the v4 payload ref is not
+   * content-stable server-side.
+   */
+  payloadDigest: string$2()
 });
 const WorkflowInvokePayloadSchema = object({
   runId: string$2(),
@@ -15612,6 +15678,14 @@ const WorkflowInvokePayloadSchema = object({
     eventId: string$2(),
     count: number$3().int().positive()
   }).optional(),
+  /**
+   * Re-invocations so far in this chain of stale-snapshot (precondition)
+   * rejections. Counted on the message because the in-process restart budget
+   * lives in the invocation closure and the queue's delivery count resets on
+   * every fresh enqueue, so without this a permanently fenced run would cycle
+   * forever instead of failing.
+   */
+  preconditionReinvocations: number$3().int().positive().optional(),
   /** Number of times this message has been re-enqueued due to server errors (5xx) */
   serverErrorRetryCount: number$3().int().optional(),
   /** Step ID for inline step execution in combined handler. If provided, the flow execution
@@ -15620,7 +15694,13 @@ const WorkflowInvokePayloadSchema = object({
   /** Step name, sent alongside stepId to avoid loading the event log just to resolve the name. */
   stepName: string$2().optional(),
   /** Run creation data, only present on the first queue delivery from start() */
-  runInput: RunInputSchema.optional()
+  runInput: RunInputSchema.optional(),
+  /**
+   * Lazy hook resume data, only present when `resumeHook()` takes the parallel
+   * fast path. A consumer that understands this field idempotently ensures the
+   * `hook_received` event exists (keyed by `resumeId`) before replaying.
+   */
+  hookInput: HookResumeInputSchema.optional()
 });
 const HealthCheckPayloadSchema = object({
   __healthCheck: literal(true),
@@ -15653,7 +15733,23 @@ const HookResumeContextSchema = object({
   // the run or fetching its symmetric key. Absent on runs created before
   // sealed envelopes and on projects with encryption disabled, where the
   // resume falls back to the symmetric per-run key.
-  encryptionPublicKey: string$2().optional()
+  encryptionPublicKey: string$2().optional(),
+  // Feature marker: the version of the lazy-hook-resume consumer protocol the
+  // run's creating deployment supports. Present (>= 1) means that deployment's
+  // `@workflow/core` re-ensures the `hook_received` event from the queue
+  // message's `hookInput` on replay, so `resumeHook()`'s parallel fast path is
+  // safe to use. Because a run is pinned to its creating deployment, this
+  // marker is a reliable per-run attestation — unlike inferring support from a
+  // version compare against a predicted release cutoff. Absent on runs created
+  // before the marker existed (fall back to the sequential path).
+  hookResumeInputVersion: number$3().optional()
+});
+const HookResumeCapabilitiesSchema = object({
+  // Present (>= HOOK_RESUME_DEDUP_VERSION) when the live backend enforces the
+  // `(runId, resumeId)` dedup constraint AND no server-side kill switch is
+  // active. Absent against an older/rolled-back server or when the kill switch
+  // is engaged.
+  hookResumeDedupVersion: number$3()
 });
 object({
   runId: string$2(),
@@ -15671,7 +15767,15 @@ object({
   // Present when the server stored it (new hooks) or synthesized it from the
   // run (old hooks). Absent only against an old server, where the resume path
   // falls back to `runs.get`.
-  resumeContext: HookResumeContextSchema.optional()
+  resumeContext: HookResumeContextSchema.optional(),
+  // Backend dedup capability, computed FRESH by the server on every by-token
+  // lookup — RESPONSE-ONLY and TRANSIENT. Never persisted on the hook entity
+  // and never part of `resumeContext`, so a server rollback or kill switch
+  // takes effect on the very next lookup (the field simply stops appearing).
+  // `resumeHook()` gates its parallel fast path on this being present and
+  // current. Absent against an older/rolled-back server or when the kill switch
+  // is active.
+  resumeCapabilities: HookResumeCapabilitiesSchema.optional()
 });
 const zodJsonSchema = lazy(() => {
   return union([
@@ -15737,10 +15841,55 @@ function decode_legacy(base642) {
 const native = typeof Uint8Array.fromBase64 === "function";
 const buffer = typeof process === "object" && ((_a2 = process.versions) == null ? void 0 : _a2.node) !== void 0;
 const decode64 = native ? decode_native : buffer ? decode_buffer : decode_legacy;
-function parse$3(serialized, revivers) {
+function merge_operations(defaults, overrides) {
+  return defaults;
+}
+const parse_operations = {
+  fromPrimitive: (primitive) => primitive,
+  fromISOString: (iso) => new Date(iso),
+  fromStringValue: (tag, text2) => {
+    if (tag === "URL") return new URL(text2);
+    if (tag === "URLSearchParams") return new URLSearchParams(text2);
+    return Temporal[tag.slice(9)].from(text2);
+  },
+  fromArrayBuffer: (buffer2) => buffer2,
+  fromRegExpInfo: (source, flags) => new RegExp(source, flags),
+  fromViewInfo: (tag, buffer2, byteOffset, length) => {
+    const Constructor = (
+      /** @type {any} */
+      globalThis[tag]
+    );
+    return byteOffset !== void 0 ? new Constructor(buffer2, byteOffset, length) : new Constructor(buffer2);
+  },
+  box: (value) => Object(value),
+  createArray: (length) => new Array(length),
+  createSparseArray: (length) => {
+    const array2 = [];
+    array2[MAX_ARRAY_INDEX] = void 0;
+    delete array2[MAX_ARRAY_INDEX];
+    array2.length = length;
+    return array2;
+  },
+  createObject: () => ({}),
+  createNullPrototypeObject: () => /* @__PURE__ */ Object.create(null),
+  createSet: () => /* @__PURE__ */ new Set(),
+  createMap: () => /* @__PURE__ */ new Map(),
+  set: (target2, key, value) => {
+    target2[key] = value;
+  },
+  addValue: (set, value) => {
+    set.add(value);
+  },
+  addEntry: (map2, key, value) => {
+    map2.set(key, value);
+  }
+};
+const default_parse_operations = Object.freeze(parse_operations);
+function parse$3(serialized, revivers, options) {
   return unflatten(JSON.parse(serialized), revivers);
 }
-function unflatten(parsed, revivers) {
+function unflatten(parsed, revivers, options) {
+  const ops = merge_operations(default_parse_operations);
   if (typeof parsed === "number") return hydrate(parsed, true);
   if (!Array.isArray(parsed) || parsed.length === 0) {
     throw new Error("Invalid input");
@@ -15752,18 +15901,18 @@ function unflatten(parsed, revivers) {
   const hydrated = Array(values.length);
   let hydrating = null;
   function hydrate(index2, standalone = false) {
-    if (index2 === UNDEFINED) return void 0;
-    if (index2 === NAN) return NaN;
-    if (index2 === POSITIVE_INFINITY) return Infinity;
-    if (index2 === NEGATIVE_INFINITY) return -Infinity;
-    if (index2 === NEGATIVE_ZERO) return -0;
+    if (index2 === UNDEFINED) return ops.fromPrimitive(void 0);
+    if (index2 === NAN) return ops.fromPrimitive(NaN);
+    if (index2 === POSITIVE_INFINITY) return ops.fromPrimitive(Infinity);
+    if (index2 === NEGATIVE_INFINITY) return ops.fromPrimitive(-Infinity);
+    if (index2 === NEGATIVE_ZERO) return ops.fromPrimitive(-0);
     if (standalone || typeof index2 !== "number") {
       throw new Error(`Invalid input`);
     }
     if (index2 in hydrated) return hydrated[index2];
     const value = values[index2];
     if (!value || typeof value !== "object") {
-      hydrated[index2] = value;
+      hydrated[index2] = ops.fromPrimitive(value);
     } else if (Array.isArray(value)) {
       if (typeof value[0] === "string") {
         const type = value[0];
@@ -15773,6 +15922,9 @@ function unflatten(parsed, revivers) {
           if (typeof i !== "number") {
             i = values.push(value[1]) - 1;
           }
+          if (Object.hasOwn(hydrated, i)) {
+            return hydrated[index2] = reviver(hydrated[i]);
+          }
           hydrating ?? (hydrating = /* @__PURE__ */ new Set());
           if (hydrating.has(i)) {
             throw new Error("Invalid circular reference");
@@ -15784,44 +15936,44 @@ function unflatten(parsed, revivers) {
         }
         switch (type) {
           case "Date":
-            hydrated[index2] = new Date(value[1]);
+            hydrated[index2] = ops.fromISOString(value[1]);
             break;
           case "Set":
-            const set = /* @__PURE__ */ new Set();
+            const set = ops.createSet();
             hydrated[index2] = set;
             for (let i = 1; i < value.length; i += 1) {
-              set.add(hydrate(value[i]));
+              ops.addValue(set, hydrate(value[i]));
             }
             break;
           case "Map":
-            const map2 = /* @__PURE__ */ new Map();
+            const map2 = ops.createMap();
             hydrated[index2] = map2;
             for (let i = 1; i < value.length; i += 2) {
-              map2.set(hydrate(value[i]), hydrate(value[i + 1]));
+              ops.addEntry(map2, hydrate(value[i]), hydrate(value[i + 1]));
             }
             break;
           case "RegExp":
-            hydrated[index2] = new RegExp(value[1], value[2]);
+            hydrated[index2] = ops.fromRegExpInfo(value[1], value[2]);
             break;
           case "Object": {
             const wrapped_index = value[1];
             if (typeof values[wrapped_index] === "object" && values[wrapped_index][0] !== "BigInt") {
               throw new Error("Invalid input");
             }
-            hydrated[index2] = Object(hydrate(wrapped_index));
+            hydrated[index2] = ops.box(hydrate(wrapped_index));
             break;
           }
           case "BigInt":
-            hydrated[index2] = BigInt(value[1]);
+            hydrated[index2] = ops.fromPrimitive(BigInt(value[1]));
             break;
           case "null":
-            const obj = /* @__PURE__ */ Object.create(null);
+            const obj = ops.createNullPrototypeObject();
             hydrated[index2] = obj;
             for (let i = 1; i < value.length; i += 2) {
               if (value[i] === "__proto__") {
                 throw new Error("Cannot parse an object with a `__proto__` property");
               }
-              obj[value[i]] = hydrate(value[i + 1]);
+              ops.set(obj, value[i], hydrate(value[i + 1]));
             }
             break;
           case "Int8Array":
@@ -15840,9 +15992,8 @@ function unflatten(parsed, revivers) {
             if (values[value[1]][0] !== "ArrayBuffer") {
               throw new Error("Invalid data");
             }
-            const TypedArrayConstructor = globalThis[type];
             const buffer2 = hydrate(value[1]);
-            hydrated[index2] = value[2] !== void 0 ? new TypedArrayConstructor(buffer2, value[2], value[3]) : new TypedArrayConstructor(buffer2);
+            hydrated[index2] = ops.fromViewInfo(type, buffer2, value[2], value[3]);
             break;
           }
           case "ArrayBuffer": {
@@ -15850,10 +16001,11 @@ function unflatten(parsed, revivers) {
             if (typeof base642 !== "string") {
               throw new Error("Invalid ArrayBuffer encoding");
             }
-            const arraybuffer = decode64(base642);
-            hydrated[index2] = arraybuffer;
+            hydrated[index2] = ops.fromArrayBuffer(decode64(base642));
             break;
           }
+          case "URL":
+          case "URLSearchParams":
           case "Temporal.Duration":
           case "Temporal.Instant":
           case "Temporal.PlainDate":
@@ -15862,18 +16014,7 @@ function unflatten(parsed, revivers) {
           case "Temporal.PlainMonthDay":
           case "Temporal.PlainYearMonth":
           case "Temporal.ZonedDateTime": {
-            const temporalName = type.slice(9);
-            hydrated[index2] = Temporal[temporalName].from(value[1]);
-            break;
-          }
-          case "URL": {
-            const url = new URL(value[1]);
-            hydrated[index2] = url;
-            break;
-          }
-          case "URLSearchParams": {
-            const url = new URLSearchParams(value[1]);
-            hydrated[index2] = url;
+            hydrated[index2] = ops.fromStringValue(type, value[1]);
             break;
           }
           default:
@@ -15884,36 +16025,32 @@ function unflatten(parsed, revivers) {
         if (!is_valid_array_len(len)) {
           throw new Error("Invalid input");
         }
-        const array2 = [];
+        const array2 = ops.createSparseArray(len);
         hydrated[index2] = array2;
-        array2[MAX_ARRAY_INDEX] = void 0;
-        delete array2[MAX_ARRAY_INDEX];
         for (let i = 2; i < value.length; i += 2) {
           const idx = value[i];
           if (!is_valid_array_index(idx) || idx >= len) {
             throw new Error("Invalid input");
           }
-          array2[idx] = hydrate(value[i + 1]);
+          ops.set(array2, idx, hydrate(value[i + 1]));
         }
-        array2.length = len;
       } else {
-        const array2 = new Array(value.length);
+        const array2 = ops.createArray(value.length);
         hydrated[index2] = array2;
         for (let i = 0; i < value.length; i += 1) {
           const n = value[i];
           if (n === HOLE) continue;
-          array2[i] = hydrate(n);
+          ops.set(array2, i, hydrate(n));
         }
       }
     } else {
-      const object2 = {};
+      const object2 = ops.createObject();
       hydrated[index2] = object2;
       for (const key of Object.keys(value)) {
         if (key === "__proto__") {
           throw new Error("Cannot parse an object with a `__proto__` property");
         }
-        const n = value[key];
-        object2[key] = hydrate(n);
+        ops.set(object2, key, hydrate(value[key]));
       }
     }
     return hydrated[index2];
@@ -16070,7 +16207,9 @@ function appendFramedDetails(title, details) {
     const head = isLast ? "╰▶ " : "├▶ ";
     const cont = isLast ? "   " : "│  ";
     const text2 = `${detail.label}: ${detail.value}`;
-    text2.split("\n").forEach((line, i) => lines.push(`${i === 0 ? head : cont}${line}`));
+    text2.split("\n").forEach((line, i) => {
+      lines.push(`${i === 0 ? head : cont}${line}`);
+    });
   });
   return lines.join("\n");
 }
@@ -17254,7 +17393,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-Dw3HhTgO.js");
     return { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 };
   }, true ? __vite__mapDeps([0,1]) : void 0);
   ensureZstdDecoderRegistered();
@@ -17726,7 +17865,7 @@ function getDefaultSwipeDirections(position2) {
 }
 const Toast = (props) => {
   var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
-  const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index: index2, toasts, expanded: expanded2, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style: style2, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position: position2, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
+  const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index: index2, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style: style2, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position: position2, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
   const [swipeDirection, setSwipeDirection] = ReactExports.useState(null);
   const [swipeOutDirection, setSwipeOutDirection] = ReactExports.useState(null);
   const [mounted, setMounted] = ReactExports.useState(false);
@@ -17877,14 +18016,14 @@ const Toast = (props) => {
         deleteToast();
       }, remainingTime.current);
     };
-    if (expanded2 || interacting || isDocumentHidden) {
+    if (expanded || interacting || isDocumentHidden) {
       pauseTimer();
     } else {
       startTimer();
     }
     return () => clearTimeout(timeoutId);
   }, [
-    expanded2,
+    expanded,
     interacting,
     toast2,
     toastType,
@@ -17938,7 +18077,7 @@ const Toast = (props) => {
     "data-invert": invert,
     "data-swipe-out": swipeOut,
     "data-swipe-direction": swipeOutDirection,
-    "data-expanded": Boolean(expanded2 || expandByDefault && mounted),
+    "data-expanded": Boolean(expanded || expandByDefault && mounted),
     "data-testid": toast2.testId,
     style: {
       "--index": index2,
@@ -18160,7 +18299,7 @@ const Toaster = /* @__PURE__ */ ReactExports.forwardRef(function Toaster2(props,
     position2
   ]);
   const [heights, setHeights] = ReactExports.useState([]);
-  const [expanded2, setExpanded] = ReactExports.useState(false);
+  const [expanded, setExpanded] = ReactExports.useState(false);
   const [interacting, setInteracting] = ReactExports.useState(false);
   const [actualTheme, setActualTheme] = ReactExports.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
   const listRef = ReactExports.useRef(null);
@@ -18382,7 +18521,7 @@ const Toaster = /* @__PURE__ */ ReactExports.forwardRef(function Toaster2(props,
           setHeights,
           expandByDefault: expand,
           gap,
-          expanded: expanded2,
+          expanded,
           swipeDirections: props.swipeDirections
         });
       }));
@@ -18529,6 +18668,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);
@@ -18597,8 +18757,8 @@ const buttonVariants$1 = cva([
       ghost: "[--themed-bg:_transparent] [--themed-fg:_var(--ds-gray-1000)] [--themed-hover-bg:_var(--ds-gray-alpha-100)]"
     },
     size: {
-      default: "h-10 px-4 text-[14px]",
-      sm: "h-8 px-3 text-[14px]",
+      default: "h-10 px-4 text-button-14",
+      sm: "h-8 px-3 text-button-14",
       xs: "h-6 px-1.5 py-0.5 text-button-12 rounded-[4px]",
       icon: "h-8 w-8"
     }
@@ -18720,7 +18880,7 @@ const JSON_VIEW_STYLES = `
 .${CLS.collapsedContent}::after { content: '...'; }
 `;
 const KEYFRAMES = `@keyframes wf-spinner-fade{0%{opacity:1}100%{opacity:.15}}`;
-function Spinner({ size: size2 = 14, color: color5 }) {
+function Spinner({ size: size2 = 14, color: color2 }) {
   const config2 = size2 <= 12 ? {
     angle: 45,
     delays: [-875, -750, -625, -500, -375, -250, -125, 0],
@@ -18767,7 +18927,7 @@ function Spinner({ size: size2 = 14, color: color5 }) {
     marginLeft: -config2.lineW / 2,
     marginTop: -config2.lineH / 2,
     borderRadius: 1,
-    backgroundColor: color5 ?? "var(--ds-gray-700)",
+    backgroundColor: color2 ?? "var(--ds-gray-700)",
     transform: `rotate(${i * config2.angle}deg) translate(${size2 * 0.36}px)`,
     animation: `wf-spinner-fade ${config2.duration}ms linear infinite`,
     animationDelay: `${delay}ms`
@@ -18875,8 +19035,8 @@ function DecodedBytesChunk({ decodedText, source }) {
   }, onClick: () => setSelectedView("bytes"), "aria-pressed": selectedView === "bytes", "aria-label": "Show raw bytes summary", children: "Bytes" })] }) })] });
 }
 function DecodedBytesInspector({ decodedText, source }) {
-  const [expanded2, setExpanded] = reactExports.useState(false);
-  return jsxRuntimeExports.jsxs("div", { className: "font-mono", children: [jsxRuntimeExports.jsxs("button", { type: "button", className: "flex max-w-full items-start gap-1 text-left", style: { color: "var(--ds-gray-1000)" }, onClick: () => setExpanded((value) => !value), title: `${source.type} decoded as ${source.encoding.toUpperCase()} text`, children: [jsxRuntimeExports.jsx("span", { className: "select-none", style: { color: "var(--ds-gray-700)" }, children: expanded2 ? "▼" : "▶" }), jsxRuntimeExports.jsx("span", { className: "min-w-0 break-words", children: source.rawSummary })] }), expanded2 && jsxRuntimeExports.jsxs("div", { className: "mt-1 pl-5", children: [jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-gray-700)" }, children: "decoded: " }), jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-green-900)" }, children: JSON.stringify(decodedText) })] })] });
+  const [expanded, setExpanded] = reactExports.useState(false);
+  return jsxRuntimeExports.jsxs("div", { className: "font-mono", children: [jsxRuntimeExports.jsxs("button", { type: "button", className: "flex max-w-full items-start gap-1 text-left", style: { color: "var(--ds-gray-1000)" }, onClick: () => setExpanded((value) => !value), title: `${source.type} decoded as ${source.encoding.toUpperCase()} text`, children: [jsxRuntimeExports.jsx("span", { className: "select-none", style: { color: "var(--ds-gray-700)" }, children: expanded ? "▼" : "▶" }), jsxRuntimeExports.jsx("span", { className: "min-w-0 break-words", children: source.rawSummary })] }), expanded && jsxRuntimeExports.jsxs("div", { className: "mt-1 pl-5", children: [jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-gray-700)" }, children: "decoded: " }), jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-green-900)" }, children: JSON.stringify(decodedText) })] })] });
 }
 function BytesDisplayValue({ display }) {
   if (display.decodedFrom) {
@@ -18994,7 +19154,7 @@ function moveExpanderFocus(outerRef, direction) {
 }
 function ExpandableContainer({ field, entries, open: open2, close, prefix, ctx, isLast }) {
   const { level, shouldExpand, outerRef } = ctx;
-  const [expanded2, setExpanded] = reactExports.useState(() => shouldExpand(level));
+  const [expanded, setExpanded] = reactExports.useState(() => shouldExpand(level));
   const rowRef = reactExports.useRef(null);
   const contentsId = reactExports.useId();
   if (entries.length === 0) {
@@ -19027,7 +19187,7 @@ function ExpandableContainer({ field, entries, open: open2, close, prefix, ctx,
     }
   };
   const lastIndex = entries.length - 1;
-  return jsxRuntimeExports.jsxs("div", { className: CLS.child, role: "treeitem", "aria-expanded": expanded2, "aria-controls": expanded2 ? contentsId : void 0, "data-json-expander": true, ref: rowRef, tabIndex: level === 0 ? 0 : -1, onClick, onKeyDown, children: [jsxRuntimeExports.jsx("span", { className: expanded2 ? CLS.collapseIcon : CLS.expandIcon, "aria-hidden": "true" }), field !== void 0 && jsxRuntimeExports.jsx("span", { className: CLS.clickableLabel, children: `${formatField(field)}:` }), prefix ? jsxRuntimeExports.jsx("span", { className: CLS.className, children: prefix }) : null, jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: open2 }), expanded2 ? jsxRuntimeExports.jsx("ul", { id: contentsId, className: CLS.childFields, role: "group", children: entries.map(([childField, childValue], index2) => jsxRuntimeExports.jsx(DataRender, { field: childField, value: childValue, isLast: index2 === lastIndex, ctx: { ...ctx, level: level + 1 } }, childField ?? index2)) }) : jsxRuntimeExports.jsx("span", { className: CLS.collapsedContent, "aria-hidden": "true" }), jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: close }), jsxRuntimeExports.jsx(Comma, { isLast })] });
+  return jsxRuntimeExports.jsxs("div", { className: CLS.child, role: "treeitem", "aria-expanded": expanded, "aria-controls": expanded ? contentsId : void 0, "data-json-expander": true, ref: rowRef, tabIndex: level === 0 ? 0 : -1, onClick, onKeyDown, children: [jsxRuntimeExports.jsx("span", { className: expanded ? CLS.collapseIcon : CLS.expandIcon, "aria-hidden": "true" }), field !== void 0 && jsxRuntimeExports.jsx("span", { className: CLS.clickableLabel, children: `${formatField(field)}:` }), prefix ? jsxRuntimeExports.jsx("span", { className: CLS.className, children: prefix }) : null, jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: open2 }), expanded ? jsxRuntimeExports.jsx("ul", { id: contentsId, className: CLS.childFields, role: "group", children: entries.map(([childField, childValue], index2) => jsxRuntimeExports.jsx(DataRender, { field: childField, value: childValue, isLast: index2 === lastIndex, ctx: { ...ctx, level: level + 1 } }, childField ?? index2)) }) : jsxRuntimeExports.jsx("span", { className: CLS.collapsedContent, "aria-hidden": "true" }), jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: close }), jsxRuntimeExports.jsx(Comma, { isLast })] });
 }
 function DataRender({ field, value, isLast, ctx }) {
   if (isBytesDisplay(value)) {
@@ -19211,6 +19371,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);
@@ -19940,7 +20123,7 @@ function ContextCardTrigger({ content: content2, children: children2, side = "ri
     opacity: Number(visible)
   }, children: content2 }) }, id), portalRef.current) : null] });
 }
-function Skeleton$1({ className, style: style2, ...props }) {
+function Skeleton({ className, style: style2, ...props }) {
   return jsxRuntimeExports.jsx("div", { ...props, className: cn$4("rounded-md", className), style: { backgroundColor: "var(--ds-gray-200)", ...style2 } });
 }
 const TIME_UNITS = [
@@ -20026,12 +20209,12 @@ function ZoneDateTimeRow({ date: date2, zone }) {
     minute: "2-digit",
     second: "2-digit"
   });
-  return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-4 px-1.5 bg-gray-200 rounded-xs", children: jsxRuntimeExports.jsx("span", { className: "text-[12px] font-mono text-gray-900", children: formattedZone }) }), jsxRuntimeExports.jsx("span", { className: "text-[13px] text-gray-1000", children: formattedDate })] }), jsxRuntimeExports.jsx("span", { className: "tabular-nums text-[12px] font-mono text-gray-900", children: formattedTime })] });
+  return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-4 px-1.5 bg-gray-200 rounded-xs", children: jsxRuntimeExports.jsx("span", { className: "text-label-12-mono text-gray-900", children: formattedZone }) }), jsxRuntimeExports.jsx("span", { className: "text-label-13 text-gray-1000", children: formattedDate })] }), jsxRuntimeExports.jsx("span", { className: "tabular-nums text-label-12-mono text-gray-900", children: formattedTime })] });
 }
 function RelativeTimeContextCardContent({ date: date2 }) {
   const localTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const timeAgo = useTimeAgo(date2);
-  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 min-w-[300px]", children: [jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3", children: jsxRuntimeExports.jsx("span", { className: "tabular-nums text-[13px] text-gray-900", children: timeAgo }) }), jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntimeExports.jsx(ZoneDateTimeRow, { date: date2, zone: "UTC" }), jsxRuntimeExports.jsx(ZoneDateTimeRow, { date: date2, zone: localTimezone })] })] });
+  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 min-w-[300px]", children: [jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3", children: jsxRuntimeExports.jsx("span", { className: "tabular-nums text-label-13 text-gray-900", children: timeAgo }) }), jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [jsxRuntimeExports.jsx(ZoneDateTimeRow, { date: date2, zone: "UTC" }), jsxRuntimeExports.jsx(ZoneDateTimeRow, { date: date2, zone: localTimezone })] })] });
 }
 function DefaultTimeText({ date: date2 }) {
   const shortTimeAgo = useShortTimeAgo(date2);
@@ -20219,7 +20402,7 @@ function toResult$1(value) {
   }
   return value === null || value === void 0 ? empty$2 : [value];
 }
-function visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
+function visit$1(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
   let reverse;
   let test;
   let visitor;
@@ -20253,7 +20436,7 @@ function harden({ defaultOrigin = "", allowedLinkPrefixes = [], allowedImagePref
   return (tree) => {
     const visitor = createVisitor(defaultOrigin, allowedLinkPrefixes, allowedImagePrefixes, allowDataImages, allowedProtocols, blockedImageClass, blockedLinkClass, linkBlockPolicy, imageBlockPolicy);
     stripNullChildren(tree);
-    visit(tree, visitor);
+    visit$1(tree, visitor);
   };
 }
 function parseUrl(url, defaultOrigin) {
@@ -20459,7 +20642,7 @@ const createVisitor = (defaultOrigin, allowedLinkPrefixes, allowedImagePrefixes,
       const transformedUrl = transformUrl(node2.properties.href, allowedLinkPrefixes, defaultOrigin, false, false, allowedProtocols);
       if (transformedUrl === null) {
         node2[SEEN] = true;
-        visit(node2, visitor);
+        visit$1(node2, visitor);
         if (parent && typeof index2 === "number") {
           const result = resolveLinkBlockPolicy(node2, linkBlockPolicy, blockedLinkClass);
           if (result.type === "remove") {
@@ -20480,7 +20663,7 @@ const createVisitor = (defaultOrigin, allowedLinkPrefixes, allowedImagePrefixes,
       const transformedUrl = transformUrl(node2.properties.src, allowedImagePrefixes, defaultOrigin, allowDataImages, true, allowedProtocols);
       if (transformedUrl === null) {
         node2[SEEN] = true;
-        visit(node2, visitor);
+        visit$1(node2, visitor);
         if (parent && typeof index2 === "number") {
           const result = resolveImageBlockPolicy(node2, imageBlockPolicy, blockedImageClass);
           if (result.type === "remove") {
@@ -31595,7 +31778,7 @@ function raw(tree, options) {
     file: state.options.file
   });
   if (state.stitches) {
-    visit(result, "comment", function(node2, index2, parent) {
+    visit$1(result, "comment", function(node2, index2, parent) {
       const stitch2 = (
         /** @type {Stitch} */
         /** @type {unknown} */
@@ -32367,88 +32550,13 @@ function escapeStringRegexp(string2) {
   }
   return string2.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 }
-function color(d2) {
-  return d2;
-}
-const empty$1 = [];
-const CONTINUE = true;
-const EXIT = false;
-const SKIP = "skip";
-function visitParents(tree, test, visitor, reverse) {
-  let check;
-  {
-    check = test;
-  }
-  const is = convert(check);
-  const step = 1;
-  factory(tree, void 0, [])();
-  function factory(node2, index2, parents) {
-    const value = (
-      /** @type {Record<string, unknown>} */
-      node2 && typeof node2 === "object" ? node2 : {}
-    );
-    if (typeof value.type === "string") {
-      const name2 = (
-        // `hast`
-        typeof value.tagName === "string" ? value.tagName : (
-          // `xast`
-          typeof value.name === "string" ? value.name : void 0
-        )
-      );
-      Object.defineProperty(visit2, "name", {
-        value: "node (" + color(node2.type + (name2 ? "<" + name2 + ">" : "")) + ")"
-      });
-    }
-    return visit2;
-    function visit2() {
-      let result = empty$1;
-      let subresult;
-      let offset2;
-      let grandparents;
-      if (is(node2, index2, parents[parents.length - 1] || void 0)) {
-        result = toResult(visitor(node2, parents));
-        if (result[0] === EXIT) {
-          return result;
-        }
-      }
-      if ("children" in node2 && node2.children) {
-        const nodeAsParent = (
-          /** @type {UnistParent} */
-          node2
-        );
-        if (nodeAsParent.children && result[0] !== SKIP) {
-          offset2 = -1 + step;
-          grandparents = parents.concat(nodeAsParent);
-          while (offset2 > -1 && offset2 < nodeAsParent.children.length) {
-            const child = nodeAsParent.children[offset2];
-            subresult = factory(child, offset2, grandparents)();
-            if (subresult[0] === EXIT) {
-              return subresult;
-            }
-            offset2 = typeof subresult[1] === "number" ? subresult[1] : offset2 + step;
-          }
-        }
-      }
-      return result;
-    }
-  }
-}
-function toResult(value) {
-  if (Array.isArray(value)) {
-    return value;
-  }
-  if (typeof value === "number") {
-    return [CONTINUE, value];
-  }
-  return value === null || value === void 0 ? empty$1 : [value];
-}
 function findAndReplace(tree, list2, options) {
   const settings = options || {};
   const ignored = convert(settings.ignore || []);
   const pairs = toPairs(list2);
   let pairIndex = -1;
   while (++pairIndex < pairs.length) {
-    visitParents(tree, "text", visitor);
+    visitParents$1(tree, "text", visitor);
   }
   function visitor(node2, parents) {
     let index2 = -1;
@@ -33069,18 +33177,18 @@ function formatCodeAsIndented(node2, state) {
   );
 }
 function checkFence(state) {
-  const marker2 = state.options.fence || "`";
-  if (marker2 !== "`" && marker2 !== "~") {
+  const marker = state.options.fence || "`";
+  if (marker !== "`" && marker !== "~") {
     throw new Error(
-      "Cannot serialize code with `" + marker2 + "` for `options.fence`, expected `` ` `` or `~`"
+      "Cannot serialize code with `" + marker + "` for `options.fence`, expected `` ` `` or `~`"
     );
   }
-  return marker2;
+  return marker;
 }
 function code$2(node2, _2, state, info) {
-  const marker2 = checkFence(state);
+  const marker = checkFence(state);
   const raw2 = node2.value || "";
-  const suffix = marker2 === "`" ? "GraveAccent" : "Tilde";
+  const suffix = marker === "`" ? "GraveAccent" : "Tilde";
   if (formatCodeAsIndented(node2, state)) {
     const exit3 = state.enter("codeIndented");
     const value2 = state.indentLines(raw2, map);
@@ -33088,7 +33196,7 @@ function code$2(node2, _2, state, info) {
     return value2;
   }
   const tracker = state.createTracker(info);
-  const sequence = marker2.repeat(Math.max(longestStreak(raw2, marker2) + 1, 3));
+  const sequence = marker.repeat(Math.max(longestStreak(raw2, marker) + 1, 3));
   const exit2 = state.enter("codeFenced");
   let value = tracker.move(sequence);
   if (node2.lang) {
@@ -33128,13 +33236,13 @@ function map(line, _2, blank) {
   return (blank ? "" : "    ") + line;
 }
 function checkQuote(state) {
-  const marker2 = state.options.quote || '"';
-  if (marker2 !== '"' && marker2 !== "'") {
+  const marker = state.options.quote || '"';
+  if (marker !== '"' && marker !== "'") {
     throw new Error(
-      "Cannot serialize title with `" + marker2 + "` for `options.quote`, expected `\"`, or `'`"
+      "Cannot serialize title with `" + marker + "` for `options.quote`, expected `\"`, or `'`"
     );
   }
-  return marker2;
+  return marker;
 }
 function definition$1(node2, _2, state, info) {
   const quote = checkQuote(state);
@@ -33191,13 +33299,13 @@ function definition$1(node2, _2, state, info) {
   return value;
 }
 function checkEmphasis(state) {
-  const marker2 = state.options.emphasis || "*";
-  if (marker2 !== "*" && marker2 !== "_") {
+  const marker = state.options.emphasis || "*";
+  if (marker !== "*" && marker !== "_") {
     throw new Error(
-      "Cannot serialize emphasis with `" + marker2 + "` for `options.emphasis`, expected `*`, or `_`"
+      "Cannot serialize emphasis with `" + marker + "` for `options.emphasis`, expected `*`, or `_`"
     );
   }
-  return marker2;
+  return marker;
 }
 function encodeCharacterReference(code2) {
   return "&#x" + code2.toString(16).toUpperCase() + ";";
@@ -33210,7 +33318,7 @@ function classifyCharacter(code2) {
     return 2;
   }
 }
-function encodeInfo(outside, inside, marker2) {
+function encodeInfo(outside, inside, marker) {
   const outsideKind = classifyCharacter(outside);
   const insideKind = classifyCharacter(inside);
   if (outsideKind === void 0) {
@@ -33218,7 +33326,7 @@ function encodeInfo(outside, inside, marker2) {
       // Letter inside:
       // we have to encode *both* letters for `_` as it is looser.
       // it already forms for `*` (and GFMs `~`).
-      marker2 === "_" ? { inside: true, outside: true } : { inside: false, outside: false }
+      marker === "_" ? { inside: true, outside: true } : { inside: false, outside: false }
     ) : insideKind === 1 ? (
       // Whitespace inside: encode both (letter, whitespace).
       { inside: true, outside: true }
@@ -33252,13 +33360,13 @@ function encodeInfo(outside, inside, marker2) {
 }
 emphasis$1.peek = emphasisPeek;
 function emphasis$1(node2, _2, state, info) {
-  const marker2 = checkEmphasis(state);
+  const marker = checkEmphasis(state);
   const exit2 = state.enter("emphasis");
   const tracker = state.createTracker(info);
-  const before = tracker.move(marker2);
+  const before = tracker.move(marker);
   let between = tracker.move(
     state.containerPhrasing(node2, {
-      after: marker2,
+      after: marker,
       before,
       ...tracker.current()
     })
@@ -33267,17 +33375,17 @@ function emphasis$1(node2, _2, state, info) {
   const open2 = encodeInfo(
     info.before.charCodeAt(info.before.length - 1),
     betweenHead,
-    marker2
+    marker
   );
   if (open2.inside) {
     between = encodeCharacterReference(betweenHead) + between.slice(1);
   }
   const betweenTail = between.charCodeAt(between.length - 1);
-  const close = encodeInfo(info.after.charCodeAt(0), betweenTail, marker2);
+  const close = encodeInfo(info.after.charCodeAt(0), betweenTail, marker);
   if (close.inside) {
     between = between.slice(0, -1) + encodeCharacterReference(betweenTail);
   }
-  const after = tracker.move(marker2);
+  const after = tracker.move(marker);
   exit2();
   state.attentionEncodeSurroundingInfo = {
     after: close.outside,
@@ -33325,7 +33433,7 @@ function node(value) {
 }
 function formatHeadingAsSetext(node2, state) {
   let literalWithBreak = false;
-  visit(node2, function(node3) {
+  visit$1(node2, function(node3) {
     if ("value" in node3 && /\r?\n|\r/.test(node3.value) || node3.type === "break") {
       literalWithBreak = true;
       return EXIT$1;
@@ -33632,13 +33740,13 @@ function linkReferencePeek() {
   return "[";
 }
 function checkBullet(state) {
-  const marker2 = state.options.bullet || "*";
-  if (marker2 !== "*" && marker2 !== "+" && marker2 !== "-") {
+  const marker = state.options.bullet || "*";
+  if (marker !== "*" && marker !== "+" && marker !== "-") {
     throw new Error(
-      "Cannot serialize items with `" + marker2 + "` for `options.bullet`, expected `*`, `+`, or `-`"
+      "Cannot serialize items with `" + marker + "` for `options.bullet`, expected `*`, `+`, or `-`"
     );
   }
-  return marker2;
+  return marker;
 }
 function checkBulletOther(state) {
   const bullet = checkBullet(state);
@@ -33659,22 +33767,22 @@ function checkBulletOther(state) {
   return bulletOther;
 }
 function checkBulletOrdered(state) {
-  const marker2 = state.options.bulletOrdered || ".";
-  if (marker2 !== "." && marker2 !== ")") {
+  const marker = state.options.bulletOrdered || ".";
+  if (marker !== "." && marker !== ")") {
     throw new Error(
-      "Cannot serialize items with `" + marker2 + "` for `options.bulletOrdered`, expected `.` or `)`"
+      "Cannot serialize items with `" + marker + "` for `options.bulletOrdered`, expected `.` or `)`"
     );
   }
-  return marker2;
+  return marker;
 }
 function checkRule(state) {
-  const marker2 = state.options.rule || "*";
-  if (marker2 !== "*" && marker2 !== "-" && marker2 !== "_") {
+  const marker = state.options.rule || "*";
+  if (marker !== "*" && marker !== "-" && marker !== "_") {
     throw new Error(
-      "Cannot serialize rules with `" + marker2 + "` for `options.rule`, expected `*`, `-`, or `_`"
+      "Cannot serialize rules with `" + marker + "` for `options.rule`, expected `*`, `-`, or `_`"
     );
   }
-  return marker2;
+  return marker;
 }
 function list$2(node2, parent, state, info) {
   const exit2 = state.enter("list");
@@ -33792,23 +33900,23 @@ function root$2(node2, _2, state, info) {
   return container.call(state, node2, info);
 }
 function checkStrong(state) {
-  const marker2 = state.options.strong || "*";
-  if (marker2 !== "*" && marker2 !== "_") {
+  const marker = state.options.strong || "*";
+  if (marker !== "*" && marker !== "_") {
     throw new Error(
-      "Cannot serialize strong with `" + marker2 + "` for `options.strong`, expected `*`, or `_`"
+      "Cannot serialize strong with `" + marker + "` for `options.strong`, expected `*`, or `_`"
     );
   }
-  return marker2;
+  return marker;
 }
 strong$1.peek = strongPeek;
 function strong$1(node2, _2, state, info) {
-  const marker2 = checkStrong(state);
+  const marker = checkStrong(state);
   const exit2 = state.enter("strong");
   const tracker = state.createTracker(info);
-  const before = tracker.move(marker2 + marker2);
+  const before = tracker.move(marker + marker);
   let between = tracker.move(
     state.containerPhrasing(node2, {
-      after: marker2,
+      after: marker,
       before,
       ...tracker.current()
     })
@@ -33817,17 +33925,17 @@ function strong$1(node2, _2, state, info) {
   const open2 = encodeInfo(
     info.before.charCodeAt(info.before.length - 1),
     betweenHead,
-    marker2
+    marker
   );
   if (open2.inside) {
     between = encodeCharacterReference(betweenHead) + between.slice(1);
   }
   const betweenTail = between.charCodeAt(between.length - 1);
-  const close = encodeInfo(info.after.charCodeAt(0), betweenTail, marker2);
+  const close = encodeInfo(info.after.charCodeAt(0), betweenTail, marker);
   if (close.inside) {
     between = between.slice(0, -1) + encodeCharacterReference(betweenTail);
   }
-  const after = tracker.move(marker2 + marker2);
+  const after = tracker.move(marker + marker);
   exit2();
   state.attentionEncodeSurroundingInfo = {
     after: close.outside,
@@ -33981,10 +34089,10 @@ function replace($0, $1) {
 }
 function gfmTableToMarkdown(options) {
   const settings = options || {};
-  const padding2 = settings.tableCellPadding;
+  const padding = settings.tableCellPadding;
   const alignDelimiters = settings.tablePipeAlign;
   const stringLength = settings.stringLength;
-  const around = padding2 ? " " : "|";
+  const around = padding ? " " : "|";
   return {
     unsafe: [
       { character: "\r", inConstruct: "tableCell" },
@@ -34037,7 +34145,7 @@ function gfmTableToMarkdown(options) {
       // @ts-expect-error: `markdown-table` types should support `null`.
       alignDelimiters,
       // @ts-expect-error: `markdown-table` types should support `null`.
-      padding: padding2,
+      padding,
       // @ts-expect-error: `markdown-table` types should support `null`.
       stringLength
     });
@@ -34724,15 +34832,15 @@ function tokenizeAttention(effects, ok2) {
   const attentionMarkers2 = this.parser.constructs.attentionMarkers.null;
   const previous2 = this.previous;
   const before = classifyCharacter(previous2);
-  let marker2;
+  let marker;
   return start;
   function start(code2) {
-    marker2 = code2;
+    marker = code2;
     effects.enter("attentionSequence");
     return inside(code2);
   }
   function inside(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.consume(code2);
       return inside;
     }
@@ -34740,8 +34848,8 @@ function tokenizeAttention(effects, ok2) {
     const after = classifyCharacter(code2);
     const open2 = !after || after === 2 && before || attentionMarkers2.includes(code2);
     const close = !before || before === 2 && after || attentionMarkers2.includes(previous2);
-    token._open = Boolean(marker2 === 42 ? open2 : open2 && (before || !close));
-    token._close = Boolean(marker2 === 42 ? close : close && (after || !open2));
+    token._open = Boolean(marker === 42 ? open2 : open2 && (before || !close));
+    token._close = Boolean(marker === 42 ? close : close && (after || !open2));
     return ok2(code2);
   }
 }
@@ -35042,7 +35150,7 @@ function tokenizeCodeFenced(effects, ok2, nok) {
   };
   let initialPrefix = 0;
   let sizeOpen = 0;
-  let marker2;
+  let marker;
   return start;
   function start(code2) {
     return beforeSequenceOpen(code2);
@@ -35050,14 +35158,14 @@ function tokenizeCodeFenced(effects, ok2, nok) {
   function beforeSequenceOpen(code2) {
     const tail = self2.events[self2.events.length - 1];
     initialPrefix = tail && tail[1].type === "linePrefix" ? tail[2].sliceSerialize(tail[1], true).length : 0;
-    marker2 = code2;
+    marker = code2;
     effects.enter("codeFenced");
     effects.enter("codeFencedFence");
     effects.enter("codeFencedFenceSequence");
     return sequenceOpen(code2);
   }
   function sequenceOpen(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       sizeOpen++;
       effects.consume(code2);
       return sequenceOpen;
@@ -35090,7 +35198,7 @@ function tokenizeCodeFenced(effects, ok2, nok) {
       effects.exit("codeFencedFenceInfo");
       return factorySpace(effects, metaBefore, "whitespace")(code2);
     }
-    if (code2 === 96 && code2 === marker2) {
+    if (code2 === 96 && code2 === marker) {
       return nok(code2);
     }
     effects.consume(code2);
@@ -35112,7 +35220,7 @@ function tokenizeCodeFenced(effects, ok2, nok) {
       effects.exit("codeFencedFenceMeta");
       return infoBefore(code2);
     }
-    if (code2 === 96 && code2 === marker2) {
+    if (code2 === 96 && code2 === marker) {
       return nok(code2);
     }
     effects.consume(code2);
@@ -35163,14 +35271,14 @@ function tokenizeCodeFenced(effects, ok2, nok) {
       return markdownSpace(code2) ? factorySpace(effects2, beforeSequenceClose, "linePrefix", self2.parser.constructs.disable.null.includes("codeIndented") ? void 0 : 4)(code2) : beforeSequenceClose(code2);
     }
     function beforeSequenceClose(code2) {
-      if (code2 === marker2) {
+      if (code2 === marker) {
         effects2.enter("codeFencedFenceSequence");
         return sequenceClose(code2);
       }
       return nok2(code2);
     }
     function sequenceClose(code2) {
-      if (code2 === marker2) {
+      if (code2 === marker) {
         size2++;
         effects2.consume(code2);
         return sequenceClose;
@@ -35941,7 +36049,7 @@ function factoryLabel(effects, ok2, nok, type, markerType, stringType) {
   }
 }
 function factoryTitle(effects, ok2, nok, type, markerType, stringType) {
-  let marker2;
+  let marker;
   return start;
   function start(code2) {
     if (code2 === 34 || code2 === 39 || code2 === 40) {
@@ -35949,13 +36057,13 @@ function factoryTitle(effects, ok2, nok, type, markerType, stringType) {
       effects.enter(markerType);
       effects.consume(code2);
       effects.exit(markerType);
-      marker2 = code2 === 40 ? 41 : code2;
+      marker = code2 === 40 ? 41 : code2;
       return begin;
     }
     return nok(code2);
   }
   function begin(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.enter(markerType);
       effects.consume(code2);
       effects.exit(markerType);
@@ -35966,9 +36074,9 @@ function factoryTitle(effects, ok2, nok, type, markerType, stringType) {
     return atBreak(code2);
   }
   function atBreak(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.exit(stringType);
-      return begin(marker2);
+      return begin(marker);
     }
     if (code2 === null) {
       return nok(code2);
@@ -35985,7 +36093,7 @@ function factoryTitle(effects, ok2, nok, type, markerType, stringType) {
     return inside(code2);
   }
   function inside(code2) {
-    if (code2 === marker2 || code2 === null || markdownLineEnding(code2)) {
+    if (code2 === marker || code2 === null || markdownLineEnding(code2)) {
       effects.exit("chunkString");
       return atBreak(code2);
     }
@@ -35993,7 +36101,7 @@ function factoryTitle(effects, ok2, nok, type, markerType, stringType) {
     return code2 === 92 ? escape : inside;
   }
   function escape(code2) {
-    if (code2 === marker2 || code2 === 92) {
+    if (code2 === marker || code2 === 92) {
       effects.consume(code2);
       return inside;
     }
@@ -36304,7 +36412,7 @@ function resolveToHtmlFlow(events) {
 }
 function tokenizeHtmlFlow(effects, ok2, nok) {
   const self2 = this;
-  let marker2;
+  let marker;
   let closingTag;
   let buffer2;
   let index2;
@@ -36331,7 +36439,7 @@ function tokenizeHtmlFlow(effects, ok2, nok) {
     }
     if (code2 === 63) {
       effects.consume(code2);
-      marker2 = 3;
+      marker = 3;
       return self2.interrupt ? ok2 : continuationDeclarationInside;
     }
     if (asciiAlpha(code2)) {
@@ -36344,18 +36452,18 @@ function tokenizeHtmlFlow(effects, ok2, nok) {
   function declarationOpen(code2) {
     if (code2 === 45) {
       effects.consume(code2);
-      marker2 = 2;
+      marker = 2;
       return commentOpenInside;
     }
     if (code2 === 91) {
       effects.consume(code2);
-      marker2 = 5;
+      marker = 5;
       index2 = 0;
       return cdataOpenInside;
     }
     if (asciiAlpha(code2)) {
       effects.consume(code2);
-      marker2 = 4;
+      marker = 4;
       return self2.interrupt ? ok2 : continuationDeclarationInside;
     }
     return nok(code2);
@@ -36391,18 +36499,18 @@ function tokenizeHtmlFlow(effects, ok2, nok) {
       const slash = code2 === 47;
       const name2 = buffer2.toLowerCase();
       if (!slash && !closingTag && htmlRawNames.includes(name2)) {
-        marker2 = 1;
+        marker = 1;
         return self2.interrupt ? ok2(code2) : continuation(code2);
       }
       if (htmlBlockNames.includes(buffer2.toLowerCase())) {
-        marker2 = 6;
+        marker = 6;
         if (slash) {
           effects.consume(code2);
           return basicSelfClosing;
         }
         return self2.interrupt ? ok2(code2) : continuation(code2);
       }
-      marker2 = 7;
+      marker = 7;
       return self2.interrupt && !self2.parser.lazy[self2.now().line] ? nok(code2) : closingTag ? completeClosingTagAfter(code2) : completeAttributeNameBefore(code2);
     }
     if (code2 === 45 || asciiAlphanumeric(code2)) {
@@ -36517,27 +36625,27 @@ function tokenizeHtmlFlow(effects, ok2, nok) {
     return nok(code2);
   }
   function continuation(code2) {
-    if (code2 === 45 && marker2 === 2) {
+    if (code2 === 45 && marker === 2) {
       effects.consume(code2);
       return continuationCommentInside;
     }
-    if (code2 === 60 && marker2 === 1) {
+    if (code2 === 60 && marker === 1) {
       effects.consume(code2);
       return continuationRawTagOpen;
     }
-    if (code2 === 62 && marker2 === 4) {
+    if (code2 === 62 && marker === 4) {
       effects.consume(code2);
       return continuationClose;
     }
-    if (code2 === 63 && marker2 === 3) {
+    if (code2 === 63 && marker === 3) {
       effects.consume(code2);
       return continuationDeclarationInside;
     }
-    if (code2 === 93 && marker2 === 5) {
+    if (code2 === 93 && marker === 5) {
       effects.consume(code2);
       return continuationCdataInside;
     }
-    if (markdownLineEnding(code2) && (marker2 === 6 || marker2 === 7)) {
+    if (markdownLineEnding(code2) && (marker === 6 || marker === 7)) {
       effects.exit("htmlFlowData");
       return effects.check(blankLineBefore, continuationAfter, continuationStart)(code2);
     }
@@ -36607,7 +36715,7 @@ function tokenizeHtmlFlow(effects, ok2, nok) {
       effects.consume(code2);
       return continuationClose;
     }
-    if (code2 === 45 && marker2 === 2) {
+    if (code2 === 45 && marker === 2) {
       effects.consume(code2);
       return continuationDeclarationInside;
     }
@@ -36657,7 +36765,7 @@ const htmlText = {
 };
 function tokenizeHtmlText(effects, ok2, nok) {
   const self2 = this;
-  let marker2;
+  let marker;
   let index2;
   let returnState;
   return start;
@@ -36885,7 +36993,7 @@ function tokenizeHtmlText(effects, ok2, nok) {
     }
     if (code2 === 34 || code2 === 39) {
       effects.consume(code2);
-      marker2 = code2;
+      marker = code2;
       return tagOpenAttributeValueQuoted;
     }
     if (markdownLineEnding(code2)) {
@@ -36900,9 +37008,9 @@ function tokenizeHtmlText(effects, ok2, nok) {
     return tagOpenAttributeValueUnquoted;
   }
   function tagOpenAttributeValueQuoted(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.consume(code2);
-      marker2 = void 0;
+      marker = void 0;
       return tagOpenAttributeValueQuotedAfter;
     }
     if (code2 === null) {
@@ -37247,18 +37355,18 @@ const thematicBreak$1 = {
 };
 function tokenizeThematicBreak(effects, ok2, nok) {
   let size2 = 0;
-  let marker2;
+  let marker;
   return start;
   function start(code2) {
     effects.enter("thematicBreak");
     return before(code2);
   }
   function before(code2) {
-    marker2 = code2;
+    marker = code2;
     return atBreak(code2);
   }
   function atBreak(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.enter("thematicBreakSequence");
       return sequence(code2);
     }
@@ -37269,7 +37377,7 @@ function tokenizeThematicBreak(effects, ok2, nok) {
     return nok(code2);
   }
   function sequence(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.consume(code2);
       size2++;
       return sequence;
@@ -37458,7 +37566,7 @@ function resolveToSetextUnderline(events, context) {
 }
 function tokenizeSetextUnderline(effects, ok2, nok) {
   const self2 = this;
-  let marker2;
+  let marker;
   return start;
   function start(code2) {
     let index2 = self2.events.length;
@@ -37471,7 +37579,7 @@ function tokenizeSetextUnderline(effects, ok2, nok) {
     }
     if (!self2.parser.lazy[self2.now().line] && (self2.interrupt || paragraph2)) {
       effects.enter("setextHeadingLine");
-      marker2 = code2;
+      marker = code2;
       return before(code2);
     }
     return nok(code2);
@@ -37481,7 +37589,7 @@ function tokenizeSetextUnderline(effects, ok2, nok) {
     return inside(code2);
   }
   function inside(code2) {
-    if (code2 === marker2) {
+    if (code2 === marker) {
       effects.consume(code2);
       return inside;
     }
@@ -37574,17 +37682,17 @@ function resolveToPotentialGfmFootnoteCall(events, context) {
     start: Object.assign({}, events[index2 + 3][1].start),
     end: Object.assign({}, events[events.length - 1][1].end)
   };
-  const marker2 = {
+  const marker = {
     type: "gfmFootnoteCallMarker",
     start: Object.assign({}, events[index2 + 3][1].end),
     end: Object.assign({}, events[index2 + 3][1].end)
   };
-  marker2.end.column++;
-  marker2.end.offset++;
-  marker2.end._bufferIndex++;
+  marker.end.column++;
+  marker.end.offset++;
+  marker.end._bufferIndex++;
   const string2 = {
     type: "gfmFootnoteCallString",
-    start: Object.assign({}, marker2.end),
+    start: Object.assign({}, marker.end),
     end: Object.assign({}, events[events.length - 1][1].start)
   };
   const chunk = {
@@ -37602,8 +37710,8 @@ function resolveToPotentialGfmFootnoteCall(events, context) {
     events[index2 + 3],
     events[index2 + 4],
     // The `^`.
-    ["enter", marker2, context],
-    ["exit", marker2, context],
+    ["enter", marker, context],
+    ["exit", marker, context],
     // Everything in between.
     ["enter", string2, context],
     ["enter", chunk, context],
@@ -38839,9 +38947,9 @@ function name(name2, options) {
 }
 const re$2 = /[ \t\n\f\r]/g;
 function whitespace(thing) {
-  return typeof thing === "object" ? thing.type === "text" ? empty(thing.value) : false : empty(thing);
+  return typeof thing === "object" ? thing.type === "text" ? empty$1(thing.value) : false : empty$1(thing);
 }
-function empty(value) {
+function empty$1(value) {
   return value.replace(re$2, "") === "";
 }
 var cjs$1 = {};
@@ -41866,7 +41974,7 @@ function createState(tree, options) {
     patch,
     wrap: wrap$1
   };
-  visit(tree, function(node2) {
+  visit$1(tree, function(node2) {
     if (node2.type === "definition" || node2.type === "footnoteDefinition") {
       const map2 = node2.type === "definition" ? definitionById : footnoteById;
       const id = String(node2.identifier).toUpperCase();
@@ -43568,6 +43676,104 @@ function isUint8Array(value) {
     value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
   );
 }
+function color(d2) {
+  return d2;
+}
+const empty = [];
+const CONTINUE = true;
+const EXIT = false;
+const SKIP = "skip";
+function visitParents(tree, test, visitor, reverse) {
+  let check;
+  if (typeof test === "function" && typeof visitor !== "function") {
+    reverse = visitor;
+    visitor = test;
+  } else {
+    check = test;
+  }
+  const is = convert(check);
+  const step = reverse ? -1 : 1;
+  factory(tree, void 0, [])();
+  function factory(node2, index2, parents) {
+    const value = (
+      /** @type {Record<string, unknown>} */
+      node2 && typeof node2 === "object" ? node2 : {}
+    );
+    if (typeof value.type === "string") {
+      const name2 = (
+        // `hast`
+        typeof value.tagName === "string" ? value.tagName : (
+          // `xast`
+          typeof value.name === "string" ? value.name : void 0
+        )
+      );
+      Object.defineProperty(visit2, "name", {
+        value: "node (" + color(node2.type + (name2 ? "<" + name2 + ">" : "")) + ")"
+      });
+    }
+    return visit2;
+    function visit2() {
+      let result = empty;
+      let subresult;
+      let offset2;
+      let grandparents;
+      if (!test || is(node2, index2, parents[parents.length - 1] || void 0)) {
+        result = toResult(visitor(node2, parents));
+        if (result[0] === EXIT) {
+          return result;
+        }
+      }
+      if ("children" in node2 && node2.children) {
+        const nodeAsParent = (
+          /** @type {UnistParent} */
+          node2
+        );
+        if (nodeAsParent.children && result[0] !== SKIP) {
+          offset2 = (reverse ? nodeAsParent.children.length : -1) + step;
+          grandparents = parents.concat(nodeAsParent);
+          while (offset2 > -1 && offset2 < nodeAsParent.children.length) {
+            const child = nodeAsParent.children[offset2];
+            subresult = factory(child, offset2, grandparents)();
+            if (subresult[0] === EXIT) {
+              return subresult;
+            }
+            offset2 = typeof subresult[1] === "number" ? subresult[1] : offset2 + step;
+          }
+        }
+      }
+      return result;
+    }
+  }
+}
+function toResult(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  if (typeof value === "number") {
+    return [CONTINUE, value];
+  }
+  return value === null || value === void 0 ? empty : [value];
+}
+function visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
+  let reverse;
+  let test;
+  let visitor;
+  if (typeof testOrVisitor === "function" && typeof visitorOrReverse !== "function") {
+    test = void 0;
+    visitor = testOrVisitor;
+    reverse = visitorOrReverse;
+  } else {
+    test = testOrVisitor;
+    visitor = visitorOrReverse;
+    reverse = maybeReverse;
+  }
+  visitParents(tree, test, overload, reverse);
+  function overload(node2, parents) {
+    const parent = parents[parents.length - 1];
+    const index2 = parent ? parent.children.indexOf(node2) : void 0;
+    return visitor(node2, index2, parent);
+  }
+}
 function M() {
   return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
 }
@@ -44768,7 +44974,7 @@ var Ye = /\s/, qo = /^\s+$/, _o = /* @__PURE__ */ new Set(["code", "pre", "svg",
 }, Uo = (e, t, o, n) => ({ type: "element", tagName: "span", properties: { "data-sd-animate": true, style: `--sd-animation:sd-${t};--sd-duration:${o}ms;--sd-easing:${n}` }, children: [{ type: "text", value: e }] }), Xo = (e, t, o) => {
   let n = t.at(-1);
   if (!(n && "children" in n)) return;
-  if (Wo(t)) return SKIP;
+  if (Wo(t)) return SKIP$1;
   let s2 = n, r2 = s2.children.indexOf(e);
   if (r2 === -1) return;
   let i = e.value;
@@ -44780,7 +44986,7 @@ function Q(e) {
   var n, s2, r2, i;
   let t = { animation: (n = e == null ? void 0 : e.animation) != null ? n : "fadeIn", duration: (s2 = e == null ? void 0 : e.duration) != null ? s2 : 150, easing: (r2 = e == null ? void 0 : e.easing) != null ? r2 : "ease", sep: (i = e == null ? void 0 : e.sep) != null ? i : "word" };
   return { name: "animate", type: "animate", rehypePlugin: () => (c) => {
-    visitParents(c, "text", (a2, l) => Xo(a2, l, t));
+    visitParents$1(c, "text", (a2, l) => Xo(a2, l, t));
   } };
 }
 Q();
@@ -44813,7 +45019,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-DMawUm9n.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 }) })] }) });
@@ -45592,1245 +45798,18 @@ function useSidebarData() {
 function useSidebarDataOptional() {
   return reactExports.useContext(SidebarDataContext);
 }
-const MAP_HEIGHT = 56;
-const TIMELINE_PADDING = 8;
-const ROW_PADDING = 2;
-const ROW_HEIGHT = 24;
-const MARKER_HEIGHT = 24;
-const initialState = {
-  root: {
-    startTime: 0,
-    endTime: 1,
-    duration: 1,
-    depth: 0,
-    children: []
-  },
-  spanMap: {},
-  resourceMap: {},
-  filter: "",
-  selected: null,
-  baseScale: 1,
-  scaleRatio: 1,
-  scale: 1,
-  width: 640,
-  height: 480,
-  timelineWidth: 640,
-  timelineHeight: 480,
-  panelWidth: 380,
-  panelHeight: 480,
-  scrollbarWidth: 0,
-  timelineRef: { current: null },
-  scrollSnapshotRef: { current: void 0 },
-  memoCacheRef: { current: /* @__PURE__ */ new Map() },
-  getQuickLinks: () => [],
-  withPanel: false,
-  isMobile: false
-};
-const TraceViewerContext = reactExports.createContext({
-  state: initialState,
-  dispatch: () => {
-  }
-});
-TraceViewerContext.displayName = "TraceViewerContext";
-const useTraceViewer = () => reactExports.useContext(TraceViewerContext);
-reactExports.createContext(null);
-const traceNode = "_traceNode_1ytrx_1";
-const childRow = "_childRow_1ytrx_5";
-const spanNode = "_spanNode_1ytrx_11";
-const huge = "_huge_1ytrx_31";
-const spanName = "_spanName_1ytrx_34";
-const spanSpacer = "_spanSpacer_1ytrx_40";
-const spanDuration = "_spanDuration_1ytrx_44";
-const small = "_small_1ytrx_62";
-const xHover = "_xHover_1ytrx_62";
-const spanNodeEvent = "_spanNodeEvent_1ytrx_118";
-const eventDiamond = "_eventDiamond_1ytrx_124";
-const customEventColor = "_customEventColor_1ytrx_140";
-const hoverInfo = "_hoverInfo_1ytrx_145";
-const eventName = "_eventName_1ytrx_149";
-const eventTimestamp = "_eventTimestamp_1ytrx_153";
-const alignStart = "_alignStart_1ytrx_174";
-const alignEnd = "_alignEnd_1ytrx_178";
-const colorVercel = "_colorVercel_1ytrx_205";
-const color0 = "_color0_1ytrx_213";
-const color1 = "_color1_1ytrx_220";
-const color2 = "_color2_1ytrx_227";
-const color3 = "_color3_1ytrx_234";
-const color4 = "_color4_1ytrx_241";
-const colorHighlight = "_colorHighlight_1ytrx_248";
-const unlit = "_unlit_1ytrx_256";
-const mapContainer = "_mapContainer_1ytrx_262";
-const spanDetailPanel = "_spanDetailPanel_1ytrx_329";
-const spanDetailPanelResizer = "_spanDetailPanelResizer_1ytrx_338";
-const spanDetailPanelTop = "_spanDetailPanelTop_1ytrx_353";
-const spanDetailPanelBody = "_spanDetailPanelBody_1ytrx_362";
-const spanDetailPanelTopInfo = "_spanDetailPanelTopInfo_1ytrx_375";
-const spanNameDetailPanel = "_spanNameDetailPanel_1ytrx_389";
-const spanDetailPanelTruncatedHeading = "_spanDetailPanelTruncatedHeading_1ytrx_395";
-const spanDetailPanelName = "_spanDetailPanelName_1ytrx_405";
-const spanDetailPanelDuration = "_spanDetailPanelDuration_1ytrx_416";
-const spanDetailPanelCorner = "_spanDetailPanelCorner_1ytrx_427";
-const spanDetailPanelCornerInner = "_spanDetailPanelCornerInner_1ytrx_437";
-const spanDetailPanelCloseVerticalRule = "_spanDetailPanelCloseVerticalRule_1ytrx_445";
-const spanDetailPanelClose = "_spanDetailPanelClose_1ytrx_445";
-const spanDetailPanelAttribute = "_spanDetailPanelAttribute_1ytrx_467";
-const spanDetailPanelAttributeKey = "_spanDetailPanelAttributeKey_1ytrx_484";
-const spanDetailPanelAttributeValue = "_spanDetailPanelAttributeValue_1ytrx_492";
-const spanDetailPanelQuickLink = "_spanDetailPanelQuickLink_1ytrx_503";
-const spanDetailPanelQuickLinkLabel = "_spanDetailPanelQuickLinkLabel_1ytrx_506";
-const detailGroup = "_detailGroup_1ytrx_519";
-const expanded = "_expanded_1ytrx_533";
-const collapsed = "_collapsed_1ytrx_534";
-const ancestorGroup = "_ancestorGroup_1ytrx_535";
-const detailHeading = "_detailHeading_1ytrx_539";
-const buttonLink = "_buttonLink_1ytrx_562";
-const note = "_note_1ytrx_581";
-const skeleton = "_skeleton_1ytrx_589";
-const skeletonRounded = "_skeletonRounded_1ytrx_595";
-const detailHeadingIcon = "_detailHeadingIcon_1ytrx_599";
-const infraSpanDescription = "_infraSpanDescription_1ytrx_603";
-const ancestorNode = "_ancestorNode_1ytrx_613";
-const ancestorText = "_ancestorText_1ytrx_629";
-const ancestorName = "_ancestorName_1ytrx_639";
-const ancestorDuration = "_ancestorDuration_1ytrx_644";
-const ancestorLineContainer = "_ancestorLineContainer_1ytrx_649";
-const ancestorLine = "_ancestorLine_1ytrx_649";
-const zoomButtonGroup = "_zoomButtonGroup_1ytrx_701";
-const zoomButton = "_zoomButton_1ytrx_701";
-const divider = "_divider_1ytrx_751";
-const markersContainer = "_markersContainer_1ytrx_758";
-const markers = "_markers_1ytrx_758";
-const marker = "_marker_1ytrx_758";
-const notch = "_notch_1ytrx_792";
-const markerLabel = "_markerLabel_1ytrx_798";
-const markerClockTime = "_markerClockTime_1ytrx_807";
-const eventMarkersContainer = "_eventMarkersContainer_1ytrx_816";
-const eventMarkers = "_eventMarkers_1ytrx_816";
-const eventMarker = "_eventMarker_1ytrx_816";
-const cursorMarkerStickyParent = "_cursorMarkerStickyParent_1ytrx_839";
-const cursorMarkerLabelContainer = "_cursorMarkerLabelContainer_1ytrx_848";
-const cursorMarkerLabel = "_cursorMarkerLabel_1ytrx_848";
-const cursorMarkerContainer = "_cursorMarkerContainer_1ytrx_898";
-const cursorMarker = "_cursorMarker_1ytrx_839";
-const cursorSelection = "_cursorSelection_1ytrx_916";
-const traceViewer = "_traceViewer_1ytrx_966";
-const mapCanvas = "_mapCanvas_1ytrx_972";
-const zoomButtonTraceViewer = "_zoomButtonTraceViewer_1ytrx_988";
-const timeline = "_timeline_1ytrx_1011";
-const searchBar = "_searchBar_1ytrx_1019";
-const searchInput = "_searchInput_1ytrx_1031";
-const searchInputLabel = "_searchInputLabel_1ytrx_1038";
-const searchInputPrefix = "_searchInputPrefix_1ytrx_1063";
-const mapThumb = "_mapThumb_1ytrx_1101";
-const spanDetailPanelTraceViewer = "_spanDetailPanelTraceViewer_1ytrx_1115";
-const traceViewerContent = "_traceViewerContent_1ytrx_1134";
-const inert = "_inert_1ytrx_1144";
-const hidden = "_hidden_1ytrx_1180";
-const mobile = "_mobile_1ytrx_1184";
-const spanRunning = "_spanRunning_1ytrx_1194";
-const spanPending = "_spanPending_1ytrx_1195";
-const spanCompleted = "_spanCompleted_1ytrx_1203";
-const spanCancelled = "_spanCancelled_1ytrx_1211";
-const spanFailed = "_spanFailed_1ytrx_1219";
-const spanPendingStriped = "_spanPendingStriped_1ytrx_1228";
-const hasQueuedTime = "_hasQueuedTime_1ytrx_1242";
-const spanSleep = "_spanSleep_1ytrx_1254";
-const spanHook = "_spanHook_1ytrx_1263";
-const segmentLayer = "_segmentLayer_1ytrx_1275";
-const segment = "_segment_1ytrx_1275";
-const segmentLabel = "_segmentLabel_1ytrx_1291";
-const segmentTag = "_segmentTag_1ytrx_1306";
-const segQueued = "_segQueued_1ytrx_1314";
-const segRunning = "_segRunning_1ytrx_1325";
-const segFailed = "_segFailed_1ytrx_1330";
-const segRetrying = "_segRetrying_1ytrx_1335";
-const segSucceeded = "_segSucceeded_1ytrx_1346";
-const segWaiting = "_segWaiting_1ytrx_1351";
-const segSleeping = "_segSleeping_1ytrx_1362";
-const segReceived = "_segReceived_1ytrx_1367";
-const boundaryMarker = "_boundaryMarker_1ytrx_1372";
-const boundaryLine = "_boundaryLine_1ytrx_1373";
-const hasSegments = "_hasSegments_1ytrx_1395";
-const eventFailed = "_eventFailed_1ytrx_1432";
-const eventRetrying = "_eventRetrying_1ytrx_1441";
-const eventHook = "_eventHook_1ytrx_1450";
-const eventDefault = "_eventDefault_1ytrx_1459";
-const styles$1 = {
-  traceNode,
-  childRow,
-  spanNode,
-  huge,
-  spanName,
-  spanSpacer,
-  spanDuration,
-  small,
-  xHover,
-  spanNodeEvent,
-  eventDiamond,
-  customEventColor,
-  hoverInfo,
-  eventName,
-  eventTimestamp,
-  alignStart,
-  alignEnd,
-  colorVercel,
-  color0,
-  color1,
-  color2,
-  color3,
-  color4,
-  colorHighlight,
-  unlit,
-  mapContainer,
-  spanDetailPanel,
-  spanDetailPanelResizer,
-  spanDetailPanelTop,
-  spanDetailPanelBody,
-  spanDetailPanelTopInfo,
-  spanNameDetailPanel,
-  spanDetailPanelTruncatedHeading,
-  spanDetailPanelName,
-  spanDetailPanelDuration,
-  spanDetailPanelCorner,
-  spanDetailPanelCornerInner,
-  spanDetailPanelCloseVerticalRule,
-  spanDetailPanelClose,
-  spanDetailPanelAttribute,
-  spanDetailPanelAttributeKey,
-  spanDetailPanelAttributeValue,
-  spanDetailPanelQuickLink,
-  spanDetailPanelQuickLinkLabel,
-  detailGroup,
-  expanded,
-  collapsed,
-  ancestorGroup,
-  detailHeading,
-  buttonLink,
-  note,
-  skeleton,
-  skeletonRounded,
-  detailHeadingIcon,
-  infraSpanDescription,
-  ancestorNode,
-  ancestorText,
-  ancestorName,
-  ancestorDuration,
-  ancestorLineContainer,
-  ancestorLine,
-  zoomButtonGroup,
-  "zoom-buttons-fade-in": "_zoom-buttons-fade-in_1ytrx_1",
-  zoomButton,
-  divider,
-  markersContainer,
-  markers,
-  marker,
-  notch,
-  markerLabel,
-  markerClockTime,
-  eventMarkersContainer,
-  eventMarkers,
-  eventMarker,
-  cursorMarkerStickyParent,
-  cursorMarkerLabelContainer,
-  cursorMarkerLabel,
-  cursorMarkerContainer,
-  cursorMarker,
-  cursorSelection,
-  traceViewer,
-  "span-skeleton": "_span-skeleton_1ytrx_1",
-  mapCanvas,
-  zoomButtonTraceViewer,
-  timeline,
-  searchBar,
-  searchInput,
-  searchInputLabel,
-  searchInputPrefix,
-  mapThumb,
-  spanDetailPanelTraceViewer,
-  traceViewerContent,
-  inert,
-  hidden,
-  mobile,
-  spanRunning,
-  spanPending,
-  spanCompleted,
-  spanCancelled,
-  spanFailed,
-  spanPendingStriped,
-  hasQueuedTime,
-  spanSleep,
-  spanHook,
-  segmentLayer,
-  segment,
-  segmentLabel,
-  segmentTag,
-  segQueued,
-  segRunning,
-  segFailed,
-  segRetrying,
-  segSucceeded,
-  segWaiting,
-  segSleeping,
-  segReceived,
-  boundaryMarker,
-  boundaryLine,
-  hasSegments,
-  eventFailed,
-  eventRetrying,
-  eventHook,
-  eventDefault
-};
-function getHighResInMs([seconds, nanoseconds]) {
-  return seconds * 1e3 + nanoseconds / 1e6;
-}
-const SEGMENT_CLASS_MAP = {
-  queued: "segQueued",
-  running: "segRunning",
-  failed: "segFailed",
-  retrying: "segRetrying",
-  succeeded: "segSucceeded",
-  waiting: "segWaiting",
-  sleeping: "segSleeping",
-  received: "segReceived"
-};
-function clampFraction$1(value) {
-  return Math.max(0, Math.min(1, value));
-}
-function timeToFraction$1(time2, spanStart, spanDuration2) {
-  if (spanDuration2 <= 0)
-    return 0;
-  return clampFraction$1((time2 - spanStart) / spanDuration2);
-}
-function sortedEvents(events) {
-  return [...events].sort((a2, b2) => a2.timestamp - b2.timestamp);
-}
-function computeStepSegments(node2) {
-  const events = node2.events ? sortedEvents(node2.events) : [];
-  const { startTime, duration: duration2 } = node2;
-  const segments = [];
-  if (duration2 <= 0)
-    return segments;
-  const marks = events.filter((e) => [
-    "step_started",
-    "step_retrying",
-    "step_failed",
-    "step_completed"
-  ].includes(e.event.name)).map((e) => ({ time: e.timestamp, type: e.event.name }));
-  if (marks.length === 0) {
-    segments.push({ startFraction: 0, endFraction: 1, status: "running" });
-    return segments;
-  }
-  const firstMark = marks[0];
-  const firstFraction = timeToFraction$1(firstMark.time, startTime, duration2);
-  if (firstFraction > 1e-3) {
-    segments.push({
-      startFraction: 0,
-      endFraction: firstFraction,
-      status: "queued"
-    });
-  }
-  for (let i = 0; i < marks.length; i++) {
-    const mark2 = marks[i];
-    const markFraction = timeToFraction$1(mark2.time, startTime, duration2);
-    const nextMark = marks[i + 1];
-    const nextFraction = nextMark ? timeToFraction$1(nextMark.time, startTime, duration2) : 1;
-    if (mark2.type === "step_started") {
-      const isLastMark = i === marks.length - 1;
-      if (isLastMark) {
-        segments.push({
-          startFraction: markFraction,
-          endFraction: 1,
-          status: "succeeded"
-        });
-      } else {
-        const nextType = nextMark.type;
-        const attemptStatus = nextType === "step_retrying" || nextType === "step_failed" ? "failed" : nextType === "step_completed" ? "succeeded" : "running";
-        segments.push({
-          startFraction: markFraction,
-          endFraction: nextFraction,
-          status: attemptStatus
-        });
-      }
-    } else if (mark2.type === "step_retrying") {
-      segments.push({
-        startFraction: markFraction,
-        endFraction: nextFraction,
-        status: "retrying"
-      });
-    } else if (mark2.type === "step_failed") {
-      if (markFraction < 0.999) {
-        segments.push({
-          startFraction: markFraction,
-          endFraction: 1,
-          status: "failed"
-        });
-      }
-    } else if (mark2.type === "step_completed") ;
-  }
-  return segments;
-}
-function computeHookSegments(node2) {
-  const events = node2.events ? sortedEvents(node2.events) : [];
-  const { startTime, duration: duration2 } = node2;
-  const segments = [];
-  if (duration2 <= 0)
-    return segments;
-  const receivedEvent = events.find((e) => e.event.name === "hook_received");
-  const disposedEvent = events.find((e) => e.event.name === "hook_disposed");
-  if (!receivedEvent && !disposedEvent) {
-    segments.push({ startFraction: 0, endFraction: 1, status: "waiting" });
-    return segments;
-  }
-  const receivedFraction = receivedEvent ? timeToFraction$1(receivedEvent.timestamp, startTime, duration2) : null;
-  const disposedFraction = disposedEvent ? timeToFraction$1(disposedEvent.timestamp, startTime, duration2) : null;
-  if (receivedFraction !== null && receivedFraction > 1e-3) {
-    segments.push({
-      startFraction: 0,
-      endFraction: receivedFraction,
-      status: "waiting"
-    });
-  } else if (receivedFraction === null && disposedFraction !== null) {
-    segments.push({
-      startFraction: 0,
-      endFraction: disposedFraction,
-      status: "waiting"
-    });
-  }
-  if (receivedFraction !== null) {
-    const end = disposedFraction ?? 1;
-    segments.push({
-      startFraction: receivedFraction,
-      endFraction: end,
-      status: "received"
-    });
-  }
-  if (disposedFraction !== null && disposedFraction < 0.999) {
-    segments.push({
-      startFraction: disposedFraction,
-      endFraction: 1,
-      status: "succeeded"
-    });
-  }
-  return segments;
-}
-function computeSleepSegments(node2) {
-  const events = node2.events ? sortedEvents(node2.events) : [];
-  const { startTime, duration: duration2 } = node2;
-  const segments = [];
-  if (duration2 <= 0)
-    return segments;
-  const completedEvent = events.find((e) => e.event.name === "wait_completed");
-  if (!completedEvent) {
-    segments.push({ startFraction: 0, endFraction: 1, status: "sleeping" });
-    return segments;
-  }
-  const completedFraction = timeToFraction$1(completedEvent.timestamp, startTime, duration2);
-  if (completedFraction > 1e-3) {
-    segments.push({
-      startFraction: 0,
-      endFraction: completedFraction,
-      status: "sleeping"
-    });
-  }
-  segments.push({
-    startFraction: completedFraction,
-    endFraction: 1,
-    status: "succeeded"
-  });
-  return segments;
-}
-function computeRunSegments(node2) {
-  var _a3;
-  const events = node2.events ? sortedEvents(node2.events) : [];
-  const { startTime, duration: duration2, activeStartTime } = node2;
-  const segments = [];
-  if (duration2 <= 0)
-    return segments;
-  const hasRunCreated = events.some((e) => e.event.name === "run_created");
-  if (!hasRunCreated) {
-    const runData = (_a3 = node2.span.attributes) == null ? void 0 : _a3.data;
-    const runStatus = runData == null ? void 0 : runData.status;
-    return computeV1RunSegments$1(startTime, duration2, activeStartTime, runStatus);
-  }
-  const failedEvent = events.find((e) => e.event.name === "run_failed");
-  const completedEvent = events.find((e) => e.event.name === "run_completed");
-  let cursor = 0;
-  if (activeStartTime && activeStartTime > startTime) {
-    const queuedFraction = timeToFraction$1(activeStartTime, startTime, duration2);
-    if (queuedFraction > 1e-3) {
-      segments.push({
-        startFraction: 0,
-        endFraction: queuedFraction,
-        status: "queued"
-      });
-      cursor = queuedFraction;
-    }
-  }
-  if (failedEvent) {
-    const failedFraction = timeToFraction$1(failedEvent.timestamp, startTime, duration2);
-    if (failedFraction > cursor + 1e-3) {
-      segments.push({
-        startFraction: cursor,
-        endFraction: failedFraction,
-        status: "running"
-      });
-    }
-    segments.push({
-      startFraction: failedFraction,
-      endFraction: 1,
-      status: "failed"
-    });
-  } else if (completedEvent) {
-    const completedFraction = timeToFraction$1(completedEvent.timestamp, startTime, duration2);
-    if (completedFraction > cursor + 1e-3) {
-      segments.push({
-        startFraction: cursor,
-        endFraction: completedFraction,
-        status: "running"
-      });
-    }
-    segments.push({
-      startFraction: completedFraction,
-      endFraction: 1,
-      status: "succeeded"
-    });
-  } else {
-    segments.push({
-      startFraction: cursor,
-      endFraction: 1,
-      status: "running"
-    });
-  }
-  return segments;
-}
-function computeV1RunSegments$1(startTime, duration2, activeStartTime, runStatus) {
-  const segments = [];
-  let cursor = 0;
-  if (activeStartTime && activeStartTime > startTime) {
-    const queuedFraction = timeToFraction$1(activeStartTime, startTime, duration2);
-    if (queuedFraction > 1e-3) {
-      segments.push({
-        startFraction: 0,
-        endFraction: queuedFraction,
-        status: "queued"
-      });
-      cursor = queuedFraction;
-    }
-  }
-  if (runStatus === "failed") {
-    segments.push({
-      startFraction: cursor,
-      endFraction: 1,
-      status: "failed"
-    });
-  } else if (runStatus === "completed" || runStatus === "cancelled") {
-    segments.push({
-      startFraction: cursor,
-      endFraction: 1,
-      status: "succeeded"
-    });
-  } else {
-    segments.push({
-      startFraction: cursor,
-      endFraction: 1,
-      status: "running"
-    });
-  }
-  return segments;
-}
-const EVENT_LABELS = {
-  step_started: "Started",
-  step_retrying: "Retrying",
-  step_failed: "Failed",
-  hook_created: "Created",
-  hook_received: "Received",
-  hook_disposed: "Resolved",
-  wait_created: "Sleep started",
-  wait_completed: "Sleep completed",
-  run_completed: "Completed",
-  run_failed: "Run failed",
-  step_completed: "Completed"
-};
-function computeBoundaries(node2, relevantEventNames) {
-  const events = node2.events ? sortedEvents(node2.events) : [];
-  const { startTime, duration: duration2 } = node2;
-  if (duration2 <= 0)
-    return [];
-  const boundaries = [];
-  for (const e of events) {
-    if (!relevantEventNames.includes(e.event.name))
-      continue;
-    const fraction = timeToFraction$1(e.timestamp, startTime, duration2);
-    if (fraction < 0.01 || fraction > 0.99)
-      continue;
-    boundaries.push({
-      fraction,
-      label: EVENT_LABELS[e.event.name] ?? e.event.name,
-      offsetMs: e.timestamp - startTime
-    });
-  }
-  return boundaries;
-}
-function computeSegments(resourceType, node2) {
-  switch (resourceType) {
-    case "step":
-      return {
-        segments: computeStepSegments(node2),
-        boundaries: computeBoundaries(node2, [
-          "step_started",
-          "step_retrying",
-          "step_failed",
-          "step_completed"
-        ])
-      };
-    case "hook":
-      return {
-        segments: computeHookSegments(node2),
-        boundaries: computeBoundaries(node2, [
-          "hook_created",
-          "hook_received",
-          "hook_disposed"
-        ])
-      };
-    case "sleep":
-      return {
-        segments: computeSleepSegments(node2),
-        boundaries: computeBoundaries(node2, ["wait_created", "wait_completed"])
-      };
-    case "run":
-      return {
-        segments: computeRunSegments(node2),
-        boundaries: computeBoundaries(node2, ["run_completed", "run_failed"])
-      };
-    default:
-      return { segments: [], boundaries: [] };
-  }
-}
-function getDuration(node2) {
-  if (node2.isInstrumentationHint) {
-    return "Get Started";
-  }
-  return formatDuration(node2.duration);
-}
-const SEGMENT_LABELS = {
-  queued: "Queued",
-  running: "",
-  failed: "Failed",
-  retrying: "Retry wait",
-  succeeded: "Executed",
-  waiting: "Waiting",
-  sleeping: "Sleeping",
-  received: "Received"
-};
-function SegmentLayer({ segments, spanDuration: spanDuration2 }) {
-  if (segments.length === 0)
-    return null;
-  return jsxRuntimeExports.jsx("div", { className: styles$1.segmentLayer, children: segments.map((seg, i) => {
-    const className = styles$1[SEGMENT_CLASS_MAP[seg.status]];
-    const segDuration = (seg.endFraction - seg.startFraction) * spanDuration2;
-    const label = SEGMENT_LABELS[seg.status];
-    const style2 = {
-      left: `${seg.startFraction * 100}%`,
-      width: `${(seg.endFraction - seg.startFraction) * 100}%`
-    };
-    return jsxRuntimeExports.jsx("div", { className: `${styles$1.segment} ${String(className)}`, style: style2, title: label ? `${label} ${formatDuration(segDuration)}` : formatDuration(segDuration) }, `seg-${seg.status}-${String(i)}`);
-  }) });
-}
-function getSegmentTags(segments, spanDuration2) {
-  const tags = [];
-  for (let i = 0; i < segments.length; i++) {
-    const seg = segments[i];
-    const label = SEGMENT_LABELS[seg.status];
-    if (!label)
-      continue;
-    let segDuration = (seg.endFraction - seg.startFraction) * spanDuration2;
-    if (segDuration < 1 && (seg.status === "succeeded" || seg.status === "failed") && i > 0) {
-      const prev = segments[i - 1];
-      if (prev.status === "running") {
-        segDuration = (prev.endFraction - prev.startFraction) * spanDuration2;
-      }
-    }
-    if (segDuration < 1)
-      continue;
-    tags.push({ label, duration: formatDuration(segDuration) });
-  }
-  return tags;
-}
-function TextContent({ node: node2, layout, durationMs, segmentTags }) {
-  const duration2 = node2.isInstrumentationHint ? getDuration(node2) : formatDuration(durationMs ?? node2.duration);
-  if (layout.isSmall && !layout.isHovered) {
-    return null;
-  }
-  const showTags = segmentTags && segmentTags.length > 0 && (layout.isHovered || layout.width > 200);
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("span", { className: styles$1.spanName, children: [node2.label || node2.span.name, showTags ? segmentTags.map((tag, i) => jsxRuntimeExports.jsxs("span", { className: styles$1.segmentTag, children: [" · ", tag.label, " ", tag.duration] }, i)) : null] }), layout.isHuge ? jsxRuntimeExports.jsx("span", { className: styles$1.spanSpacer }) : null, layout.isHovered || layout.width > 128 ? jsxRuntimeExports.jsx("span", { className: styles$1.spanDuration, children: duration2 }) : null] });
-}
-function DefaultContent({ node: node2, layout }) {
-  return jsxRuntimeExports.jsx(TextContent, { node: node2, layout });
-}
-function WorkflowContent({ resourceType, node: node2, layout, durationMs }) {
-  const spanDuration2 = durationMs ?? node2.duration;
-  const { segments } = computeSegments(resourceType, node2);
-  const segmentTags = getSegmentTags(segments, spanDuration2);
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(SegmentLayer, { segments, spanDuration: spanDuration2 }), jsxRuntimeExports.jsx(TextContent, { durationMs: spanDuration2, node: node2, layout, segmentTags })] });
-}
-function RunContent(props) {
-  return jsxRuntimeExports.jsx(WorkflowContent, { resourceType: "run", ...props });
-}
-function StepContent(props) {
-  return jsxRuntimeExports.jsx(WorkflowContent, { resourceType: "step", ...props });
-}
-function HookContent(props) {
-  return jsxRuntimeExports.jsx(WorkflowContent, { resourceType: "hook", ...props });
-}
-function SleepContent(props) {
-  return jsxRuntimeExports.jsx(WorkflowContent, { resourceType: "sleep", ...props });
-}
-function SpanContent({ resourceType, ...props }) {
-  switch (resourceType) {
-    case "run":
-      return jsxRuntimeExports.jsx(RunContent, { ...props });
-    case "step":
-      return jsxRuntimeExports.jsx(StepContent, { ...props });
-    case "hook":
-      return jsxRuntimeExports.jsx(HookContent, { ...props });
-    case "sleep":
-      return jsxRuntimeExports.jsx(SleepContent, { ...props });
-    default:
-      return jsxRuntimeExports.jsx(DefaultContent, { ...props });
-  }
-}
-const MIN_SPAN_WIDTH = 4;
-function getResourceType(node2) {
-  var _a3;
-  const resource = (_a3 = node2.span.attributes) == null ? void 0 : _a3.resource;
-  if (resource === "run" || resource === "step" || resource === "hook" || resource === "sleep") {
-    return resource;
-  }
-  return "default";
-}
-function computeIsSmall(actualWidth) {
-  return actualWidth < 64;
-}
-function computeIsHuge(actualWidth) {
-  return actualWidth >= 500;
-}
-function computeIsHovered(node2, isHuge) {
-  return node2.isHovered && !isHuge && node2.isHighlighted !== false;
-}
-function computeIsNearRightSide(node2, root2, scrollSnapshotRef, isHovered) {
-  if (!isHovered)
-    return false;
-  let visibleDuration = root2.duration;
-  let visibleEndTime = root2.endTime;
-  const snapshot = scrollSnapshotRef.current;
-  if (snapshot) {
-    visibleDuration = snapshot.endTime - snapshot.startTime;
-    visibleEndTime = snapshot.endTime;
-  }
-  return visibleEndTime - node2.startTime < 0.25 * visibleDuration;
-}
-function computeDefaultLayout(node2, root2, scale, scrollSnapshotRef) {
-  const left = (node2.startTime - root2.startTime) * scale;
-  let top = MARKER_HEIGHT + (ROW_HEIGHT + ROW_PADDING) * node2.row;
-  const actualWidth = node2.duration * scale;
-  const width = Math.max(actualWidth, MIN_SPAN_WIDTH);
-  let height = ROW_HEIGHT;
-  const isHuge = computeIsHuge(actualWidth);
-  const isSmall = computeIsSmall(actualWidth);
-  const isHovered = computeIsHovered(node2, isHuge);
-  const isExpanded = isHovered || Boolean(node2.isSelected);
-  if (isSmall && !isExpanded) {
-    height *= 0.4;
-    top += (ROW_HEIGHT - height) * 0.5;
-  }
-  const isNearRightSide = computeIsNearRightSide(node2, root2, scrollSnapshotRef, isExpanded);
-  return {
-    width,
-    actualWidth,
-    height,
-    top,
-    left,
-    isSmall,
-    isHuge,
-    isHovered,
-    isExpanded,
-    isNearRightSide
-  };
-}
-function getRunLayout(node2, root2, scale, scrollSnapshotRef) {
-  return computeDefaultLayout(node2, root2, scale, scrollSnapshotRef);
-}
-function getStepLayout(node2, root2, scale, scrollSnapshotRef) {
-  return computeDefaultLayout(node2, root2, scale, scrollSnapshotRef);
-}
-function getHookLayout(node2, root2, scale, scrollSnapshotRef) {
-  return computeDefaultLayout(node2, root2, scale, scrollSnapshotRef);
-}
-function getSleepLayout(node2, root2, scale, scrollSnapshotRef) {
-  return computeDefaultLayout(node2, root2, scale, scrollSnapshotRef);
-}
-function getSpanLayout(resourceType, node2, root2, scale, scrollSnapshotRef) {
-  switch (resourceType) {
-    case "run":
-      return getRunLayout(node2, root2, scale, scrollSnapshotRef);
-    case "step":
-      return getStepLayout(node2, root2, scale, scrollSnapshotRef);
-    case "hook":
-      return getHookLayout(node2, root2, scale, scrollSnapshotRef);
-    case "sleep":
-      return getSleepLayout(node2, root2, scale, scrollSnapshotRef);
-    default:
-      return computeDefaultLayout(node2, root2, scale, scrollSnapshotRef);
-  }
-}
-const getSpanColorClassName = (node2) => {
-  if (node2.isVercel)
-    return String(styles$1.colorVercel);
-  return String(styles$1[`color${node2.resourceIndex % 5}`]);
-};
-function getTerminalTimestamp(resourceType, node2) {
-  const events = node2.events;
-  if (!(events == null ? void 0 : events.length))
-    return void 0;
-  switch (resourceType) {
-    case "hook":
-      for (let i = events.length; i--; ) {
-        if (events[i].event.name === "hook_disposed") {
-          return events[i].timestamp;
-        }
-      }
-      return void 0;
-    case "sleep":
-      for (let i = events.length; i--; ) {
-        if (events[i].event.name === "wait_completed") {
-          return events[i].timestamp;
-        }
-      }
-      return void 0;
-    case "run":
-      for (let i = events.length; i--; ) {
-        const name2 = events[i].event.name;
-        if (name2 === "run_completed" || name2 === "run_failed" || name2 === "run_cancelled") {
-          return events[i].timestamp;
-        }
-      }
-      return void 0;
-    case "step":
-      for (let i = events.length; i--; ) {
-        const name2 = events[i].event.name;
-        if (name2 === "step_completed" || name2 === "step_failed") {
-          return events[i].timestamp;
-        }
-        if (name2 === "step_started" || name2 === "step_retrying") {
-          return void 0;
-        }
-      }
-      return void 0;
-    default:
-      return void 0;
-  }
-}
-reactExports.memo(function SpanNodes({ root: root2, scale, spans, isLive = false, scrollSnapshotRef, cache, customSpanClassNameFunc, customSpanEventClassNameFunc }) {
-  return spans.map((x2) => jsxRuntimeExports.jsx(SpanComponent, { cacheKey: cache.get(x2.span.spanId), customSpanEventClassNameFunc, customSpanClassNameFunc, node: x2, root: root2, scale, traceIsLive: isLive, scrollSnapshotRef }, x2.span.spanId));
-});
-function getSpanStyle(layout, node2, root2, scale) {
-  const expanded2 = layout.isExpanded;
-  return {
-    // Use actualWidth for CSS variable so hover expansion is accurate
-    "--span-width": `${Math.max(layout.actualWidth, 1)}px`,
-    minWidth: expanded2 ? layout.width : void 0,
-    width: expanded2 ? void 0 : layout.width,
-    height: layout.height,
-    maxWidth: expanded2 && !layout.isNearRightSide ? (root2.endTime - node2.startTime) * scale : void 0,
-    containIntrinsicWidth: expanded2 ? void 0 : layout.width,
-    containIntrinsicHeight: layout.height,
-    left: layout.isNearRightSide ? void 0 : layout.left,
-    right: layout.isNearRightSide ? (root2.endTime - node2.endTime) * scale : void 0,
-    top: layout.top
-  };
-}
-const SpanComponent = reactExports.memo(function SpanComponent2({ node: node2, root: root2, scale, traceIsLive = false, scrollSnapshotRef, customSpanClassNameFunc, customSpanEventClassNameFunc }) {
-  var _a3;
-  const ref = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    node2.ref = ref;
-    return () => {
-      node2.ref = void 0;
-    };
-  }, [node2]);
-  const { span } = node2;
-  const resourceType = getResourceType(node2);
-  const [liveNow, setLiveNow] = reactExports.useState(0);
-  const customClassName = customSpanClassNameFunc ? customSpanClassNameFunc(node2) : "";
-  const isWorkflowSpan = resourceType !== "default";
-  const data = (_a3 = span.attributes) == null ? void 0 : _a3.data;
-  const terminalTimestamp = getTerminalTimestamp(resourceType, node2);
-  const hasTerminalEvent = terminalTimestamp != null;
-  const isCompletedByData = resourceType === "hook" ? Boolean(data == null ? void 0 : data.disposedAt) : Boolean(data == null ? void 0 : data.completedAt);
-  const isCompleted = isCompletedByData || hasTerminalEvent;
-  const isLive = traceIsLive && isWorkflowSpan && !isCompleted;
-  reactExports.useEffect(() => {
-    if (!isLive)
-      return;
-    setLiveNow(Date.now());
-    const interval = setInterval(() => {
-      setLiveNow(Date.now());
-    }, 250);
-    return () => clearInterval(interval);
-  }, [isLive]);
-  const canonicalStartTime = getHighResInMs(span.startTime);
-  const canonicalEndTime = getHighResInMs(span.endTime);
-  const canonicalDuration = getHighResInMs(span.duration);
-  const canonicalActiveStartTime = span.activeStartTime ? getHighResInMs(span.activeStartTime) : void 0;
-  const durationMs = terminalTimestamp != null ? Math.max(0, terminalTimestamp - canonicalStartTime) : isLive ? Math.max(0, (liveNow || Date.now()) - canonicalStartTime) : canonicalDuration;
-  const duration2 = node2.isInstrumentationHint ? "Get Started" : formatDuration(durationMs);
-  const baseNode = {
-    ...node2,
-    startTime: canonicalStartTime,
-    endTime: canonicalEndTime,
-    duration: canonicalDuration,
-    activeStartTime: canonicalActiveStartTime
-  };
-  const segmentNode = isLive ? {
-    ...baseNode,
-    duration: durationMs,
-    endTime: canonicalStartTime + durationMs
-  } : baseNode;
-  const hasSegments2 = isWorkflowSpan && computeSegments(resourceType, segmentNode).segments.length > 0;
-  const layout = getSpanLayout(resourceType, segmentNode, root2, scale, scrollSnapshotRef);
-  if (isLive) {
-    const elapsed = durationMs;
-    const liveActualWidth = elapsed * scale;
-    const liveWidth = Math.max(liveActualWidth, 4);
-    layout.actualWidth = liveActualWidth;
-    layout.width = liveWidth;
-    layout.isSmall = liveActualWidth < 64;
-    layout.isHuge = liveActualWidth >= 500;
-    if (!layout.isSmall) {
-      layout.height = ROW_HEIGHT;
-      layout.top = MARKER_HEIGHT + (ROW_HEIGHT + ROW_PADDING) * segmentNode.row;
-    }
-  }
-  reactExports.useEffect(() => {
-    if (!isLive || !ref.current)
-      return;
-    let rafId = 0;
-    const tick = () => {
-      const $el = ref.current;
-      if (!$el)
-        return;
-      const elapsed = Date.now() - canonicalStartTime;
-      const w2 = Math.max(elapsed * scale, 2);
-      $el.style.width = `${w2}px`;
-      $el.style.setProperty("--span-width", `${w2}px`);
-      rafId = requestAnimationFrame(tick);
-    };
-    rafId = requestAnimationFrame(tick);
-    return () => cancelAnimationFrame(rafId);
-  }, [isLive, canonicalStartTime, scale]);
-  const renderNode = segmentNode;
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("button", { "aria-label": `${span.name} - ${duration2}`, className: clsx(styles$1.spanNode, layout.isHuge && styles$1.huge, layout.isSmall && styles$1.small, layout.isExpanded && styles$1.xHover, node2.isHighlighted ? styles$1.colorHighlight : getSpanColorClassName(node2), node2.isHighlighted === false && styles$1.unlit, customClassName, hasSegments2 && styles$1.hasSegments), "data-span-id": span.spanId, "data-start-time": segmentNode.startTime - root2.startTime, "data-right-side": layout.isNearRightSide, "data-selected": node2.isSelected ? "" : void 0, ref, style: getSpanStyle(layout, segmentNode, root2, scale), type: "button", children: jsxRuntimeExports.jsx(SpanContent, { durationMs, resourceType, node: renderNode, layout }) }), segmentNode.events && !layout.isSmall ? segmentNode.events.map((x2) => jsxRuntimeExports.jsx(SpanEventComponent, { customSpanEventClassNameFunc, event: x2, node: segmentNode, root: root2, scale, asBoundary: isWorkflowSpan }, x2.key)) : null] });
-});
-const BOUNDARY_LABELS = {
-  step_started: "Started",
-  step_retrying: "Retrying",
-  step_failed: "Failed",
-  hook_created: "Created",
-  hook_received: "Received",
-  hook_disposed: "Resolved",
-  wait_created: "Sleep started",
-  wait_completed: "Sleep completed",
-  run_started: "Started",
-  run_completed: "Completed",
-  run_failed: "Run failed",
-  step_completed: "Completed",
-  attr_set: "Attributes set"
-};
-const SpanEventComponent = reactExports.memo(function SpanEventComponent2({ event, node: node2, root: root2, scale, customSpanEventClassNameFunc, asBoundary = false }) {
-  const ref = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    event.ref = ref;
-    return () => {
-      event.ref = void 0;
-    };
-  }, [event]);
-  const { event: { name: name2 } } = event;
-  const timestamp = formatDuration(event.timestamp - root2.startTime);
-  const displayLabel = asBoundary ? BOUNDARY_LABELS[name2] ?? name2 : name2;
-  const isForwardEvent = asBoundary && (name2 === "step_started" || name2 === "run_started" || name2 === "step_retrying");
-  const isTerminalEvent = asBoundary && (name2 === "step_completed" || name2 === "run_completed");
-  let phaseDuration = null;
-  let phaseLabel = null;
-  if ((isForwardEvent || isTerminalEvent) && node2.events) {
-    const sortedNodeEvents = [...node2.events].sort((a2, b2) => a2.timestamp - b2.timestamp);
-    const currentIdx = sortedNodeEvents.findIndex((e) => e.key === event.key);
-    if (isTerminalEvent) {
-      let prevStartTime = null;
-      for (let i = currentIdx - 1; i >= 0; i--) {
-        if (sortedNodeEvents[i].event.name === "step_started") {
-          prevStartTime = sortedNodeEvents[i].timestamp;
-          break;
-        }
-      }
-      if (prevStartTime !== null) {
-        phaseDuration = formatDuration(event.timestamp - prevStartTime);
-        phaseLabel = "Executed";
-      }
-    } else {
-      const nextEvent = sortedNodeEvents[currentIdx + 1];
-      const endTime = nextEvent ? nextEvent.timestamp : node2.endTime;
-      phaseDuration = formatDuration(endTime - event.timestamp);
-      phaseLabel = name2 === "step_retrying" ? "Waited" : "Executed";
-    }
-  }
-  const left = (event.timestamp - root2.startTime) * scale;
-  const top = MARKER_HEIGHT + (ROW_HEIGHT + ROW_PADDING) * node2.row;
-  const isLeftAligned = node2.duration <= 0 || (event.timestamp - node2.startTime) / node2.duration < 0.5;
-  const customClassName = customSpanEventClassNameFunc ? customSpanEventClassNameFunc(event) : "";
-  return jsxRuntimeExports.jsxs("div", { title: phaseDuration ? `${displayLabel} ${timestamp}
-${phaseLabel} ${phaseDuration}` : `${displayLabel} ${timestamp}`, className: clsx(styles$1.spanNodeEvent, customClassName, asBoundary && styles$1.boundaryMarker, node2.isHighlighted ? styles$1.colorHighlight : getSpanColorClassName(node2), node2.isHighlighted === false && styles$1.unlit), "data-hovered": event.isHovered, ref, style: {
-    left,
-    top
-  }, children: [jsxRuntimeExports.jsx("div", { className: clsx(styles$1.hoverInfo, isLeftAligned ? styles$1.alignStart : styles$1.alignEnd), children: asBoundary ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$1.eventName, children: displayLabel }), jsxRuntimeExports.jsx("span", { className: styles$1.eventTimestamp, children: timestamp }), phaseDuration ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$1.eventName, children: phaseLabel }), jsxRuntimeExports.jsx("span", { className: styles$1.eventTimestamp, children: phaseDuration })] }) : null] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$1.eventName, children: name2 }), jsxRuntimeExports.jsx("span", { className: styles$1.eventTimestamp, children: timestamp })] }) }), asBoundary ? jsxRuntimeExports.jsx("div", { className: styles$1.boundaryLine }) : jsxRuntimeExports.jsx("div", { className: styles$1.eventDiamond })] });
-});
-const colorTokenMap = {
-  "gray-700": "var(--ds-gray-700)",
-  "gray-900": "var(--ds-gray-900)"
-};
-function IconChevronDown({ size: size2 = 16 }) {
-  return jsxRuntimeExports.jsxs("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: styles$1.detailHeadingIcon, children: [jsxRuntimeExports.jsx("title", { children: "Chevron Down" }), jsxRuntimeExports.jsx("path", { d: "M6 9l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] });
-}
-function IconExternalSmall({ size: size2 = 16, color: color5 = "gray-900" }) {
-  const style2 = { color: colorTokenMap[color5] || color5 };
-  return jsxRuntimeExports.jsxs("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "none", style: style2, "aria-hidden": true, children: [jsxRuntimeExports.jsx("title", { children: "External Small" }), jsxRuntimeExports.jsx("path", { d: "M14 4h6m0 0v6m0-6L10 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsx("path", { d: "M20 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] });
-}
-function Link(props) {
-  const { as: asProp, className, href, children: children2, ...rest } = props;
-  const Element2 = asProp || "a";
-  if (Element2 === "span" || !href) {
-    return jsxRuntimeExports.jsx("span", { className, ...rest, children: children2 });
-  }
-  return jsxRuntimeExports.jsx("a", { className, href, ...rest, children: children2 });
-}
-function Skeleton({ width, height, rounded }) {
-  return jsxRuntimeExports.jsx("span", { className: clsx(styles$1.skeleton, rounded && styles$1.skeletonRounded), style: { width, height }, "aria-hidden": true });
-}
-const EXPANDED_STORAGE_KEY_PREFIX = "vc-trace-span-exp:";
-function DetailGroup({ name: name2, className = "", children: children2 }) {
-  const [isExpanded, setIsExpanded] = reactExports.useState(() => {
-    if (!("localStorage" in globalThis))
-      return true;
-    return localStorage.getItem(`${EXPANDED_STORAGE_KEY_PREFIX}${name2}`) !== "0";
-  });
-  const toggleExpanded = reactExports.useCallback(() => {
-    setIsExpanded((x2) => {
-      const willBeExpanded = !x2;
-      localStorage.setItem(`${EXPANDED_STORAGE_KEY_PREFIX}${name2}`, String(Number(willBeExpanded)));
-      return willBeExpanded;
-    });
-  }, [name2]);
-  return jsxRuntimeExports.jsxs("div", { className: clsx(styles$1.detailGroup, isExpanded ? styles$1.expanded : styles$1.collapsed, className), children: [jsxRuntimeExports.jsxs("button", { className: styles$1.detailHeading, onClick: toggleExpanded, type: "button", children: [jsxRuntimeExports.jsx("span", { children: name2 }), jsxRuntimeExports.jsx(IconChevronDown, {})] }), isExpanded ? children2 : null] });
-}
-reactExports.memo(function EntrySpanLinks({ getQuickLinks, span }) {
-  const links = getQuickLinks(span);
-  if (!links.length)
-    return null;
-  return jsxRuntimeExports.jsx(DetailGroup, { name: "Links", children: links.map(({ key, value }) => jsxRuntimeExports.jsx(EntrySpanLink, { link: value, name: key }, key)) });
-});
-function usePromise(promise) {
-  const [_2, setLatest] = reactExports.useState({});
-  const fulfilled = promise.__resolvedValue !== void 0 || promise.__rejectedValue !== void 0;
-  reactExports.useEffect(() => {
-    if (fulfilled)
-      return;
-    promise.then((value) => {
-      promise.__resolvedValue = value;
-    }).catch((err) => {
-      promise.__rejectedValue = err;
-    }).finally(() => setLatest({}));
-  }, [promise, fulfilled]);
-  return promise.__resolvedValue;
-}
-function EntrySpanLink({ name: name2, link: linkPromise }) {
-  const link2 = usePromise(linkPromise);
-  return jsxRuntimeExports.jsxs(Link, { as: link2 ? void 0 : "span", className: clsx(styles$1.spanDetailPanelAttribute, styles$1.spanDetailPanelQuickLink), href: (link2 == null ? void 0 : link2.href) || "", children: [jsxRuntimeExports.jsx("span", { className: styles$1.spanDetailPanelAttributeKey, children: name2 }), jsxRuntimeExports.jsx("span", { className: clsx(styles$1.spanDetailPanelAttributeValue, styles$1.spanDetailPanelQuickLinkLabel), children: link2 ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [link2.label, link2.icon || jsxRuntimeExports.jsx(IconExternalSmall, { color: "gray-900" })] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Skeleton, { height: 18, width: 32 + name2.length * 8 }), jsxRuntimeExports.jsx(Skeleton, { height: 18, rounded: true, width: 18 })] }) })] });
-}
-function useImmediateStyle(ref) {
-  const styleRef = reactExports.useRef({});
-  const setStyle = reactExports.useCallback((propertyName, value) => {
-    styleRef.current[propertyName] = value;
-    if (!ref.current)
-      return;
-    if (!value) {
-      ref.current.style.removeProperty(propertyName);
-      return;
-    }
-    ref.current.style.setProperty(propertyName, value);
-  }, [ref]);
-  return { setStyle, styleRef, style: { ...styleRef.current } };
+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, { 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, { className: "h-3", style: { width: row.width } }), jsxRuntimeExports.jsx(Skeleton, { className: "h-4 w-4 shrink-0 rounded-sm" })] }, row.id)) })] });
 }
-const getDpi = () => {
-  if ("devicePixelRatio" in globalThis) {
-    return globalThis.devicePixelRatio || 1;
-  }
-  return 1;
-};
-const useDpi = () => {
-  const [dpi, setDpi] = reactExports.useState(1);
-  reactExports.useLayoutEffect(() => {
-    const onChange = () => setDpi(getDpi());
-    const media = matchMedia(`(resolution: ${dpi}dppx)`);
-    media.addEventListener("change", onChange);
-    onChange();
-    return () => {
-      media.removeEventListener("change", onChange);
-    };
-  }, [dpi]);
-  return dpi;
-};
-const padding = TIMELINE_PADDING;
-reactExports.memo(function MiniMap({ timelineRef, rows, scale }) {
-  const { state: { root: root2, baseScale, timelineWidth, width: fullWidth, scrollbarWidth } } = useTraceViewer();
-  const mapWidth = fullWidth + TIMELINE_PADDING * 2;
-  const dpi = useDpi();
-  const containerRef = reactExports.useRef(null);
-  const canvasRef = reactExports.useRef(null);
-  const thumbRatio = fullWidth / (fullWidth - scrollbarWidth) * Math.min(fullWidth / timelineWidth, baseScale / scale);
-  const thumbWidth = Math.min(fullWidth, (timelineWidth - scrollbarWidth) * thumbRatio);
-  reactExports.useEffect(() => {
-    let isHeld = false;
-    let clientX = 0;
-    let rect;
-    const isValidEventTarget = (target2) => {
-      var _a3;
-      return Boolean((_a3 = containerRef.current) == null ? void 0 : _a3.contains(target2));
-    };
-    let nextFrame = 0;
-    const onFrame = () => {
-      if (!isHeld || !rect)
-        return;
-      const $timeline = timelineRef.current;
-      if (!$timeline)
-        return;
-      const x2 = clientX - thumbWidth * 0.5 - rect.left;
-      $timeline.scrollLeft = x2 / thumbRatio;
-    };
-    const onPointerMove = (event) => {
-      ({ clientX } = event);
-      cancelAnimationFrame(nextFrame);
-      nextFrame = requestAnimationFrame(onFrame);
-    };
-    const onPointerDown = (event) => {
-      var _a3;
-      if (!isValidEventTarget(event.target))
-        return;
-      isHeld = true;
-      rect = (_a3 = containerRef.current) == null ? void 0 : _a3.getBoundingClientRect();
-      onPointerMove(event);
-    };
-    const onPointerUp = () => {
-      isHeld = false;
-      rect = void 0;
-    };
-    const onTouchStart = (event) => {
-      if (!isValidEventTarget(event.target))
-        return;
-      if (event.cancelable) {
-        event.preventDefault();
-      }
-    };
-    const onTouchMove = (event) => {
-      if (!isHeld)
-        return;
-      if (event.cancelable) {
-        event.preventDefault();
-      }
-    };
-    window.addEventListener("pointerdown", onPointerDown);
-    window.addEventListener("pointermove", onPointerMove);
-    window.addEventListener("pointerup", onPointerUp);
-    window.addEventListener("blur", onPointerUp);
-    window.addEventListener("touchstart", onTouchStart, { passive: false });
-    window.addEventListener("touchmove", onTouchMove, { passive: false });
-    return () => {
-      window.removeEventListener("pointerdown", onPointerDown);
-      window.removeEventListener("pointermove", onPointerMove);
-      window.removeEventListener("pointerup", onPointerUp);
-      window.removeEventListener("blur", onPointerUp);
-      window.removeEventListener("touchstart", onTouchStart);
-      window.removeEventListener("touchmove", onTouchMove);
-      cancelAnimationFrame(nextFrame);
-    };
-  }, [timelineRef, thumbRatio, thumbWidth]);
-  reactExports.useEffect(() => {
-    const canvas = canvasRef.current;
-    const ctx = canvas == null ? void 0 : canvas.getContext("2d");
-    if (!canvas || !ctx)
-      return;
-    const render = () => {
-      ctx.resetTransform();
-      ctx.clearRect(0, 0, canvas.width, canvas.height);
-      ctx.scale(dpi, dpi);
-      const gap = 1;
-      const height = 3;
-      const ratio = (mapWidth - padding * 2) / root2.duration;
-      ctx.fillStyle = "#ccc";
-      ctx.beginPath();
-      for (const row of rows) {
-        for (const span of row) {
-          const y2 = padding - gap + (gap + height) * span.row;
-          if (y2 >= MAP_HEIGHT - height - padding)
-            break;
-          const x2 = padding + (span.startTime - root2.startTime) * ratio;
-          const width = span.duration * ratio;
-          ctx.roundRect(x2, y2, width, height, height);
-        }
-      }
-      ctx.fill();
-    };
-    const nextFrame = requestAnimationFrame(render);
-    return () => cancelAnimationFrame(nextFrame);
-  }, [dpi, root2, mapWidth, rows]);
-  const thumbRef = reactExports.useRef(null);
-  const { style: thumbStyle, setStyle: setThumbStyle } = useImmediateStyle(thumbRef);
-  reactExports.useLayoutEffect(() => {
-    const $timeline = timelineRef.current;
-    if (!$timeline)
-      return;
-    let nextFrame = 0;
-    const onFrame = () => {
-      setThumbStyle("transform", `translateX(${padding + $timeline.scrollLeft * thumbRatio}px)`);
-    };
-    onFrame();
-    const onScroll = () => {
-      cancelAnimationFrame(nextFrame);
-      nextFrame = requestAnimationFrame(onFrame);
-    };
-    $timeline.addEventListener("scroll", onScroll);
-    return () => {
-      cancelAnimationFrame(nextFrame);
-      $timeline.removeEventListener("scroll", onScroll);
-    };
-  }, [timelineRef, thumbRatio, setThumbStyle]);
-  return jsxRuntimeExports.jsxs("div", { className: styles$1.mapContainer, ref: containerRef, style: {
-    width: thumbWidth > 0 ? mapWidth : "100%",
-    height: MAP_HEIGHT
-  }, children: [jsxRuntimeExports.jsx("canvas", { className: styles$1.mapCanvas, height: MAP_HEIGHT * dpi, ref: canvasRef, style: { width: mapWidth, height: MAP_HEIGHT }, width: mapWidth * dpi }), jsxRuntimeExports.jsx("div", { className: styles$1.mapThumb, ref: thumbRef, style: {
-    transform: thumbStyle.transform,
-    width: thumbWidth > 0 ? thumbWidth : `calc(100% - ${TIMELINE_PADDING * 2}px)`,
-    top: 2,
-    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 }) })] }) });
+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 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))] });
-}
 function StreamViewer({ streamId: _streamId, chunks, isLive, error, isLoading, onScrollEnd }) {
   const virtuosoRef = reactExports.useRef(null);
   const prevChunkCountRef = reactExports.useRef(0);
@@ -46845,17 +45824,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]",
@@ -47028,10 +45999,10 @@ function getPathValue(source, path2) {
   if (!source || typeof source !== "object")
     return void 0;
   let current = source;
-  for (const segment2 of path2.split(".")) {
-    if (!segment2)
+  for (const segment of path2.split(".")) {
+    if (!segment)
       return void 0;
-    current = getOwnProperty(current, segment2);
+    current = getOwnProperty(current, segment);
     if (current === void 0)
       return void 0;
   }
@@ -47051,6 +46022,9 @@ function valueToSearchString(value) {
     return String(value);
   }
 }
+function getHighResInMs([seconds, nanoseconds]) {
+  return seconds * 1e3 + nanoseconds / 1e6;
+}
 function computeRootBounds(spans) {
   let minStart = Number.POSITIVE_INFINITY;
   let maxEnd = Number.NEGATIVE_INFINITY;
@@ -47139,20 +46113,20 @@ function computeTimeMarkers(viewDuration, offset2) {
   const interval = pickInterval(viewDuration, maxTicks);
   const fractionDigits = interval >= MS_IN_SECOND ? 0 : Math.ceil(-Math.log10(interval / MS_IN_SECOND));
   const firstTick = Math.ceil(offset2 / interval) * interval;
-  const markers2 = [];
+  const markers = [];
   for (let t = firstTick; t <= offset2 + viewDuration; t += interval) {
     const position2 = (t - offset2) / viewDuration;
     if (position2 < -0.01 || position2 > 1.01)
       continue;
-    markers2.push({
+    markers.push({
       position: Math.min(Math.max(position2, 0), 1),
       label: fractionDigits === 0 ? formatDuration(Math.abs(t), true) : formatDurationPrecise(Math.abs(t), fractionDigits),
       value: t
     });
-    if (markers2.length >= MAX_MARKERS)
+    if (markers.length >= MAX_MARKERS)
       break;
   }
-  return markers2;
+  return markers;
 }
 function toViewportFrac(ms2, viewStart, range) {
   return Math.min(Math.max((ms2 - viewStart) / range, 0), 1);
@@ -47241,10 +46215,10 @@ function getResourceColor(resource) {
 function clampFraction(value) {
   return Math.max(0, Math.min(1, value));
 }
-function timeToFraction(time2, spanStart, spanDuration2) {
-  if (spanDuration2 <= 0)
+function timeToFraction(time2, spanStart, spanDuration) {
+  if (spanDuration <= 0)
     return 0;
-  return clampFraction((time2 - spanStart) / spanDuration2);
+  return clampFraction((time2 - spanStart) / spanDuration);
 }
 function sortedEventMarks(events, relevantNames) {
   return events.filter((e) => relevantNames.includes(e.name)).map((e) => ({ time: getHighResInMs(e.timestamp), type: e.name })).sort((a2, b2) => a2.time - b2.time);
@@ -47422,12 +46396,12 @@ function computeSpanMarkers(span) {
     timeMs: mark2.time
   }));
 }
-function computeOffscreenMarkers(markers2, visibleStartMs, visibleEndMs) {
+function computeOffscreenMarkers(markers, visibleStartMs, visibleEndMs) {
   let leftCount = 0;
   let rightCount = 0;
   let nearestLeft = Number.NEGATIVE_INFINITY;
   let nearestRight = Number.POSITIVE_INFINITY;
-  for (const { timeMs } of markers2) {
+  for (const { timeMs } of markers) {
     if (timeMs < visibleStartMs) {
       leftCount++;
       if (timeMs > nearestLeft)
@@ -47515,11 +46489,11 @@ function scrollRowIntoView(listEl, index2, rowHeight, opts) {
     behavior: opts == null ? void 0 : opts.behavior
   });
 }
-function projectMarkers(markers2, visibleStartMs, visibleEndMs) {
+function projectMarkers(markers, visibleStartMs, visibleEndMs) {
   const visibleDurationMs = visibleEndMs - visibleStartMs;
   if (visibleDurationMs <= 0)
     return [];
-  return markers2.flatMap((m2) => {
+  return markers.flatMap((m2) => {
     if (m2.timeMs < visibleStartMs || m2.timeMs > visibleEndMs) {
       return [];
     }
@@ -47547,8 +46521,8 @@ function cullCollidingMarkers(projected, pixelWidth) {
 function MarkerTick({ className }) {
   return jsxRuntimeExports.jsx("span", { className: cn$4("block w-[3px] rounded-full bg-gray-1000", className) });
 }
-function MarkerLayer({ markers: markers2 }) {
-  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: markers2.map((m2) => jsxRuntimeExports.jsx("span", { className: "pointer-events-auto absolute top-0 bottom-0 z-10 flex w-8 -translate-x-1/2 items-center justify-center", style: { left: `clamp(8px, ${m2.leftPct}%, calc(100% - 8px))` }, children: jsxRuntimeExports.jsx(TimestampTooltip, { date: m2.timeMs, children: jsxRuntimeExports.jsx("span", { className: "flex h-6 w-8 items-center justify-center", children: jsxRuntimeExports.jsx(MarkerTick, { className: "h-3" }) }) }) }, m2.timeMs)) });
+function MarkerLayer({ markers }) {
+  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: markers.map((m2) => jsxRuntimeExports.jsx("span", { className: "pointer-events-auto absolute top-0 bottom-0 z-10 flex w-8 -translate-x-1/2 items-center justify-center", style: { left: `clamp(8px, ${m2.leftPct}%, calc(100% - 8px))` }, children: jsxRuntimeExports.jsx(TimestampTooltip, { date: m2.timeMs, children: jsxRuntimeExports.jsx("span", { className: "flex h-6 w-8 items-center justify-center", children: jsxRuntimeExports.jsx(MarkerTick, { className: "h-3" }) }) }) }, m2.timeMs)) });
 }
 function OffscreenMarkerIndicator({ direction, count: count2, targetMs, onReveal }) {
   const Chevron = direction === "right" ? ArrowRight : ArrowLeft;
@@ -47702,9 +46676,9 @@ const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, v
   const baseSegments = reactExports.useMemo(() => computeSpanSegments(span), [span]);
   const segments = reactExports.useMemo(() => geometry.mode.kind === "full" ? projectSegments(baseSegments, startMs, totalDurationMs, geometry) : [], [geometry, baseSegments, startMs, totalDurationMs]);
   const baseMarkers = reactExports.useMemo(() => computeSpanMarkers(span), [span]);
-  const markers2 = reactExports.useMemo(() => geometry.mode.kind === "full" ? cullCollidingMarkers(projectMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs), geometry.visiblePixelWidth) : [], [geometry, baseMarkers]);
+  const markers = reactExports.useMemo(() => geometry.mode.kind === "full" ? cullCollidingMarkers(projectMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs), geometry.visiblePixelWidth) : [], [geometry, baseMarkers]);
   const offscreen = reactExports.useMemo(() => geometry.mode.kind === "full" ? computeOffscreenMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs) : { left: null, right: null }, [geometry, baseMarkers]);
-  const hasMarkers = markers2.length > 0 || offscreen.left !== null || offscreen.right !== null;
+  const hasMarkers = markers.length > 0 || offscreen.left !== null || offscreen.right !== null;
   const isErrored = isSpanErrored(span);
   const colors = getResourceColor(span.resource);
   const fallbackBg = isErrored ? colors.errorBg ?? "var(--ds-red-200)" : colors.bg;
@@ -47714,7 +46688,7 @@ const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, v
   const handleClick = reactExports.useCallback(() => {
     onSelect(span.spanId);
   }, [onSelect, span.spanId]);
-  return jsxRuntimeExports.jsx("div", { role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, className: cn$4("group/timeline-row h-10 relative flex items-center hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:hover:bg-gray-200 transition-opacity", isDimmed && "opacity-35"), onClick: handleClick, children: jsxRuntimeExports.jsxs("div", { className: "absolute inset-y-0", style: TIMELINE_INSET_STYLE, children: [jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-6 -translate-y-1/2 overflow-hidden rounded-[0.25rem]", style: getBarPositionStyle(geometry), children: geometry.mode.kind === "arrow" ? jsxRuntimeExports.jsx(BoundaryArrow, { direction: geometry.mode.direction }) : geometry.mode.kind === "tiny" ? jsxRuntimeExports.jsx("div", { className: "h-6 rounded-[0.25rem] border", style: { background: fallbackBg, borderColor: fallbackBorder } }) : segments.length > 0 ? jsxRuntimeExports.jsx(SegmentBar, { segments, showLabels: !hasMarkers }) : jsxRuntimeExports.jsx(PlainBar, { bg: fallbackBg, border: fallbackBorder, label: showTotalLabel ? totalLabel : null }) }), hasMarkers ? jsxRuntimeExports.jsxs("div", { className: "pointer-events-none absolute top-1/2 h-6 -translate-y-1/2", style: getBarPositionStyle(geometry), children: [markers2.length > 0 ? jsxRuntimeExports.jsx(MarkerLayer, { markers: markers2 }) : null, offscreen.left ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "left", count: offscreen.left.count, targetMs: offscreen.left.nearestMs, onReveal: onRevealTime }) : null, offscreen.right ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "right", count: offscreen.right.count, targetMs: offscreen.right.nearestMs, onReveal: onRevealTime }) : null, showTotalLabel ? jsxRuntimeExports.jsx(DurationLabel, {
+  return jsxRuntimeExports.jsx("div", { role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, className: cn$4("group/timeline-row h-10 relative flex items-center hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:hover:bg-gray-200 transition-opacity", isDimmed && "opacity-35"), onClick: handleClick, children: jsxRuntimeExports.jsxs("div", { className: "absolute inset-y-0", style: TIMELINE_INSET_STYLE, children: [jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-6 -translate-y-1/2 overflow-hidden rounded-[0.25rem]", style: getBarPositionStyle(geometry), children: geometry.mode.kind === "arrow" ? jsxRuntimeExports.jsx(BoundaryArrow, { direction: geometry.mode.direction }) : geometry.mode.kind === "tiny" ? jsxRuntimeExports.jsx("div", { className: "h-6 rounded-[0.25rem] border", style: { background: fallbackBg, borderColor: fallbackBorder } }) : segments.length > 0 ? jsxRuntimeExports.jsx(SegmentBar, { segments, showLabels: !hasMarkers }) : jsxRuntimeExports.jsx(PlainBar, { bg: fallbackBg, border: fallbackBorder, label: showTotalLabel ? totalLabel : null }) }), hasMarkers ? jsxRuntimeExports.jsxs("div", { className: "pointer-events-none absolute top-1/2 h-6 -translate-y-1/2", style: getBarPositionStyle(geometry), children: [markers.length > 0 ? jsxRuntimeExports.jsx(MarkerLayer, { markers }) : null, offscreen.left ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "left", count: offscreen.left.count, targetMs: offscreen.left.nearestMs, onReveal: onRevealTime }) : null, offscreen.right ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "right", count: offscreen.right.count, targetMs: offscreen.right.nearestMs, onReveal: onRevealTime }) : null, showTotalLabel ? jsxRuntimeExports.jsx(DurationLabel, {
     label: totalLabel,
     // Shift clear of the left edge indicator so it isn't covered.
     className: offscreen.left ? "pl-10" : void 0
@@ -47745,10 +46719,10 @@ const DeltaMeasureLine = reactExports.memo(function DeltaMeasureLine2({ delta, a
     height: guideBottom - guideTop
   } }), jsxRuntimeExports.jsx("div", { className: "absolute h-px bg-amber-800", style: { left: startX, width: Math.max(endX - startX, 1), top: lineY } }), jsxRuntimeExports.jsx("span", { className: cn$4("absolute -translate-y-1/2 font-mono text-[10px] font-medium leading-none tabular-nums whitespace-nowrap rounded-xs bg-background-100 px-1 py-0.5 text-amber-800", labelPlacement.translate), style: { left: labelPlacement.left, top: lineY }, children: label })] });
 });
-function TimelineHeader({ markers: markers2, hoverInfo: hoverInfo2 }) {
-  return jsxRuntimeExports.jsx("div", { className: "relative bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-end px-4 pb-1", children: jsxRuntimeExports.jsxs("div", { className: "relative h-full flex-1", children: [markers2.map((m2) => jsxRuntimeExports.jsx("span", { className: "absolute bottom-1 font-mono text-xs font-normal leading-4 text-gray-900 whitespace-nowrap", style: { left: `${m2.position * 100}%` }, children: m2.label }, String(m2.value))), hoverInfo2 && jsxRuntimeExports.jsx("span", { className: "absolute top-1 pointer-events-none z-10 font-mono text-[11px] leading-4 text-gray-1000 whitespace-nowrap bg-background-100 border border-gray-alpha-400 rounded px-1 -translate-x-1/2", style: { left: `${hoverInfo2.fraction * 100}%` }, children: hoverInfo2.label })] }) });
+function TimelineHeader({ markers, hoverInfo }) {
+  return jsxRuntimeExports.jsx("div", { className: "relative bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-end px-4 pb-1", children: jsxRuntimeExports.jsxs("div", { className: "relative h-full flex-1", children: [markers.map((m2) => jsxRuntimeExports.jsx("span", { className: "absolute bottom-1 text-label-12-mono text-gray-900 whitespace-nowrap", style: { left: `${m2.position * 100}%` }, children: m2.label }, String(m2.value))), hoverInfo && jsxRuntimeExports.jsx("span", { className: "absolute top-1 pointer-events-none z-10 font-mono text-[11px] leading-4 text-gray-1000 whitespace-nowrap bg-background-100 border border-gray-alpha-400 rounded px-1 -translate-x-1/2", style: { left: `${hoverInfo.fraction * 100}%` }, children: hoverInfo.label })] }) });
 }
-function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, searchResult, onSelect, onRevealTime, hover, altHeld = false }) {
+function Timeline({ spans, viewStart, viewEnd, markers, selectedId, searchResult, onSelect, onRevealTime, hover, altHeld = false }) {
   const containerRef = reactExports.useRef(null);
   const [containerWidth, setContainerWidth] = reactExports.useState(0);
   const viewDuration = viewEnd - viewStart;
@@ -47787,9 +46761,9 @@ function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, se
     const delta = computeSpanDelta(anchorSpan, hoveredSpan, viewStart, viewEnd);
     return delta ? { delta, anchorRowIndex: anchorIndex, hoveredRowIndex: hover.rowIndex } : null;
   }, [altHeld, anchorIndex, hover, spans, viewStart, viewEnd]);
-  return jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative h-full overflow-hidden", style: { minHeight: spans.length * ROW_HEIGHT_PX }, children: [jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: markers2.map((marker2) => (
+  return jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative h-full overflow-hidden", style: { minHeight: spans.length * ROW_HEIGHT_PX }, children: [jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: markers.map((marker) => (
     // Skip the "0s" origin marker since the left edge already implies it.
-    Math.abs(marker2.value) > 1e-6 ? jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-300", style: { left: `${marker2.position * 100}%` } }, String(marker2.value)) : null
+    Math.abs(marker.value) > 1e-6 ? jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-300", style: { left: `${marker.position * 100}%` } }, String(marker.value)) : null
   )) }), hover != null && jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 pointer-events-none z-10", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-500", style: { left: `${hover.fraction * 100}%` } }) }), jsxRuntimeExports.jsx("div", { style: { transform: `translateY(${start * ROW_HEIGHT_PX}px)` }, children: spans.slice(start, end).map((span) => jsxRuntimeExports.jsx(TimelineBar, { span, viewStart, viewDuration, containerWidth: timelineWidth, isSelected: selectedId === span.spanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelect, onRevealTime }, span.spanId)) }), altHeld && anchorIndex < 0 && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: gapMeasurements.map((gap) => jsxRuntimeExports.jsx(DeltaMeasureLine, { ...gap, timelineWidth }, gap.anchorRowIndex)) }), measurement && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none z-20", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx(DeltaMeasureLine, { ...measurement, timelineWidth }) })] });
 }
 const CANVAS_PAD_Y_PX = 6;
@@ -50379,9 +49353,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 +49449,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 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,
+  _r as ac,
+  isHookLifecycleEventType as ad,
+  isTerminalStepEventType as ae,
+  isWaitEventType as af,
+  isStepEventType 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 +49583,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
 };