@workflow/web 5.0.0-beta.26 → 5.0.0-beta.27

package/build/server/assets/{server-build-0CazaFkH.js → server-build-B21fZEey.js}

@@ -18,7 +18,7 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { a as requireReact, S as ServerRouter, c as createReadableStreamFromReadable, r as reactExports, g as getDefaultExportFromCjs, R as React, b as ReactExports, w as withComponentProps, d as withErrorBoundaryProps, M as Meta, L as Links, e as ScrollRestoration, f as Scripts, O as Outlet, u as useNavigate, h as useSearchParams, i as Link$1, j as useRouteError, k as isRouteErrorResponse, l as useLocation, m as useParams } from "./app-DQ35jFT1.js";
+import { a as requireReact, S as ServerRouter, c as createReadableStreamFromReadable, r as reactExports, g as getDefaultExportFromCjs, R as React, b as ReactExports, w as withComponentProps, d as withErrorBoundaryProps, M as Meta, L as Links, e as ScrollRestoration, f as Scripts, O as Outlet, u as useNavigate, h as useSearchParams, i as Link$1, j as useRouteError, k as isRouteErrorResponse, l as useLocation, m as useParams } from "./app-kYNGZFkW.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1 from "crypto";
@@ -53,13 +53,13 @@ import require$$2$2 from "node:worker_threads";
 import require$$1$4 from "node:console";
 import require$$2$3 from "node:timers";
 import require$$1$5 from "node:dns";
+import os, { homedir } from "node:os";
 import * as path$2 from "path";
 import path__default from "path";
 import * as fs from "fs";
 import fs__default from "fs";
 import require$$2$4 from "os";
 import * as net from "net";
-import os, { homedir } from "node:os";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production = {};
 /**
@@ -23900,7 +23900,7 @@ const oppositeAlignmentMap = {
   start: "end",
   end: "start"
 };
-function clamp$2(start2, value, end) {
+function clamp$3(start2, value, end) {
   return max(start2, min(value, end));
 }
 function evaluate(value, param) {
@@ -24251,7 +24251,7 @@ const arrow$3 = (options) => ({
     const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset2 = clamp$2(min$1, center, max2);
+    const offset2 = clamp$3(min$1, center, max2);
     const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
     return {
@@ -24548,14 +24548,14 @@ const shift$2 = function(options) {
         const maxSide = mainAxis === "y" ? "bottom" : "right";
         const min2 = mainAxisCoord + overflow[minSide];
         const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp$2(min2, mainAxisCoord, max2);
+        mainAxisCoord = clamp$3(min2, mainAxisCoord, max2);
       }
       if (checkCrossAxis) {
         const minSide = crossAxis === "y" ? "top" : "left";
         const maxSide = crossAxis === "y" ? "bottom" : "right";
         const min2 = crossAxisCoord + overflow[minSide];
         const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp$2(min2, crossAxisCoord, max2);
+        crossAxisCoord = clamp$3(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
         ...state,
@@ -34695,9 +34695,9 @@ const SerializationFormat$1 = {
   /** Zstandard-compressed payload (inner payload has its own format prefix after decompression) */
   ZSTD: "zstd"
 };
-const FORMAT_PREFIX_LENGTH$1 = 4;
+const FORMAT_PREFIX_LENGTH$2 = 4;
 new TextEncoder();
-const formatDecoder$1 = new TextDecoder();
+const formatDecoder$2 = new TextDecoder();
 function decodeFormatPrefix$1(data) {
   if (!(data instanceof Uint8Array)) {
     return {
@@ -34705,16 +34705,16 @@ function decodeFormatPrefix$1(data) {
       payload: new TextEncoder().encode(JSON.stringify(data))
     };
   }
-  if (data.length < FORMAT_PREFIX_LENGTH$1) {
-    throw new Error(`Data too short to contain format prefix: expected at least ${FORMAT_PREFIX_LENGTH$1} bytes, got ${data.length}`);
+  if (data.length < FORMAT_PREFIX_LENGTH$2) {
+    throw new Error(`Data too short to contain format prefix: expected at least ${FORMAT_PREFIX_LENGTH$2} bytes, got ${data.length}`);
   }
-  const prefixBytes = data.subarray(0, FORMAT_PREFIX_LENGTH$1);
-  const format2 = formatDecoder$1.decode(prefixBytes);
+  const prefixBytes = data.subarray(0, FORMAT_PREFIX_LENGTH$2);
+  const format2 = formatDecoder$2.decode(prefixBytes);
   const knownFormats = Object.values(SerializationFormat$1);
   if (!knownFormats.includes(format2)) {
     throw new Error(`Unknown serialization format: "${format2}". Known formats: ${knownFormats.join(", ")}`);
   }
-  const payload = data.subarray(FORMAT_PREFIX_LENGTH$1);
+  const payload = data.subarray(FORMAT_PREFIX_LENGTH$2);
   return { format: format2, payload };
 }
 function isExpiredObject(data) {
@@ -34733,20 +34733,20 @@ function isExpiredStub(data) {
   return false;
 }
 function isEncryptedData(data) {
-  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$1) {
+  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$2) {
     return false;
   }
-  const prefix = formatDecoder$1.decode(data.subarray(0, FORMAT_PREFIX_LENGTH$1));
+  const prefix = formatDecoder$2.decode(data.subarray(0, FORMAT_PREFIX_LENGTH$2));
   return prefix === SerializationFormat$1.ENCRYPTED;
 }
 function isCompressedData(data) {
-  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$1) {
+  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$2) {
     return false;
   }
-  const prefix = formatDecoder$1.decode(data.subarray(0, FORMAT_PREFIX_LENGTH$1));
+  const prefix = formatDecoder$2.decode(data.subarray(0, FORMAT_PREFIX_LENGTH$2));
   return prefix === SerializationFormat$1.GZIP || prefix === SerializationFormat$1.ZSTD;
 }
-function getNodeZlib$1() {
+function getNodeZlib$2() {
   var _a3, _b2;
   try {
     return (_b2 = (_a3 = globalThis.process) == null ? void 0 : _a3.getBuiltinModule) == null ? void 0 : _b2.call(_a3, "node:zlib");
@@ -34756,7 +34756,7 @@ function getNodeZlib$1() {
 }
 function decompressSyncIfAvailable(format2, payload) {
   try {
-    const zlib = getNodeZlib$1();
+    const zlib = getNodeZlib$2();
     if (format2 === SerializationFormat$1.GZIP && (zlib == null ? void 0 : zlib.gunzipSync)) {
       return new Uint8Array(zlib.gunzipSync(payload));
     }
@@ -48908,6 +48908,15 @@ const EventTypeSchema = _enum([
   "wait_created",
   "wait_completed"
 ]);
+const TerminalRunEventTypeSchema = EventTypeSchema.extract([
+  "run_completed",
+  "run_failed",
+  "run_cancelled"
+]);
+const TERMINAL_RUN_EVENT_TYPES = TerminalRunEventTypeSchema.options;
+function isTerminalRunEventType(eventType) {
+  return TERMINAL_RUN_EVENT_TYPES.includes(eventType);
+}
 const BaseEventSchema = object$1({
   eventType: EventTypeSchema,
   correlationId: string$3().optional(),
@@ -49134,125 +49143,6 @@ const EventSchema = AllEventsSchema.and(object$1({
   occurredAt: date$2().optional(),
   specVersion: number$3().optional()
 }));
-const HookSchema = object$1({
-  runId: string$3(),
-  hookId: string$3(),
-  token: string$3(),
-  ownerId: string$3(),
-  projectId: string$3(),
-  environment: string$3(),
-  metadata: SerializedDataSchema.optional(),
-  createdAt: date$2(),
-  // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
-  specVersion: number$3().optional(),
-  isWebhook: boolean$3().optional(),
-  isSystem: boolean$3().optional()
-});
-const QueuePrefix = string$3().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_$/, "Must match __wkf_{workflow|step}_ or __{namespace}_wkf_{workflow|step}_");
-const ValidQueueName = string$3().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_.+$/, "Must be a valid queue name with a recognized prefix");
-const QueueNamespace = string$3().regex(/^[a-z][a-z0-9]*$/, "Must be lowercase alphanumeric, starting with a letter");
-function resolveQueueNamespace(namespace2) {
-  return namespace2 ?? process.env.WORKFLOW_QUEUE_NAMESPACE ?? void 0;
-}
-function getQueueTopicPrefix(kind, namespace2) {
-  if (namespace2 !== void 0) {
-    QueueNamespace.parse(namespace2);
-    return `__${namespace2}_wkf_${kind}_`;
-  }
-  return `__wkf_${kind}_`;
-}
-function parseQueueName(name2) {
-  const match2 = name2.match(/^(__(?:[a-z][a-z0-9]*_)?wkf_(workflow|step)_)(.+)$/);
-  if (!match2) {
-    throw new Error(`Invalid queue name: ${name2}`);
-  }
-  return {
-    prefix: QueuePrefix.parse(match2[1]),
-    kind: match2[2],
-    id: match2[3]
-  };
-}
-const MessageId = string$3().brand().describe("A stored queue message ID");
-const TraceCarrierSchema = record(string$3(), string$3());
-const RunInputSchema = object$1({
-  input: unknown$1(),
-  deploymentId: string$3(),
-  workflowName: string$3(),
-  specVersion: number$3(),
-  executionContext: record(string$3(), any()).optional(),
-  /** Initial plaintext run attributes, for resilient run creation. */
-  attributes: record(string$3(), string$3()).optional(),
-  /**
-   * Permits reserved `$`-prefixed keys in `attributes`, mirrored from the
-   * `start()` option so resilient run creation validates the same way as
-   * the original `run_created` attempt.
-   */
-  allowReservedAttributes: literal(true).optional()
-});
-const WorkflowInvokePayloadSchema = object$1({
-  runId: string$3(),
-  traceCarrier: TraceCarrierSchema.optional(),
-  requestedAt: date$2().optional(),
-  /** Consecutive replay divergences in this recovery chain and latest position. */
-  replayDivergence: object$1({
-    eventId: string$3(),
-    count: 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
-   * will jump directly to execute the step with the given ID before doing an event replay. */
-  stepId: string$3().optional(),
-  /** Step name, sent alongside stepId to avoid loading the event log just to resolve the name. */
-  stepName: string$3().optional(),
-  /** Run creation data, only present on the first queue delivery from start() */
-  runInput: RunInputSchema.optional()
-});
-const StepInvokePayloadSchema = object$1({
-  workflowName: string$3(),
-  workflowRunId: string$3(),
-  workflowStartedAt: number$3(),
-  stepId: string$3(),
-  traceCarrier: TraceCarrierSchema.optional(),
-  requestedAt: date$2().optional()
-});
-const HealthCheckPayloadSchema = object$1({
-  __healthCheck: literal(true),
-  correlationId: string$3()
-});
-const QueuePayloadSchema = union([
-  WorkflowInvokePayloadSchema,
-  StepInvokePayloadSchema,
-  HealthCheckPayloadSchema
-]);
-async function reenqueueActiveRuns(runs, enqueue, label) {
-  let reenqueued = 0;
-  for (const status of ["pending", "running"]) {
-    let cursor;
-    let hasMore = true;
-    while (hasMore) {
-      const page = await runs.list({
-        status,
-        resolveData: "none",
-        pagination: { cursor }
-      });
-      for (const run2 of page.data) {
-        try {
-          const queueName = `__wkf_workflow_${run2.workflowName}`;
-          await enqueue(queueName, { runId: run2.runId });
-          reenqueued++;
-        } catch (err) {
-          console.warn(`[${label}] Failed to re-enqueue run ${run2.runId}: ${err}`);
-        }
-      }
-      hasMore = page.hasMore;
-      cursor = page.cursor ?? void 0;
-    }
-  }
-  if (reenqueued > 0) {
-    console.log(`[${label}] Re-enqueued ${reenqueued} active run(s) on startup`);
-  }
-}
 const WorkflowRunStatusSchema = _enum([
   "pending",
   "running",
@@ -49260,6 +49150,15 @@ const WorkflowRunStatusSchema = _enum([
   "failed",
   "cancelled"
 ]);
+const TerminalWorkflowRunStatusSchema = WorkflowRunStatusSchema.extract([
+  "completed",
+  "failed",
+  "cancelled"
+]);
+const TERMINAL_WORKFLOW_RUN_STATUSES = TerminalWorkflowRunStatusSchema.options;
+function isTerminalWorkflowRunStatus(status) {
+  return TERMINAL_WORKFLOW_RUN_STATUSES.includes(status);
+}
 const WorkflowRunBaseSchema = object$1({
   runId: string$3(),
   status: WorkflowRunStatusSchema,
@@ -49358,41 +49257,6 @@ const WorkflowRunSchema = discriminatedUnion("status", [
     completedAt: date$2()
   })
 ]);
-const zodJsonSchema = lazy(() => {
-  return union([
-    string$3(),
-    number$3(),
-    boolean$3(),
-    _null(),
-    array$1(zodJsonSchema),
-    record(string$3(), zodJsonSchema)
-  ]);
-});
-const PaginatedResponseSchema = (dataSchema) => object$1({
-  data: array$1(dataSchema),
-  cursor: string$3().nullable(),
-  hasMore: boolean$3()
-});
-object$1({
-  message: string$3(),
-  stack: string$3().optional(),
-  code: string$3().optional()
-  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR, etc.) for run_failed events
-});
-const SPEC_VERSION_LEGACY = 1;
-const SPEC_VERSION_SUPPORTS_EVENT_SOURCING = 2;
-const SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT = 3;
-const SPEC_VERSION_SUPPORTS_ATTRIBUTES = 4;
-const SPEC_VERSION_SUPPORTS_COMPRESSION = 5;
-const SPEC_VERSION_CURRENT = SPEC_VERSION_SUPPORTS_COMPRESSION;
-function isLegacySpecVersion(v2) {
-  return v2 === void 0 || v2 === null || v2 <= SPEC_VERSION_LEGACY;
-}
-function requiresNewerWorld(v2) {
-  if (v2 === void 0 || v2 === null)
-    return false;
-  return v2 > SPEC_VERSION_CURRENT;
-}
 const StepStatusSchema = _enum([
   "pending",
   "running",
@@ -49451,6 +49315,294 @@ const StepSchema = object$1({
   // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
   specVersion: number$3().optional()
 });
+const TerminalStepStatusSchema = StepStatusSchema.extract([
+  "completed",
+  "failed",
+  "cancelled"
+]);
+const TERMINAL_STEP_STATUSES = TerminalStepStatusSchema.options;
+function isTerminalStepStatus(status) {
+  return TERMINAL_STEP_STATUSES.includes(status);
+}
+const WaitStatusSchema = _enum(["waiting", "completed"]);
+const WaitSchema = object$1({
+  waitId: string$3(),
+  runId: string$3(),
+  status: WaitStatusSchema,
+  resumeAt: date$2().optional(),
+  completedAt: date$2().optional(),
+  createdAt: date$2(),
+  updatedAt: date$2(),
+  specVersion: number$3().optional()
+});
+const NullableDateSchema = date$2().nullable().optional();
+const NullableStringSchema = string$3().nullable().optional();
+const NullableBooleanSchema = boolean$3().nullable().optional();
+const AnalyticsRunSchema = object$1({
+  runId: string$3(),
+  status: WorkflowRunStatusSchema,
+  deploymentId: string$3(),
+  workflowName: string$3(),
+  specVersion: number$2().optional(),
+  attributes: record(string$3(), string$3()).default({}),
+  createdAt: date$2(),
+  updatedAt: date$2(),
+  startedAt: NullableDateSchema,
+  completedAt: NullableDateSchema,
+  errorCode: NullableStringSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+const AnalyticsStepSchema = object$1({
+  runId: string$3(),
+  stepId: string$3(),
+  stepName: NullableStringSchema,
+  status: StepStatusSchema,
+  attempt: number$3().optional(),
+  createdAt: date$2(),
+  updatedAt: date$2(),
+  startedAt: NullableDateSchema,
+  completedAt: NullableDateSchema,
+  retryAfter: NullableDateSchema,
+  errorCode: NullableStringSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+const AnalyticsEventSchema = object$1({
+  runId: string$3(),
+  eventId: string$3(),
+  eventType: EventTypeSchema,
+  correlationId: NullableStringSchema,
+  entityId: NullableStringSchema,
+  stepName: NullableStringSchema,
+  workflowName: string$3(),
+  deploymentId: string$3(),
+  specVersion: number$2().optional(),
+  runCreatedAt: date$2(),
+  createdAt: date$2(),
+  region: NullableStringSchema,
+  vercelId: NullableStringSchema,
+  requestId: NullableStringSchema,
+  resumeAt: NullableDateSchema,
+  retryAfter: NullableDateSchema,
+  errorCode: NullableStringSchema,
+  workflowCoreVersion: NullableStringSchema,
+  isWebhook: NullableBooleanSchema,
+  isSystem: NullableBooleanSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+const AnalyticsHookSchema = object$1({
+  runId: string$3(),
+  hookId: string$3(),
+  status: _enum(["created", "received", "disposed", "conflict"]),
+  createdAt: date$2(),
+  updatedAt: date$2(),
+  receivedAt: NullableDateSchema,
+  disposedAt: NullableDateSchema,
+  isWebhook: NullableBooleanSchema,
+  isSystem: NullableBooleanSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+const AnalyticsWaitSchema = object$1({
+  runId: string$3(),
+  waitId: string$3(),
+  status: WaitStatusSchema,
+  resumeAt: NullableDateSchema,
+  createdAt: date$2(),
+  updatedAt: date$2(),
+  completedAt: NullableDateSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+const warnedEnvValues = /* @__PURE__ */ new Set();
+function warnOnce(key, message2) {
+  if (warnedEnvValues.has(key))
+    return;
+  warnedEnvValues.add(key);
+  console.warn(`[workflow] ${message2}`);
+}
+function envNumber(name2, fallback, options = {}) {
+  const raw2 = process.env[name2];
+  if (raw2 === void 0 || raw2 === "")
+    return fallback;
+  const { min: min2 = 0, max: max2, integer: integer2 = false } = options;
+  const parsed = Number(raw2);
+  if (!Number.isFinite(parsed) || integer2 && !Number.isInteger(parsed)) {
+    warnOnce(`${name2}=${raw2}`, `Ignoring ${name2}: not a ${integer2 ? "finite integer" : "finite number"}; using default ${fallback}`);
+    return fallback;
+  }
+  if (parsed < min2) {
+    warnOnce(`${name2}=${raw2}`, `${name2} below minimum ${min2}; clamped`);
+    return min2;
+  }
+  if (max2 !== void 0 && parsed > max2) {
+    warnOnce(`${name2}=${raw2}`, `${name2} above maximum ${max2}; clamped`);
+    return max2;
+  }
+  return parsed;
+}
+const HookSchema = object$1({
+  runId: string$3(),
+  hookId: string$3(),
+  token: string$3(),
+  ownerId: string$3(),
+  projectId: string$3(),
+  environment: string$3(),
+  metadata: SerializedDataSchema.optional(),
+  createdAt: date$2(),
+  // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
+  specVersion: number$3().optional(),
+  isWebhook: boolean$3().optional(),
+  isSystem: boolean$3().optional()
+});
+const QueuePrefix = string$3().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_$/, "Must match __wkf_{workflow|step}_ or __{namespace}_wkf_{workflow|step}_");
+const ValidQueueName = string$3().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_.+$/, "Must be a valid queue name with a recognized prefix");
+const QueueNamespace = string$3().regex(/^[a-z][a-z0-9]*$/, "Must be lowercase alphanumeric, starting with a letter");
+function resolveQueueNamespace(namespace2) {
+  return namespace2 ?? process.env.WORKFLOW_QUEUE_NAMESPACE ?? void 0;
+}
+function getQueueTopicPrefix(kind, namespace2) {
+  if (namespace2 !== void 0) {
+    QueueNamespace.parse(namespace2);
+    return `__${namespace2}_wkf_${kind}_`;
+  }
+  return `__wkf_${kind}_`;
+}
+function parseQueueName(name2) {
+  const match2 = name2.match(/^(__(?:[a-z][a-z0-9]*_)?wkf_(workflow|step)_)(.+)$/);
+  if (!match2) {
+    throw new Error(`Invalid queue name: ${name2}`);
+  }
+  return {
+    prefix: QueuePrefix.parse(match2[1]),
+    kind: match2[2],
+    id: match2[3]
+  };
+}
+const MessageId = string$3().brand().describe("A stored queue message ID");
+const TraceCarrierSchema = record(string$3(), string$3());
+const RunInputSchema = object$1({
+  input: unknown$1(),
+  deploymentId: string$3(),
+  workflowName: string$3(),
+  specVersion: number$3(),
+  executionContext: record(string$3(), any()).optional(),
+  /** Initial plaintext run attributes, for resilient run creation. */
+  attributes: record(string$3(), string$3()).optional(),
+  /**
+   * Permits reserved `$`-prefixed keys in `attributes`, mirrored from the
+   * `start()` option so resilient run creation validates the same way as
+   * the original `run_created` attempt.
+   */
+  allowReservedAttributes: literal(true).optional()
+});
+const WorkflowInvokePayloadSchema = object$1({
+  runId: string$3(),
+  traceCarrier: TraceCarrierSchema.optional(),
+  requestedAt: date$2().optional(),
+  /** Consecutive replay divergences in this recovery chain and latest position. */
+  replayDivergence: object$1({
+    eventId: string$3(),
+    count: 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
+   * will jump directly to execute the step with the given ID before doing an event replay. */
+  stepId: string$3().optional(),
+  /** Step name, sent alongside stepId to avoid loading the event log just to resolve the name. */
+  stepName: string$3().optional(),
+  /** Run creation data, only present on the first queue delivery from start() */
+  runInput: RunInputSchema.optional()
+});
+const StepInvokePayloadSchema = object$1({
+  workflowName: string$3(),
+  workflowRunId: string$3(),
+  workflowStartedAt: number$3(),
+  stepId: string$3(),
+  traceCarrier: TraceCarrierSchema.optional(),
+  requestedAt: date$2().optional()
+});
+const HealthCheckPayloadSchema = object$1({
+  __healthCheck: literal(true),
+  correlationId: string$3()
+});
+const QueuePayloadSchema = union([
+  WorkflowInvokePayloadSchema,
+  StepInvokePayloadSchema,
+  HealthCheckPayloadSchema
+]);
+async function reenqueueActiveRuns(runs, enqueue, label) {
+  let reenqueued = 0;
+  for (const status of ["pending", "running"]) {
+    let cursor;
+    let hasMore = true;
+    while (hasMore) {
+      const page = await runs.list({
+        status,
+        resolveData: "none",
+        pagination: { cursor }
+      });
+      for (const run2 of page.data) {
+        try {
+          const queueName = `__wkf_workflow_${run2.workflowName}`;
+          await enqueue(queueName, { runId: run2.runId });
+          reenqueued++;
+        } catch (err) {
+          console.warn(`[${label}] Failed to re-enqueue run ${run2.runId}: ${err}`);
+        }
+      }
+      hasMore = page.hasMore;
+      cursor = page.cursor ?? void 0;
+    }
+  }
+  if (reenqueued > 0) {
+    console.log(`[${label}] Re-enqueued ${reenqueued} active run(s) on startup`);
+  }
+}
+const zodJsonSchema = lazy(() => {
+  return union([
+    string$3(),
+    number$3(),
+    boolean$3(),
+    _null(),
+    array$1(zodJsonSchema),
+    record(string$3(), zodJsonSchema)
+  ]);
+});
+const PageInfoSchema = object$1({
+  currentLookbackDays: number$3(),
+  maxLookbackDays: number$3(),
+  currentWindowStart: date$2(),
+  maxWindowStart: date$2(),
+  upgradeAvailable: boolean$3()
+});
+const PaginatedResponseSchema = (dataSchema) => object$1({
+  data: array$1(dataSchema),
+  cursor: string$3().nullable(),
+  hasMore: boolean$3(),
+  pageInfo: PageInfoSchema.optional()
+});
+object$1({
+  message: string$3(),
+  stack: string$3().optional(),
+  code: string$3().optional()
+  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR, etc.) for run_failed events
+});
+const SPEC_VERSION_LEGACY = 1;
+const SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT = 3;
+const SPEC_VERSION_SUPPORTS_ATTRIBUTES = 4;
+const SPEC_VERSION_SUPPORTS_COMPRESSION = 5;
+const SPEC_VERSION_CURRENT = SPEC_VERSION_SUPPORTS_COMPRESSION;
+function isLegacySpecVersion(v2) {
+  return v2 === void 0 || v2 === null || v2 <= SPEC_VERSION_LEGACY;
+}
+function requiresNewerWorld(v2) {
+  if (v2 === void 0 || v2 === null)
+    return false;
+  return v2 > SPEC_VERSION_CURRENT;
+}
 const ENCODING = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
 const ENCODING_LEN = 32;
 const RANDOM_LEN = 16;
@@ -49626,17 +49778,18 @@ function validateUlidTimestamp(prefixedUlid, prefix, pastThresholdMs = DEFAULT_T
   const thresholdSeconds = Math.round(thresholdMs / 1e3);
   return `Invalid runId timestamp: embedded timestamp is ${driftSeconds}s in the ${direction} (threshold: ${thresholdSeconds}s)`;
 }
-const WaitStatusSchema = _enum(["waiting", "completed"]);
-const WaitSchema = object$1({
-  waitId: string$3(),
-  runId: string$3(),
-  status: WaitStatusSchema,
-  resumeAt: date$2().optional(),
-  completedAt: date$2().optional(),
-  createdAt: date$2(),
-  updatedAt: date$2(),
-  specVersion: number$3().optional()
-});
+const V4_EXTRA_EVENT_DATA_REF_FIELDS$1 = {
+  run_started: ["input"],
+  step_started: ["input"]
+};
+function getEventDataRefFields(eventType) {
+  return [
+    .../* @__PURE__ */ new Set([
+      ...EVENT_DATA_REF_FIELDS[eventType] ?? [],
+      ...V4_EXTRA_EVENT_DATA_REF_FIELDS$1[eventType] ?? []
+    ])
+  ];
+}
 function base64ToArrayBuffer(base642) {
   if (base642 === "" || base642 === ".") {
     return new ArrayBuffer(0);
@@ -49898,7 +50051,7 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
   }
   if (result.eventData && typeof result.eventData === "object") {
     const eventType = typeof result.eventType === "string" ? result.eventType : "";
-    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];
+    const refKeys = getEventDataRefFields(eventType);
     const ed = { ...result.eventData };
     for (const key of refKeys) {
       if (key in ed) {
@@ -49909,20 +50062,19 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
   }
   return result;
 }
-async function hydrateResourceIOWithKey(resource, key) {
+async function hydrateResourceIOAsync(resource, key) {
   const { hydrateDataWithKey: hydrateDataWithKey2 } = await Promise.resolve().then(() => serializationFormat);
-  const { importKey: importKey2 } = await Promise.resolve().then(() => encryption);
-  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-pCjqxVHM.js");
+  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-DgO7NCG6.js");
   ensureZstdDecoderRegistered();
-  const cryptoKey = await importKey2(key);
+  const cryptoKey = key ? await Promise.resolve().then(() => encryption).then(({ importKey: importKey2 }) => importKey2(key)) : void 0;
   const revivers = getRevivers();
-  async function decryptField(value, rev, k2) {
+  async function hydrateField(value) {
     if (isEncryptedMarker$1(value)) {
       const raw2 = value.__encryptedData;
-      return hydrateDataWithKey2(raw2, rev, k2);
+      return cryptoKey ? hydrateDataWithKey2(raw2, revivers, cryptoKey) : value;
     }
     if (value instanceof Uint8Array) {
-      return hydrateDataWithKey2(value, rev, k2);
+      return hydrateDataWithKey2(value, revivers, cryptoKey);
     }
     return value;
   }
@@ -49930,21 +50082,21 @@ async function hydrateResourceIOWithKey(resource, key) {
   const result = { ...r2 };
   for (const field of ["input", "output", "metadata", "error"]) {
     if (field in result) {
-      result[field] = await decryptField(result[field], revivers, cryptoKey);
+      result[field] = await hydrateField(result[field]);
     }
   }
   if (result.eventData && typeof result.eventData === "object") {
     const eventType = typeof result.eventType === "string" ? result.eventType : "";
-    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];
+    const refKeys = getEventDataRefFields(eventType);
     const eventData = { ...result.eventData };
     for (const field of refKeys) {
       if (field in eventData) {
-        eventData[field] = await decryptField(eventData[field], revivers, cryptoKey);
+        eventData[field] = await hydrateField(eventData[field]);
       }
     }
     result.eventData = eventData;
   }
-  return result;
+  return replaceEncryptedAndExpiredWithMarkers(result);
 }
 function hasEncryptedFields(resource) {
   if (!resource || typeof resource !== "object")
@@ -49956,7 +50108,7 @@ function hasEncryptedFields(resource) {
   }
   if (r2.eventData && typeof r2.eventData === "object") {
     const eventType = typeof r2.eventType === "string" ? r2.eventType : "";
-    const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];
+    const refKeys = getEventDataRefFields(eventType);
     const ed = r2.eventData;
     for (const key of refKeys) {
       if (key in ed && isEncryptedMarker$1(ed[key]))
@@ -51148,27 +51300,6 @@ function extractConversation(stepInput) {
   }
   return firstArg;
 }
-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 falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
 const cva = (base, config2) => (props) => {
@@ -51209,6 +51340,348 @@ 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 ELLIPSIS = "…";
+const MIN_START = 3;
+const MIN_END = 3;
+const MIN_KEPT = MIN_START + MIN_END;
+const graphemeSegmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
+function toGraphemes(text2) {
+  if (graphemeSegmenter) {
+    return [...graphemeSegmenter.segment(text2)].map((s2) => s2.segment);
+  }
+  return Array.from(text2);
+}
+function buildCandidate(graphemes, kept) {
+  if (kept <= 0) {
+    return {
+      prefixText: "",
+      prefixGraphemeCount: 0,
+      suffixText: "",
+      suffixGraphemeCount: 0,
+      text: ELLIPSIS,
+      truncated: true
+    };
+  }
+  const suffixGraphemeCount = kept >= MIN_KEPT ? Math.max(MIN_END, Math.floor(kept / 2)) : Math.floor(kept / 2);
+  const prefixGraphemeCount = kept - suffixGraphemeCount;
+  const prefixText = graphemes.slice(0, prefixGraphemeCount).join("");
+  const suffixText = suffixGraphemeCount > 0 ? graphemes.slice(-suffixGraphemeCount).join("") : "";
+  return {
+    prefixText,
+    prefixGraphemeCount,
+    suffixText,
+    suffixGraphemeCount,
+    text: prefixText + ELLIPSIS + suffixText,
+    truncated: true
+  };
+}
+function middleTruncate(graphemes, availableWidth, measure, fullWidth) {
+  const fullText = graphemes.join("");
+  const resolvedFullWidth = fullWidth ?? measure(fullText);
+  if (availableWidth <= 0 || graphemes.length === 0) {
+    return {
+      prefixText: fullText,
+      prefixGraphemeCount: graphemes.length,
+      suffixText: "",
+      suffixGraphemeCount: 0,
+      text: fullText,
+      truncated: false
+    };
+  }
+  if (resolvedFullWidth <= availableWidth) {
+    return {
+      prefixText: fullText,
+      prefixGraphemeCount: graphemes.length,
+      suffixText: "",
+      suffixGraphemeCount: 0,
+      text: fullText,
+      truncated: false
+    };
+  }
+  let lo2 = 0;
+  let hi = graphemes.length - 1;
+  let best = -1;
+  while (lo2 <= hi) {
+    const mid = lo2 + hi >>> 1;
+    const candidate = buildCandidate(graphemes, mid);
+    if (measure(candidate.text) <= availableWidth) {
+      best = mid;
+      lo2 = mid + 1;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  if (best === -1) {
+    return {
+      prefixText: "",
+      prefixGraphemeCount: 0,
+      suffixText: "",
+      suffixGraphemeCount: 0,
+      text: "",
+      truncated: true
+    };
+  }
+  return buildCandidate(graphemes, best);
+}
+function getMiddleTruncateCopyText({ prefixText, selectionEnd, selectionStart, suffixText, value }) {
+  const visibleText = prefixText + ELLIPSIS + suffixText;
+  if (selectionStart < 0 || selectionEnd > visibleText.length || selectionStart >= selectionEnd) {
+    return null;
+  }
+  if (selectionStart === 0 && selectionEnd === visibleText.length) {
+    return value;
+  }
+  const ellipsisStart = prefixText.length;
+  const ellipsisEnd = ellipsisStart + ELLIPSIS.length;
+  if (selectionStart > ellipsisStart || selectionEnd < ellipsisEnd) {
+    return null;
+  }
+  const originalGraphemes = toGraphemes(value);
+  const selectedPrefixGraphemeCount = toGraphemes(visibleText.slice(0, selectionStart)).length;
+  const selectedSuffixGraphemeCount = toGraphemes(visibleText.slice(ellipsisEnd, selectionEnd)).length;
+  const suffixStart = originalGraphemes.length - toGraphemes(suffixText).length;
+  return originalGraphemes.slice(selectedPrefixGraphemeCount, suffixStart + selectedSuffixGraphemeCount).join("");
+}
+function getMiddleTruncateCopyTextFromSelectionText({ prefixText, selectionText, suffixText, value }) {
+  const visibleText = prefixText + ELLIPSIS + suffixText;
+  const trimmedSelectionText = selectionText.trim();
+  if (!trimmedSelectionText) {
+    return null;
+  }
+  const leading = selectionText.slice(0, selectionText.length - selectionText.trimStart().length);
+  const trailing = selectionText.slice(selectionText.trimEnd().length);
+  if (trimmedSelectionText === visibleText) {
+    return leading + value + trailing;
+  }
+  if (!trimmedSelectionText.includes(ELLIPSIS)) {
+    return null;
+  }
+  const selectionStart = visibleText.indexOf(trimmedSelectionText);
+  if (selectionStart === -1) {
+    return null;
+  }
+  const selectionEnd = selectionStart + trimmedSelectionText.length;
+  const mappedText = getMiddleTruncateCopyText({
+    prefixText,
+    selectionEnd,
+    selectionStart,
+    suffixText,
+    value
+  });
+  return mappedText === null ? null : leading + mappedText + trailing;
+}
+const useIsomorphicLayoutEffect$2 = typeof window === "undefined" ? reactExports.useEffect : reactExports.useLayoutEffect;
+function createFullState(value, graphemes) {
+  return {
+    displayText: value,
+    isTruncated: false,
+    prefixGraphemeCount: graphemes.length,
+    prefixText: value,
+    suffixGraphemeCount: 0,
+    suffixText: ""
+  };
+}
+function useMiddleTruncate(value) {
+  const graphemes = reactExports.useMemo(() => toGraphemes(value), [value]);
+  const fullState = reactExports.useMemo(() => createFullState(value, graphemes), [graphemes, value]);
+  const ref = reactExports.useRef(null);
+  const measureRef = reactExports.useRef(null);
+  const [state, setState] = reactExports.useState(() => fullState);
+  const rafRef = reactExports.useRef(0);
+  const updateState = reactExports.useCallback((nextState) => {
+    setState((currentState) => {
+      if (currentState.displayText === nextState.displayText && currentState.isTruncated === nextState.isTruncated && currentState.prefixText === nextState.prefixText && currentState.prefixGraphemeCount === nextState.prefixGraphemeCount && currentState.suffixText === nextState.suffixText && currentState.suffixGraphemeCount === nextState.suffixGraphemeCount) {
+        return currentState;
+      }
+      return nextState;
+    });
+  }, []);
+  const recalculate = reactExports.useCallback(() => {
+    const el = ref.current;
+    const measureEl = measureRef.current;
+    if (!el || !measureEl)
+      return;
+    const available = el.clientWidth;
+    if (available <= 0) {
+      updateState(fullState);
+      return;
+    }
+    const measure = (text2) => {
+      measureEl.textContent = text2;
+      return measureEl.scrollWidth;
+    };
+    const fullWidth = measure(value);
+    if (fullWidth <= available) {
+      updateState(fullState);
+      return;
+    }
+    const result = middleTruncate(graphemes, available, measure, fullWidth);
+    updateState({
+      displayText: result.text,
+      isTruncated: result.truncated,
+      prefixGraphemeCount: result.prefixGraphemeCount,
+      prefixText: result.prefixText,
+      suffixGraphemeCount: result.suffixGraphemeCount,
+      suffixText: result.suffixText
+    });
+  }, [fullState, graphemes, updateState, value]);
+  useIsomorphicLayoutEffect$2(() => {
+    recalculate();
+  }, [recalculate]);
+  reactExports.useEffect(() => {
+    var _a3;
+    const el = ref.current;
+    if (!el)
+      return;
+    const debouncedRecalc = () => {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = requestAnimationFrame(recalculate);
+    };
+    const ro2 = typeof ResizeObserver !== "undefined" ? new ResizeObserver(debouncedRecalc) : null;
+    ro2 == null ? void 0 : ro2.observe(el);
+    window.addEventListener("resize", debouncedRecalc);
+    const onFontsLoaded = () => {
+      debouncedRecalc();
+    };
+    const fontSet = "fonts" in document ? document.fonts : null;
+    (_a3 = fontSet == null ? void 0 : fontSet.addEventListener) == null ? void 0 : _a3.call(fontSet, "loadingdone", onFontsLoaded);
+    return () => {
+      var _a4;
+      ro2 == null ? void 0 : ro2.disconnect();
+      window.removeEventListener("resize", debouncedRecalc);
+      cancelAnimationFrame(rafRef.current);
+      (_a4 = fontSet == null ? void 0 : fontSet.removeEventListener) == null ? void 0 : _a4.call(fontSet, "loadingdone", onFontsLoaded);
+    };
+  }, [recalculate]);
+  return {
+    ref,
+    measureRef,
+    displayText: state.displayText,
+    isTruncated: state.isTruncated,
+    prefixGraphemeCount: state.prefixGraphemeCount,
+    prefixText: state.prefixText,
+    suffixGraphemeCount: state.suffixGraphemeCount,
+    suffixText: state.suffixText
+  };
+}
+function getRangeOffsets(container, range2) {
+  if (!container.contains(range2.startContainer) || !container.contains(range2.endContainer)) {
+    return null;
+  }
+  const startRange = document.createRange();
+  startRange.selectNodeContents(container);
+  startRange.setEnd(range2.startContainer, range2.startOffset);
+  const endRange = document.createRange();
+  endRange.selectNodeContents(container);
+  endRange.setEnd(range2.endContainer, range2.endOffset);
+  return {
+    end: endRange.toString().length,
+    start: startRange.toString().length
+  };
+}
+function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
+  const { ref, measureRef, displayText, isTruncated, prefixText, suffixText } = useMiddleTruncate(value);
+  const visibleRef = reactExports.useRef(null);
+  const handleCopy = reactExports.useCallback((e) => {
+    onCopyProp == null ? void 0 : onCopyProp(e);
+    if (e.defaultPrevented || !isTruncated)
+      return;
+    const selection2 = window.getSelection();
+    if (!selection2 || selection2.rangeCount === 0)
+      return;
+    const selectionText = selection2.toString();
+    if (!selectionText)
+      return;
+    const range2 = selection2.getRangeAt(0);
+    const visibleEl = visibleRef.current;
+    let copyText = null;
+    if (e.currentTarget.contains(range2.startContainer) && e.currentTarget.contains(range2.endContainer) && visibleEl) {
+      const offsets = getRangeOffsets(visibleEl, range2);
+      if (offsets) {
+        copyText = getMiddleTruncateCopyText({
+          prefixText,
+          selectionEnd: offsets.end,
+          selectionStart: offsets.start,
+          suffixText,
+          value
+        });
+      }
+    }
+    copyText ?? (copyText = getMiddleTruncateCopyTextFromSelectionText({
+      prefixText,
+      selectionText,
+      suffixText,
+      value
+    }));
+    if (copyText === null)
+      return;
+    e.preventDefault();
+    e.clipboardData.setData("text/plain", copyText);
+  }, [onCopyProp, isTruncated, prefixText, suffixText, value]);
+  return jsxRuntimeExports.jsxs("span", { title: isTruncated ? value : void 0, ...props, ref, className: cn$4("relative inline-grid min-w-0 max-w-full overflow-hidden whitespace-nowrap", className), onCopy: handleCopy, children: [isTruncated && jsxRuntimeExports.jsx("span", { className: "sr-only select-none", children: value }), jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap", children: value }), jsxRuntimeExports.jsx("span", { "aria-hidden": isTruncated || void 0, className: "col-start-1 row-start-1 min-w-0 overflow-hidden", ref: visibleRef, children: isTruncated ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { children: prefixText }), jsxRuntimeExports.jsx("span", { children: ELLIPSIS }), jsxRuntimeExports.jsx("span", { children: suffixText })] }) : displayText }), jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap", ref: measureRef })] });
+}
+const CollapsibleContext = reactExports.createContext(null);
+function useCollapsibleContext(part) {
+  const context = reactExports.useContext(CollapsibleContext);
+  if (!context) {
+    throw new Error(`<Collapsible${part}> must be rendered inside <CollapsibleRoot>`);
+  }
+  return context;
+}
+function CollapsibleRoot({ children: children2, variant = "section", disabled = false, defaultOpen = false, onOpenChange, className }) {
+  const [open, setOpen] = reactExports.useState(defaultOpen);
+  const handleToggle = (event) => {
+    if (event.target !== event.currentTarget)
+      return;
+    const next2 = event.currentTarget.open;
+    setOpen(next2);
+    onOpenChange == null ? void 0 : onOpenChange(next2);
+  };
+  const details = jsxRuntimeExports.jsx("details", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", open, onToggle: disabled ? void 0 : handleToggle, className: cn$4(variant === "card" ? "group/card border-gray-alpha-400 last:border-b" : "group", className), children: jsxRuntimeExports.jsx(CollapsibleContext.Provider, { value: { variant, disabled }, children: children2 }) });
+  if (variant === "card") {
+    return details;
+  }
+  return jsxRuntimeExports.jsx("section", { className: "-mx-4 border-t border-gray-alpha-400 px-4 py-2", children: details });
+}
+function CollapsibleTrigger({ children: children2, className }) {
+  const { variant, disabled } = useCollapsibleContext("Trigger");
+  if (variant === "card") {
+    return jsxRuntimeExports.jsxs("summary", { "data-slot": "collapsible-trigger", className: cn$4("flex cursor-pointer list-none items-center gap-1.5 border-t border-gray-alpha-400 bg-background-200 px-3 py-4 hover:bg-gray-100 [&::-webkit-details-marker]:hidden", className), children: [jsxRuntimeExports.jsx(ChevronRight, { size: 14, className: "shrink-0 text-gray-700 group-hover/card:text-gray-1000 group-open/card:rotate-90" }), children2] });
+  }
+  const row = "flex h-9 items-center gap-2 -mx-2 px-2 text-heading-14 font-medium list-none [&::-webkit-details-marker]:hidden";
+  if (disabled) {
+    return jsxRuntimeExports.jsx("summary", { "data-slot": "collapsible-trigger", className: cn$4(row, "pointer-events-none text-gray-700", className), children: jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1", children: children2 }) });
+  }
+  return jsxRuntimeExports.jsxs("summary", { "data-slot": "collapsible-trigger", className: cn$4(row, "group/trigger cursor-pointer rounded hover:bg-gray-alpha-100", className), children: [jsxRuntimeExports.jsxs("span", { className: "relative isolate h-3.5 w-3.5 shrink-0 text-gray-700 group-hover/trigger:text-gray-1000", children: [jsxRuntimeExports.jsx(ChevronRight, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-100 group-open:opacity-0" }), jsxRuntimeExports.jsx(ChevronDown, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 group-open:opacity-100" })] }), jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1", children: children2 })] });
+}
+function CollapsibleContent({ children: children2, className }) {
+  const { variant } = useCollapsibleContext("Content");
+  return jsxRuntimeExports.jsx("div", { "data-slot": "collapsible-content", className: cn$4(variant === "section" && "mt-2 mb-3", className), children: children2 });
+}
+function Collapsible({ label, children: children2, disabled, defaultOpen, onOpenChange }) {
+  return jsxRuntimeExports.jsxs(CollapsibleRoot, { disabled, defaultOpen, onOpenChange, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: label }), children2 != null && jsxRuntimeExports.jsx(CollapsibleContent, { children: children2 })] });
+}
 const buttonVariants$1 = cva([
   "outline-none m-0 border-0 align-baseline no-underline group/trigger",
   "relative cursor-pointer select-none transform translate-z-0",
@@ -51666,14 +52139,7 @@ function ExpandableContainer({ field, entries, open, close, prefix, ctx, isLast
     }
   };
   const lastIndex = entries.length - 1;
-  return (
-    // The treeitem row is the focusable, keyboard-operable control (roving
-    // tabindex + arrow keys); the disclosure marker below is purely decorative.
-    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: open }), expanded2 ? (
-      // biome-ignore lint/a11y/useSemanticElements: ARIA tree group is the correct role here
-      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": 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: open }), 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 })] });
 }
 function DataRender({ field, value, isLast, ctx }) {
   if (isBytesDisplay(value)) {
@@ -51880,41 +52346,43 @@ const serializeForClipboard = (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 DetailCard({ summary, children: children2, onToggle, disabled = false, defaultOpen = false, variant = "section", trailing, summaryClassName, contentClassName }) {
-  const [open, setOpen] = reactExports.useState(defaultOpen);
-  const handleToggle = (e) => {
-    if (e.target !== e.currentTarget)
-      return;
-    const next2 = e.currentTarget.open;
-    setOpen(next2);
-    onToggle == null ? void 0 : onToggle(next2);
-  };
-  if (variant === "card") {
-    if (disabled) {
-      return jsxRuntimeExports.jsx("div", { className: cn$4("list-none px-3 py-4 bg-background-200 [&::-webkit-details-marker]:hidden", summaryClassName), style: { cursor: "not-allowed", opacity: 0.8 }, children: summary });
+function isReservedAttributeKey(key) {
+  return key.startsWith(RESERVED_ATTRIBUTE_KEY_PREFIX);
+}
+const rowValueVariants = cva("max-w-[60%] truncate text-right text-copy-13 text-gray-1000", {
+  variants: {
+    variant: {
+      default: "",
+      mono: "font-mono"
     }
-    return jsxRuntimeExports.jsxs("details", { className: "group/card last:border-b border-gray-alpha-400", open, onToggle: handleToggle, children: [jsxRuntimeExports.jsx("summary", { className: cn$4("list-none cursor-pointer px-3 py-4 border-t border-gray-alpha-400 bg-background-200 hover:bg-gray-100 [&::-webkit-details-marker]:hidden", summaryClassName), children: jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1.5", children: [jsxRuntimeExports.jsx(ChevronRight, { size: 14, className: cn$4("shrink-0 text-gray-700 group-hover/card:text-gray-1000", open && "rotate-90") }), summary] }) }), jsxRuntimeExports.jsx("div", { className: contentClassName, children: children2 })] });
-  }
-  const rowClasses = "flex h-9 items-center gap-2 px-2 -mx-2 text-heading-14 font-medium my-2";
-  if (trailing) {
-    return jsxRuntimeExports.jsx("section", { className: "-mx-4 border-t px-4 border-gray-alpha-400", children: jsxRuntimeExports.jsxs("div", { className: cn$4(rowClasses, summaryClassName), children: [jsxRuntimeExports.jsx("div", { className: "isolate relative shrink-0 w-3.5 h-3.5 text-gray-700", children: jsxRuntimeExports.jsx(ChevronRight, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }) }), jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1", children: summary }), jsxRuntimeExports.jsx("div", { className: "shrink-0 pr-1", children: trailing })] }) });
+  },
+  defaultVariants: {
+    variant: "default"
   }
-  if (disabled) {
-    return jsxRuntimeExports.jsx("section", { className: "-mx-4 border-t px-4 border-gray-alpha-400", children: jsxRuntimeExports.jsx("div", { className: cn$4(rowClasses, summaryClassName), style: { color: "var(--ds-gray-700)", cursor: "not-allowed" }, children: jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1", children: summary }) }) });
+});
+const rowCopyValueVariants = cva("flex min-w-0 max-w-[60%] items-center justify-end gap-1 text-copy-13 text-gray-1000", {
+  variants: {
+    variant: {
+      default: "",
+      mono: "font-mono"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
   }
-  return jsxRuntimeExports.jsx("section", { className: "-mx-4 border-t px-4 border-gray-alpha-400", children: jsxRuntimeExports.jsxs("details", { className: "group", open, onToggle: handleToggle, children: [jsxRuntimeExports.jsxs("summary", { className: cn$4("group/trigger list-none cursor-pointer rounded hover:bg-gray-alpha-100 [&::-webkit-details-marker]:hidden", rowClasses, summaryClassName), children: [jsxRuntimeExports.jsxs("div", { className: "isolate relative shrink-0 text-gray-700 group-hover/trigger:text-gray-1000 w-3.5 h-3.5", children: [jsxRuntimeExports.jsx(ChevronRight, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-100 group-open:opacity-0" }), jsxRuntimeExports.jsx(ChevronDown, { size: 14, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 opacity-0 group-open:opacity-100" })] }), jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1", children: summary })] }), jsxRuntimeExports.jsx("div", { className: cn$4("mb-3", contentClassName), children: children2 })] }) });
+});
+function DetailKeyValueRowBase({ label, value, copyText, removed = false, variant }) {
+  const stringValue = typeof value === "string" ? value : void 0;
+  return jsxRuntimeExports.jsxs("div", { className: "px-1.5 hover:bg-gray-100 flex justify-between gap-3 -mx-1.5 py-0.5 rounded items-center", children: [jsxRuntimeExports.jsx("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-label-13 text-gray-900", children: label }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : copyText ? jsxRuntimeExports.jsxs("div", { className: cn$4(rowCopyValueVariants({ variant })), title: copyText, children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: cn$4(rowValueVariants({ variant, className: "text-right" })), style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(CopyButton, { copyText, ariaLabel: `Copy ${label}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: cn$4(rowValueVariants({ variant })), title: stringValue, children: value })] });
 }
-const isReservedAttributeKey = (key) => key.startsWith(RESERVED_ATTRIBUTE_KEY_PREFIX);
-function ReservedBadge() {
-  return jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded border px-1 py-px text-[10px] font-medium leading-3", style: {
-    borderColor: "var(--ds-gray-alpha-400)",
-    backgroundColor: "var(--ds-gray-100)",
-    color: "var(--ds-gray-700)"
-  }, title: `Keys prefixed with "${RESERVED_ATTRIBUTE_KEY_PREFIX}" are reserved for framework and library code`, children: "Reserved" });
+function DetailKeyValueRow(props) {
+  return jsxRuntimeExports.jsx(DetailKeyValueRowBase, { ...props });
+}
+function DetailMonoKeyValueRow(props) {
+  return jsxRuntimeExports.jsx(DetailKeyValueRowBase, { ...props, variant: "mono" });
 }
 function AttributeRow({ attributeKey, value, removed = false }) {
-  const reserved = isReservedAttributeKey(attributeKey);
-  return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-label-13 text-gray-900", style: reserved ? { color: "var(--ds-gray-700)" } : void 0, children: [jsxRuntimeExports.jsx("span", { className: "truncate", children: attributeKey }), reserved && jsxRuntimeExports.jsx(ReservedBadge, {})] }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : jsxRuntimeExports.jsx("span", { className: "max-w-[60%] truncate text-copy-13 text-gray-1000", title: value, children: value })] });
+  return jsxRuntimeExports.jsx(DetailKeyValueRow, { label: attributeKey, value, removed });
 }
 function sortAttributeKeys(keys2) {
   return [...keys2].sort((a2, b2) => {
@@ -51929,7 +52397,35 @@ function RunAttributesCard({ attributes }) {
   const keys2 = sortAttributeKeys(Object.keys(attributes));
   if (keys2.length === 0)
     return null;
-  return jsxRuntimeExports.jsx(DetailCard, { summary: "Attributes", defaultOpen: true, contentClassName: "mb-4", children: jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: keys2.map((key) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: key, value: attributes[key] }, key)) }) });
+  return jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Attributes" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mb-4", children: jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: keys2.map((key) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: key, value: attributes[key] }, key)) }) })] });
+}
+function formatMetadataValue(value) {
+  if (value == null) {
+    return String(value);
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function isMetadataRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function RunMetadataCard({ metadata }) {
+  if (!isMetadataRecord(metadata)) {
+    return jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Metadata" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mb-4", children: jsxRuntimeExports.jsx(CopyableDataBlock, { data: metadata }) })] });
+  }
+  const keys2 = Object.keys(metadata).sort((a2, b2) => a2.localeCompare(b2));
+  if (keys2.length === 0)
+    return null;
+  return jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Metadata" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mb-4", children: jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: keys2.map((key) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: key, value: formatMetadataValue(metadata[key]) }, key)) }) })] });
 }
 function isAttrSetEventData(data) {
   if (data === null || typeof data !== "object")
@@ -53864,7 +54360,13 @@ function HookResolveModalWrapper({ hookActions }) {
   const { selectedHook, closeResolveModal, handleResolve, isResolving } = hookActions;
   return jsxRuntimeExports.jsx(ResolveHookModal, { isOpen: selectedHook !== null, onClose: closeResolveModal, onSubmit: handleResolve, isSubmitting: isResolving });
 }
-const COL_TEMPLATE = "340px 1px minmax(50px, 1fr)";
+const GUTTER_PX = 1;
+const MIN_PX = 50;
+const DEFAULT_START_PX = 340;
+function paneColTemplate(startPx) {
+  return `${startPx}px ${GUTTER_PX}px minmax(${MIN_PX}px, 1fr)`;
+}
+const COL_TEMPLATE = paneColTemplate(DEFAULT_START_PX);
 const ROWS = [
   { id: "r0", name: 62, off: 0, bar: 72 },
   { id: "r1", name: 78, off: 6, bar: 48 },
@@ -55900,286 +56402,6 @@ function formatRelative(date2, baseDate, options) {
   });
   return format(date_, formatStr, { locale, weekStartsOn });
 }
-const ELLIPSIS = "...";
-const MIN_START = 3;
-const MIN_END = 3;
-const MIN_KEPT = MIN_START + MIN_END;
-const graphemeSegmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
-function toGraphemes(text2) {
-  if (graphemeSegmenter) {
-    return [...graphemeSegmenter.segment(text2)].map((s2) => s2.segment);
-  }
-  return Array.from(text2);
-}
-function buildCandidate(graphemes, kept) {
-  if (kept <= 0) {
-    return {
-      prefixText: "",
-      prefixGraphemeCount: 0,
-      suffixText: "",
-      suffixGraphemeCount: 0,
-      text: ELLIPSIS,
-      truncated: true
-    };
-  }
-  const suffixGraphemeCount = kept >= MIN_KEPT ? Math.max(MIN_END, Math.floor(kept / 2)) : Math.floor(kept / 2);
-  const prefixGraphemeCount = kept - suffixGraphemeCount;
-  const prefixText = graphemes.slice(0, prefixGraphemeCount).join("");
-  const suffixText = suffixGraphemeCount > 0 ? graphemes.slice(-suffixGraphemeCount).join("") : "";
-  return {
-    prefixText,
-    prefixGraphemeCount,
-    suffixText,
-    suffixGraphemeCount,
-    text: prefixText + ELLIPSIS + suffixText,
-    truncated: true
-  };
-}
-function middleTruncate(graphemes, availableWidth, measure, fullWidth) {
-  const fullText = graphemes.join("");
-  const resolvedFullWidth = fullWidth ?? measure(fullText);
-  if (availableWidth <= 0 || graphemes.length === 0) {
-    return {
-      prefixText: fullText,
-      prefixGraphemeCount: graphemes.length,
-      suffixText: "",
-      suffixGraphemeCount: 0,
-      text: fullText,
-      truncated: false
-    };
-  }
-  if (resolvedFullWidth <= availableWidth) {
-    return {
-      prefixText: fullText,
-      prefixGraphemeCount: graphemes.length,
-      suffixText: "",
-      suffixGraphemeCount: 0,
-      text: fullText,
-      truncated: false
-    };
-  }
-  let lo2 = 0;
-  let hi = graphemes.length - 1;
-  let best = -1;
-  while (lo2 <= hi) {
-    const mid = lo2 + hi >>> 1;
-    const candidate = buildCandidate(graphemes, mid);
-    if (measure(candidate.text) <= availableWidth) {
-      best = mid;
-      lo2 = mid + 1;
-    } else {
-      hi = mid - 1;
-    }
-  }
-  if (best === -1) {
-    return {
-      prefixText: "",
-      prefixGraphemeCount: 0,
-      suffixText: "",
-      suffixGraphemeCount: 0,
-      text: "",
-      truncated: true
-    };
-  }
-  return buildCandidate(graphemes, best);
-}
-function getMiddleTruncateCopyText({ prefixText, selectionEnd, selectionStart, suffixText, value }) {
-  const visibleText = prefixText + ELLIPSIS + suffixText;
-  if (selectionStart < 0 || selectionEnd > visibleText.length || selectionStart >= selectionEnd) {
-    return null;
-  }
-  if (selectionStart === 0 && selectionEnd === visibleText.length) {
-    return value;
-  }
-  const ellipsisStart = prefixText.length;
-  const ellipsisEnd = ellipsisStart + ELLIPSIS.length;
-  if (selectionStart > ellipsisStart || selectionEnd < ellipsisEnd) {
-    return null;
-  }
-  const originalGraphemes = toGraphemes(value);
-  const selectedPrefixGraphemeCount = toGraphemes(visibleText.slice(0, selectionStart)).length;
-  const selectedSuffixGraphemeCount = toGraphemes(visibleText.slice(ellipsisEnd, selectionEnd)).length;
-  const suffixStart = originalGraphemes.length - toGraphemes(suffixText).length;
-  return originalGraphemes.slice(selectedPrefixGraphemeCount, suffixStart + selectedSuffixGraphemeCount).join("");
-}
-function getMiddleTruncateCopyTextFromSelectionText({ prefixText, selectionText, suffixText, value }) {
-  const visibleText = prefixText + ELLIPSIS + suffixText;
-  const trimmedSelectionText = selectionText.trim();
-  if (!trimmedSelectionText) {
-    return null;
-  }
-  const leading = selectionText.slice(0, selectionText.length - selectionText.trimStart().length);
-  const trailing = selectionText.slice(selectionText.trimEnd().length);
-  if (trimmedSelectionText === visibleText) {
-    return leading + value + trailing;
-  }
-  if (!trimmedSelectionText.includes(ELLIPSIS)) {
-    return null;
-  }
-  const selectionStart = visibleText.indexOf(trimmedSelectionText);
-  if (selectionStart === -1) {
-    return null;
-  }
-  const selectionEnd = selectionStart + trimmedSelectionText.length;
-  const mappedText = getMiddleTruncateCopyText({
-    prefixText,
-    selectionEnd,
-    selectionStart,
-    suffixText,
-    value
-  });
-  return mappedText === null ? null : leading + mappedText + trailing;
-}
-const useIsomorphicLayoutEffect$2 = typeof window === "undefined" ? reactExports.useEffect : reactExports.useLayoutEffect;
-function createFullState(value, graphemes) {
-  return {
-    displayText: value,
-    isTruncated: false,
-    prefixGraphemeCount: graphemes.length,
-    prefixText: value,
-    suffixGraphemeCount: 0,
-    suffixText: ""
-  };
-}
-function useMiddleTruncate(value) {
-  const graphemes = reactExports.useMemo(() => toGraphemes(value), [value]);
-  const fullState = reactExports.useMemo(() => createFullState(value, graphemes), [graphemes, value]);
-  const ref = reactExports.useRef(null);
-  const measureRef = reactExports.useRef(null);
-  const [state, setState] = reactExports.useState(() => fullState);
-  const rafRef = reactExports.useRef(0);
-  const updateState = reactExports.useCallback((nextState) => {
-    setState((currentState) => {
-      if (currentState.displayText === nextState.displayText && currentState.isTruncated === nextState.isTruncated && currentState.prefixText === nextState.prefixText && currentState.prefixGraphemeCount === nextState.prefixGraphemeCount && currentState.suffixText === nextState.suffixText && currentState.suffixGraphemeCount === nextState.suffixGraphemeCount) {
-        return currentState;
-      }
-      return nextState;
-    });
-  }, []);
-  const recalculate = reactExports.useCallback(() => {
-    const el = ref.current;
-    const measureEl = measureRef.current;
-    if (!el || !measureEl)
-      return;
-    const available = el.clientWidth;
-    if (available <= 0) {
-      updateState(fullState);
-      return;
-    }
-    const measure = (text2) => {
-      measureEl.textContent = text2;
-      return measureEl.scrollWidth;
-    };
-    const fullWidth = measure(value);
-    if (fullWidth <= available) {
-      updateState(fullState);
-      return;
-    }
-    const result = middleTruncate(graphemes, available, measure, fullWidth);
-    updateState({
-      displayText: result.text,
-      isTruncated: result.truncated,
-      prefixGraphemeCount: result.prefixGraphemeCount,
-      prefixText: result.prefixText,
-      suffixGraphemeCount: result.suffixGraphemeCount,
-      suffixText: result.suffixText
-    });
-  }, [fullState, graphemes, updateState, value]);
-  useIsomorphicLayoutEffect$2(() => {
-    recalculate();
-  }, [recalculate]);
-  reactExports.useEffect(() => {
-    var _a3;
-    const el = ref.current;
-    if (!el)
-      return;
-    const debouncedRecalc = () => {
-      cancelAnimationFrame(rafRef.current);
-      rafRef.current = requestAnimationFrame(recalculate);
-    };
-    const ro2 = typeof ResizeObserver !== "undefined" ? new ResizeObserver(debouncedRecalc) : null;
-    ro2 == null ? void 0 : ro2.observe(el);
-    window.addEventListener("resize", debouncedRecalc);
-    const onFontsLoaded = () => {
-      debouncedRecalc();
-    };
-    const fontSet = "fonts" in document ? document.fonts : null;
-    (_a3 = fontSet == null ? void 0 : fontSet.addEventListener) == null ? void 0 : _a3.call(fontSet, "loadingdone", onFontsLoaded);
-    return () => {
-      var _a4;
-      ro2 == null ? void 0 : ro2.disconnect();
-      window.removeEventListener("resize", debouncedRecalc);
-      cancelAnimationFrame(rafRef.current);
-      (_a4 = fontSet == null ? void 0 : fontSet.removeEventListener) == null ? void 0 : _a4.call(fontSet, "loadingdone", onFontsLoaded);
-    };
-  }, [recalculate]);
-  return {
-    ref,
-    measureRef,
-    displayText: state.displayText,
-    isTruncated: state.isTruncated,
-    prefixGraphemeCount: state.prefixGraphemeCount,
-    prefixText: state.prefixText,
-    suffixGraphemeCount: state.suffixGraphemeCount,
-    suffixText: state.suffixText
-  };
-}
-function getRangeOffsets(container, range2) {
-  if (!container.contains(range2.startContainer) || !container.contains(range2.endContainer)) {
-    return null;
-  }
-  const startRange = document.createRange();
-  startRange.selectNodeContents(container);
-  startRange.setEnd(range2.startContainer, range2.startOffset);
-  const endRange = document.createRange();
-  endRange.selectNodeContents(container);
-  endRange.setEnd(range2.endContainer, range2.endOffset);
-  return {
-    end: endRange.toString().length,
-    start: startRange.toString().length
-  };
-}
-function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
-  const { ref, measureRef, displayText, isTruncated, prefixText, suffixText } = useMiddleTruncate(value);
-  const visibleRef = reactExports.useRef(null);
-  const handleCopy = reactExports.useCallback((e) => {
-    onCopyProp == null ? void 0 : onCopyProp(e);
-    if (e.defaultPrevented || !isTruncated)
-      return;
-    const selection2 = window.getSelection();
-    if (!selection2 || selection2.rangeCount === 0)
-      return;
-    const selectionText = selection2.toString();
-    if (!selectionText)
-      return;
-    const range2 = selection2.getRangeAt(0);
-    const visibleEl = visibleRef.current;
-    let copyText = null;
-    if (e.currentTarget.contains(range2.startContainer) && e.currentTarget.contains(range2.endContainer) && visibleEl) {
-      const offsets = getRangeOffsets(visibleEl, range2);
-      if (offsets) {
-        copyText = getMiddleTruncateCopyText({
-          prefixText,
-          selectionEnd: offsets.end,
-          selectionStart: offsets.start,
-          suffixText,
-          value
-        });
-      }
-    }
-    copyText ?? (copyText = getMiddleTruncateCopyTextFromSelectionText({
-      prefixText,
-      selectionText,
-      suffixText,
-      value
-    }));
-    if (copyText === null)
-      return;
-    e.preventDefault();
-    e.clipboardData.setData("text/plain", copyText);
-  }, [onCopyProp, isTruncated, prefixText, suffixText, value]);
-  return jsxRuntimeExports.jsxs("span", { title: isTruncated ? value : void 0, ...props, ref, className: cn$4("relative inline-grid min-w-0 max-w-full overflow-hidden whitespace-nowrap", className), onCopy: handleCopy, children: [isTruncated && jsxRuntimeExports.jsx("span", { className: "sr-only select-none", children: value }), jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap", children: value }), jsxRuntimeExports.jsx("span", { "aria-hidden": isTruncated || void 0, className: "col-start-1 row-start-1 min-w-0 overflow-hidden", ref: visibleRef, children: isTruncated ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { children: prefixText }), jsxRuntimeExports.jsx("span", { children: ELLIPSIS }), jsxRuntimeExports.jsx("span", { children: suffixText })] }) : displayText }), jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap", ref: measureRef })] });
-}
 const convert = (
   // Note: overloads in JSDoc can’t yet use different `@template`s.
   /**
@@ -82803,7 +83025,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(() => import("./highlighted-body-B3W2YXNL-DUlvgLoF.js").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(() => import("./highlighted-body-B3W2YXNL-D1QWoqJB.js").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 }) })] }) });
@@ -83125,7 +83347,7 @@ var Dt = ({ children: e, className: t, onDownload: o, onError: n }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i, children: [jsxRuntimeExports.jsx("button", { className: f("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t), disabled: c, onClick: () => r2(!s2), title: "Download table", type: "button", children: e != null ? e : jsxRuntimeExports.jsx(Z, { size: 14 }) }), s2 ? jsxRuntimeExports.jsxs("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
 };
 var Vt = ({ children: e, className: t, showControls: o, ...n }) => jsxRuntimeExports.jsxs("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [o ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [jsxRuntimeExports.jsx(Ht, {}), jsxRuntimeExports.jsx(Dt, {})] }) : null, jsxRuntimeExports.jsx("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: jsxRuntimeExports.jsx("table", { className: f("w-full divide-y divide-border", t), "data-streamdown": "table", ...n, children: e }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BdnRYE9a.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BOh-zwwU.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke(e, t) {
   if (!(e != null && e.position || t != null && t.position)) return true;
   if (!(e != null && e.position && (t != null && t.position))) return false;
@@ -83712,7 +83934,7 @@ const conversationTabs = [
 ];
 function ConversationWithTabs({ conversation, args }) {
   const [activeTab, setActiveTab] = reactExports.useState("conversation");
-  return jsxRuntimeExports.jsx(DetailCard, { summary: "Input", children: jsxRuntimeExports.jsx(TabbedContainer, { tabs: conversationTabs, activeTab, onTabChange: setActiveTab, ariaLabel: "Conversation view", children: activeTab === "conversation" ? jsxRuntimeExports.jsx(ConversationView, { messages: conversation }) : jsxRuntimeExports.jsx("div", { className: "p-3", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }) }) });
+  return jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: jsxRuntimeExports.jsx(TabbedContainer, { tabs: conversationTabs, activeTab, onTabChange: setActiveTab, ariaLabel: "Conversation view", children: activeTab === "conversation" ? jsxRuntimeExports.jsx(ConversationView, { messages: conversation }) : jsxRuntimeExports.jsx("div", { className: "p-3", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }) }) });
 }
 function EncryptedFieldBlock() {
   return jsxRuntimeExports.jsx(EncryptedDataBlock, {});
@@ -83884,7 +84106,7 @@ const attributeToDisplayFn = {
   environment: (_value) => null,
   executionContext: (_value) => null,
   // Attributes — string-string metadata attached to the run.
-  // Rendered as key-value rows in its own collapsible DetailCard;
+  // Rendered as key-value rows in its own collapsible section;
   // if empty/missing, hidden by the hasDisplayContent gate.
   attributes: (value) => {
     if (!hasDisplayContent(value))
@@ -83904,15 +84126,17 @@ const attributeToDisplayFn = {
   metadata: (value) => {
     if (!hasDisplayContent(value))
       return null;
-    if (isEncryptedMarker$1(value))
-      return jsxRuntimeExports.jsx(EncryptedDataBlock, {});
-    if (isExpiredMarker(value))
-      return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
-    return JsonBlock(value);
+    if (isEncryptedMarker$1(value)) {
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Metadata", children: jsxRuntimeExports.jsx(EncryptedDataBlock, {}) });
+    }
+    if (isExpiredMarker(value)) {
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Metadata", children: jsxRuntimeExports.jsx(ExpiredFieldBlock, {}) });
+    }
+    return jsxRuntimeExports.jsx(RunMetadataCard, { metadata: value });
   },
   input: (value, context) => {
     if (isEncryptedMarker$1(value)) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: "Input", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     if (isExpiredMarker(value))
       return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
@@ -83924,51 +84148,51 @@ const attributeToDisplayFn = {
       if ((context == null ? void 0 : context.stepName) && isDoStreamStep(context.stepName)) {
         const conversation = extractConversation(args);
         if (conversation && conversation.length > 0) {
-          return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ConversationWithTabs, { conversation, args }), hasClosureVars && jsxRuntimeExports.jsx(DetailCard, { summary: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(DetailCard, { summary: "This Value", children: JsonBlock(thisVal) })] });
+          return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ConversationWithTabs, { conversation, args }), hasClosureVars && jsxRuntimeExports.jsx(Collapsible, { label: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(Collapsible, { label: "This Value", children: JsonBlock(thisVal) })] });
         }
       }
       if (!hasArgs && !hasClosureVars && !hasThisVal) {
-        return jsxRuntimeExports.jsx(DetailCard, { summary: "Input (no data)", disabled: true });
+        return jsxRuntimeExports.jsx(Collapsible, { label: "Input (no data)", disabled: true });
       }
-      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(DetailCard, { summary: "Input", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }), hasClosureVars && jsxRuntimeExports.jsx(DetailCard, { summary: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(DetailCard, { summary: "Context", children: JsonBlock(thisVal) })] });
+      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }), hasClosureVars && jsxRuntimeExports.jsx(Collapsible, { label: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(Collapsible, { label: "Context", children: JsonBlock(thisVal) })] });
     }
     if (!hasDisplayContent(value)) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: "Input (no data)", disabled: true });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Input (no data)", disabled: true });
     }
-    return jsxRuntimeExports.jsx(DetailCard, { summary: "Input", children: Array.isArray(value) ? value.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(value) });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: Array.isArray(value) ? value.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(value) });
   },
   output: (value) => {
     if (isEncryptedMarker$1(value)) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: "Output", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Output", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     if (!hasDisplayContent(value))
       return null;
     if (isExpiredMarker(value))
       return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
-    return jsxRuntimeExports.jsx(DetailCard, { summary: "Output", children: JsonBlock(value) });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Output", children: JsonBlock(value) });
   },
   error: (value) => {
     if (isEncryptedMarker$1(value)) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: "Error", defaultOpen: true, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Error", defaultOpen: true, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     if (isExpiredMarker(value))
       return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     if (!hasDisplayContent(value))
       return null;
     if (isStructuredError(value)) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: "Error", defaultOpen: true, children: jsxRuntimeExports.jsx(ErrorStackBlock, { value }) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Error", defaultOpen: true, children: jsxRuntimeExports.jsx(ErrorStackBlock, { value }) });
     }
-    return jsxRuntimeExports.jsx(DetailCard, { summary: "Error", defaultOpen: true, children: JsonBlock(value) });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Error", defaultOpen: true, children: JsonBlock(value) });
   },
   eventData: (value) => {
     if (isEncryptedMarker$1(value)) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: "Event Data", defaultOpen: true, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Event Data", defaultOpen: true, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     if (isExpiredMarker(value))
       return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     if (!hasDisplayContent(value))
       return null;
-    return jsxRuntimeExports.jsx(DetailCard, { summary: "Event Data", defaultOpen: true, children: JsonBlock(value) });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Event Data", defaultOpen: true, children: JsonBlock(value) });
   },
   errorCode: (value) => {
     if (typeof value !== "string" || value.length === 0)
@@ -83988,6 +84212,7 @@ const selfHeaderedAttributes = /* @__PURE__ */ new Set([
   "input",
   "output",
   "error",
+  "metadata",
   "attributes",
   "eventData"
 ]);
@@ -84009,9 +84234,9 @@ const AttributeBlock = ({ attribute, value, isLoading, inline = false, context }
   if (isLoading && isExpandableLoadingTarget && !hasDisplayContent(value)) {
     const label = attribute === "eventData" ? "Event Data" : attribute === "output" ? "Output" : "Input";
     if (decryptCtx == null ? void 0 : decryptCtx.hasEncryptedData) {
-      return jsxRuntimeExports.jsx(DetailCard, { summary: label, defaultOpen: attribute === "eventData", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label, defaultOpen: attribute === "eventData", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
-    return jsxRuntimeExports.jsx(DetailCard, { summary: label });
+    return jsxRuntimeExports.jsx(Collapsible, { label });
   }
   const displayFn = attributeToDisplayFn[attribute];
   if (!displayFn) {
@@ -84097,12 +84322,13 @@ const AttributePanel = ({ data, moduleSpecifier, isLoading, error: error2, expir
     isDecrypting,
     hasEncryptedData: outerDecryptCtx == null ? void 0 : outerDecryptCtx.hasEncryptedData
   } : outerDecryptCtx;
-  return jsxRuntimeExports.jsx(ContextCardProvider, { children: jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsxs(DecryptClickContext.Provider, { value: decryptValue, children: [visibleBasicAttributes.length > 0 && jsxRuntimeExports.jsxs("div", { className: "flex flex-col overflow-hidden divide-y divide-gray-alpha-400 mb-3", children: [orderedBasicAttributes.map((attribute) => {
+  return jsxRuntimeExports.jsx(ContextCardProvider, { children: jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsxs(DecryptClickContext.Provider, { value: decryptValue, children: [visibleBasicAttributes.length > 0 && jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Metadata" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mt-0 mb-2", children: jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [orderedBasicAttributes.map((attribute) => {
     var _a3;
     const displayValue = (_a3 = attributeToDisplayFn[attribute]) == null ? void 0 : _a3.call(attributeToDisplayFn, displayData[attribute]);
     const isCopyableBasicAttribute = copyableBasicAttributes.has(attribute) && typeof displayValue === "string";
-    return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between py-2", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 text-gray-900", children: getAttributeDisplayName(attribute) }), isCopyableBasicAttribute ? jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 max-w-[70%] items-center justify-end gap-1 text-[13px] font-mono text-gray-1000", title: displayValue, children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: displayValue, className: "text-right", style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(CopyButton, { copyText: displayValue, ariaLabel: `Copy ${getAttributeDisplayName(attribute)}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: "text-right text-label-13 font-mono", children: displayValue })] }, attribute);
-  }), isLoading && resource === "sleep" && !displayData.resumeAt && jsxRuntimeExports.jsx("div", { className: "py-1", children: jsxRuntimeExports.jsxs("div", { className: "flex min-h-[32px] items-center justify-between gap-4 rounded-sm px-2.5 py-1", children: [jsxRuntimeExports.jsx("span", { className: "text-[14px] first-letter:uppercase", style: { color: "var(--ds-gray-700)" }, children: "resumeAt" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-[55%]" })] }) })] }), error2 ? jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load resource details", details: error2.message, className: "my-4" }) : hasExpired ? jsxRuntimeExports.jsx(ExpiredDataMessage, {}) : resolvedAttributes.length > 0 ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: resolvedAttributes.map((attribute) => jsxRuntimeExports.jsx(AttributeBlock, { isLoading, attribute, value: displayData[attribute], context: displayContext }, attribute)) }) : null] }) }) }) });
+    const label = getAttributeDisplayName(attribute);
+    return jsxRuntimeExports.jsx(DetailMonoKeyValueRow, { label, value: displayValue, copyText: isCopyableBasicAttribute ? displayValue : void 0 }, attribute);
+  }), isLoading && resource === "sleep" && !displayData.resumeAt && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [jsxRuntimeExports.jsx("span", { className: "text-label-13 text-gray-900", children: "Resume" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-[55%]" })] })] }) })] }), error2 ? jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load resource details", details: error2.message, className: "my-4" }) : hasExpired ? jsxRuntimeExports.jsx(ExpiredDataMessage, {}) : resolvedAttributes.length > 0 ? resolvedAttributes.map((attribute) => jsxRuntimeExports.jsx(AttributeBlock, { isLoading, attribute, value: displayData[attribute], context: displayContext }, attribute)) : null] }) }) }) });
 };
 const ERROR_EVENT_TYPES = /* @__PURE__ */ new Set(["step_failed", "step_retrying"]);
 const DATA_EVENT_TYPES = /* @__PURE__ */ new Set([
@@ -84184,17 +84410,17 @@ function EventItem({ event, onLoadEventData, encryptionKey, showSeparateEventOcc
     second: "numeric"
   });
   const displayPayload = isLoading ? loadedData : mergedDisplay;
-  return jsxRuntimeExports.jsxs(DetailCard, { variant: "card", summaryClassName: "px-3 py-2", summary: jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [jsxRuntimeExports.jsx("span", { className: "text-gray-1000 text-label-12 font-mono", children: event.eventType }), jsxRuntimeExports.jsx("span", { className: "shrink-0 text-label-13 text-gray-900", children: displayedCreatedAtTime })] }), onToggle: canHaveData ? (open) => {
+  return jsxRuntimeExports.jsxs(CollapsibleRoot, { variant: "card", onOpenChange: canHaveData ? (open) => {
     if (open)
       handleExpand();
-  } : void 0, children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-col bg-background-200 [&:has(+_*)]:border-b [&:has(+_*)]:border-gray-alpha-400", children: [showSeparateEventOccurrenceTimestamps && occurredAt && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Occurred" }), jsxRuntimeExports.jsx(TimestampTooltip, { date: occurredAt, children: jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: formatEventTimestamp(occurredAt) }) })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Event ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.eventId })] }), event.correlationId && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Correlation ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.correlationId })] })] }), isLoading && jsxRuntimeExports.jsxs("div", { className: "p-3", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-[35%]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "mt-2 h-4 w-[90%]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "mt-2 h-4 w-[75%]" })] }), loadError && jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load event data", details: loadError, className: "mt-2" }), displayPayload != null && jsxRuntimeExports.jsx("div", { className: "[&>div]:border-none [&>div]:rounded-none", children: jsxRuntimeExports.jsx(EventDataBlock, { eventType: event.eventType, data: displayPayload }) })] });
+  } : void 0, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { className: "px-3 py-2", children: jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [jsxRuntimeExports.jsx("span", { className: "text-gray-1000 text-label-12 font-mono", children: event.eventType }), jsxRuntimeExports.jsx("span", { className: "shrink-0 text-label-13 text-gray-900", children: displayedCreatedAtTime })] }) }), jsxRuntimeExports.jsxs(CollapsibleContent, { children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-col bg-background-200 [&:has(+_*)]:border-b [&:has(+_*)]:border-gray-alpha-400", children: [showSeparateEventOccurrenceTimestamps && occurredAt && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Occurred" }), jsxRuntimeExports.jsx(TimestampTooltip, { date: occurredAt, children: jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: formatEventTimestamp(occurredAt) }) })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Event ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.eventId })] }), event.correlationId && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Correlation ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.correlationId })] })] }), isLoading && jsxRuntimeExports.jsxs("div", { className: "p-3", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-[35%]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "mt-2 h-4 w-[90%]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "mt-2 h-4 w-[75%]" })] }), loadError && jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load event data", details: loadError, className: "mt-2" }), displayPayload != null && jsxRuntimeExports.jsx("div", { className: "[&>div]:border-none [&>div]:rounded-none", children: jsxRuntimeExports.jsx(EventDataBlock, { eventType: event.eventType, data: displayPayload }) })] })] });
 }
 function hasOnlyExpiredFields(data, eventType) {
   if (data === null || typeof data !== "object" || Array.isArray(data)) {
     return false;
   }
   const record2 = data;
-  const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];
+  const refKeys = getEventDataRefFields(eventType);
   const presentKeys = refKeys.filter((k2) => k2 in record2);
   return presentKeys.length > 0 && presentKeys.every((k2) => isExpiredMarker(record2[k2]));
 }
@@ -84227,9 +84453,9 @@ function EventsList({ events: events2, isLoading = false, error: error2, onLoadE
   const sortedEvents2 = reactExports.useMemo(() => [...events2].sort((a2, b2) => getEffectiveEventDate(a2).getTime() - getEffectiveEventDate(b2).getTime()), [events2]);
   const hasEvents = sortedEvents2.length > 0 && !error2;
   if (!hasEvents && !isLoading) {
-    return jsxRuntimeExports.jsx(DetailCard, { summary: "Events", disabled: true });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Events", disabled: true });
   }
-  return jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsx(DetailCard, { summary: "Events", contentClassName: "mb-0", defaultOpen: true, children: isLoading ? jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: [0, 1, 2].map((i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 bg-background-200 px-4 py-2", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-32 rounded" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 w-16 rounded" })] }, i)) }) : jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: sortedEvents2.map((event) => jsxRuntimeExports.jsx(EventItem, { event, onLoadEventData, encryptionKey, showSeparateEventOccurrenceTimestamps }, event.eventId)) }) }) }) });
+  return jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Events" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mb-0", children: isLoading ? jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: [0, 1, 2].map((i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 bg-background-200 px-4 py-2", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-32 rounded" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 w-16 rounded" })] }, i)) }) : jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: sortedEvents2.map((event) => jsxRuntimeExports.jsx(EventItem, { event, onLoadEventData, encryptionKey, showSeparateEventOccurrenceTimestamps }, event.eventId)) }) })] }) }) });
 }
 const SidebarDataContext = reactExports.createContext(null);
 SidebarDataContext.displayName = "SidebarDataContext";
@@ -85904,6 +86130,301 @@ const Tooltip$1 = Root3$1;
 const TooltipTrigger$1 = Trigger$4;
 const TooltipContent$1 = reactExports.forwardRef(({ className, sideOffset = 8, showArrow = true, children: children2, ...props }, ref) => jsxRuntimeExports.jsx(Portal$6, { children: jsxRuntimeExports.jsxs(Content2$4, { ref, sideOffset, className: cn$4("z-[99999] flex items-center gap-1 rounded-[10px] bg-gray-1000 px-2 py-1.5 !text-label-13 text-background-100 shadow-md select-none", className), ...props, children: [children2, showArrow ? jsxRuntimeExports.jsx(Arrow2$1, { width: 11, height: 5, className: "fill-gray-1000" }) : null] }) }));
 TooltipContent$1.displayName = Content2$4.displayName;
+const ActiveSpanContext = reactExports.createContext(null);
+ActiveSpanContext.displayName = "ActiveSpanContext";
+function ActiveSpanProvider({ spans, children: children2 }) {
+  const [activeSpanId, setActiveSpanId] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    setActiveSpanId((currentSpanId) => {
+      if (!currentSpanId) {
+        return null;
+      }
+      const hasCurrentSpan = spans.some((span) => span.spanId === currentSpanId);
+      if (hasCurrentSpan) {
+        return currentSpanId;
+      }
+      return null;
+    });
+  }, [spans]);
+  const activeSpan = reactExports.useMemo(() => {
+    if (!activeSpanId) {
+      return null;
+    }
+    return spans.find((span) => span.spanId === activeSpanId) ?? null;
+  }, [activeSpanId, spans]);
+  const setActiveSpan = reactExports.useCallback((spanId) => {
+    setActiveSpanId(spanId);
+  }, []);
+  const clearActiveSpan = reactExports.useCallback(() => {
+    setActiveSpanId(null);
+  }, []);
+  const value = reactExports.useMemo(() => ({
+    activeSpanId,
+    activeSpan,
+    spans,
+    setActiveSpan,
+    clearActiveSpan
+  }), [activeSpanId, activeSpan, spans, setActiveSpan, clearActiveSpan]);
+  return jsxRuntimeExports.jsx(ActiveSpanContext.Provider, { value, children: children2 });
+}
+const useActiveSpan = () => {
+  const context = reactExports.useContext(ActiveSpanContext);
+  if (!context) {
+    throw new Error("useActiveSpan must be used within ActiveSpanProvider");
+  }
+  return context;
+};
+const PANEL_MIN_WIDTH = 280;
+const PANEL_HARD_MAX_WIDTH = 1300;
+const PANEL_DEFAULT_WIDTH = 360;
+const MAIN_MIN_WIDTH = 400;
+const PANEL_WIDTH_STORAGE_KEY = "workflow-trace-detail-panel-width";
+function clamp$2(value, min2, max2) {
+  return Math.min(Math.max(value, min2), max2);
+}
+function computeMaxPanelWidth(availableWidth) {
+  if (availableWidth <= 0)
+    return PANEL_HARD_MAX_WIDTH;
+  return Math.min(Math.max(availableWidth - MAIN_MIN_WIDTH, 0), PANEL_HARD_MAX_WIDTH);
+}
+function clampPanelWidth(width, availableWidth) {
+  return clamp$2(width, PANEL_MIN_WIDTH, computeMaxPanelWidth(availableWidth));
+}
+function readStoredPanelWidth() {
+  if (typeof window === "undefined")
+    return PANEL_DEFAULT_WIDTH;
+  try {
+    const raw2 = window.localStorage.getItem(PANEL_WIDTH_STORAGE_KEY);
+    const value = raw2 ? Number(raw2) : Number.NaN;
+    if (!Number.isFinite(value))
+      return PANEL_DEFAULT_WIDTH;
+    return clamp$2(value, PANEL_MIN_WIDTH, PANEL_HARD_MAX_WIDTH);
+  } catch {
+    return PANEL_DEFAULT_WIDTH;
+  }
+}
+function writeStoredPanelWidth(width) {
+  if (typeof window === "undefined")
+    return;
+  try {
+    window.localStorage.setItem(PANEL_WIDTH_STORAGE_KEY, String(Math.round(width)));
+  } catch {
+  }
+}
+function DraggableBorder({ element: element2, position: position2, onWidthChange, onReset, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuenow": ariaValueNow }) {
+  const [isDragging, setIsDragging] = reactExports.useState(false);
+  const pointerIdRef = reactExports.useRef(null);
+  const startXRef = reactExports.useRef(0);
+  const startWidthRef = reactExports.useRef(0);
+  const pendingWidthRef = reactExports.useRef(0);
+  const rafRef = reactExports.useRef(null);
+  const movedRef = reactExports.useRef(false);
+  const lastDragEndAtRef = reactExports.useRef(0);
+  reactExports.useEffect(() => {
+    return () => {
+      if (rafRef.current)
+        cancelAnimationFrame(rafRef.current);
+    };
+  }, []);
+  reactExports.useEffect(() => {
+    if (!isDragging)
+      return;
+    const previous2 = document.body.style.userSelect;
+    document.body.style.userSelect = "none";
+    return () => {
+      document.body.style.userSelect = previous2;
+    };
+  }, [isDragging]);
+  const stopDrag = () => {
+    pointerIdRef.current = null;
+    setIsDragging(false);
+    if (rafRef.current) {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = null;
+      if (movedRef.current)
+        onWidthChange(pendingWidthRef.current);
+    }
+    if (movedRef.current) {
+      movedRef.current = false;
+      lastDragEndAtRef.current = performance.now();
+    }
+  };
+  const handlePointerDown = (e) => {
+    if (pointerIdRef.current !== null)
+      return;
+    const el = element2.current;
+    if (!el)
+      return;
+    if (e.pointerType === "mouse" && e.button !== 0)
+      return;
+    e.currentTarget.setPointerCapture(e.pointerId);
+    pointerIdRef.current = e.pointerId;
+    startXRef.current = e.clientX;
+    startWidthRef.current = el.offsetWidth;
+    movedRef.current = false;
+    setIsDragging(true);
+  };
+  const handlePointerMove = (e) => {
+    if (pointerIdRef.current !== e.pointerId)
+      return;
+    if (Math.abs(e.clientX - startXRef.current) > 4) {
+      movedRef.current = true;
+    }
+    const delta = position2 === "left" ? startXRef.current - e.clientX : e.clientX - startXRef.current;
+    pendingWidthRef.current = startWidthRef.current + delta;
+    if (!rafRef.current) {
+      rafRef.current = requestAnimationFrame(() => {
+        rafRef.current = null;
+        onWidthChange(pendingWidthRef.current);
+      });
+    }
+  };
+  const handlePointerEnd = (e) => {
+    if (pointerIdRef.current !== e.pointerId)
+      return;
+    stopDrag();
+  };
+  const handleLostPointerCapture = (e) => {
+    if (pointerIdRef.current !== null && e.pointerId !== pointerIdRef.current) {
+      return;
+    }
+    stopDrag();
+  };
+  const handleDoubleClick = () => {
+    if (movedRef.current || performance.now() - lastDragEndAtRef.current < 500) {
+      return;
+    }
+    onReset == null ? void 0 : onReset();
+  };
+  const handleKeyDown = (e) => {
+    const el = element2.current;
+    if (!el)
+      return;
+    const step = e.shiftKey ? 64 : 16;
+    const grow = position2 === "left" ? 1 : -1;
+    let next2 = null;
+    if (e.key === "ArrowLeft") {
+      next2 = el.offsetWidth + grow * step;
+    } else if (e.key === "ArrowRight") {
+      next2 = el.offsetWidth - grow * step;
+    } else if (e.key === "Home" && ariaValueMin !== void 0) {
+      next2 = ariaValueMin;
+    } else if (e.key === "End" && ariaValueMax !== void 0) {
+      next2 = ariaValueMax;
+    }
+    if (next2 === null)
+      return;
+    e.preventDefault();
+    onWidthChange(next2);
+  };
+  return jsxRuntimeExports.jsx("div", { role: "separator", "aria-orientation": "vertical", "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuenow": ariaValueNow, tabIndex: 0, className: cn$4("group absolute inset-y-0 z-10 w-[17px] cursor-col-resize touch-none outline-none", position2 === "left" ? "-left-2" : "-right-2"), onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerEnd, onPointerCancel: handlePointerEnd, onLostPointerCapture: handleLostPointerCapture, onDoubleClick: handleDoubleClick, onKeyDown: handleKeyDown, children: jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: cn$4("pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-transparent transition-colors delay-75 duration-100", "group-hover:bg-gray-500 group-focus-visible:bg-[var(--ds-focus-color)]", isDragging && "bg-gray-500") }) });
+}
+function useElementWidth(ref, enabled = true) {
+  const [width, setWidth] = reactExports.useState(0);
+  reactExports.useLayoutEffect(() => {
+    if (!enabled)
+      return;
+    const el = ref.current;
+    if (!el)
+      return;
+    setWidth(Math.round(el.getBoundingClientRect().width));
+    const observer = new ResizeObserver(([entry2]) => {
+      setWidth(Math.round((entry2 == null ? void 0 : entry2.contentRect.width) ?? 0));
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [ref, enabled]);
+  return width;
+}
+const DETAIL_PANEL_ID = "trace-detail-panel";
+function useSelectedSpanInfo() {
+  const { activeSpan } = useActiveSpan();
+  const sidebar = useSidebarData();
+  return reactExports.useMemo(() => {
+    var _a3, _b2;
+    if (!activeSpan)
+      return null;
+    const resource = (_a3 = activeSpan.attributes) == null ? void 0 : _a3.resource;
+    const rawEvents = filterSpanRawEvents(sidebar.events, resource, activeSpan.spanId);
+    return {
+      data: (_b2 = activeSpan.attributes) == null ? void 0 : _b2.data,
+      resource,
+      spanId: activeSpan.spanId,
+      rawEvents
+    };
+  }, [activeSpan, sidebar]);
+}
+function TraceDetailPanel({ containerRef, onNavigateToSpan, onClose }) {
+  const { activeSpan, activeSpanId, spans } = useActiveSpan();
+  const sidebar = useSidebarData();
+  const selectedSpan = useSelectedSpanInfo();
+  const isOpen = Boolean(activeSpan);
+  const [storedWidth, setStoredWidth] = reactExports.useState(() => readStoredPanelWidth());
+  const containerWidth = useElementWidth(containerRef, isOpen);
+  const asideRef = reactExports.useRef(null);
+  const handleResize = reactExports.useCallback((next2) => {
+    const clamped = clampPanelWidth(next2, containerWidth);
+    setStoredWidth(clamped);
+    writeStoredPanelWidth(clamped);
+  }, [containerWidth]);
+  const panelWidth = clampPanelWidth(storedWidth, containerWidth);
+  const panelMaxWidth = Math.max(PANEL_MIN_WIDTH, computeMaxPanelWidth(containerWidth));
+  const { prevSpanId, nextSpanId } = reactExports.useMemo(() => {
+    var _a3, _b2;
+    if (!activeSpanId)
+      return { prevSpanId: null, nextSpanId: null };
+    const i = spans.findIndex((s2) => s2.spanId === activeSpanId);
+    if (i === -1)
+      return { prevSpanId: null, nextSpanId: null };
+    return {
+      prevSpanId: ((_a3 = spans[i - 1]) == null ? void 0 : _a3.spanId) ?? null,
+      nextSpanId: ((_b2 = spans[i + 1]) == null ? void 0 : _b2.spanId) ?? null
+    };
+  }, [activeSpanId, spans]);
+  const handleSelectPrev = reactExports.useCallback(() => {
+    if (prevSpanId)
+      onNavigateToSpan(prevSpanId);
+  }, [prevSpanId, onNavigateToSpan]);
+  const handleSelectNext = reactExports.useCallback(() => {
+    if (nextSpanId)
+      onNavigateToSpan(nextSpanId);
+  }, [nextSpanId, onNavigateToSpan]);
+  reactExports.useEffect(() => {
+    if (!isOpen)
+      return;
+    const onKeyDown = (e) => {
+      if (e.key !== "j" && e.key !== "k" && e.key !== "ArrowDown" && e.key !== "ArrowUp") {
+        return;
+      }
+      const target2 = e.target;
+      if (target2 instanceof HTMLInputElement || target2 instanceof HTMLTextAreaElement || (target2 == null ? void 0 : target2.isContentEditable)) {
+        return;
+      }
+      const targetId = e.key === "k" || e.key === "ArrowUp" ? prevSpanId : nextSpanId;
+      if (targetId) {
+        e.preventDefault();
+        onNavigateToSpan(targetId);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [isOpen, prevSpanId, nextSpanId, onNavigateToSpan]);
+  const selectedSpanName = reactExports.useMemo(() => {
+    var _a3, _b2;
+    if (!(selectedSpan == null ? void 0 : selectedSpan.data))
+      return "Details";
+    const data = selectedSpan.data;
+    if (selectedSpan.resource === "hook") {
+      return data.token ?? data.hookId;
+    }
+    const stepName = data.stepName;
+    const workflowName = data.workflowName;
+    return (stepName ? (_a3 = parseStepName(stepName)) == null ? void 0 : _a3.shortName : void 0) ?? (workflowName ? (_b2 = parseWorkflowName(workflowName)) == null ? void 0 : _b2.shortName : void 0) ?? stepName ?? workflowName ?? data.hookId ?? "Details";
+  }, [selectedSpan == null ? void 0 : selectedSpan.data, selectedSpan == null ? void 0 : selectedSpan.resource]);
+  if (!activeSpan)
+    return null;
+  return jsxRuntimeExports.jsxs("aside", { ref: asideRef, id: DETAIL_PANEL_ID, className: "relative flex flex-col h-full max-h-full shrink-0 bg-background-100 border-l border-gray-alpha-400", style: { width: panelWidth }, children: [jsxRuntimeExports.jsx(DraggableBorder, { element: asideRef, position: "left", onWidthChange: handleResize, onReset: () => handleResize(PANEL_DEFAULT_WIDTH), "aria-label": "Resize span details panel", "aria-controls": DETAIL_PANEL_ID, "aria-valuemin": PANEL_MIN_WIDTH, "aria-valuemax": panelMaxWidth, "aria-valuenow": Math.min(Math.max(Math.round(panelWidth), PANEL_MIN_WIDTH), panelMaxWidth) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 py-[7.5px]", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 font-medium text-gray-1000 truncate block", children: selectedSpanName }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate up", "aria-keyshortcuts": "K", onClick: handleSelectPrev, disabled: !prevSpanId, children: jsxRuntimeExports.jsx(ChevronUp, { className: "w-4 h-4" }) }) }), prevSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate up", jsxRuntimeExports.jsx(Kbd, { children: "K" })] }) : null] }), jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate down", "aria-keyshortcuts": "J", onClick: handleSelectNext, disabled: !nextSpanId, children: jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4" }) }) }), nextSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate down", jsxRuntimeExports.jsx(Kbd, { children: "J" })] }) : null] }), jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "w-px h-4 bg-gray-alpha-400 mx-1" }), jsxRuntimeExports.jsx(IconButton, { "aria-label": "Close span details", "aria-keyshortcuts": "Escape", onClick: onClose, children: jsxRuntimeExports.jsx(X$3, { className: "w-4 h-4" }) })] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary$1, { children: jsxRuntimeExports.jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, fetchSpanDetail: sidebar.fetchSpanDetail, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan, showSeparateEventOccurrenceTimestamps: sidebar.showSeparateEventOccurrenceTimestamps }) }) })] });
+}
 const WorkflowIcon = () => {
   return jsxRuntimeExports.jsx("svg", { "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", style: { color: "currentColor" }, viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { d: "M5.75 7L6.4209 7.33594L4.85254 10.4717C5.38789 10.771 5.75 11.3431 5.75 12V14C5.75 14.9665 4.96648 15.75 4 15.75H2C1.03352 15.75 0.25 14.9665 0.25 14V12C0.25 11.0335 1.03352 10.25 2 10.25H3.28711L5.0791 6.66504L5.75 7ZM14 10.25C14.9665 10.25 15.75 11.0335 15.75 12V14C15.75 14.9665 14.9665 15.75 14 15.75H12C11.1185 15.75 10.3909 15.098 10.2695 14.25H7V12.75H10.25V12C10.25 11.0335 11.0335 10.25 12 10.25H14ZM2 11.75C1.86192 11.75 1.75 11.8619 1.75 12V14C1.75 14.1381 1.86192 14.25 2 14.25H4C4.13808 14.25 4.25 14.1381 4.25 14V12C4.25 11.8619 4.13808 11.75 4 11.75H2ZM12 11.75C11.8619 11.75 11.75 11.8619 11.75 12V14C11.75 14.1381 11.8619 14.25 12 14.25H14C14.1381 14.25 14.25 14.1381 14.25 14V12C14.25 11.8619 14.1381 11.75 14 11.75H12ZM9 0.25C9.96649 0.25 10.75 1.03351 10.75 2V4C10.75 4.44642 10.5808 4.85197 10.3057 5.16113L12.2041 8.6416L10.8877 9.36035L8.91895 5.75H7C6.03351 5.75 5.25 4.96649 5.25 4V2C5.25 1.03351 6.03351 0.25 7 0.25H9ZM7 1.75C6.86193 1.75 6.75 1.86193 6.75 2V4C6.75 4.13807 6.86193 4.25 7 4.25H9C9.13807 4.25 9.25 4.13807 9.25 4V2C9.25 1.86193 9.13807 1.75 9 1.75H7Z", fill: "currentColor" }) });
 };
@@ -86484,22 +87005,20 @@ const EventList = ({ spans, activeSpanId, searchResult, onSelectSpan }) => {
     paddingBottom: (spans.length - end) * ROW_HEIGHT_PX
   }, children: spans.slice(start2, end).map((span) => jsxRuntimeExports.jsx(EventRow, { span, isSelected: span.spanId === activeSpanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelectSpan }, span.spanId)) });
 };
-const GUTTER_PX = 1;
-const MIN_PX = 50;
-const DEFAULT_START_PX = 340;
-function SplitPane({ children: children2, className, defaultStartWidth = DEFAULT_START_PX, startHeader, endHeader, scrollContainerRef }) {
+function SplitPane({ children: children2, className, startHeader, endHeader, scrollContainerRef }) {
   const parts = reactExports.Children.toArray(children2);
   if (parts.length !== 2) {
     throw new Error("SplitPane expects exactly two children");
   }
   const [start2, end] = parts;
-  const [startPx, setStartPx] = reactExports.useState(defaultStartWidth);
+  const [startPx, setStartPx] = reactExports.useState(DEFAULT_START_PX);
   const [isDragging, setIsDragging] = reactExports.useState(false);
   const containerRef = reactExports.useRef(null);
   const gutterRef = reactExports.useRef(null);
   const rafRef = reactExports.useRef(null);
-  const pendingPx = reactExports.useRef(defaultStartWidth);
+  const pendingPx = reactExports.useRef(DEFAULT_START_PX);
   const pointerIdRef = reactExports.useRef(null);
+  const containerWidth = useElementWidth(containerRef);
   reactExports.useEffect(() => {
     return () => {
       if (rafRef.current)
@@ -86573,13 +87092,10 @@ function SplitPane({ children: children2, className, defaultStartWidth = DEFAULT
       rafRef.current = null;
     }
   };
-  const colTemplate = `${startPx}px ${GUTTER_PX}px minmax(${MIN_PX}px, 1fr)`;
-  const hasHeaders = startHeader != null || endHeader != null;
+  const effectiveStartPx = containerWidth > 0 ? Math.max(MIN_PX, Math.min(containerWidth - MIN_PX - GUTTER_PX, startPx)) : startPx;
+  const colTemplate = paneColTemplate(effectiveStartPx);
   const gutter = jsxRuntimeExports.jsx("div", { ref: gutterRef, className: "relative z-20 isolate flex shrink-0 cursor-col-resize justify-center", onPointerDown: handlePointerDown, onLostPointerCapture: handleLostPointerCapture, children: jsxRuntimeExports.jsx("span", { className: "pointer-events-none relative z-10 h-full w-px shrink-0 bg-gray-alpha-400", "aria-hidden": true }) });
-  if (hasHeaders) {
-    return jsxRuntimeExports.jsxs("div", { className: cn$4("flex flex-col h-full min-h-0", className), children: [jsxRuntimeExports.jsxs("div", { className: "shrink-0 grid", style: { gridTemplateColumns: colTemplate }, children: [jsxRuntimeExports.jsx("div", { children: startHeader }), jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: jsxRuntimeExports.jsx("span", { className: "h-full w-px bg-gray-alpha-400", "aria-hidden": true }) }), jsxRuntimeExports.jsx("div", { children: endHeader })] }), jsxRuntimeExports.jsxs("div", { ref: setContainerRef, className: cn$4("grid flex-1 min-h-0 overflow-x-hidden overflow-y-auto", isDragging && "select-none"), style: { gridTemplateColumns: colTemplate }, children: [start2, gutter, end] })] });
-  }
-  return jsxRuntimeExports.jsxs("div", { ref: setContainerRef, className: cn$4("grid h-full min-h-0 content-start overflow-x-hidden overflow-y-auto", isDragging && "select-none", className), style: { gridTemplateColumns: colTemplate, height: "100%" }, children: [start2, gutter, end] });
+  return jsxRuntimeExports.jsxs("div", { className: cn$4("flex flex-col h-full min-h-0", className), children: [jsxRuntimeExports.jsxs("div", { className: "shrink-0 grid", style: { gridTemplateColumns: colTemplate }, children: [jsxRuntimeExports.jsx("div", { children: startHeader }), jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: jsxRuntimeExports.jsx("span", { className: "h-full w-px bg-gray-alpha-400", "aria-hidden": true }) }), jsxRuntimeExports.jsx("div", { children: endHeader })] }), jsxRuntimeExports.jsxs("div", { ref: setContainerRef, className: cn$4("grid flex-1 min-h-0 overflow-x-hidden overflow-y-auto", isDragging && "select-none"), style: { gridTemplateColumns: colTemplate }, children: [start2, gutter, end] })] });
 }
 function projectMarkers(markers2, visibleStartMs, visibleEndMs) {
   const visibleDurationMs = visibleEndMs - visibleStartMs;
@@ -86872,49 +87388,6 @@ function TraceShortcutHelper({ hasMultipleSpans, reducedMotion }) {
   };
   return jsxRuntimeExports.jsxs("div", { className: "group absolute bottom-3 left-1/2 z-10 hidden h-8 max-w-[calc(100%-2rem)] -translate-x-1/2 items-center gap-1 text-xs leading-none text-gray-900 md:inline-flex", children: [jsxRuntimeExports.jsx("span", { "aria-live": "polite", "aria-atomic": "true", className: "inline-flex items-center whitespace-nowrap", children: reducedMotion ? jsxRuntimeExports.jsx(AltHint, {}) : jsxRuntimeExports.jsx("span", { className: `inline-flex items-center ${styles$1.hint}`, children: index2 === 0 ? jsxRuntimeExports.jsx(AltHint, {}) : jsxRuntimeExports.jsx(NavHint, {}) }, index2) }), jsxRuntimeExports.jsx("button", { type: "button", className: "inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground group-hover:opacity-100 focus-visible:opacity-100 motion-reduce:transition-none", onClick: dismiss, "aria-label": "Dismiss trace shortcuts helper", children: jsxRuntimeExports.jsx(X$3, { className: "h-3 w-3" }) })] });
 }
-const ActiveSpanContext = reactExports.createContext(null);
-ActiveSpanContext.displayName = "ActiveSpanContext";
-function ActiveSpanProvider({ spans, children: children2 }) {
-  const [activeSpanId, setActiveSpanId] = reactExports.useState(null);
-  reactExports.useEffect(() => {
-    setActiveSpanId((currentSpanId) => {
-      if (!currentSpanId) {
-        return null;
-      }
-      const hasCurrentSpan = spans.some((span) => span.spanId === currentSpanId);
-      if (hasCurrentSpan) {
-        return currentSpanId;
-      }
-      return null;
-    });
-  }, [spans]);
-  const activeSpan = reactExports.useMemo(() => {
-    if (!activeSpanId) {
-      return null;
-    }
-    return spans.find((span) => span.spanId === activeSpanId) ?? null;
-  }, [activeSpanId, spans]);
-  const setActiveSpan = reactExports.useCallback((spanId) => {
-    setActiveSpanId(spanId);
-  }, []);
-  const clearActiveSpan = reactExports.useCallback(() => {
-    setActiveSpanId(null);
-  }, []);
-  const value = reactExports.useMemo(() => ({
-    activeSpanId,
-    activeSpan,
-    setActiveSpan,
-    clearActiveSpan
-  }), [activeSpanId, activeSpan, setActiveSpan, clearActiveSpan]);
-  return jsxRuntimeExports.jsx(ActiveSpanContext.Provider, { value, children: children2 });
-}
-const useActiveSpan = () => {
-  const context = reactExports.useContext(ActiveSpanContext);
-  if (!context) {
-    throw new Error("useActiveSpan must be used within ActiveSpanProvider");
-  }
-  return context;
-};
 const MIN_VIEWPORT_MS = 1e-3;
 const ZOOM_DEBOUNCE_MS = 150;
 function useAnimatedViewport(initial) {
@@ -86969,33 +87442,15 @@ function useAnimatedViewport(initial) {
   reactExports.useEffect(() => cancel, [cancel]);
   return { viewport, setViewport, animateTo };
 }
-function useSelectedSpanInfo() {
-  const { activeSpan } = useActiveSpan();
-  const sidebar = useSidebarData();
-  return reactExports.useMemo(() => {
-    var _a3, _b2;
-    if (!activeSpan)
-      return null;
-    const resource = (_a3 = activeSpan.attributes) == null ? void 0 : _a3.resource;
-    const rawEvents = filterSpanRawEvents(sidebar.events, resource, activeSpan.spanId);
-    return {
-      data: (_b2 = activeSpan.attributes) == null ? void 0 : _b2.data,
-      resource,
-      spanId: activeSpan.spanId,
-      rawEvents
-    };
-  }, [activeSpan, sidebar]);
-}
 function NewTraceViewer$1({ trace: trace2, onLoadMore, hasMore, isLoadingMore }) {
   return jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 300, children: jsxRuntimeExports.jsx(ActiveSpanProvider, { spans: trace2.spans, children: jsxRuntimeExports.jsx(NewTraceViewerContent, { trace: trace2, onLoadMore, hasMore, isLoadingMore }) }) });
 }
 function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMore }) {
-  const { activeSpan, activeSpanId, setActiveSpan, clearActiveSpan } = useActiveSpan();
-  const sidebar = useSidebarData();
-  const selectedSpan = useSelectedSpanInfo();
+  const { activeSpanId, setActiveSpan, clearActiveSpan } = useActiveSpan();
   const reducedMotion = useReducedMotion();
   const [searchQuery, setSearchQuery] = reactExports.useState("");
   const deferredSearchQuery = reactExports.useDeferredValue(searchQuery);
+  const paneRootRef = reactExports.useRef(null);
   const searchResult = reactExports.useMemo(() => searchSpans(trace2.spans, deferredSearchQuery), [trace2.spans, deferredSearchQuery]);
   const root2 = reactExports.useMemo(() => computeRootBounds(trace2.spans), [trace2.spans]);
   const scrollContainerRef = reactExports.useRef(null);
@@ -87076,6 +87531,8 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
   }, [setViewport, root2.startTime, root2.duration]);
   const zoomIn = reactExports.useCallback(() => zoomBy(ZOOM_FACTOR), [zoomBy]);
   const zoomOut = reactExports.useCallback(() => zoomBy(1 / ZOOM_FACTOR), [zoomBy]);
+  const isAtMinZoom = viewDuration >= root2.duration;
+  const isAtMaxZoom = viewDuration <= MIN_VIEWPORT_MS;
   const focusViewportOnSpan = reactExports.useCallback((spanId) => {
     const span = trace2.spans.find((s2) => s2.spanId === spanId);
     if (!span)
@@ -87158,24 +87615,11 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
   }, [setActiveSpan, scrollSpanIntoView, cancelPendingZoom, focusViewportOnSpan]);
   const [altHeld, setAltHeld] = reactExports.useState(false);
   reactExports.useEffect(() => {
-    const handleSidebarNavKey = (e) => {
-      const target2 = e.target;
-      if (target2 instanceof HTMLInputElement || target2 instanceof HTMLTextAreaElement || (target2 == null ? void 0 : target2.isContentEditable)) {
-        return;
-      }
-      const targetId = e.key === "k" ? prevSpanIdRef.current : nextSpanIdRef.current;
-      if (targetId) {
-        e.preventDefault();
-        navigateToSpanRef.current(targetId);
-      }
-    };
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
         handleClearActiveSpan();
       } else if (e.key === "Alt") {
         setAltHeld(true);
-      } else if (e.key === "j" || e.key === "k") {
-        handleSidebarNavKey(e);
       }
     };
     const onKeyUp = (e) => {
@@ -87281,51 +87725,13 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
     el.addEventListener("wheel", onWheel, { passive: false });
     return () => el.removeEventListener("wheel", onWheel);
   }, [root2.startTime, root2.duration, setViewport]);
-  const selectedSpanName = reactExports.useMemo(() => {
-    var _a3, _b2;
-    if (!(selectedSpan == null ? void 0 : selectedSpan.data))
-      return "Details";
-    const data = selectedSpan.data;
-    if (selectedSpan.resource === "hook") {
-      return data.token ?? data.hookId;
-    }
-    const stepName = data.stepName;
-    const workflowName = data.workflowName;
-    return (stepName ? (_a3 = parseStepName(stepName)) == null ? void 0 : _a3.shortName : void 0) ?? (workflowName ? (_b2 = parseWorkflowName(workflowName)) == null ? void 0 : _b2.shortName : void 0) ?? stepName ?? workflowName ?? data.hookId ?? "Details";
-  }, [selectedSpan == null ? void 0 : selectedSpan.data, selectedSpan == null ? void 0 : selectedSpan.resource]);
-  const { prevSpanId, nextSpanId } = reactExports.useMemo(() => {
-    var _a3, _b2;
-    if (!activeSpanId)
-      return { prevSpanId: null, nextSpanId: null };
-    const i = trace2.spans.findIndex((s2) => s2.spanId === activeSpanId);
-    if (i === -1)
-      return { prevSpanId: null, nextSpanId: null };
-    return {
-      prevSpanId: ((_a3 = trace2.spans[i - 1]) == null ? void 0 : _a3.spanId) ?? null,
-      nextSpanId: ((_b2 = trace2.spans[i + 1]) == null ? void 0 : _b2.spanId) ?? null
-    };
-  }, [activeSpanId, trace2.spans]);
-  const handleSelectPrevSpan = reactExports.useCallback(() => {
-    if (prevSpanId)
-      navigateToSpan(prevSpanId);
-  }, [prevSpanId, navigateToSpan]);
-  const handleSelectNextSpan = reactExports.useCallback(() => {
-    if (nextSpanId)
-      navigateToSpan(nextSpanId);
-  }, [nextSpanId, navigateToSpan]);
-  const prevSpanIdRef = reactExports.useRef(prevSpanId);
-  const nextSpanIdRef = reactExports.useRef(nextSpanId);
-  const navigateToSpanRef = reactExports.useRef(navigateToSpan);
-  prevSpanIdRef.current = prevSpanId;
-  nextSpanIdRef.current = nextSpanId;
-  navigateToSpanRef.current = navigateToSpan;
-  return jsxRuntimeExports.jsxs("div", { "data-pane": "pane-root", "data-has-detail": activeSpan ? "" : void 0, className: "relative grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,360px,100%)]", children: [jsxRuntimeExports.jsxs("div", { id: "trace-parent", className: "grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100", children: [jsxRuntimeExports.jsxs(SplitPane, { scrollContainerRef, startHeader: jsxRuntimeExports.jsxs("div", { className: "bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center pl-4 pr-2 gap-1.5", children: [jsxRuntimeExports.jsx(Search, { className: "w-3.5 h-3.5 shrink-0 text-gray-800" }), jsxRuntimeExports.jsx("input", { id: "trace-viewer-search", name: "trace-viewer-search", type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onKeyDown: (e) => {
+  return jsxRuntimeExports.jsxs("div", { ref: paneRootRef, "data-pane": "pane-root", className: "relative flex w-full h-full max-h-full", children: [jsxRuntimeExports.jsxs("div", { id: "trace-parent", className: "flex-1 min-w-0 grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100", children: [jsxRuntimeExports.jsxs(SplitPane, { scrollContainerRef, startHeader: jsxRuntimeExports.jsxs("div", { className: "bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center pl-4 pr-2 gap-1.5", children: [jsxRuntimeExports.jsx(Search, { className: "w-3.5 h-3.5 shrink-0 text-gray-800" }), jsxRuntimeExports.jsx("input", { id: "trace-viewer-search", name: "trace-viewer-search", type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onKeyDown: (e) => {
     if (e.key === "Escape" && searchQuery) {
       e.preventDefault();
       e.stopPropagation();
       setSearchQuery("");
     }
-  }, placeholder: "Search spans...", "aria-label": "Search spans", className: "flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none" }), searchQuery && jsxRuntimeExports.jsx("button", { type: "button", "aria-label": "Clear search", onClick: () => setSearchQuery(""), className: "-mr-2 hidden h-full max-w-full shrink-0 cursor-pointer items-center rounded-r-md border-0 bg-transparent px-2.5 font-inherit text-base text-gray-900 no-underline transition-colors duration-150 ease-in hover:text-gray-1000 focus-visible:-outline-offset-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--ds-focus-color)] min-[961px]:flex", children: jsxRuntimeExports.jsx(Kbd, { variant: "outline", size: "search", children: "Esc" }) })] }), endHeader: jsxRuntimeExports.jsx(TimelineHeader, { markers: timeMarkers, hoverInfo: hoverInfo2 }), children: [jsxRuntimeExports.jsxs("div", { className: "block overflow-visible", children: [jsxRuntimeExports.jsx(EventList, { spans: trace2.spans, activeSpanId, searchResult, onSelectSpan: handleSelectSpan }), jsxRuntimeExports.jsx("div", { ref: loadMoreSentinelRef, className: "flex justify-center", children: isLoadingMore ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-sm text-gray-800", children: [jsxRuntimeExports.jsx(Spinner, { size: 14 }), jsxRuntimeExports.jsx("span", { children: "Loading spans…" })] }) : null })] }), jsxRuntimeExports.jsx("div", { ref: timelineRef, className: "block min-h-0 overflow-visible relative", onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: jsxRuntimeExports.jsx(Timeline, { spans: trace2.spans, viewStart: viewport.start, viewEnd: viewport.end, markers: timeMarkers, selectedId: activeSpanId, searchResult, onSelect: handleSelectSpan, onRevealTime: handleRevealTime, hoverFraction, altHeld }) })] }), jsxRuntimeExports.jsxs("div", { className: "absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-md bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400", children: [jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomOut, "aria-label": "Zoom out", children: jsxRuntimeExports.jsx(ZoomOut, { className: "w-4 h-4" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: resetZoom, "aria-label": "Reset zoom", children: jsxRuntimeExports.jsx(RotateCcw, { className: "w-3.5 h-3.5" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomIn, "aria-label": "Zoom in", children: jsxRuntimeExports.jsx(ZoomIn, { className: "w-4 h-4" }) })] })] }), activeSpan ? jsxRuntimeExports.jsxs("aside", { className: "flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 pt-3 pb-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 font-medium text-gray-1000 truncate block", children: selectedSpanName }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate up", "aria-keyshortcuts": "K", onClick: handleSelectPrevSpan, disabled: !prevSpanId, children: jsxRuntimeExports.jsx(ChevronUp, { className: "w-4 h-4" }) }) }), prevSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate up", jsxRuntimeExports.jsx(Kbd, { children: "K" })] }) : null] }), jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate down", "aria-keyshortcuts": "J", onClick: handleSelectNextSpan, disabled: !nextSpanId, children: jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4" }) }) }), nextSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate down", jsxRuntimeExports.jsx(Kbd, { children: "J" })] }) : null] }), jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "w-px h-4 bg-gray-alpha-400 mx-1" }), jsxRuntimeExports.jsx(IconButton, { "aria-label": "Close span details", "aria-keyshortcuts": "Escape", onClick: handleClearActiveSpan, children: jsxRuntimeExports.jsx(X$3, { className: "w-4 h-4" }) })] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary$1, { children: jsxRuntimeExports.jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, fetchSpanDetail: sidebar.fetchSpanDetail, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan, showSeparateEventOccurrenceTimestamps: sidebar.showSeparateEventOccurrenceTimestamps }) }) })] }) : null, jsxRuntimeExports.jsx(TraceShortcutHelper, { hasMultipleSpans: trace2.spans.length > 1, reducedMotion })] });
+  }, placeholder: "Search spans...", "aria-label": "Search spans", className: "flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none" }), searchQuery && jsxRuntimeExports.jsx("button", { type: "button", "aria-label": "Clear search", onClick: () => setSearchQuery(""), className: "-mr-2 hidden h-full max-w-full shrink-0 cursor-pointer items-center rounded-r-md border-0 bg-transparent px-2.5 font-inherit text-base text-gray-900 no-underline transition-colors duration-150 ease-in hover:text-gray-1000 focus-visible:-outline-offset-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--ds-focus-color)] min-[961px]:flex", children: jsxRuntimeExports.jsx(Kbd, { variant: "outline", size: "search", children: "Esc" }) })] }), endHeader: jsxRuntimeExports.jsx(TimelineHeader, { markers: timeMarkers, hoverInfo: hoverInfo2 }), children: [jsxRuntimeExports.jsxs("div", { className: "block overflow-visible", children: [jsxRuntimeExports.jsx(EventList, { spans: trace2.spans, activeSpanId, searchResult, onSelectSpan: handleSelectSpan }), jsxRuntimeExports.jsx("div", { ref: loadMoreSentinelRef, className: "flex justify-center", children: isLoadingMore ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-sm text-gray-800", children: [jsxRuntimeExports.jsx(Spinner, { size: 14 }), jsxRuntimeExports.jsx("span", { children: "Loading spans…" })] }) : null })] }), jsxRuntimeExports.jsx("div", { ref: timelineRef, className: "block min-h-0 overflow-visible relative", onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: jsxRuntimeExports.jsx(Timeline, { spans: trace2.spans, viewStart: viewport.start, viewEnd: viewport.end, markers: timeMarkers, selectedId: activeSpanId, searchResult, onSelect: handleSelectSpan, onRevealTime: handleRevealTime, hoverFraction, altHeld }) })] }), jsxRuntimeExports.jsxs("div", { className: "absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-md bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400", children: [jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomOut, disabled: isAtMinZoom, "aria-label": "Zoom out", children: jsxRuntimeExports.jsx(ZoomOut, { className: "w-4 h-4" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: resetZoom, "aria-label": "Reset zoom", children: jsxRuntimeExports.jsx(RotateCcw, { className: "w-3.5 h-3.5" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomIn, disabled: isAtMaxZoom, "aria-label": "Zoom in", children: jsxRuntimeExports.jsx(ZoomIn, { className: "w-4 h-4" }) })] })] }), jsxRuntimeExports.jsx(TraceDetailPanel, { containerRef: paneRootRef, onNavigateToSpan: navigateToSpan, onClose: handleClearActiveSpan }), jsxRuntimeExports.jsx(TraceShortcutHelper, { hasMultipleSpans: trace2.spans.length > 1, reducedMotion })] });
 }
 const NewTraceViewer = ({ run: run2, events: events2, sidebarData, onLoadMore, hasMore, isLoadingMore, loading = false }) => {
   const trace2 = reactExports.useMemo(() => {
@@ -90492,8 +90898,6 @@ class RuntimeDecryptionError extends WorkflowRuntimeError {
       cause: options == null ? void 0 : options.cause,
       slug: ERROR_SLUGS.RUNTIME_DECRYPTION_FAILED
     });
-    /** Optional structured context about the failed encrypt/decrypt call. */
-    __publicField(this, "context");
     this.name = "RuntimeDecryptionError";
     if ((options == null ? void 0 : options.context) !== void 0) {
       this.context = options.context;
@@ -91251,21 +91655,34 @@ const encryption = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   encrypt: encrypt$1,
   importKey
 }, Symbol.toStringTag, { value: "Module" }));
-const version$1 = "5.0.0-beta.26";
+const version$1 = "5.0.0-beta.27";
+function assertWorldSupportsRuntimeProtocol(world) {
+  if (world.specVersion === SPEC_VERSION_CURRENT) {
+    return;
+  }
+  const supportedVersion = world.specVersion ?? "none";
+  throw new WorkflowRuntimeError(`This Workflow runtime requires a World with matching spec version ${SPEC_VERSION_CURRENT}, but the configured World declares spec version ${supportedVersion}. Install a World package version compatible with the current Workflow runtime.`);
+}
 const WorldCacheKey = Symbol.for("@workflow/world//cache");
 const WorldCachePromiseKey = Symbol.for("@workflow/world//cachePromise");
 const GetWorldFnKey$1 = Symbol.for("@workflow/world//getWorldFn");
 async function getWorldLazy() {
   const g2 = globalThis;
-  if (g2[WorldCacheKey])
+  if (g2[WorldCacheKey]) {
+    assertWorldSupportsRuntimeProtocol(g2[WorldCacheKey]);
     return g2[WorldCacheKey];
+  }
   if (g2[WorldCachePromiseKey]) {
     g2[WorldCacheKey] = await g2[WorldCachePromiseKey];
+    assertWorldSupportsRuntimeProtocol(g2[WorldCacheKey]);
     return g2[WorldCacheKey];
   }
   const getWorldFn = g2[GetWorldFnKey$1];
-  if (getWorldFn)
-    return getWorldFn();
+  if (getWorldFn) {
+    const world = await getWorldFn();
+    assertWorldSupportsRuntimeProtocol(world);
+    return world;
+  }
   const worldPath = ["./world", "js"].join(".");
   const { getWorld: getWorld2 } = await import(worldPath);
   return getWorld2();
@@ -91390,6 +91807,10 @@ async function healthCheck(world, endpoint, options) {
   }
 }
 const LOCK_POLL_INTERVAL_MS = 10;
+const getLockPollIntervalMs = () => envNumber("WORKFLOW_LOCK_POLL_INTERVAL_MS", LOCK_POLL_INTERVAL_MS, {
+  integer: true,
+  min: 1
+});
 function createFlushableState() {
   const state = {
     ...withResolvers$1(),
@@ -91449,7 +91870,7 @@ function pollWritableLock(writable, state) {
       clearInterval(intervalId);
       state.writablePollingInterval = void 0;
     }
-  }, LOCK_POLL_INTERVAL_MS);
+  }, getLockPollIntervalMs());
   state.writablePollingInterval = intervalId;
 }
 function pollReadableLock(readable2, state) {
@@ -91468,7 +91889,7 @@ function pollReadableLock(readable2, state) {
       clearInterval(intervalId);
       state.readablePollingInterval = void 0;
     }
-  }, LOCK_POLL_INTERVAL_MS);
+  }, getLockPollIntervalMs());
   state.readablePollingInterval = intervalId;
 }
 async function flushablePipe(source, sink, state) {
@@ -92134,25 +92555,25 @@ const devalueCodec = {
     return unflatten(data, revivers);
   }
 };
-const FORMAT_PREFIX_LENGTH = 4;
+const FORMAT_PREFIX_LENGTH$1 = 4;
 const formatEncoder = new TextEncoder();
-const formatDecoder = new TextDecoder();
+const formatDecoder$1 = new TextDecoder();
 function encodeWithFormatPrefix(format2, payload) {
   if (!(payload instanceof Uint8Array)) {
     return payload;
   }
   const prefixBytes = formatEncoder.encode(format2);
-  const result = new Uint8Array(FORMAT_PREFIX_LENGTH + payload.length);
+  const result = new Uint8Array(FORMAT_PREFIX_LENGTH$1 + payload.length);
   result.set(prefixBytes, 0);
-  result.set(payload, FORMAT_PREFIX_LENGTH);
+  result.set(payload, FORMAT_PREFIX_LENGTH$1);
   return result;
 }
-function peekFormatPrefix(data) {
-  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH) {
+function peekFormatPrefix$1(data) {
+  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$1) {
     return null;
   }
-  const prefixBytes = data.subarray(0, FORMAT_PREFIX_LENGTH);
-  const str = formatDecoder.decode(prefixBytes);
+  const prefixBytes = data.subarray(0, FORMAT_PREFIX_LENGTH$1);
+  const str = formatDecoder$1.decode(prefixBytes);
   return isFormatPrefix(str) ? str : null;
 }
 function decodeFormatPrefix(data) {
@@ -92162,15 +92583,15 @@ function decodeFormatPrefix(data) {
       payload: new TextEncoder().encode(JSON.stringify(data))
     };
   }
-  if (data.length < FORMAT_PREFIX_LENGTH) {
-    throw new Error(`Data too short to contain format prefix: expected at least ${FORMAT_PREFIX_LENGTH} bytes, got ${data.length}`);
+  if (data.length < FORMAT_PREFIX_LENGTH$1) {
+    throw new Error(`Data too short to contain format prefix: expected at least ${FORMAT_PREFIX_LENGTH$1} bytes, got ${data.length}`);
   }
-  const prefixBytes = data.subarray(0, FORMAT_PREFIX_LENGTH);
-  const str = formatDecoder.decode(prefixBytes);
+  const prefixBytes = data.subarray(0, FORMAT_PREFIX_LENGTH$1);
+  const str = formatDecoder$1.decode(prefixBytes);
   if (!isFormatPrefix(str)) {
     throw new Error(`Invalid format prefix: "${str}". Must be 4 characters of [a-z0-9].`);
   }
-  const payload = data.subarray(FORMAT_PREFIX_LENGTH);
+  const payload = data.subarray(FORMAT_PREFIX_LENGTH$1);
   return { format: str, payload };
 }
 const COMPRESSION_MIN_BYTES = 1024;
@@ -92193,7 +92614,7 @@ function codecOverrideFromEnv() {
     return void 0;
   }
 }
-function getNodeZlib() {
+function getNodeZlib$1() {
   var _a3, _b2;
   try {
     return (_b2 = (_a3 = globalThis.process) == null ? void 0 : _a3.getBuiltinModule) == null ? void 0 : _b2.call(_a3, "node:zlib");
@@ -92202,7 +92623,7 @@ function getNodeZlib() {
   }
 }
 function isZstdAvailable() {
-  const z2 = getNodeZlib();
+  const z2 = getNodeZlib$1();
   return typeof (z2 == null ? void 0 : z2.zstdCompressSync) === "function" && typeof (z2 == null ? void 0 : z2.zstdDecompressSync) === "function";
 }
 function isGzipAvailable() {
@@ -92240,13 +92661,13 @@ async function gunzipBytes(data) {
 }
 function zstdBytes(data) {
   var _a3;
-  const z2 = getNodeZlib();
+  const z2 = getNodeZlib$1();
   const level = (_a3 = z2 == null ? void 0 : z2.constants) == null ? void 0 : _a3.ZSTD_c_compressionLevel;
   const opts = level !== void 0 ? { params: { [level]: ZSTD_LEVEL } } : void 0;
   return new Uint8Array(z2.zstdCompressSync(data, opts));
 }
 function unzstdBytes(data) {
-  const z2 = getNodeZlib();
+  const z2 = getNodeZlib$1();
   if (!(z2 == null ? void 0 : z2.zstdDecompressSync)) {
     throw new Error("Compressed (zstd) workflow data encountered but node:zlib zstd support is not available in this runtime (requires Node.js 22.15+). In the browser, register a zstd decoder via registerZstdDecoder (serialization-format.ts).");
   }
@@ -92293,10 +92714,10 @@ async function compress(data, enabled, stats2) {
   recordStats(stats2, codec2, data.length, wrappedLength);
   return encodeWithFormatPrefix(format2, compressed);
 }
-async function decompress$1(data, stats2) {
+async function decompress$2(data, stats2) {
   if (!(data instanceof Uint8Array))
     return data;
-  const prefix = peekFormatPrefix(data);
+  const prefix = peekFormatPrefix$1(data);
   if (prefix === SerializationFormat.ZSTD) {
     const { payload } = decodeFormatPrefix(data);
     const inflated = unzstdBytes(payload);
@@ -92327,7 +92748,7 @@ async function encrypt(data, key) {
 async function decrypt(data, key) {
   if (!(data instanceof Uint8Array))
     return data;
-  const format2 = peekFormatPrefix(data);
+  const format2 = peekFormatPrefix$1(data);
   if (format2 === SerializationFormat.ENCRYPTED && !key) {
     throw new RuntimeDecryptionError("Encrypted data encountered but no encryption key is available. Encryption is not configured or no key was provided for this run.", {
       context: {
@@ -92382,7 +92803,7 @@ async function serialize$1(value, encryptionKey, options) {
   }
 }
 async function deserialize$2(data, encryptionKey, options) {
-  const decrypted = await decompress$1(await decrypt(data, encryptionKey), options == null ? void 0 : options.compressionStats);
+  const decrypted = await decompress$2(await decrypt(data, encryptionKey), options == null ? void 0 : options.compressionStats);
   if (!(decrypted instanceof Uint8Array)) {
     if (devalueCodec.deserializeLegacy) {
       return devalueCodec.deserializeLegacy(decrypted, "client", options);
@@ -92408,7 +92829,7 @@ async function serialize(value, encryptionKey, options) {
   }
 }
 async function deserialize$1(data, encryptionKey, options) {
-  const decrypted = await decompress$1(await decrypt(data, encryptionKey), options == null ? void 0 : options.compressionStats);
+  const decrypted = await decompress$2(await decrypt(data, encryptionKey), options == null ? void 0 : options.compressionStats);
   if (!(decrypted instanceof Uint8Array)) {
     if (devalueCodec.deserializeLegacy) {
       return devalueCodec.deserializeLegacy(decrypted, "step", options);
@@ -92757,7 +93178,12 @@ class WorkflowServerReadableStream extends ReadableStream {
 }
 _reader = new WeakMap();
 const FRAMED_STREAM_MAX_RECONNECTS = 50;
+const getFramedStreamMaxReconnects = () => envNumber("WORKFLOW_FRAMED_STREAM_MAX_RECONNECTS", FRAMED_STREAM_MAX_RECONNECTS, {
+  integer: true,
+  min: 1
+});
 const FRAMED_STREAM_MAX_TOTAL_RECONNECTS = 1e3;
+const getFramedStreamMaxTotalReconnects = () => envNumber("WORKFLOW_FRAMED_STREAM_MAX_TOTAL_RECONNECTS", FRAMED_STREAM_MAX_TOTAL_RECONNECTS, { integer: true, min: 1 });
 function createReconnectingFramedStream(runId, name2, startIndex) {
   const reconnectSupported = startIndex === void 0 || startIndex >= 0;
   let currentStartIndex = startIndex ?? 0;
@@ -92781,14 +93207,16 @@ function createReconnectingFramedStream(runId, name2, startIndex) {
     currentStartIndex += consumedFrames;
     consumedFrames = 0;
     buffer2 = new Uint8Array(0);
+    const maxReconnects = getFramedStreamMaxReconnects();
+    const maxTotalReconnects = getFramedStreamMaxTotalReconnects();
     for (; ; ) {
       reconnectCount++;
       totalReconnectCount++;
-      if (reconnectCount > FRAMED_STREAM_MAX_RECONNECTS) {
-        throw new Error(`Stream "${name2}" exceeded maximum reconnection attempts (${FRAMED_STREAM_MAX_RECONNECTS})`);
+      if (reconnectCount > maxReconnects) {
+        throw new Error(`Stream "${name2}" exceeded maximum reconnection attempts (${maxReconnects})`);
       }
-      if (totalReconnectCount > FRAMED_STREAM_MAX_TOTAL_RECONNECTS) {
-        throw new Error(`Stream "${name2}" exceeded maximum total reconnection attempts (${FRAMED_STREAM_MAX_TOTAL_RECONNECTS})`);
+      if (totalReconnectCount > maxTotalReconnects) {
+        throw new Error(`Stream "${name2}" exceeded maximum total reconnection attempts (${maxTotalReconnects})`);
       }
       try {
         await connect2();
@@ -92864,6 +93292,9 @@ function createReconnectingFramedStream(runId, name2, startIndex) {
   });
 }
 const STREAM_FLUSH_INTERVAL_MS = 10;
+const getStreamFlushIntervalMs = () => envNumber("WORKFLOW_STREAM_FLUSH_INTERVAL_MS", STREAM_FLUSH_INTERVAL_MS, {
+  integer: true
+});
 class WorkflowServerWritableStream extends WritableStream {
   /**
    * @param runReadyBarrier Turbo mode only: a promise that resolves once the
@@ -92907,7 +93338,7 @@ class WorkflowServerWritableStream extends WritableStream {
       const chunksToFlush = buffer2.slice();
       const world = await worldPromise;
       if (resolvedFlushIntervalMs === void 0) {
-        resolvedFlushIntervalMs = world.streamFlushIntervalMs ?? STREAM_FLUSH_INTERVAL_MS;
+        resolvedFlushIntervalMs = world.streamFlushIntervalMs ?? getStreamFlushIntervalMs();
       }
       if (typeof world.streams.writeMulti === "function" && chunksToFlush.length > 1) {
         await world.streams.writeMulti(runId, name2, chunksToFlush);
@@ -92933,7 +93364,7 @@ class WorkflowServerWritableStream extends WritableStream {
           for (const w2 of currentWaiters)
             w2.reject(err);
         });
-      }, resolvedFlushIntervalMs ?? STREAM_FLUSH_INTERVAL_MS);
+      }, resolvedFlushIntervalMs ?? getStreamFlushIntervalMs());
     };
     super({
       async write(chunk) {
@@ -93777,7 +94208,7 @@ async function dehydrateWorkflowArguments(value, runId, key, ops = [], global2 =
 }
 async function hydrateWorkflowArguments(value, _runId, key, global2 = globalThis, extraRevivers = {}) {
   const compressionStats = {};
-  const inflated = await decompress$1(await maybeDecrypt(value, key), compressionStats);
+  const inflated = await decompress$2(await maybeDecrypt(value, key), compressionStats);
   await recordCompression(compressionStats, "deserialize");
   return deserialize(inflated, {
     global: global2,
@@ -93857,7 +94288,7 @@ async function dehydrateStepReturnValue(value, runId, key, ops = [], global2 = g
 }
 async function hydrateRunError(value, runId, key, ops = [], global2 = globalThis, extraRevivers = {}) {
   const compressionStats = {};
-  const decrypted = await decompress$1(await maybeDecrypt(value, key), compressionStats);
+  const decrypted = await decompress$2(await maybeDecrypt(value, key), compressionStats);
   await recordCompression(compressionStats, "deserialize");
   if (!(decrypted instanceof Uint8Array)) {
     return unflatten(decrypted, {
@@ -93906,6 +94337,37 @@ function getStreamAndRequestRevivers(allRevivers) {
   }
   return extra;
 }
+function parsePort$2(value, radix = 10) {
+  const port = parseInt(value, radix);
+  if (!Number.isNaN(port) && port >= 0 && port <= 65535) {
+    return port;
+  }
+  return void 0;
+}
+function parseWindowsNetstatPortsForPid(stdout, pid) {
+  var _a3;
+  const ports = [];
+  const lines = stdout.trim().split("\n");
+  for (const line of lines) {
+    const parts = line.trim().split(/\s+/);
+    if (parts.length < 5 || ((_a3 = parts[0]) == null ? void 0 : _a3.toUpperCase()) !== "TCP") {
+      continue;
+    }
+    const [, localAddress, , state, rowPid] = parts;
+    if ((state == null ? void 0 : state.toUpperCase()) !== "LISTENING" || rowPid !== pid.toString()) {
+      continue;
+    }
+    const colonIndex = localAddress.lastIndexOf(":");
+    if (colonIndex === -1) {
+      continue;
+    }
+    const port = parsePort$2(localAddress.slice(colonIndex + 1));
+    if (port !== void 0) {
+      ports.push(port);
+    }
+  }
+  return ports;
+}
 const execFileAsync = promisify(execFile);
 function parsePort$1(value, radix = 10) {
   const port = parseInt(value, radix);
@@ -94023,23 +94485,9 @@ async function getWindowsPorts(pid) {
   try {
     const { stdout } = await execFileAsync("cmd", [
       "/c",
-      `netstat -ano | findstr ${pid} | findstr LISTENING`
+      "netstat -ano -p tcp | findstr LISTENING"
     ]);
-    const ports = [];
-    const trimmedOutput = stdout.trim();
-    if (trimmedOutput) {
-      const lines = trimmedOutput.split("\n");
-      for (const line of lines) {
-        const match2 = line.trim().match(/^\s*TCP\s+(?:\[[\da-f:]+\]|[\d.]+):(\d+)\s+/i);
-        if (match2) {
-          const port = parsePort$1(match2[1]);
-          if (port !== void 0) {
-            ports.push(port);
-          }
-        }
-      }
-    }
-    return ports;
+    return parseWindowsNetstatPortsForPid(stdout, pid);
   } catch {
     return [];
   }
@@ -94192,8 +94640,10 @@ async function withWindowsRetry(fn2, maxRetries = 5) {
   throw new Error("Retry loop exited unexpectedly");
 }
 const createdFilesCache = /* @__PURE__ */ new Set();
+const createdDirectoriesCache = /* @__PURE__ */ new Set();
 function clearCreatedFilesCache() {
   createdFilesCache.clear();
+  createdDirectoriesCache.clear();
 }
 const TAG_PATTERN = /\.[a-zA-Z][a-zA-Z0-9-]*$/;
 function stripTag(fileId) {
@@ -94246,11 +94696,29 @@ async function listTaggedFilesByExtension(dirPath, tag, extension2) {
   }
 }
 async function ensureDir(dirPath) {
+  const resolvedPath = path$3.resolve(dirPath);
+  if (createdDirectoriesCache.has(resolvedPath)) {
+    return;
+  }
   try {
-    await promises.mkdir(dirPath, { recursive: true });
+    await promises.mkdir(resolvedPath, { recursive: true });
+    createdDirectoriesCache.add(resolvedPath);
   } catch (_error) {
   }
 }
+async function withEnsuredDirectory(dirPath, operation) {
+  await ensureDir(dirPath);
+  try {
+    return await operation();
+  } catch (error2) {
+    if (error2.code !== "ENOENT") {
+      throw error2;
+    }
+    createdDirectoriesCache.delete(path$3.resolve(dirPath));
+    await ensureDir(dirPath);
+    return operation();
+  }
+}
 function jsonReplacer(_key, value) {
   if (value instanceof Uint8Array) {
     return {
@@ -94287,10 +94755,11 @@ async function write(filePath, data, opts) {
   const tempPath = `${filePath}.tmp.${ulid$1()}`;
   let tempFileCreated = false;
   try {
-    await ensureDir(path$3.dirname(filePath));
-    await promises.writeFile(tempPath, data);
-    tempFileCreated = true;
-    await withWindowsRetry(() => promises.rename(tempPath, filePath));
+    await withEnsuredDirectory(path$3.dirname(filePath), async () => {
+      await promises.writeFile(tempPath, data);
+      tempFileCreated = true;
+      await withWindowsRetry(() => promises.rename(tempPath, filePath));
+    });
     createdFilesCache.add(filePath);
   } catch (error2) {
     if (tempFileCreated) {
@@ -94333,21 +94802,22 @@ async function deleteJSON(filePath) {
   }
 }
 async function writeExclusive(filePath, data) {
-  await ensureDir(path$3.dirname(filePath));
   const tempPath = `${filePath}.tmp.${ulid$1()}`;
   let tempFileCreated = false;
   try {
-    await promises.writeFile(tempPath, data, { flag: "wx" });
-    tempFileCreated = true;
-    try {
-      await withWindowsRetry(() => promises.link(tempPath, filePath));
-      return true;
-    } catch (error2) {
-      if (error2.code === "EEXIST") {
-        return false;
+    return await withEnsuredDirectory(path$3.dirname(filePath), async () => {
+      await promises.writeFile(tempPath, data, { flag: "wx" });
+      tempFileCreated = true;
+      try {
+        await withWindowsRetry(() => promises.link(tempPath, filePath));
+        return true;
+      } catch (error2) {
+        if (error2.code === "EEXIST") {
+          return false;
+        }
+        throw error2;
       }
-      throw error2;
-    }
+    });
   } finally {
     if (tempFileCreated) {
       await withWindowsRetry(() => promises.unlink(tempPath), 3).catch(() => {
@@ -94381,11 +94851,12 @@ function createCursor(timestamp, id2) {
   return id2 ? `${timestamp.toISOString()}|${id2}` : timestamp.toISOString();
 }
 async function paginatedFileSystemQuery(config2) {
-  const { directory, schema, filePrefix, fileIdFilter, filter: filter2, sortOrder = "desc", limit = 20, cursor, getCreatedAt, getId } = config2;
+  const { directory, schema, cachedItems, filePrefix, fileIdFilter, filter: filter2, sortOrder = "desc", limit = 20, cursor, getCreatedAt, getId } = config2;
   if (filePrefix !== void 0) {
     assertSafeEntityId("filePrefix", filePrefix);
   }
-  const fileIds = await listJSONFiles(directory);
+  const resolvedDirectory = path$3.resolve(directory);
+  const fileIds = await listJSONFiles(resolvedDirectory);
   const relevantFileIds = filePrefix ? fileIds.filter((fileId) => fileId.startsWith(filePrefix)) : fileIds;
   const filteredFileIds = fileIdFilter ? relevantFileIds.filter(fileIdFilter) : relevantFileIds;
   const parsedCursor = parseCursor(cursor);
@@ -94407,10 +94878,11 @@ async function paginatedFileSystemQuery(config2) {
   }
   const validItems = [];
   for (const fileId of candidateFileIds) {
-    const filePath = path$3.join(directory, `${fileId}.json`);
+    const filePath = path$3.join(resolvedDirectory, `${fileId}.json`);
     let item = null;
     try {
-      item = await readJSON(filePath, schema);
+      const cachedItem = cachedItems == null ? void 0 : cachedItems.get(filePath);
+      item = cachedItem === void 0 ? await readJSON(filePath, schema) : structuredClone(cachedItem);
     } catch (error2) {
       if (error2 instanceof ZodError) {
         console.warn(`Skipping item ${fileId} due to malformed JSON: ${error2.message}`);
@@ -112194,11 +112666,11 @@ function requireCache$1() {
   };
   return cache$1;
 }
-var decompress;
+var decompress$1;
 var hasRequiredDecompress;
 function requireDecompress() {
   var _decompressors, _skipStatusCodes, _skipErrorResponses, _DecompressHandler_instances, shouldSkipDecompression_fn, createDecompressionChain_fn, setupDecompressorEvents_fn, setupSingleDecompressor_fn, setupMultipleDecompressors_fn, cleanupDecompressors_fn;
-  if (hasRequiredDecompress) return decompress;
+  if (hasRequiredDecompress) return decompress$1;
   hasRequiredDecompress = 1;
   const { createInflate, createGunzip, createBrotliDecompress, createZstdDecompress } = require$$3$1;
   const { pipeline } = require$$0$4;
@@ -112412,8 +112884,8 @@ function requireDecompress() {
       };
     };
   }
-  decompress = createDecompressInterceptor;
-  return decompress;
+  decompress$1 = createDecompressInterceptor;
+  return decompress$1;
 }
 var deduplicationHandler;
 var hasRequiredDeduplicationHandler;
@@ -120652,6 +121124,102 @@ function filterHookData$1(hook, resolveData) {
   }
   return hook;
 }
+function isVisibleToTag(fileId, tag) {
+  return tag ? isUntagged(fileId) || hasTag(fileId, tag) : isUntagged(fileId);
+}
+function getHookCreatedToken(event) {
+  if (event.eventType !== "hook_created")
+    return void 0;
+  const token = event.eventData.token;
+  return typeof token === "string" ? token : void 0;
+}
+function hookFromCreatedEvent(event) {
+  const { token, metadata, isWebhook, isSystem } = event.eventData;
+  return {
+    runId: event.runId,
+    hookId: event.correlationId,
+    token,
+    metadata,
+    ownerId: "local-owner",
+    projectId: "local-project",
+    environment: "local",
+    createdAt: event.createdAt,
+    specVersion: event.specVersion,
+    isWebhook: isWebhook ?? true,
+    isSystem: isSystem ?? false
+  };
+}
+function isMatchingHookCreatedEvent(event, matches) {
+  return event.eventType === "hook_created" && typeof event.correlationId === "string" && matches(event);
+}
+function closesLiveHook(event, liveEvent) {
+  if (event.runId !== liveEvent.runId)
+    return false;
+  return event.eventType === "hook_disposed" && event.correlationId === liveEvent.correlationId || isTerminalRunEventType(event.eventType);
+}
+async function readEventForHookScan(filePath) {
+  try {
+    return await readJSON(filePath, EventSchema);
+  } catch (error2) {
+    if (error2 instanceof SyntaxError || error2 instanceof ZodError) {
+      return null;
+    }
+    throw error2;
+  }
+}
+async function isTerminalRunCache(basedir, runId, tag) {
+  const run2 = await readJSONWithFallback(basedir, "runs", runId, WorkflowRunSchema, tag);
+  return run2 ? isTerminalWorkflowRunStatus(run2.status) : false;
+}
+async function findLiveHookCreatedEvent(basedir, matches, tag) {
+  const eventsDir = path$3.join(basedir, "events");
+  const events2 = [];
+  for (const fileId of await listJSONFiles(eventsDir)) {
+    if (!isVisibleToTag(fileId, tag))
+      continue;
+    const event = await readEventForHookScan(path$3.join(eventsDir, `${fileId}.json`));
+    if (event)
+      events2.push(event);
+  }
+  events2.sort((a2, b2) => {
+    const byTime = a2.createdAt.getTime() - b2.createdAt.getTime();
+    return byTime === 0 ? a2.eventId.localeCompare(b2.eventId) : byTime;
+  });
+  let liveEvent = null;
+  for (const event of events2) {
+    if (isMatchingHookCreatedEvent(event, matches)) {
+      liveEvent = event;
+      continue;
+    }
+    if (liveEvent && closesLiveHook(event, liveEvent)) {
+      liveEvent = null;
+    }
+  }
+  if (liveEvent && await isTerminalRunCache(basedir, liveEvent.runId, tag)) {
+    return null;
+  }
+  return liveEvent;
+}
+async function restoreHookCachesFromEvent(basedir, event, tag) {
+  const hook = hookFromCreatedEvent(event);
+  const claimPath = path$3.join(basedir, "hooks", "tokens", `${hashToken(hook.token)}.json`);
+  await writeExclusive(claimPath, JSON.stringify({
+    token: hook.token,
+    hookId: hook.hookId,
+    runId: hook.runId,
+    eventId: event.eventId
+  }));
+  await writeExclusive(taggedPath(basedir, "hooks", hook.hookId, tag), JSON.stringify(hook, jsonReplacer, 2));
+  return hook;
+}
+async function rebuildLiveHookByTokenFromEventLog(basedir, token, tag) {
+  const event = await findLiveHookCreatedEvent(basedir, (candidate) => getHookCreatedToken(candidate) === token, tag);
+  return event ? restoreHookCachesFromEvent(basedir, event, tag) : null;
+}
+async function rebuildLiveHookByIdFromEventLog(basedir, hookId, tag) {
+  const event = await findLiveHookCreatedEvent(basedir, (candidate) => candidate.correlationId === hookId, tag);
+  return event ? restoreHookCachesFromEvent(basedir, event, tag) : null;
+}
 function createHooksStorage(basedir, tag) {
   async function findHookByToken(token) {
     const hooksDir = path$3.join(basedir, "hooks");
@@ -120669,13 +121237,18 @@ function createHooksStorage(basedir, tag) {
     assertSafeEntityId("hookId", hookId);
     const hook = await readJSONWithFallback(basedir, "hooks", hookId, HookSchema, tag);
     if (!hook) {
-      throw new HookNotFoundError(hookId);
+      const rebuilt = await rebuildLiveHookByIdFromEventLog(basedir, hookId, tag);
+      if (!rebuilt) {
+        throw new HookNotFoundError(hookId);
+      }
+      const resolveData2 = (params == null ? void 0 : params.resolveData) || DEFAULT_RESOLVE_DATA_OPTION$1;
+      return filterHookData$1({ ...rebuilt, isWebhook: rebuilt.isWebhook ?? true }, resolveData2);
     }
     const resolveData = (params == null ? void 0 : params.resolveData) || DEFAULT_RESOLVE_DATA_OPTION$1;
     return filterHookData$1({ ...hook, isWebhook: hook.isWebhook ?? true }, resolveData);
   }
   async function getByToken(token) {
-    const hook = await findHookByToken(token);
+    const hook = await findHookByToken(token) ?? await rebuildLiveHookByTokenFromEventLog(basedir, token, tag);
     if (!hook) {
       throw new HookNotFoundError(token);
     }
@@ -120951,7 +121524,7 @@ async function repairHookEntityFromPersistedEvent(basedir, runId, hookId, persis
     environment: "local",
     createdAt: persistedEvent.createdAt,
     specVersion: persistedEvent.specVersion,
-    isWebhook: eventData.isWebhook ?? false,
+    isWebhook: eventData.isWebhook ?? true,
     isSystem: eventData.isSystem ?? false
   };
   await writeExclusive(taggedPath(basedir, "hooks", hookId, tag), JSON.stringify(hook, jsonReplacer, 2));
@@ -121009,9 +121582,76 @@ async function writeRunUnderLifecycleLock(basedir, runId, tag, proposed) {
   });
 }
 function createEventsStorage(basedir, tag) {
+  const maxCachedEventBytes = 4 * 1024 * 1024;
+  const maxCachedEventEntries = 1e3;
+  const eventCache = /* @__PURE__ */ new Map();
+  const cachedEventBytes = /* @__PURE__ */ new Map();
+  const cachedPathsByRunId = /* @__PURE__ */ new Map();
+  let totalCachedEventBytes = 0;
+  function deleteCachedEvent(eventPath) {
+    const event = eventCache.get(eventPath);
+    if (!event) {
+      return;
+    }
+    eventCache.delete(eventPath);
+    totalCachedEventBytes -= cachedEventBytes.get(eventPath) ?? 0;
+    cachedEventBytes.delete(eventPath);
+    const cachedPaths = cachedPathsByRunId.get(event.runId);
+    cachedPaths == null ? void 0 : cachedPaths.delete(eventPath);
+    if ((cachedPaths == null ? void 0 : cachedPaths.size) === 0) {
+      cachedPathsByRunId.delete(event.runId);
+    }
+  }
+  function clearRunCache(runId) {
+    for (const cachedPath of cachedPathsByRunId.get(runId) ?? []) {
+      deleteCachedEvent(cachedPath);
+    }
+  }
+  function clearCache() {
+    eventCache.clear();
+    cachedEventBytes.clear();
+    cachedPathsByRunId.clear();
+    totalCachedEventBytes = 0;
+  }
+  function cacheEvent(eventPath, cachedEvent, serializedBytes) {
+    if (serializedBytes > maxCachedEventBytes) {
+      return;
+    }
+    while (eventCache.size > 0 && (eventCache.size >= maxCachedEventEntries || totalCachedEventBytes + serializedBytes > maxCachedEventBytes)) {
+      const oldestPath = eventCache.keys().next().value;
+      deleteCachedEvent(oldestPath);
+    }
+    eventCache.set(eventPath, cachedEvent);
+    cachedEventBytes.set(eventPath, serializedBytes);
+    totalCachedEventBytes += serializedBytes;
+    const cachedPaths = cachedPathsByRunId.get(cachedEvent.runId) ?? /* @__PURE__ */ new Set();
+    cachedPaths.add(eventPath);
+    cachedPathsByRunId.set(cachedEvent.runId, cachedPaths);
+  }
+  function rememberStoredEvent(event, eventPath, serializedEvent) {
+    if (isTerminalRunEventType(event.eventType)) {
+      clearRunCache(event.runId);
+      return;
+    }
+    const serializedBytes = Buffer.byteLength(serializedEvent);
+    if (serializedBytes > maxCachedEventBytes) {
+      return;
+    }
+    const cachedEvent = EventSchema.safeParse(JSON.parse(serializedEvent, jsonReviver));
+    if (cachedEvent.success) {
+      cacheEvent(eventPath, cachedEvent.data, serializedBytes);
+    }
+  }
+  async function storeEvent(event) {
+    const eventPath = taggedPath(basedir, "events", `${event.runId}-${event.eventId}`, tag);
+    const serializedEvent = JSON.stringify(event, jsonReplacer, 2);
+    await write(eventPath, serializedEvent);
+    rememberStoredEvent(event, eventPath, serializedEvent);
+  }
   const stepLocks = /* @__PURE__ */ new Map();
   const hookLocks = /* @__PURE__ */ new Map();
   return {
+    clearCache,
     async create(runId, data, params) {
       if (runId != null && runId !== "") {
         assertSafeEntityId("runId", runId);
@@ -121047,8 +121687,6 @@ function createEventsStorage(basedir, tag) {
           }
         }
         const effectiveSpecVersion = data.specVersion ?? SPEC_VERSION_CURRENT;
-        const isRunTerminal = (status) => ["completed", "failed", "cancelled"].includes(status);
-        const isStepTerminal = (status) => ["completed", "failed", "cancelled"].includes(status);
         let currentRun = null;
         const skipRunValidationEvents = ["step_completed", "step_retrying"];
         if (data.eventType !== "run_created" && !skipRunValidationEvents.includes(data.eventType)) {
@@ -121094,8 +121732,7 @@ function createEventsStorage(basedir, tag) {
                     allowReservedAttributes: runInputData.allowReservedAttributes
                   }
                 };
-                const createdCompositeKey = `${effectiveRunId}-${runCreatedEventId}`;
-                await writeJSON(taggedPath(basedir, "events", createdCompositeKey, tag), runCreatedEvent);
+                await storeEvent(runCreatedEvent);
                 currentRun = createdRun;
               } else {
                 currentRun = await readJSONWithFallback(basedir, "runs", effectiveRunId, WorkflowRunSchema, tag);
@@ -121118,7 +121755,7 @@ function createEventsStorage(basedir, tag) {
           }
         }
         const lazyStepStart = data.eventType === "step_started" && "eventData" in data && !!data.eventData && typeof data.eventData.stepName === "string" && data.eventData.input !== void 0;
-        if (currentRun && isRunTerminal(currentRun.status)) {
+        if (currentRun && isTerminalWorkflowRunStatus(currentRun.status)) {
           const runTerminalEvents = [
             "run_started",
             "run_completed",
@@ -121132,8 +121769,7 @@ function createEventsStorage(basedir, tag) {
               createdAt: now2,
               specVersion: effectiveSpecVersion
             };
-            const compositeKey2 = `${effectiveRunId}-${eventId}`;
-            await writeJSON(taggedPath(basedir, "events", compositeKey2, tag), event2);
+            await storeEvent(event2);
             const resolveData2 = (params == null ? void 0 : params.resolveData) ?? DEFAULT_RESOLVE_DATA_OPTION$1;
             return {
               event: stripEventDataRefs(event2, resolveData2),
@@ -121170,10 +121806,10 @@ function createEventsStorage(basedir, tag) {
             throw new EntityConflictError(`Step "${data.correlationId}" already created`);
           }
           if (validatedStep) {
-            if (isStepTerminal(validatedStep.status)) {
+            if (isTerminalStepStatus(validatedStep.status)) {
               throw new EntityConflictError(`Cannot modify step in terminal state "${validatedStep.status}"`);
             }
-            if (currentRun && isRunTerminal(currentRun.status)) {
+            if (currentRun && isTerminalWorkflowRunStatus(currentRun.status)) {
               if (validatedStep.status !== "running") {
                 throw new RunExpiredError(`Cannot modify non-running step on run in terminal state "${currentRun.status}"`);
               }
@@ -121441,7 +122077,7 @@ function createEventsStorage(basedir, tag) {
             }
             const stepCompositeKey = `${effectiveRunId}-${data.correlationId}`;
             const freshStep = await readJSONWithFallback(basedir, "steps", stepCompositeKey, StepSchema, tag);
-            if (freshStep && isStepTerminal(freshStep.status)) {
+            if (freshStep && isTerminalStepStatus(freshStep.status)) {
               throw new EntityConflictError(`Cannot modify step in terminal state "${freshStep.status}"`);
             }
             step = {
@@ -121514,6 +122150,9 @@ function createEventsStorage(basedir, tag) {
         ) {
           const hookData = data.eventData;
           const constraintPath = path$3.join(basedir, "hooks", "tokens", `${hashToken(hookData.token)}.json`);
+          if (!await readHookTokenClaim(constraintPath)) {
+            await rebuildLiveHookByTokenFromEventLog(basedir, hookData.token, tag);
+          }
           const tokenClaimed = await writeExclusive(constraintPath, JSON.stringify({
             token: hookData.token,
             hookId: data.correlationId,
@@ -121562,8 +122201,7 @@ function createEventsStorage(basedir, tag) {
                 createdAt: now2,
                 specVersion: effectiveSpecVersion
               };
-              const compositeKey2 = `${effectiveRunId}-${eventId}`;
-              await writeJSON(taggedPath(basedir, "events", compositeKey2, tag), conflictEvent);
+              await storeEvent(conflictEvent);
               const resolveData2 = (params == null ? void 0 : params.resolveData) ?? DEFAULT_RESOLVE_DATA_OPTION$1;
               const filteredEvent2 = stripEventDataRefs(conflictEvent, resolveData2);
               return {
@@ -121650,13 +122288,16 @@ function createEventsStorage(basedir, tag) {
           await writeJSON(taggedPath(basedir, "waits", waitCompositeKey, tag), wait, { overwrite: true });
         }
         const compositeKey = `${effectiveRunId}-${eventId}`;
-        const eventPublished = await writeExclusive(taggedPath(basedir, "events", compositeKey, tag), JSON.stringify(event, jsonReplacer, 2));
+        const eventPath = taggedPath(basedir, "events", compositeKey, tag);
+        const serializedEvent = JSON.stringify(event, jsonReplacer, 2);
+        const eventPublished = await writeExclusive(eventPath, serializedEvent);
         if (!eventPublished) {
           if (data.eventType === "hook_created" && data.correlationId) {
             await repairHookEntityFromPersistedEvent(basedir, effectiveRunId, data.correlationId, eventId, tag);
           }
           throw new EntityConflictError(`Event "${eventId}" already exists for run "${effectiveRunId}"`);
         }
+        rememberStoredEvent(event, eventPath, serializedEvent);
         if (hook && data.eventType === "hook_created") {
           await writeJSON(taggedPath(basedir, "hooks", hook.hookId, tag), hook, hookEntityWriteOptions);
         }
@@ -121669,6 +122310,7 @@ function createEventsStorage(basedir, tag) {
           const allEvents = await paginatedFileSystemQuery({
             directory: path$3.join(basedir, "events"),
             schema: EventSchema,
+            cachedItems: eventCache,
             filePrefix: `${effectiveRunId}-`,
             sortOrder: "asc",
             limit: 1e3,
@@ -121725,6 +122367,7 @@ function createEventsStorage(basedir, tag) {
       const result = await paginatedFileSystemQuery({
         directory: path$3.join(basedir, "events"),
         schema: EventSchema,
+        cachedItems: eventCache,
         filePrefix: `${runId}-`,
         // Events in chronological order (oldest first) by default,
         // different from the default for other list calls.
@@ -121750,6 +122393,7 @@ function createEventsStorage(basedir, tag) {
       const result = await paginatedFileSystemQuery({
         directory: path$3.join(basedir, "events"),
         schema: EventSchema,
+        cachedItems: eventCache,
         // No filePrefix - search all events
         filter: (event) => event.correlationId === correlationId,
         // Events in chronological order (oldest first) by default,
@@ -121820,7 +122464,8 @@ function createStorage$1(basedir, tag) {
     runs: instrumentObject$1("world.runs", runs),
     steps: instrumentObject$1("world.steps", steps),
     events: instrumentObject$1("world.events", events2),
-    hooks: instrumentObject$1("world.hooks", hooks)
+    hooks: instrumentObject$1("world.hooks", hooks),
+    clearCache: () => events2.clearCache()
   };
 }
 const monotonicUlid = monotonicFactory(() => Math.random());
@@ -122202,7 +122847,7 @@ function createLocalWorld(args) {
   const mergedConfig = { ...config.value, ...definedArgs };
   const tag = mergedConfig.tag;
   const queue = createQueue$2(mergedConfig);
-  const storage = createStorage$1(mergedConfig.dataDir, tag);
+  const { clearCache: clearStorageCache, ...storage } = createStorage$1(mergedConfig.dataDir, tag);
   const recoverActiveRuns = mergedConfig.recoverActiveRuns ?? true;
   return {
     specVersion: SPEC_VERSION_CURRENT,
@@ -122230,14 +122875,16 @@ function createLocalWorld(args) {
       await reenqueueActiveRuns(recoveryRuns, queue.queue, "world-local");
     },
     async close() {
+      clearStorageCache();
       await queue.close();
     },
     async clear() {
+      clearStorageCache();
       if (tag) {
         const basedir = mergedConfig.dataDir;
         const hooksDir = path$3.join(basedir, "hooks");
         const taggedHookFiles = await listTaggedFiles(hooksDir, tag);
-        const { HookSchema: HookSchema2 } = await import("./index-BgRt1-Z6.js");
+        const { HookSchema: HookSchema2 } = await import("./index-fWQcXKhC.js");
         await Promise.all(taggedHookFiles.map(async (hookFile) => {
           const hook = await readJSON(path$3.join(hooksDir, hookFile), HookSchema2);
           if (hook == null ? void 0 : hook.token) {
@@ -122266,73 +122913,13 @@ function createLocalWorld(args) {
         })));
         clearCreatedFilesCache();
       } else {
+        clearCreatedFilesCache();
         await rm(mergedConfig.dataDir, { recursive: true, force: true });
         await initDataDir(mergedConfig.dataDir);
       }
     }
   };
 }
-let _dispatcher;
-let _eventsDispatcher;
-let _streamDispatcher;
-const BASE_AGENT_OPTIONS = {
-  connections: 8,
-  keepAliveTimeout: 1e4,
-  // HTTP/1.1 pipelining is disabled (pipelining: 1) because it causes
-  // head-of-line blocking that deadlocks the webhook respondWith mechanism.
-  pipelining: 1
-};
-const DEFAULT_AGENT_OPTIONS = {
-  ...BASE_AGENT_OPTIONS,
-  allowH2: false
-};
-const EVENTS_AGENT_OPTIONS = {
-  ...BASE_AGENT_OPTIONS,
-  allowH2: true
-};
-const RETRY_AGENT_OPTIONS = {
-  // Observe Retry-After header if received
-  retryAfter: true,
-  // Retry 5xx in-process (genuine transient blips recover fast), but NOT 429.
-  // The Vercel firewall issues a challenge as a 429: our server-to-server
-  // client cannot solve a challenge, so in-process retries just re-trigger it
-  // ~5× per request and amplify load against an already-overloaded firewall
-  // during an incident. Letting 429 pass through surfaces it immediately to
-  // makeRequest — which maps it to a ThrottleError carrying the
-  // `x-vercel-mitigated` / `x-vercel-id` headers — and the queue does the
-  // (backed-off) retry instead. This is the long-standing "let 429s pass
-  // through" intent. (undici default is [500, 502, 503, 504, 429].)
-  statusCodes: [500, 502, 503, 504]
-};
-const STREAM_RETRY_OPTIONS = {
-  retryAfter: true,
-  methods: ["PUT"],
-  statusCodes: [429]
-};
-function getDispatcher(config2) {
-  return (config2 == null ? void 0 : config2.dispatcher) ?? getDefaultDispatcher();
-}
-function getEventsDispatcher(config2) {
-  return (config2 == null ? void 0 : config2.dispatcher) ?? getDefaultEventsDispatcher();
-}
-function getStreamDispatcher(config2) {
-  return (config2 == null ? void 0 : config2.dispatcher) ?? getDefaultStreamDispatcher();
-}
-function makeRetryDispatcher(agentOptions, retryOptions) {
-  return new undiciExports.RetryAgent(new undiciExports.Agent(agentOptions), retryOptions);
-}
-function getDefaultDispatcher() {
-  _dispatcher ?? (_dispatcher = makeRetryDispatcher(DEFAULT_AGENT_OPTIONS, RETRY_AGENT_OPTIONS));
-  return _dispatcher;
-}
-function getDefaultEventsDispatcher() {
-  _eventsDispatcher ?? (_eventsDispatcher = makeRetryDispatcher(EVENTS_AGENT_OPTIONS, RETRY_AGENT_OPTIONS));
-  return _eventsDispatcher;
-}
-function getDefaultStreamDispatcher() {
-  _streamDispatcher ?? (_streamDispatcher = makeRetryDispatcher(EVENTS_AGENT_OPTIONS, STREAM_RETRY_OPTIONS));
-  return _streamDispatcher;
-}
 var getContext_1;
 var hasRequiredGetContext;
 function requireGetContext() {
@@ -122451,8 +123038,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-CaJAmsYa.js").then((n) => n.t),
-        await import("./token-DK_R23fr.js").then((n) => n.t)
+        await import("./token-util-D4JYdrFc.js").then((n) => n.t),
+        await import("./token-DmIqmbeU.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -123015,6 +123602,67 @@ function requireDist() {
   return dist;
 }
 var distExports = requireDist();
+let _dispatcher;
+let _eventsDispatcher;
+let _streamDispatcher;
+const BASE_AGENT_OPTIONS = {
+  connections: 8,
+  keepAliveTimeout: 1e4,
+  // HTTP/1.1 pipelining is disabled (pipelining: 1) because it causes
+  // head-of-line blocking that deadlocks the webhook respondWith mechanism.
+  pipelining: 1
+};
+const DEFAULT_AGENT_OPTIONS = {
+  ...BASE_AGENT_OPTIONS,
+  allowH2: false
+};
+const EVENTS_AGENT_OPTIONS = {
+  ...BASE_AGENT_OPTIONS,
+  allowH2: true
+};
+const RETRY_AGENT_OPTIONS = {
+  // Observe Retry-After header if received
+  retryAfter: true,
+  // Retry 5xx in-process (genuine transient blips recover fast), but NOT 429.
+  // The Vercel firewall issues a challenge as a 429: our server-to-server
+  // client cannot solve a challenge, so in-process retries just re-trigger it
+  // ~5× per request and amplify load against an already-overloaded firewall
+  // during an incident. Letting 429 pass through surfaces it immediately to
+  // makeRequest — which maps it to a ThrottleError carrying the
+  // `x-vercel-mitigated` / `x-vercel-id` headers — and the queue does the
+  // (backed-off) retry instead. This is the long-standing "let 429s pass
+  // through" intent. (undici default is [500, 502, 503, 504, 429].)
+  statusCodes: [500, 502, 503, 504]
+};
+const STREAM_RETRY_OPTIONS = {
+  retryAfter: true,
+  methods: ["PUT"],
+  statusCodes: [429]
+};
+function getDispatcher(config2) {
+  return (config2 == null ? void 0 : config2.dispatcher) ?? getDefaultDispatcher();
+}
+function getEventsDispatcher(config2) {
+  return (config2 == null ? void 0 : config2.dispatcher) ?? getDefaultEventsDispatcher();
+}
+function getStreamDispatcher(config2) {
+  return (config2 == null ? void 0 : config2.dispatcher) ?? getDefaultStreamDispatcher();
+}
+function makeRetryDispatcher(agentOptions, retryOptions) {
+  return new undiciExports.RetryAgent(new undiciExports.Agent(agentOptions), retryOptions);
+}
+function getDefaultDispatcher() {
+  _dispatcher ?? (_dispatcher = makeRetryDispatcher(DEFAULT_AGENT_OPTIONS, RETRY_AGENT_OPTIONS));
+  return _dispatcher;
+}
+function getDefaultEventsDispatcher() {
+  _eventsDispatcher ?? (_eventsDispatcher = makeRetryDispatcher(EVENTS_AGENT_OPTIONS, RETRY_AGENT_OPTIONS));
+  return _eventsDispatcher;
+}
+function getDefaultStreamDispatcher() {
+  _streamDispatcher ?? (_streamDispatcher = makeRetryDispatcher(EVENTS_AGENT_OPTIONS, STREAM_RETRY_OPTIONS));
+  return _streamDispatcher;
+}
 let otelApiPromise = null;
 async function getOtelApi() {
   if (!otelApiPromise) {
@@ -123086,6 +123734,10 @@ const RpcMethod = SemanticConvention("rpc.method");
 const WorkflowRunId = SemanticConvention("workflow.run.id");
 const StepId = SemanticConvention("step.id");
 const REQUEST_TIMEOUT_MS = 6e4;
+const getRequestTimeoutMs = () => envNumber("WORKFLOW_REQUEST_TIMEOUT_MS", REQUEST_TIMEOUT_MS, {
+  integer: true,
+  min: 1
+});
 const HTTP_DEBUG_ENABLED = typeof process !== "undefined" && typeof process.env.DEBUG === "string" && (process.env.DEBUG.includes("workflow:") || process.env.DEBUG === "*");
 const DIAGNOSTIC_HEADERS = [
   "x-vercel-id",
@@ -123174,7 +123826,7 @@ function httpClientSpanAttributes(args) {
   };
 }
 async function instrumentedFetch(opts) {
-  const { method, url: url2, headers: headers2, body: body2, dispatcher: dispatcher2, peerService = "workflow-server", timeoutMs = REQUEST_TIMEOUT_MS, signal: callerSignal, injectTraceContext = true, cacheBust = true, logLabel, buildError } = opts;
+  const { method, url: url2, headers: headers2, body: body2, dispatcher: dispatcher2, peerService = "workflow-server", timeoutMs = getRequestTimeoutMs(), signal: callerSignal, injectTraceContext = true, cacheBust = true, logLabel, buildError } = opts;
   const label = logLabel ?? url2;
   return trace(`http ${method}`, { kind: await getSpanKind("CLIENT") }, async (span) => {
     var _a3, _b2, _c2;
@@ -123228,6 +123880,391 @@ async function instrumentedFetch(opts) {
     return response2;
   });
 }
+const version = "5.0.0-beta.23";
+const IDEMPOTENT_METHODS = /* @__PURE__ */ new Set(["GET", "HEAD"]);
+const MAX_BODY_PARSE_RETRIES = 2;
+const BODY_PARSE_RETRY_BASE_MS = 100;
+const TRANSIENT_TRANSPORT_ERROR_CODES = /* @__PURE__ */ new Set([
+  "UND_ERR_REQ_RETRY",
+  "UND_ERR_SOCKET",
+  "UND_ERR_CONNECT",
+  "UND_ERR_CONNECT_TIMEOUT",
+  "UND_ERR_HEADERS_TIMEOUT",
+  "UND_ERR_BODY_TIMEOUT",
+  "UND_ERR_CLOSED",
+  "ECONNRESET",
+  "ECONNREFUSED",
+  "ENOTFOUND",
+  "EAI_AGAIN",
+  "EPIPE"
+]);
+function getTransientTransportCode(error2) {
+  let current = error2;
+  for (let depth = 0; current != null && depth < 5; depth++) {
+    if (typeof current === "object" && "code" in current) {
+      const code2 = current.code;
+      if (typeof code2 === "string" && TRANSIENT_TRANSPORT_ERROR_CODES.has(code2)) {
+        return code2;
+      }
+    }
+    current = current == null ? void 0 : current.cause;
+  }
+  return void 0;
+}
+const getWorkflowServerUrlOverride = () => process.env.VERCEL_WORKFLOW_SERVER_URL || "";
+const TEST_LIMIT_OVERRIDES_HEADER = "x-workflow-test-limit-overrides";
+const getTestLimitOverridesHeader = () => {
+  var _a3;
+  return ((_a3 = process.env.WORKFLOW_TEST_LIMIT_OVERRIDES) == null ? void 0 : _a3.trim()) || "";
+};
+const DEFAULT_RESOLVE_DATA_OPTION = "all";
+function deserializeError(obj) {
+  return obj;
+}
+const getUserAgent = () => {
+  const deploymentId = process.env.VERCEL_DEPLOYMENT_ID;
+  if (deploymentId) {
+    return `@workflow/world-vercel/${version} node-${process.version} ${os.platform()} (${os.arch()}) ${deploymentId}`;
+  }
+  return `@workflow/world-vercel/${version} node-${process.version} ${os.platform()} (${os.arch()})`;
+};
+const getHttpUrl = (config2) => {
+  const projectConfig = config2 == null ? void 0 : config2.projectConfig;
+  const defaultHost = getWorkflowServerUrlOverride() || "https://vercel-workflow.com";
+  const customProxyUrl = process.env.WORKFLOW_VERCEL_BACKEND_URL;
+  const defaultProxyUrl = "https://api.vercel.com/v1/workflow";
+  const usingProxy = Boolean((projectConfig == null ? void 0 : projectConfig.projectId) && (projectConfig == null ? void 0 : projectConfig.teamId));
+  const baseUrl = usingProxy ? customProxyUrl || defaultProxyUrl : `${defaultHost}/api`;
+  return { baseUrl, usingProxy };
+};
+const getHeaders = (config2, options) => {
+  const projectConfig = config2 == null ? void 0 : config2.projectConfig;
+  const headers2 = new Headers(config2 == null ? void 0 : config2.headers);
+  headers2.set("User-Agent", getUserAgent());
+  const testLimitOverrides = getTestLimitOverridesHeader();
+  if (testLimitOverrides) {
+    headers2.set(TEST_LIMIT_OVERRIDES_HEADER, testLimitOverrides);
+  }
+  if (projectConfig) {
+    headers2.set("x-vercel-environment", projectConfig.environment || "production");
+    if (projectConfig.projectId) {
+      headers2.set("x-vercel-project-id", projectConfig.projectId);
+    }
+    if (projectConfig.teamId) {
+      headers2.set("x-vercel-team-id", projectConfig.teamId);
+    }
+  }
+  const workflowServerUrlOverride = getWorkflowServerUrlOverride();
+  if (workflowServerUrlOverride && options.usingProxy) {
+    headers2.set("x-vercel-workflow-api-url", workflowServerUrlOverride);
+  }
+  return headers2;
+};
+async function getHttpConfig(config2) {
+  const { baseUrl, usingProxy } = getHttpUrl(config2);
+  const headers2 = getHeaders(config2, { usingProxy });
+  if (usingProxy) {
+    if (!(config2 == null ? void 0 : config2.token)) {
+      throw new Error(`world-vercel: api-workflow proxy requested (${baseUrl}) but no Vercel auth token was provided. Pass one as \`config.token\` (the SDK reads it from \`WORKFLOW_VERCEL_AUTH_TOKEN\`).`);
+    }
+    headers2.set("Authorization", `Bearer ${config2.token}`);
+  } else {
+    let oidcToken;
+    try {
+      oidcToken = await distExports.getVercelOidcToken();
+    } catch {
+    }
+    const authToken = (config2 == null ? void 0 : config2.token) ?? oidcToken;
+    if (authToken) {
+      headers2.set("Authorization", `Bearer ${authToken}`);
+    }
+    if (oidcToken) {
+      headers2.set("x-vercel-trusted-oidc-idp-token", oidcToken);
+    }
+  }
+  return { baseUrl, headers: headers2, usingProxy };
+}
+async function makeRequest({ endpoint, options = {}, config: config2 = {}, schema, data, onResponse }) {
+  const method = options.method || "GET";
+  const { baseUrl, headers: headers2 } = await getHttpConfig(config2);
+  const url2 = `${baseUrl}${endpoint}`;
+  return trace(`http ${method}`, { kind: await getSpanKind("CLIENT") }, async (span) => {
+    var _a3, _b2, _c2;
+    span == null ? void 0 : span.setAttributes(httpClientSpanAttributes({
+      method,
+      url: url2,
+      peerService: "workflow-server"
+    }));
+    headers2.set("Accept", "application/cbor");
+    await injectTraceContextIntoHeaders(headers2);
+    let body2;
+    if (data !== void 0) {
+      headers2.set("Content-Type", "application/cbor");
+      body2 = encode(data);
+    }
+    const canRetryBody = IDEMPOTENT_METHODS.has(method.toUpperCase());
+    let parseResult;
+    let responseDiagnostics = "";
+    for (let attempt = 0; ; attempt++) {
+      headers2.set("X-Request-Time", Date.now().toString());
+      const timeoutSignal = AbortSignal.timeout(getRequestTimeoutMs());
+      const signal = options.signal ? AbortSignal.any([options.signal, timeoutSignal]) : timeoutSignal;
+      const request2 = new Request(url2, {
+        ...options,
+        body: body2,
+        headers: headers2,
+        signal
+      });
+      const fetchStart = Date.now();
+      let response2;
+      try {
+        response2 = await fetch(request2, {
+          dispatcher: getDispatcher(config2)
+        });
+      } catch (error2) {
+        const elapsed = Date.now() - fetchStart;
+        if (error2 instanceof Error && (error2.name === "TimeoutError" || error2.name === "AbortError")) {
+          const timeoutError = new WorkflowWorldError(`${method} ${endpoint} timed out after ${elapsed}ms`, { url: url2, code: "TIMEOUT", cause: error2 });
+          span == null ? void 0 : span.setAttributes({ ...ErrorType("TIMEOUT") });
+          (_a3 = span == null ? void 0 : span.recordException) == null ? void 0 : _a3.call(span, timeoutError);
+          throw timeoutError;
+        }
+        const transportCode = getTransientTransportCode(error2);
+        if (transportCode) {
+          const transportError = new WorkflowWorldError(`${method} ${endpoint} transport failure after ${elapsed}ms (${transportCode})`, { url: url2, code: "TRANSPORT", cause: error2 });
+          span == null ? void 0 : span.setAttributes({ ...ErrorType("TRANSPORT") });
+          (_b2 = span == null ? void 0 : span.recordException) == null ? void 0 : _b2.call(span, transportError);
+          throw transportError;
+        }
+        throw error2;
+      }
+      const fetchMs = Date.now() - fetchStart;
+      responseDiagnostics = formatVercelDiagnostics(response2.headers);
+      httpLog(method, endpoint, response2, fetchMs);
+      span == null ? void 0 : span.setAttributes({
+        ...HttpResponseStatusCode(response2.status)
+      });
+      if (!response2.ok) {
+        const errorData = await parseResponseBody(response2).then((r2) => r2.data).catch(() => ({}));
+        const errorCode = errorData.code ?? errorData.error;
+        logCurlRepro(request2.method, url2, headers2);
+        const retryAfter = parseRetryAfter(response2.headers.get("Retry-After"));
+        const defaultMessage = (errorData.message || `${request2.method} ${endpoint} -> HTTP ${response2.status}: ${response2.statusText}`) + responseDiagnostics;
+        const error2 = errorForResponse(response2.status, defaultMessage, {
+          url: url2,
+          code: errorCode,
+          retryAfter,
+          mitigated: response2.headers.get("x-vercel-mitigated")
+        });
+        span == null ? void 0 : span.setAttributes({
+          ...ErrorType(errorCode || `HTTP ${response2.status}`)
+        });
+        (_c2 = span == null ? void 0 : span.recordException) == null ? void 0 : _c2.call(span, error2);
+        throw error2;
+      }
+      onResponse == null ? void 0 : onResponse(response2);
+      try {
+        parseResult = await trace("world.parse", async (parseSpan) => {
+          const result2 = await parseResponseBody(response2);
+          const contentType = response2.headers.get("Content-Type") || "";
+          const isCbor = contentType.includes("application/cbor");
+          parseSpan == null ? void 0 : parseSpan.setAttributes({
+            ...WorldParseFormat(isCbor ? "cbor" : "json")
+          });
+          return result2;
+        });
+        break;
+      } catch (error2) {
+        if (canRetryBody && attempt < MAX_BODY_PARSE_RETRIES) {
+          const backoffMs = BODY_PARSE_RETRY_BASE_MS * 2 ** attempt;
+          span == null ? void 0 : span.setAttributes({
+            ...ErrorType("PARSE_ERROR_RETRYING")
+          });
+          if (HTTP_DEBUG_ENABLED) {
+            console.debug(`[workflow:world-vercel:http] ${method} ${endpoint} body parse failed (attempt ${attempt + 1}/${MAX_BODY_PARSE_RETRIES + 1}); retrying in ${backoffMs}ms: ${error2}`);
+          }
+          await new Promise((resolve2) => setTimeout(resolve2, backoffMs));
+          continue;
+        }
+        const contentType = response2.headers.get("Content-Type") || "unknown";
+        throw new WorkflowWorldError(`Failed to parse response body for ${method} ${endpoint}${responseDiagnostics} (Content-Type: ${contentType}):
+
+${error2}`, { url: url2, code: "PARSE_ERROR", cause: error2 });
+      }
+    }
+    const result = await trace("world.validate", async () => {
+      const validationResult = schema.safeParse(parseResult.data);
+      if (!validationResult.success) {
+        const issues = validationResult.error.issues.map((i) => `  ${i.path.length > 0 ? i.path.join(".") : "<root>"}: ${i.message}`).join("\n");
+        const debugContext = process.env.DEBUG ? `
+
+Response context: ${parseResult.getDebugContext()}` : "";
+        throw new WorkflowWorldError(`Schema validation failed for ${method} ${endpoint}${responseDiagnostics}:
+${issues}${debugContext}`, { url: url2, code: "SCHEMA_VALIDATION", cause: validationResult.error });
+      }
+      return validationResult.data;
+    });
+    return result;
+  });
+}
+const MAX_PREVIEW_LENGTH = 500;
+function createPreview(data) {
+  const str = inspect(data, { depth: 3, maxArrayLength: 10, breakLength: 120 });
+  return str.length > MAX_PREVIEW_LENGTH ? `${str.slice(0, MAX_PREVIEW_LENGTH)}...` : str;
+}
+async function parseResponseBody(response2) {
+  const contentType = response2.headers.get("Content-Type") || "";
+  if (contentType.includes("application/cbor")) {
+    const buffer2 = await response2.arrayBuffer();
+    const data2 = decode(new Uint8Array(buffer2));
+    return {
+      data: data2,
+      getDebugContext: () => `Content-Type: ${contentType}, ${buffer2.byteLength} bytes (CBOR), preview: ${createPreview(data2)}`
+    };
+  }
+  const text2 = await response2.text();
+  const data = JSON.parse(text2);
+  return {
+    data,
+    getDebugContext: () => `Content-Type: ${contentType}, ${text2.length} bytes, preview: ${createPreview(data)}`
+  };
+}
+function appendPagination(params, pagination) {
+  if (pagination == null ? void 0 : pagination.limit)
+    params.set("limit", pagination.limit.toString());
+  if (pagination == null ? void 0 : pagination.cursor)
+    params.set("cursor", pagination.cursor);
+  if (pagination == null ? void 0 : pagination.sortOrder)
+    params.set("sortOrder", pagination.sortOrder);
+}
+function createQueryString(params) {
+  const query = params.toString();
+  return query ? `?${query}` : "";
+}
+function createAnalytics(config2) {
+  return {
+    runs: {
+      get(runId) {
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(runId)}`,
+          config: config2,
+          schema: AnalyticsRunSchema
+        });
+      },
+      list(params = {}) {
+        const searchParams = new URLSearchParams();
+        if (params.workflowName) {
+          searchParams.set("workflowName", params.workflowName);
+        }
+        if (params.status) {
+          searchParams.set("status", params.status);
+        }
+        appendPagination(searchParams, params.pagination);
+        return makeRequest({
+          endpoint: `/v2/analytics/runs${createQueryString(searchParams)}`,
+          config: config2,
+          schema: PaginatedResponseSchema(AnalyticsRunSchema)
+        });
+      }
+    },
+    steps: {
+      get(runId, stepId) {
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(runId)}/steps/${encodeURIComponent(stepId)}`,
+          config: config2,
+          schema: AnalyticsStepSchema
+        });
+      },
+      list(params) {
+        const searchParams = new URLSearchParams();
+        appendPagination(searchParams, params.pagination);
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(params.runId)}/steps${createQueryString(searchParams)}`,
+          config: config2,
+          schema: PaginatedResponseSchema(AnalyticsStepSchema)
+        });
+      }
+    },
+    events: {
+      get(runId, eventId) {
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(runId)}/events/${encodeURIComponent(eventId)}`,
+          config: config2,
+          schema: AnalyticsEventSchema
+        });
+      },
+      list(params) {
+        const searchParams = new URLSearchParams();
+        if (params.eventType) {
+          searchParams.set("eventType", params.eventType);
+        }
+        if (params.correlationId) {
+          searchParams.set("correlationId", params.correlationId);
+        }
+        appendPagination(searchParams, params.pagination);
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(params.runId)}/events${createQueryString(searchParams)}`,
+          config: config2,
+          schema: PaginatedResponseSchema(AnalyticsEventSchema)
+        });
+      },
+      listByCorrelationId(params) {
+        const searchParams = new URLSearchParams();
+        searchParams.set("correlationId", params.correlationId);
+        appendPagination(searchParams, params.pagination);
+        return makeRequest({
+          endpoint: `/v2/analytics/events${createQueryString(searchParams)}`,
+          config: config2,
+          schema: PaginatedResponseSchema(AnalyticsEventSchema)
+        });
+      }
+    },
+    hooks: {
+      get(hookId, params) {
+        const searchParams = new URLSearchParams();
+        if (params == null ? void 0 : params.runId) {
+          searchParams.set("runId", params.runId);
+        }
+        return makeRequest({
+          endpoint: `/v2/analytics/hooks/${encodeURIComponent(hookId)}${createQueryString(searchParams)}`,
+          config: config2,
+          schema: AnalyticsHookSchema
+        });
+      },
+      list(params) {
+        const searchParams = new URLSearchParams();
+        searchParams.set("runId", params.runId);
+        appendPagination(searchParams, params.pagination);
+        return makeRequest({
+          endpoint: `/v2/analytics/hooks${createQueryString(searchParams)}`,
+          config: config2,
+          schema: PaginatedResponseSchema(AnalyticsHookSchema)
+        });
+      }
+    },
+    waits: {
+      get(runId, waitId) {
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(runId)}/waits/${encodeURIComponent(waitId)}`,
+          config: config2,
+          schema: AnalyticsWaitSchema
+        });
+      },
+      list(params) {
+        const searchParams = new URLSearchParams();
+        if (params.status) {
+          searchParams.set("status", params.status);
+        }
+        appendPagination(searchParams, params.pagination);
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(params.runId)}/waits${createQueryString(searchParams)}`,
+          config: config2,
+          schema: PaginatedResponseSchema(AnalyticsWaitSchema)
+        });
+      }
+    }
+  };
+}
 const KEY_BYTES = 32;
 async function deriveRunKey(deploymentKey, projectId, runId) {
   if (deploymentKey.length !== KEY_BYTES) {
@@ -127919,245 +128956,6 @@ var QueueClient = class {
     setApi(this, new ApiClient({ ...options, region }));
   }
 };
-const version = "5.0.0-beta.22";
-const IDEMPOTENT_METHODS = /* @__PURE__ */ new Set(["GET", "HEAD"]);
-const MAX_BODY_PARSE_RETRIES = 2;
-const BODY_PARSE_RETRY_BASE_MS = 100;
-const TRANSIENT_TRANSPORT_ERROR_CODES = /* @__PURE__ */ new Set([
-  "UND_ERR_REQ_RETRY",
-  "UND_ERR_SOCKET",
-  "UND_ERR_CONNECT",
-  "UND_ERR_CONNECT_TIMEOUT",
-  "UND_ERR_HEADERS_TIMEOUT",
-  "UND_ERR_BODY_TIMEOUT",
-  "UND_ERR_CLOSED",
-  "ECONNRESET",
-  "ECONNREFUSED",
-  "ENOTFOUND",
-  "EAI_AGAIN",
-  "EPIPE"
-]);
-function getTransientTransportCode(error2) {
-  let current = error2;
-  for (let depth = 0; current != null && depth < 5; depth++) {
-    if (typeof current === "object" && "code" in current) {
-      const code2 = current.code;
-      if (typeof code2 === "string" && TRANSIENT_TRANSPORT_ERROR_CODES.has(code2)) {
-        return code2;
-      }
-    }
-    current = current == null ? void 0 : current.cause;
-  }
-  return void 0;
-}
-const getWorkflowServerUrlOverride = () => process.env.VERCEL_WORKFLOW_SERVER_URL || "";
-const DEFAULT_RESOLVE_DATA_OPTION = "all";
-function deserializeError(obj) {
-  return obj;
-}
-const getUserAgent = () => {
-  const deploymentId = process.env.VERCEL_DEPLOYMENT_ID;
-  if (deploymentId) {
-    return `@workflow/world-vercel/${version} node-${process.version} ${os.platform()} (${os.arch()}) ${deploymentId}`;
-  }
-  return `@workflow/world-vercel/${version} node-${process.version} ${os.platform()} (${os.arch()})`;
-};
-const getHttpUrl = (config2) => {
-  const projectConfig = config2 == null ? void 0 : config2.projectConfig;
-  const defaultHost = getWorkflowServerUrlOverride() || "https://vercel-workflow.com";
-  const customProxyUrl = process.env.WORKFLOW_VERCEL_BACKEND_URL;
-  const defaultProxyUrl = "https://api.vercel.com/v1/workflow";
-  const usingProxy = Boolean((projectConfig == null ? void 0 : projectConfig.projectId) && (projectConfig == null ? void 0 : projectConfig.teamId));
-  const baseUrl = usingProxy ? customProxyUrl || defaultProxyUrl : `${defaultHost}/api`;
-  return { baseUrl, usingProxy };
-};
-const getHeaders = (config2, options) => {
-  const projectConfig = config2 == null ? void 0 : config2.projectConfig;
-  const headers2 = new Headers(config2 == null ? void 0 : config2.headers);
-  headers2.set("User-Agent", getUserAgent());
-  if (projectConfig) {
-    headers2.set("x-vercel-environment", projectConfig.environment || "production");
-    if (projectConfig.projectId) {
-      headers2.set("x-vercel-project-id", projectConfig.projectId);
-    }
-    if (projectConfig.teamId) {
-      headers2.set("x-vercel-team-id", projectConfig.teamId);
-    }
-  }
-  const workflowServerUrlOverride = getWorkflowServerUrlOverride();
-  if (workflowServerUrlOverride && options.usingProxy) {
-    headers2.set("x-vercel-workflow-api-url", workflowServerUrlOverride);
-  }
-  return headers2;
-};
-async function getHttpConfig(config2) {
-  const { baseUrl, usingProxy } = getHttpUrl(config2);
-  const headers2 = getHeaders(config2, { usingProxy });
-  if (usingProxy) {
-    if (!(config2 == null ? void 0 : config2.token)) {
-      throw new Error(`world-vercel: api-workflow proxy requested (${baseUrl}) but no Vercel auth token was provided. Pass one as \`config.token\` (the SDK reads it from \`WORKFLOW_VERCEL_AUTH_TOKEN\`).`);
-    }
-    headers2.set("Authorization", `Bearer ${config2.token}`);
-  } else {
-    let oidcToken;
-    try {
-      oidcToken = await distExports.getVercelOidcToken();
-    } catch {
-    }
-    const authToken = (config2 == null ? void 0 : config2.token) ?? oidcToken;
-    if (authToken) {
-      headers2.set("Authorization", `Bearer ${authToken}`);
-    }
-    if (oidcToken) {
-      headers2.set("x-vercel-trusted-oidc-idp-token", oidcToken);
-    }
-  }
-  return { baseUrl, headers: headers2, usingProxy };
-}
-async function makeRequest({ endpoint, options = {}, config: config2 = {}, schema, data, onResponse }) {
-  const method = options.method || "GET";
-  const { baseUrl, headers: headers2 } = await getHttpConfig(config2);
-  const url2 = `${baseUrl}${endpoint}`;
-  return trace(`http ${method}`, { kind: await getSpanKind("CLIENT") }, async (span) => {
-    var _a3, _b2, _c2;
-    span == null ? void 0 : span.setAttributes(httpClientSpanAttributes({
-      method,
-      url: url2,
-      peerService: "workflow-server"
-    }));
-    headers2.set("Accept", "application/cbor");
-    await injectTraceContextIntoHeaders(headers2);
-    let body2;
-    if (data !== void 0) {
-      headers2.set("Content-Type", "application/cbor");
-      body2 = encode(data);
-    }
-    const canRetryBody = IDEMPOTENT_METHODS.has(method.toUpperCase());
-    let parseResult;
-    let responseDiagnostics = "";
-    for (let attempt = 0; ; attempt++) {
-      headers2.set("X-Request-Time", Date.now().toString());
-      const timeoutSignal = AbortSignal.timeout(REQUEST_TIMEOUT_MS);
-      const signal = options.signal ? AbortSignal.any([options.signal, timeoutSignal]) : timeoutSignal;
-      const request2 = new Request(url2, {
-        ...options,
-        body: body2,
-        headers: headers2,
-        signal
-      });
-      const fetchStart = Date.now();
-      let response2;
-      try {
-        response2 = await fetch(request2, {
-          dispatcher: getDispatcher(config2)
-        });
-      } catch (error2) {
-        const elapsed = Date.now() - fetchStart;
-        if (error2 instanceof Error && (error2.name === "TimeoutError" || error2.name === "AbortError")) {
-          const timeoutError = new WorkflowWorldError(`${method} ${endpoint} timed out after ${elapsed}ms`, { url: url2, code: "TIMEOUT", cause: error2 });
-          span == null ? void 0 : span.setAttributes({ ...ErrorType("TIMEOUT") });
-          (_a3 = span == null ? void 0 : span.recordException) == null ? void 0 : _a3.call(span, timeoutError);
-          throw timeoutError;
-        }
-        const transportCode = getTransientTransportCode(error2);
-        if (transportCode) {
-          const transportError = new WorkflowWorldError(`${method} ${endpoint} transport failure after ${elapsed}ms (${transportCode})`, { url: url2, code: "TRANSPORT", cause: error2 });
-          span == null ? void 0 : span.setAttributes({ ...ErrorType("TRANSPORT") });
-          (_b2 = span == null ? void 0 : span.recordException) == null ? void 0 : _b2.call(span, transportError);
-          throw transportError;
-        }
-        throw error2;
-      }
-      const fetchMs = Date.now() - fetchStart;
-      responseDiagnostics = formatVercelDiagnostics(response2.headers);
-      httpLog(method, endpoint, response2, fetchMs);
-      span == null ? void 0 : span.setAttributes({
-        ...HttpResponseStatusCode(response2.status)
-      });
-      if (!response2.ok) {
-        const errorData = await parseResponseBody(response2).then((r2) => r2.data).catch(() => ({}));
-        logCurlRepro(request2.method, url2, headers2);
-        const retryAfter = parseRetryAfter(response2.headers.get("Retry-After"));
-        const defaultMessage = (errorData.message || `${request2.method} ${endpoint} -> HTTP ${response2.status}: ${response2.statusText}`) + responseDiagnostics;
-        const error2 = errorForResponse(response2.status, defaultMessage, {
-          url: url2,
-          code: errorData.code,
-          retryAfter,
-          mitigated: response2.headers.get("x-vercel-mitigated")
-        });
-        span == null ? void 0 : span.setAttributes({
-          ...ErrorType(errorData.code || `HTTP ${response2.status}`)
-        });
-        (_c2 = span == null ? void 0 : span.recordException) == null ? void 0 : _c2.call(span, error2);
-        throw error2;
-      }
-      onResponse == null ? void 0 : onResponse(response2);
-      try {
-        parseResult = await trace("world.parse", async (parseSpan) => {
-          const result2 = await parseResponseBody(response2);
-          const contentType = response2.headers.get("Content-Type") || "";
-          const isCbor = contentType.includes("application/cbor");
-          parseSpan == null ? void 0 : parseSpan.setAttributes({
-            ...WorldParseFormat(isCbor ? "cbor" : "json")
-          });
-          return result2;
-        });
-        break;
-      } catch (error2) {
-        if (canRetryBody && attempt < MAX_BODY_PARSE_RETRIES) {
-          const backoffMs = BODY_PARSE_RETRY_BASE_MS * 2 ** attempt;
-          span == null ? void 0 : span.setAttributes({
-            ...ErrorType("PARSE_ERROR_RETRYING")
-          });
-          if (HTTP_DEBUG_ENABLED) {
-            console.debug(`[workflow:world-vercel:http] ${method} ${endpoint} body parse failed (attempt ${attempt + 1}/${MAX_BODY_PARSE_RETRIES + 1}); retrying in ${backoffMs}ms: ${error2}`);
-          }
-          await new Promise((resolve2) => setTimeout(resolve2, backoffMs));
-          continue;
-        }
-        const contentType = response2.headers.get("Content-Type") || "unknown";
-        throw new WorkflowWorldError(`Failed to parse response body for ${method} ${endpoint}${responseDiagnostics} (Content-Type: ${contentType}):
-
-${error2}`, { url: url2, code: "PARSE_ERROR", cause: error2 });
-      }
-    }
-    const result = await trace("world.validate", async () => {
-      const validationResult = schema.safeParse(parseResult.data);
-      if (!validationResult.success) {
-        const issues = validationResult.error.issues.map((i) => `  ${i.path.length > 0 ? i.path.join(".") : "<root>"}: ${i.message}`).join("\n");
-        const debugContext = process.env.DEBUG ? `
-
-Response context: ${parseResult.getDebugContext()}` : "";
-        throw new WorkflowWorldError(`Schema validation failed for ${method} ${endpoint}${responseDiagnostics}:
-${issues}${debugContext}`, { url: url2, code: "SCHEMA_VALIDATION", cause: validationResult.error });
-      }
-      return validationResult.data;
-    });
-    return result;
-  });
-}
-const MAX_PREVIEW_LENGTH = 500;
-function createPreview(data) {
-  const str = inspect(data, { depth: 3, maxArrayLength: 10, breakLength: 120 });
-  return str.length > MAX_PREVIEW_LENGTH ? `${str.slice(0, MAX_PREVIEW_LENGTH)}...` : str;
-}
-async function parseResponseBody(response2) {
-  const contentType = response2.headers.get("Content-Type") || "";
-  if (contentType.includes("application/cbor")) {
-    const buffer2 = await response2.arrayBuffer();
-    const data2 = decode(new Uint8Array(buffer2));
-    return {
-      data: data2,
-      getDebugContext: () => `Content-Type: ${contentType}, ${buffer2.byteLength} bytes (CBOR), preview: ${createPreview(data2)}`
-    };
-  }
-  const text2 = await response2.text();
-  const data = JSON.parse(text2);
-  return {
-    data,
-    getDebugContext: () => `Content-Type: ${contentType}, ${text2.length} bytes, preview: ${createPreview(data)}`
-  };
-}
 class CborTransport {
   constructor() {
     __publicField(this, "contentType", "application/cbor");
@@ -128848,6 +129646,96 @@ async function getEventsByCorrelationIdV4(correlationId, params = {}, config2) {
   const url2 = `${baseUrl}/v4/events?${sp.toString()}`;
   return consumeListFrameStream(url2, headers2, config2, "listEventsByCorrelationId");
 }
+const FORMAT_PREFIX_LENGTH = 4;
+const GZIP_FORMAT_PREFIX = "gzip";
+const ZSTD_FORMAT_PREFIX = "zstd";
+const formatDecoder = new TextDecoder();
+const V4_EXTRA_EVENT_DATA_REF_FIELDS = {
+  run_started: ["input"],
+  step_started: ["input"]
+};
+function getNodeZlib() {
+  var _a3, _b2;
+  try {
+    return (_b2 = (_a3 = globalThis.process) == null ? void 0 : _a3.getBuiltinModule) == null ? void 0 : _b2.call(_a3, "node:zlib");
+  } catch {
+    return void 0;
+  }
+}
+function peekFormatPrefix(value) {
+  if (!(value instanceof Uint8Array) || value.byteLength < FORMAT_PREFIX_LENGTH) {
+    return null;
+  }
+  return formatDecoder.decode(value.subarray(0, FORMAT_PREFIX_LENGTH));
+}
+function decompress(format2, payload) {
+  const zlib = getNodeZlib();
+  const decompress2 = format2 === ZSTD_FORMAT_PREFIX ? zlib == null ? void 0 : zlib.zstdDecompressSync : zlib == null ? void 0 : zlib.gunzipSync;
+  if (!decompress2) {
+    throw new WorkflowWorldError(`Received ${format2}-compressed workflow data, but this Node.js runtime does not support ${format2} decompression. Use a compatible Node.js runtime or request unresolved data.`);
+  }
+  return new Uint8Array(decompress2(payload));
+}
+function normalizeSerializedData(value) {
+  const format2 = peekFormatPrefix(value);
+  if (format2 !== ZSTD_FORMAT_PREFIX && format2 !== GZIP_FORMAT_PREFIX) {
+    return value;
+  }
+  const bytes = value;
+  return decompress(format2, bytes.subarray(FORMAT_PREFIX_LENGTH));
+}
+function normalizeWorkflowRunData(run2) {
+  return {
+    ...run2,
+    input: normalizeSerializedData(run2.input),
+    output: normalizeSerializedData(run2.output),
+    error: normalizeSerializedData(run2.error)
+  };
+}
+function normalizeStepData(step) {
+  return {
+    ...step,
+    input: normalizeSerializedData(step.input),
+    output: normalizeSerializedData(step.output),
+    error: normalizeSerializedData(step.error)
+  };
+}
+function normalizeHookData(hook) {
+  return {
+    ...hook,
+    metadata: normalizeSerializedData(hook.metadata)
+  };
+}
+function normalizeEventData(event) {
+  const eventData = event.eventData;
+  if (!eventData || typeof eventData !== "object") {
+    return event;
+  }
+  const eventType = typeof event.eventType === "string" ? event.eventType : "";
+  const refFields = [
+    .../* @__PURE__ */ new Set([
+      ...EVENT_DATA_REF_FIELDS[eventType] ?? [],
+      ...V4_EXTRA_EVENT_DATA_REF_FIELDS[eventType] ?? []
+    ])
+  ];
+  if (refFields.length === 0) {
+    return event;
+  }
+  const normalizedEventData = { ...eventData };
+  let changed = false;
+  for (const field of refFields) {
+    if (!(field in normalizedEventData)) {
+      continue;
+    }
+    const before = normalizedEventData[field];
+    const after = normalizeSerializedData(before);
+    if (after !== before) {
+      normalizedEventData[field] = after;
+      changed = true;
+    }
+  }
+  return changed ? { ...event, eventData: normalizedEventData } : event;
+}
 const WorkflowRunWireBaseSchema = WorkflowRunBaseSchema.omit({
   error: true,
   errorCode: true
@@ -128873,14 +129761,14 @@ const WorkflowRunWireWithRefsSchema = WorkflowRunWireBaseSchema.omit({
 function filterRunData(run2, resolveData) {
   if (resolveData === "none") {
     const { inputRef: _inputRef, outputRef: _outputRef, ...rest } = run2;
-    const deserialized = deserializeError(rest);
+    const deserialized = normalizeWorkflowRunData(deserializeError(rest));
     return {
       ...deserialized,
       input: void 0,
       output: void 0
     };
   }
-  return deserializeError(run2);
+  return normalizeWorkflowRunData(deserializeError(run2));
 }
 async function listWorkflowRuns(params = {}, config2) {
   const { workflowName, status, pagination, resolveData = DEFAULT_RESOLVE_DATA_OPTION } = params;
@@ -129012,14 +129900,14 @@ function deserializeStep(wireStep) {
 function filterStepData(step, resolveData) {
   if (resolveData === "none") {
     const { inputRef: _inputRef, outputRef: _outputRef, ...rest } = step;
-    const deserialized = deserializeStep(rest);
+    const deserialized = normalizeStepData(deserializeStep(rest));
     return {
       ...deserialized,
       input: void 0,
       output: void 0
     };
   }
-  return deserializeStep(step);
+  return normalizeStepData(deserializeStep(step));
 }
 async function listWorkflowRunSteps(params, config2) {
   const { runId, pagination, resolveData = DEFAULT_RESOLVE_DATA_OPTION } = params;
@@ -129177,12 +130065,17 @@ function coerceEventDates(raw2) {
   }
   return raw2;
 }
+function coerceNormalizedEvent(raw2) {
+  return coerceEventDates(normalizeEventData(raw2));
+}
 function buildEventFromV4(decoded, payloadBody, resolveData) {
   const eventData = decoded.eventData ?? {};
   if (payloadBody.byteLength > 0) {
     const payloadField = payloadFieldFor(decoded.eventType);
-    if (payloadField)
-      eventData[payloadField] = payloadBody;
+    const normalizedPayload = normalizeSerializedData(payloadBody);
+    if (payloadField && normalizedPayload instanceof Uint8Array) {
+      eventData[payloadField] = normalizedPayload;
+    }
   }
   const raw2 = {
     eventId: decoded.eventId,
@@ -129196,7 +130089,7 @@ function buildEventFromV4(decoded, payloadBody, resolveData) {
     eventData,
     ...decoded.specVersion !== void 0 ? { specVersion: decoded.specVersion } : {}
   };
-  const event = coerceEventDates(raw2);
+  const event = coerceNormalizedEvent(raw2);
   return resolveData === "none" ? stripEventDataRefs(event, "none") : event;
 }
 async function getEvent(runId, eventId, params, config2) {
@@ -129312,7 +130205,7 @@ function filterHookData(hook, resolveData) {
     const { metadataRef: _metadataRef, ...rest } = hook;
     return rest;
   }
-  return hook;
+  return normalizeHookData(hook);
 }
 const HookWithRefsSchema = HookSchema.omit({
   metadata: true
@@ -129405,6 +130298,10 @@ function createStorage(config2) {
   };
 }
 const MAX_CHUNKS_PER_REQUEST = 1e3;
+const getMaxChunksPerRequest = () => envNumber("WORKFLOW_MAX_CHUNKS_PER_REQUEST", MAX_CHUNKS_PER_REQUEST, {
+  integer: true,
+  min: 1
+});
 function getStreamUrl(name2, runId, httpConfig) {
   return new URL(`${httpConfig.baseUrl}/v2/runs/${encodeURIComponent(runId)}/stream/${encodeURIComponent(name2)}`);
 }
@@ -129476,8 +130373,9 @@ function createStreamer(config2) {
         const resolvedRunId = await runId;
         const httpConfig = await getHttpConfig(config2);
         httpConfig.headers.set("X-Stream-Multi", "true");
-        for (let i = 0; i < chunks.length; i += MAX_CHUNKS_PER_REQUEST) {
-          const batch = chunks.slice(i, i + MAX_CHUNKS_PER_REQUEST);
+        const maxChunksPerRequest = getMaxChunksPerRequest();
+        for (let i = 0; i < chunks.length; i += maxChunksPerRequest) {
+          const batch = chunks.slice(i, i + maxChunksPerRequest);
           const body2 = encodeMultiChunks(batch);
           const url2 = getStreamUrl(name2, resolvedRunId, httpConfig);
           const response2 = await instrumentedFetch({
@@ -129590,6 +130488,7 @@ function createVercelWorld(config2) {
     processExitTriggersQueueRedelivery: true,
     ...createQueue$1(config2),
     ...createStorage(config2),
+    analytics: createAnalytics(config2),
     ...instrumentObject("world.streams", createStreamer(config2)),
     getEncryptionKeyForRun: createGetEncryptionKeyForRun(projectId, (_b2 = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _b2.teamId, config2 == null ? void 0 : config2.token, config2 == null ? void 0 : config2.dispatcher),
     resolveLatestDeploymentId: createResolveLatestDeploymentId(config2)
@@ -129597,9 +130496,17 @@ function createVercelWorld(config2) {
 }
 function getRuntimeRequire() {
   try {
-    return createRequire$1(pathToFileURL(process.cwd() + "/package.json").href);
+    return createRequire$1(
+      /* webpackIgnore: true */
+      /* turbopackIgnore: true */
+      pathToFileURL(process.cwd() + "/package.json").href
+    );
   } catch {
-    return createRequire$1(import.meta.url);
+    return createRequire$1(
+      /* webpackIgnore: true */
+      /* turbopackIgnore: true */
+      import.meta.url
+    );
   }
 }
 const WorldCache = Symbol.for("@workflow/world//cache");
@@ -129610,16 +130517,29 @@ function resolveModulePath(specifier) {
     return specifier;
   }
   if (specifier.startsWith("/")) {
-    return pathToFileURL(specifier).href;
+    return pathToFileURL(
+      /* webpackIgnore: true */
+      /* turbopackIgnore: true */
+      specifier
+    ).href;
   }
   if (specifier.startsWith("./") || specifier.startsWith("../")) {
     return pathToFileURL(
+      /* webpackIgnore: true */
       /* turbopackIgnore: true */
       process.cwd() + "/" + specifier
     ).href;
   }
   try {
-    return pathToFileURL(getRuntimeRequire().resolve(specifier)).href;
+    return pathToFileURL(
+      /* webpackIgnore: true */
+      /* turbopackIgnore: true */
+      getRuntimeRequire().resolve(
+        /* webpackIgnore: true */
+        /* turbopackIgnore: true */
+        specifier
+      )
+    ).href;
   } catch {
     return specifier;
   }
@@ -129645,11 +130565,16 @@ const createWorld = async () => {
   }
   let mod;
   try {
-    mod = getRuntimeRequire()(targetWorld);
+    mod = getRuntimeRequire()(
+      /* webpackIgnore: true */
+      /* turbopackIgnore: true */
+      targetWorld
+    );
   } catch {
     const resolvedPath = resolveModulePath(targetWorld);
     mod = await import(
       /* webpackIgnore: true */
+      /* turbopackIgnore: true */
       resolvedPath
     );
   }
@@ -129664,6 +130589,7 @@ const createWorld = async () => {
 };
 const getWorld = async () => {
   if (globalSymbols[WorldCache]) {
+    assertWorldSupportsRuntimeProtocol(globalSymbols[WorldCache]);
     return globalSymbols[WorldCache];
   }
   if (!globalSymbols[WorldCachePromise]) {
@@ -129673,6 +130599,7 @@ const getWorld = async () => {
     });
   }
   globalSymbols[WorldCache] = await globalSymbols[WorldCachePromise];
+  assertWorldSupportsRuntimeProtocol(globalSymbols[WorldCache]);
   return globalSymbols[WorldCache];
 };
 const GetWorldFnKey = Symbol.for("@workflow/world//getWorldFn");
@@ -132548,7 +133475,8 @@ async function start$1(workflow, argsOrOptions, options) {
       span == null ? void 0 : span.setAttributes({
         ...WorkflowArgumentsCount(args.length)
       });
-      const world = (opts == null ? void 0 : opts.world) ?? await getWorldLazy();
+      const world = opts.world ?? await getWorldLazy();
+      assertWorldSupportsRuntimeProtocol(world);
       const currentDeploymentId = await world.getDeploymentId();
       let deploymentId = opts.deploymentId ?? currentDeploymentId;
       if (deploymentId === "latest") {
@@ -132582,7 +133510,7 @@ async function start$1(workflow, argsOrOptions, options) {
       const ops = [];
       const runId = `wrun_${ulid()}`;
       const traceCarrier = await serializeTraceCarrier();
-      const specVersion = opts.specVersion ?? world.specVersion ?? SPEC_VERSION_SUPPORTS_EVENT_SOURCING;
+      const specVersion = opts.specVersion ?? world.specVersion;
       const v1Compat = isLegacySpecVersion(specVersion);
       const allowReservedAttributes = opts.allowReservedAttributes === true;
       let attributes;
@@ -138003,7 +138931,7 @@ async function fetchResourceWithCorrelationId(env2, resource, resourceId, option
 async function fetchSpanDetailResource(env2, selection2, options = {}) {
   const { resource, resourceId, runId } = selection2;
   const { encryptionKey } = options;
-  const hydrate = async (value) => encryptionKey ? hydrateResourceIOWithKey(value, encryptionKey) : hydrateResourceIO(value);
+  const hydrate = async (value) => hydrateResourceIOAsync(value, encryptionKey);
   if (resource === "hook") {
     const result = await unwrapOrThrow(fetchHook$1(env2, resourceId, "all"));
     return hydrate(result);
@@ -138018,11 +138946,8 @@ async function fetchSpanDetailResource(env2, selection2, options = {}) {
     const result = await unwrapOrThrow(
       fetchEvents$1(env2, runId, { sortOrder: "asc", limit: 1e3, withData: true })
     );
-    const allEvents = result.data.map(
-      hydrateResourceIO
-    );
     const waitEvents = await Promise.all(
-      allEvents.filter((e) => e.correlationId === resourceId).map(hydrate)
+      result.data.filter((e) => e.correlationId === resourceId).map(hydrate)
     );
     const data2 = waitEventsToWaitEntity(waitEvents);
     if (data2 === null) {
@@ -153505,14 +154430,8 @@ function useEventsListData(env2, runId, options = {}) {
   const encryptionKeyRef = reactExports.useRef(encryptionKey);
   encryptionKeyRef.current = encryptionKey;
   const hydrateEvents = reactExports.useCallback(async (rawEvents) => {
-    const hydrated = rawEvents.map(hydrateResourceIO);
     const key = encryptionKeyRef.current;
-    if (key) {
-      return Promise.all(
-        hydrated.map((ev) => hydrateResourceIOWithKey(ev, key))
-      );
-    }
-    return hydrated;
+    return Promise.all(rawEvents.map((ev) => hydrateResourceIOAsync(ev, key)));
   }, []);
   const fetchInitial = reactExports.useCallback(async () => {
     if (isFetchingRef.current) return;
@@ -153550,7 +154469,7 @@ function useEventsListData(env2, runId, options = {}) {
   reactExports.useEffect(() => {
     if (!encryptionKey || events2.length === 0) return;
     let cancelled = false;
-    Promise.all(events2.map((ev) => hydrateResourceIOWithKey(ev, encryptionKey))).then((decrypted) => {
+    Promise.all(events2.map((ev) => hydrateResourceIOAsync(ev, encryptionKey))).then((decrypted) => {
       if (!cancelled) setEvents(decrypted);
     }).catch(() => {
     });
@@ -153953,7 +154872,6 @@ function LiveStatus({ hasError, errorMessage }) {
 });
 function RunDetailView({
   runId,
-  // TODO: This should open the right sidebar within the trace viewer
   selectedId: _selectedId
 }) {
   var _a3;
@@ -154031,7 +154949,10 @@ function RunDetailView({
       if (error22) {
         throw error22;
       }
-      const fullEvent = encryptionKeyRef.current ? await hydrateResourceIOWithKey(result, encryptionKeyRef.current) : hydrateResourceIO(result);
+      const fullEvent = await hydrateResourceIOAsync(
+        result,
+        encryptionKeyRef.current ?? void 0
+      );
       if ("eventData" in fullEvent) {
         return fullEvent.eventData;
       }
@@ -154047,7 +154968,10 @@ function RunDetailView({
       if (error22) {
         throw error22;
       }
-      const fullEvent = encryptionKeyRef.current ? await hydrateResourceIOWithKey(result, encryptionKeyRef.current) : hydrateResourceIO(result);
+      const fullEvent = await hydrateResourceIOAsync(
+        result,
+        encryptionKeyRef.current ?? void 0
+      );
       if ("eventData" in fullEvent) {
         return fullEvent.eventData;
       }
@@ -154654,7 +155578,7 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-DOJDY_4b.js", "imports": ["/assets/index-BXZSIDEp.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": true, "module": "/assets/root-BsPxYsbK.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/mermaid-3ZIDBTTL-Cg-Mp5Kj.js"], "css": ["/assets/root-F_dqJDC7.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/home": { "id": "routes/home", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/home-BNApVOct.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-CcCwLmnF.js", "/assets/mermaid-3ZIDBTTL-Cg-Mp5Kj.js", "/assets/index-B6-SzLmT.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/run-detail": { "id": "routes/run-detail", "parentId": "root", "path": "run/:runId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/run-detail-sr7StYc6.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-CcCwLmnF.js", "/assets/mermaid-3ZIDBTTL-Cg-Mp5Kj.js", "/assets/encryption-g14N5vQl.js", "/assets/index-B6-SzLmT.js"], "css": ["/assets/run-detail-CWoGxu_0.css", "/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.rpc": { "id": "routes/api.rpc", "parentId": "root", "path": "api/rpc", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.rpc-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.stream.$streamId": { "id": "routes/api.stream.$streamId", "parentId": "root", "path": "api/stream/:streamId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.stream._streamId-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 } }, "url": "/assets/manifest-379f050f.js", "version": "379f050f", "sri": void 0 };
+const serverManifest = { "entry": { "module": "/assets/entry.client-DOJDY_4b.js", "imports": ["/assets/index-BXZSIDEp.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": true, "module": "/assets/root-CsCdj08f.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/mermaid-3ZIDBTTL-aixonSAh.js"], "css": ["/assets/root-BlaSucTH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/home": { "id": "routes/home", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/home-DQkixJk4.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-BlPvo_5I.js", "/assets/mermaid-3ZIDBTTL-aixonSAh.js", "/assets/index-ConSkUmc.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/run-detail": { "id": "routes/run-detail", "parentId": "root", "path": "run/:runId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/run-detail-CCsVqid_.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-BlPvo_5I.js", "/assets/mermaid-3ZIDBTTL-aixonSAh.js", "/assets/encryption-BQTnudEZ.js", "/assets/index-ConSkUmc.js"], "css": ["/assets/run-detail-CWoGxu_0.css", "/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.rpc": { "id": "routes/api.rpc", "parentId": "root", "path": "api/rpc", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.rpc-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.stream.$streamId": { "id": "routes/api.stream.$streamId", "parentId": "root", "path": "api/stream/:streamId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.stream._streamId-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 } }, "url": "/assets/manifest-ce6dd06d.js", "version": "ce6dd06d", "sri": void 0 };
 const assetsBuildDirectory = "build/client";
 const basename = "/";
 const future = { "unstable_optimizeDeps": false, "unstable_subResourceIntegrity": false, "unstable_trailingSlashAwareDataRequests": false, "unstable_previewServerPrerendering": false, "v8_middleware": false, "v8_splitRouteModules": false, "v8_viteEnvironmentApi": false };
@@ -154723,64 +155647,79 @@ const serverBuild = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   ssr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ks as $,
+  isLegacySpecVersion as $,
   ATTRIBUTE_KEY_MAX_LENGTH as A,
   BaseEventSchema as B,
-  getQueueTopicPrefix as C,
+  TERMINAL_WORKFLOW_RUN_STATUSES as C,
   DEFAULT_TIMESTAMP_THRESHOLD_FUTURE_MS as D,
   EVENT_DATA_REF_FIELDS as E,
-  isLegacySpecVersion as F,
-  parseQueueName as G,
+  TerminalRunEventTypeSchema as F,
+  TerminalStepStatusSchema as G,
   HookSchema as H,
-  reenqueueActiveRuns as I,
-  requiresNewerWorld as J,
-  resolveQueueNamespace as K,
+  TerminalWorkflowRunStatusSchema as I,
+  WaitStatusSchema as J,
+  WorkflowInvokePayloadSchema as K,
   LegacySerializedDataSchemaV1 as L,
   MessageId as M,
   Nt as N,
-  stripEventDataRefs as O,
+  WorkflowRunBaseSchema as O,
   PaginatedResponseSchema as P,
   QueuePayloadSchema as Q,
   RESERVED_ATTRIBUTE_KEY_PREFIX as R,
   SPEC_VERSION_CURRENT as S,
-  ulidToDate as T,
-  validateAttributeChanges as U,
+  TERMINAL_RUN_EVENT_TYPES as T,
+  WorkflowRunSchema as U,
   ValidQueueName as V,
   WaitSchema as W,
-  validateAttributeKey as X,
-  validateAttributeValue as Y,
-  validateUlidTimestamp as Z,
-  R as _,
+  WorkflowRunStatusSchema as X,
+  applyAttributeChanges as Y,
+  envNumber as Z,
+  getQueueTopicPrefix as _,
   ATTRIBUTE_MAX_PER_RUN as a,
-  jsxRuntimeExports as a0,
-  Qe as a1,
-  registerZstdDecoder as a2,
-  requireTokenUtil as a3,
-  requireTokenError as a4,
-  serverBuild as a5,
+  isTerminalRunEventType as a0,
+  isTerminalStepStatus as a1,
+  isTerminalWorkflowRunStatus as a2,
+  parseQueueName as a3,
+  reenqueueActiveRuns as a4,
+  requiresNewerWorld as a5,
+  resolveQueueNamespace as a6,
+  stripEventDataRefs as a7,
+  ulidToDate as a8,
+  validateAttributeChanges as a9,
+  validateAttributeKey as aa,
+  validateAttributeValue as ab,
+  validateUlidTimestamp as ac,
+  R as ad,
+  Ks as ae,
+  jsxRuntimeExports as af,
+  Qe as ag,
+  registerZstdDecoder as ah,
+  requireTokenUtil as ai,
+  requireTokenError as aj,
+  serverBuild as ak,
   ATTRIBUTE_VALUE_MAX_BYTES as b,
-  AttributeChangeSchema as c,
-  AttributeChangesSchema as d,
-  AttributeValidationError as e,
-  DEFAULT_TIMESTAMP_THRESHOLD_PAST_MS as f,
-  EventSchema as g,
-  EventTypeSchema as h,
-  HealthCheckPayloadSchema as i,
-  QueuePrefix as j,
-  RunInputSchema as k,
-  SPEC_VERSION_LEGACY as l,
-  SPEC_VERSION_SUPPORTS_ATTRIBUTES as m,
-  SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT as n,
-  SPEC_VERSION_SUPPORTS_COMPRESSION as o,
-  SPEC_VERSION_SUPPORTS_EVENT_SOURCING as p,
-  SerializedDataSchema as q,
-  StepInvokePayloadSchema as r,
-  StepSchema as s,
-  StepStatusSchema as t,
-  WaitStatusSchema as u,
-  WorkflowInvokePayloadSchema as v,
-  WorkflowRunBaseSchema as w,
-  WorkflowRunSchema as x,
-  WorkflowRunStatusSchema as y,
-  applyAttributeChanges as z
+  AnalyticsEventSchema as c,
+  AnalyticsHookSchema as d,
+  AnalyticsRunSchema as e,
+  AnalyticsStepSchema as f,
+  AnalyticsWaitSchema as g,
+  AttributeChangeSchema as h,
+  AttributeChangesSchema as i,
+  AttributeValidationError as j,
+  DEFAULT_TIMESTAMP_THRESHOLD_PAST_MS as k,
+  EventSchema as l,
+  EventTypeSchema as m,
+  HealthCheckPayloadSchema as n,
+  HookCreatedEventSchema as o,
+  QueuePrefix as p,
+  RunInputSchema as q,
+  SPEC_VERSION_LEGACY as r,
+  SPEC_VERSION_SUPPORTS_ATTRIBUTES as s,
+  SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT as t,
+  SPEC_VERSION_SUPPORTS_COMPRESSION as u,
+  SerializedDataSchema as v,
+  StepInvokePayloadSchema as w,
+  StepSchema as x,
+  StepStatusSchema as y,
+  TERMINAL_STEP_STATUSES as z
 };