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

package/build/client/assets/{mermaid-3ZIDBTTL-Cg-Mp5Kj.js → mermaid-3ZIDBTTL-aixonSAh.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-g14N5vQl.js","assets/index-B6-SzLmT.js","assets/index-BXZSIDEp.js","assets/zstd-browser-decoder-OOeWOMJw.js","assets/highlighted-body-B3W2YXNL-QrddlyZu.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-BQTnudEZ.js","assets/index-ConSkUmc.js","assets/index-BXZSIDEp.js","assets/zstd-browser-decoder-RyHgsNO3.js","assets/highlighted-body-B3W2YXNL-B-EF8R0t.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -6746,22 +6746,38 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$5 = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$3);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$5);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$2 = [
+const __iconNode$4 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$2);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$4);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$3);
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$2);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -10526,7 +10542,7 @@ async function hydrateDataWithKey(value, revivers, key) {
   let data = value;
   if (data instanceof Uint8Array && isEncryptedData(data) && key) {
     const { decrypt } = await __vitePreload(async () => {
-      const { decrypt: decrypt2 } = await import("./encryption-g14N5vQl.js");
+      const { decrypt: decrypt2 } = await import("./encryption-BQTnudEZ.js");
       return { decrypt: decrypt2 };
     }, true ? __vite__mapDeps([0,1,2]) : void 0);
     const { payload } = decodeFormatPrefix(data);
@@ -11451,7 +11467,7 @@ const string$3 = (params) => {
   return new RegExp(`^${regex}$`);
 };
 const integer = /^-?\d+$/;
-const number$3 = /^-?\d+(?:\.\d+)?$/;
+const number$4 = /^-?\d+(?:\.\d+)?$/;
 const boolean$3 = /^(?:true|false)$/i;
 const _null$2 = /^null$/i;
 const _undefined$2 = /^undefined$/i;
@@ -12293,7 +12309,7 @@ const $ZodJWT = /* @__PURE__ */ $constructor("$ZodJWT", (inst, def) => {
 });
 const $ZodNumber = /* @__PURE__ */ $constructor("$ZodNumber", (inst, def) => {
   $ZodType.init(inst, def);
-  inst._zod.pattern = inst._zod.bag.pattern ?? number$3;
+  inst._zod.pattern = inst._zod.bag.pattern ?? number$4;
   inst._zod.parse = (payload, _ctx) => {
     if (def.coerce)
       try {
@@ -12980,7 +12996,7 @@ const $ZodRecord = /* @__PURE__ */ $constructor("$ZodRecord", (inst, def) => {
         if (keyResult instanceof Promise) {
           throw new Error("Async schemas not supported in object keys currently");
         }
-        const checkNumericKey = typeof key === "string" && number$3.test(key) && keyResult.issues.length;
+        const checkNumericKey = typeof key === "string" && number$4.test(key) && keyResult.issues.length;
         if (checkNumericKey) {
           const retryResult = def.keyType._zod.run({ value: Number(key), issues: [] }, ctx);
           if (retryResult instanceof Promise) {
@@ -13686,6 +13702,15 @@ function _number(Class, params) {
   });
 }
 // @__NO_SIDE_EFFECTS__
+function _coercedNumber(Class, params) {
+  return new Class({
+    type: "number",
+    coerce: true,
+    checks: [],
+    ...normalizeParams(params)
+  });
+}
+// @__NO_SIDE_EFFECTS__
 function _int(Class, params) {
   return new Class({
     type: "number",
@@ -14976,7 +15001,7 @@ const ZodNumber = /* @__PURE__ */ $constructor("ZodNumber", (inst, def) => {
   inst.isFinite = true;
   inst.format = bag.format ?? null;
 });
-function number$2(params) {
+function number$3(params) {
   return /* @__PURE__ */ _number(ZodNumber, params);
 }
 const ZodNumberFormat = /* @__PURE__ */ $constructor("ZodNumberFormat", (inst, def) => {
@@ -15414,6 +15439,9 @@ function _instanceof(cls, params = {}) {
   };
   return inst;
 }
+function number$2(params) {
+  return /* @__PURE__ */ _coercedNumber(ZodNumber, params);
+}
 function date(params) {
   return /* @__PURE__ */ _coercedDate(ZodDate, params);
 }
@@ -15465,10 +15493,16 @@ const EventTypeSchema = _enum([
   "wait_created",
   "wait_completed"
 ]);
+const TerminalRunEventTypeSchema = EventTypeSchema.extract([
+  "run_completed",
+  "run_failed",
+  "run_cancelled"
+]);
+TerminalRunEventTypeSchema.options;
 const BaseEventSchema = object({
   eventType: EventTypeSchema,
   correlationId: string$2().optional(),
-  specVersion: number$2().optional()
+  specVersion: number$3().optional()
 });
 const StepCompletedEventSchema = BaseEventSchema.extend({
   eventType: literal("step_completed"),
@@ -15508,7 +15542,7 @@ const StepStartedEventSchema = BaseEventSchema.extend({
   correlationId: string$2(),
   eventData: object({
     stepName: string$2().optional(),
-    attempt: number$2().optional(),
+    attempt: number$3().optional(),
     // Carried on the lazy-start path (where `input` is present) so the
     // backend can build the payload ref key without re-reading the run.
     workflowName: string$2().optional(),
@@ -15582,7 +15616,7 @@ const AttributeWriterSchema = discriminatedUnion("type", [
   object({
     type: literal("step"),
     stepId: string$2(),
-    attempt: number$2()
+    attempt: number$3()
   })
 ]);
 const AttrSetEventSchema = BaseEventSchema.extend({
@@ -15689,78 +15723,8 @@ AllEventsSchema.and(object({
   eventId: string$2(),
   createdAt: date(),
   occurredAt: date().optional(),
-  specVersion: number$2().optional()
+  specVersion: number$3().optional()
 }));
-object({
-  runId: string$2(),
-  hookId: string$2(),
-  token: string$2(),
-  ownerId: string$2(),
-  projectId: string$2(),
-  environment: string$2(),
-  metadata: SerializedDataSchema.optional(),
-  createdAt: date(),
-  // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
-  specVersion: number$2().optional(),
-  isWebhook: boolean$2().optional(),
-  isSystem: boolean$2().optional()
-});
-string$2().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_$/, "Must match __wkf_{workflow|step}_ or __{namespace}_wkf_{workflow|step}_");
-string$2().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_.+$/, "Must be a valid queue name with a recognized prefix");
-string$2().regex(/^[a-z][a-z0-9]*$/, "Must be lowercase alphanumeric, starting with a letter");
-string$2().brand().describe("A stored queue message ID");
-const TraceCarrierSchema = record(string$2(), string$2());
-const RunInputSchema = object({
-  input: unknown$1(),
-  deploymentId: string$2(),
-  workflowName: string$2(),
-  specVersion: number$2(),
-  executionContext: record(string$2(), any()).optional(),
-  /** Initial plaintext run attributes, for resilient run creation. */
-  attributes: record(string$2(), string$2()).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({
-  runId: string$2(),
-  traceCarrier: TraceCarrierSchema.optional(),
-  requestedAt: date().optional(),
-  /** Consecutive replay divergences in this recovery chain and latest position. */
-  replayDivergence: object({
-    eventId: string$2(),
-    count: number$2().int().positive()
-  }).optional(),
-  /** Number of times this message has been re-enqueued due to server errors (5xx) */
-  serverErrorRetryCount: number$2().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$2().optional(),
-  /** Step name, sent alongside stepId to avoid loading the event log just to resolve the name. */
-  stepName: string$2().optional(),
-  /** Run creation data, only present on the first queue delivery from start() */
-  runInput: RunInputSchema.optional()
-});
-const StepInvokePayloadSchema = object({
-  workflowName: string$2(),
-  workflowRunId: string$2(),
-  workflowStartedAt: number$2(),
-  stepId: string$2(),
-  traceCarrier: TraceCarrierSchema.optional(),
-  requestedAt: date().optional()
-});
-const HealthCheckPayloadSchema = object({
-  __healthCheck: literal(true),
-  correlationId: string$2()
-});
-union([
-  WorkflowInvokePayloadSchema,
-  StepInvokePayloadSchema,
-  HealthCheckPayloadSchema
-]);
 const WorkflowRunStatusSchema = _enum([
   "pending",
   "running",
@@ -15768,6 +15732,12 @@ const WorkflowRunStatusSchema = _enum([
   "failed",
   "cancelled"
 ]);
+const TerminalWorkflowRunStatusSchema = WorkflowRunStatusSchema.extract([
+  "completed",
+  "failed",
+  "cancelled"
+]);
+TerminalWorkflowRunStatusSchema.options;
 const WorkflowRunBaseSchema = object({
   runId: string$2(),
   status: WorkflowRunStatusSchema,
@@ -15794,7 +15764,7 @@ const WorkflowRunBaseSchema = object({
    */
   workflowName: string$2(),
   // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
-  specVersion: number$2().optional(),
+  specVersion: number$3().optional(),
   executionContext: record(string$2(), any()).optional(),
   input: SerializedDataSchema.optional(),
   output: SerializedDataSchema.optional(),
@@ -15866,22 +15836,6 @@ discriminatedUnion("status", [
     completedAt: date()
   })
 ]);
-const zodJsonSchema = lazy(() => {
-  return union([
-    string$2(),
-    number$2(),
-    boolean$2(),
-    _null(),
-    array(zodJsonSchema),
-    record(string$2(), zodJsonSchema)
-  ]);
-});
-object({
-  message: string$2(),
-  stack: string$2().optional(),
-  code: string$2().optional()
-  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR, etc.) for run_failed events
-});
 const StepStatusSchema = _enum([
   "pending",
   "running",
@@ -15927,7 +15881,7 @@ object({
    * view the error without going through the decryption + hydration pipeline.
    */
   error: SerializedDataSchema.optional(),
-  attempt: number$2(),
+  attempt: number$3(),
   /**
    * When the step first started executing. Set by the first step_started event
    * and not updated on subsequent retries.
@@ -15938,9 +15892,14 @@ object({
   updatedAt: date(),
   retryAfter: date().optional(),
   // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
-  specVersion: number$2().optional()
+  specVersion: number$3().optional()
 });
-string$2().ulid();
+const TerminalStepStatusSchema = StepStatusSchema.extract([
+  "completed",
+  "failed",
+  "cancelled"
+]);
+TerminalStepStatusSchema.options;
 const WaitStatusSchema = _enum(["waiting", "completed"]);
 object({
   waitId: string$2(),
@@ -15950,8 +15909,194 @@ object({
   completedAt: date().optional(),
   createdAt: date(),
   updatedAt: date(),
-  specVersion: number$2().optional()
+  specVersion: number$3().optional()
+});
+const NullableDateSchema = date().nullable().optional();
+const NullableStringSchema = string$2().nullable().optional();
+const NullableBooleanSchema = boolean$2().nullable().optional();
+object({
+  runId: string$2(),
+  status: WorkflowRunStatusSchema,
+  deploymentId: string$2(),
+  workflowName: string$2(),
+  specVersion: number$2().optional(),
+  attributes: record(string$2(), string$2()).default({}),
+  createdAt: date(),
+  updatedAt: date(),
+  startedAt: NullableDateSchema,
+  completedAt: NullableDateSchema,
+  errorCode: NullableStringSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+object({
+  runId: string$2(),
+  stepId: string$2(),
+  stepName: NullableStringSchema,
+  status: StepStatusSchema,
+  attempt: number$3().optional(),
+  createdAt: date(),
+  updatedAt: date(),
+  startedAt: NullableDateSchema,
+  completedAt: NullableDateSchema,
+  retryAfter: NullableDateSchema,
+  errorCode: NullableStringSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+object({
+  runId: string$2(),
+  eventId: string$2(),
+  eventType: EventTypeSchema,
+  correlationId: NullableStringSchema,
+  entityId: NullableStringSchema,
+  stepName: NullableStringSchema,
+  workflowName: string$2(),
+  deploymentId: string$2(),
+  specVersion: number$2().optional(),
+  runCreatedAt: date(),
+  createdAt: date(),
+  region: NullableStringSchema,
+  vercelId: NullableStringSchema,
+  requestId: NullableStringSchema,
+  resumeAt: NullableDateSchema,
+  retryAfter: NullableDateSchema,
+  errorCode: NullableStringSchema,
+  workflowCoreVersion: NullableStringSchema,
+  isWebhook: NullableBooleanSchema,
+  isSystem: NullableBooleanSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+object({
+  runId: string$2(),
+  hookId: string$2(),
+  status: _enum(["created", "received", "disposed", "conflict"]),
+  createdAt: date(),
+  updatedAt: date(),
+  receivedAt: NullableDateSchema,
+  disposedAt: NullableDateSchema,
+  isWebhook: NullableBooleanSchema,
+  isSystem: NullableBooleanSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
 });
+object({
+  runId: string$2(),
+  waitId: string$2(),
+  status: WaitStatusSchema,
+  resumeAt: NullableDateSchema,
+  createdAt: date(),
+  updatedAt: date(),
+  completedAt: NullableDateSchema,
+  workflowCoreVersion: NullableStringSchema,
+  workflowEncryptionEnabled: NullableBooleanSchema
+});
+object({
+  runId: string$2(),
+  hookId: string$2(),
+  token: string$2(),
+  ownerId: string$2(),
+  projectId: string$2(),
+  environment: string$2(),
+  metadata: SerializedDataSchema.optional(),
+  createdAt: date(),
+  // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
+  specVersion: number$3().optional(),
+  isWebhook: boolean$2().optional(),
+  isSystem: boolean$2().optional()
+});
+string$2().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_$/, "Must match __wkf_{workflow|step}_ or __{namespace}_wkf_{workflow|step}_");
+string$2().regex(/^__(?:[a-z][a-z0-9]*_)?wkf_(?:workflow|step)_.+$/, "Must be a valid queue name with a recognized prefix");
+string$2().regex(/^[a-z][a-z0-9]*$/, "Must be lowercase alphanumeric, starting with a letter");
+string$2().brand().describe("A stored queue message ID");
+const TraceCarrierSchema = record(string$2(), string$2());
+const RunInputSchema = object({
+  input: unknown$1(),
+  deploymentId: string$2(),
+  workflowName: string$2(),
+  specVersion: number$3(),
+  executionContext: record(string$2(), any()).optional(),
+  /** Initial plaintext run attributes, for resilient run creation. */
+  attributes: record(string$2(), string$2()).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({
+  runId: string$2(),
+  traceCarrier: TraceCarrierSchema.optional(),
+  requestedAt: date().optional(),
+  /** Consecutive replay divergences in this recovery chain and latest position. */
+  replayDivergence: object({
+    eventId: string$2(),
+    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$2().optional(),
+  /** Step name, sent alongside stepId to avoid loading the event log just to resolve the name. */
+  stepName: string$2().optional(),
+  /** Run creation data, only present on the first queue delivery from start() */
+  runInput: RunInputSchema.optional()
+});
+const StepInvokePayloadSchema = object({
+  workflowName: string$2(),
+  workflowRunId: string$2(),
+  workflowStartedAt: number$3(),
+  stepId: string$2(),
+  traceCarrier: TraceCarrierSchema.optional(),
+  requestedAt: date().optional()
+});
+const HealthCheckPayloadSchema = object({
+  __healthCheck: literal(true),
+  correlationId: string$2()
+});
+union([
+  WorkflowInvokePayloadSchema,
+  StepInvokePayloadSchema,
+  HealthCheckPayloadSchema
+]);
+const zodJsonSchema = lazy(() => {
+  return union([
+    string$2(),
+    number$3(),
+    boolean$2(),
+    _null(),
+    array(zodJsonSchema),
+    record(string$2(), zodJsonSchema)
+  ]);
+});
+object({
+  currentLookbackDays: number$3(),
+  maxLookbackDays: number$3(),
+  currentWindowStart: date(),
+  maxWindowStart: date(),
+  upgradeAvailable: boolean$2()
+});
+object({
+  message: string$2(),
+  stack: string$2().optional(),
+  code: string$2().optional()
+  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR, etc.) for run_failed events
+});
+string$2().ulid();
+const V4_EXTRA_EVENT_DATA_REF_FIELDS = {
+  run_started: ["input"],
+  step_started: ["input"]
+};
+function getEventDataRefFields(eventType) {
+  return [
+    .../* @__PURE__ */ new Set([
+      ...EVENT_DATA_REF_FIELDS[eventType] ?? [],
+      ...V4_EXTRA_EVENT_DATA_REF_FIELDS[eventType] ?? []
+    ])
+  ];
+}
 function base64ToArrayBuffer(base642) {
   if (base642 === "" || base642 === ".") {
     return new ArrayBuffer(0);
@@ -16213,7 +16358,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) {
@@ -16224,29 +16369,28 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
   }
   return result;
 }
-async function hydrateResourceIOWithKey(resource, key) {
+async function hydrateResourceIOAsync(resource, key) {
   const { hydrateDataWithKey: hydrateDataWithKey2 } = await __vitePreload(async () => {
     const { hydrateDataWithKey: hydrateDataWithKey3 } = await Promise.resolve().then(() => serializationFormat);
     return { hydrateDataWithKey: hydrateDataWithKey3 };
   }, true ? void 0 : void 0);
-  const { importKey } = await __vitePreload(async () => {
-    const { importKey: importKey2 } = await import("./encryption-g14N5vQl.js");
-    return { importKey: importKey2 };
-  }, true ? __vite__mapDeps([0,1,2]) : void 0);
   const { ensureZstdDecoderRegistered } = await __vitePreload(async () => {
-    const { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 } = await import("./zstd-browser-decoder-OOeWOMJw.js");
+    const { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 } = await import("./zstd-browser-decoder-RyHgsNO3.js");
     return { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 };
   }, true ? __vite__mapDeps([3,2]) : void 0);
   ensureZstdDecoderRegistered();
-  const cryptoKey = await importKey(key);
+  const cryptoKey = key ? await __vitePreload(async () => {
+    const { importKey } = await import("./encryption-BQTnudEZ.js");
+    return { importKey };
+  }, true ? __vite__mapDeps([0,1,2]) : void 0).then(({ importKey }) => importKey(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;
   }
@@ -16254,21 +16398,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")
@@ -16280,7 +16424,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]))
@@ -17512,6 +17656,47 @@ 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);
 };
+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",
@@ -17969,14 +18154,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)) {
@@ -43762,7 +43940,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et = ({ className: e, language: t, style: o, isIncomplete: n, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot = ({ language: e }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e }) });
-var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-QrddlyZu.js"), true ? __vite__mapDeps([4,2]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
+var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-B-EF8R0t.js"), true ? __vite__mapDeps([4,2]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
   let i = reactExports.useMemo(() => e.replace(cn$1, ""), [e]), c = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i]);
   return jsxRuntimeExports.jsx(Se.Provider, { value: { code: e }, children: jsxRuntimeExports.jsxs(et, { isIncomplete: s2, language: t, children: [jsxRuntimeExports.jsx(ot, { language: t }), n ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe, { className: o, language: t, result: c, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o, code: i, language: t, raw: c, ...r2 }) })] }) });
@@ -45834,6 +46012,50 @@ const Tooltip$1 = Root3;
 const TooltipTrigger$1 = Trigger;
 const TooltipContent$1 = reactExports.forwardRef(({ className, sideOffset = 8, showArrow = true, children: children2, ...props }, ref) => jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsxs(Content2, { 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, { width: 11, height: 5, className: "fill-gray-1000" }) : null] }) }));
 TooltipContent$1.displayName = Content2.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 ATTR_FILTER_REGEX = /(?:^|\s)(?<pair>(?<key>[\w.]+):(?<value>\S*))/g;
 function parseSpanSearchQuery(rawQuery) {
   var _a3, _b2, _c;
@@ -46608,49 +46830,6 @@ function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, se
     Math.abs(marker2.value) > 1e-6 ? jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-300", style: { left: `${marker2.position * 100}%` } }, String(marker2.value)) : null
   )) }), hoverFraction != null && jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 pointer-events-none z-10", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-500", style: { left: `${hoverFraction * 100}%` } }) }), jsxRuntimeExports.jsx("div", { style: { transform: `translateY(${start * ROW_HEIGHT_PX}px)` }, children: spans.slice(start, end).map((span) => jsxRuntimeExports.jsx(TimelineBar, { span, viewStart, viewDuration, containerWidth: timelineWidth, isSelected: selectedId === span.spanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelect, onRevealTime }, span.spanId)) }), altHeld && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: gaps.map((gap) => jsxRuntimeExports.jsx(DeltaIndicator, { leftFrac: gap.leftFrac, rightFrac: gap.rightFrac, label: formatDuration(gap.gapMs, true), rowIndex: gap.rowIndex }, gap.rowIndex)) })] });
 }
-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 DEFAULT_PAGE_SIZE = 10;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -49050,106 +49229,112 @@ const mermaid3ZIDBTTL = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.def
   Mermaid: Nt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  RESERVED_ATTRIBUTE_KEY_PREFIX as $,
+  Spinner as $,
   Anchor as A,
   Button as B,
-  Content as C,
+  ChevronRight as C,
   DEFAULT_PAGE_SIZE as D,
-  Root2 as E,
-  Arrow as F,
-  useComposedRefs as G,
-  fetchRun as H,
-  cva as I,
-  Presence as J,
+  useControllableState as E,
+  Root2 as F,
+  Arrow as G,
+  ChevronDown as H,
+  useComposedRefs as I,
+  fetchRun as J,
   Ks as K,
   LoaderCircle as L,
-  createContext2 as M,
-  fetchWorkflowsManifest as N,
-  cn$4 as O,
+  cva as M,
+  Presence as N,
+  createContext2 as O,
   Primitive as P,
   Qe as Q,
   R,
   ServerConfigProvider as S,
   Tooltip as T,
-  DataInspector as U,
+  fetchWorkflowsManifest as U,
   VISUALLY_HIDDEN_STYLES as V,
-  DecryptClickContext as W,
-  Button$1 as X,
-  Spinner as Y,
-  Lock as Z,
+  cn$4 as W,
+  DataInspector as X,
+  DecryptClickContext as Y,
+  Button$1 as Z,
   __vitePreload as _,
   TooltipTrigger as a,
-  hide as a$,
-  ContextCardProvider as a0,
-  Skeleton$1 as a1,
-  Yr as a2,
-  isEncryptedMarker$1 as a3,
-  TimestampTooltip as a4,
-  formatDuration as a5,
-  _r as a6,
-  RunClickContext as a7,
-  StreamClickContext as a8,
-  isExpiredMarker as a9,
-  TooltipTrigger$1 as aA,
-  TooltipContent$1 as aB,
-  SidebarDataProvider as aC,
-  fetchHook as aD,
-  hydrateResourceIO as aE,
-  hydrateResourceIOWithKey as aF,
-  fetchStep as aG,
-  fetchStreams as aH,
-  Slot as aI,
-  Slottable as aJ,
-  buttonVariants as aK,
-  fetchEvent as aL,
-  fetchEventsByCorrelationId as aM,
-  isEncryptedData as aN,
-  hydrateData as aO,
-  getWebRevivers as aP,
-  LIVE_UPDATE_INTERVAL_MS as aQ,
-  getEncryptionKeyForRun as aR,
-  StreamViewer as aS,
-  composeRefs as aT,
-  useFloating as aU,
-  offset as aV,
-  shift as aW,
-  limitShift as aX,
-  flip as aY,
-  size as aZ,
-  arrow as a_,
-  isDoStreamStep as aa,
-  extractConversation as ab,
-  hasEncryptedFields as ac,
-  EVENT_DATA_REF_FIELDS as ad,
-  useSidebarDataOptional as ae,
-  clsx as af,
-  useRowWindow as ag,
-  isSpanDimmedBySearch as ah,
-  ROW_HEIGHT_PX as ai,
-  getSpanDurationMs as aj,
-  formatDurationPrecise as ak,
-  TooltipProvider as al,
-  ActiveSpanProvider as am,
-  useActiveSpan as an,
-  useSidebarData as ao,
-  useReducedMotion as ap,
-  searchSpans as aq,
-  computeRootBounds as ar,
-  computeTimeMarkers as as,
-  getHighResInMs as at,
-  scrollRowIntoView as au,
-  TIMELINE_PADDING_PX as av,
-  Timeline as aw,
-  TimelineHeader as ax,
-  IconButton as ay,
-  Tooltip$1 as az,
+  offset as a$,
+  Lock as a0,
+  CollapsibleRoot as a1,
+  CollapsibleTrigger as a2,
+  CollapsibleContent as a3,
+  RESERVED_ATTRIBUTE_KEY_PREFIX as a4,
+  ContextCardProvider as a5,
+  Skeleton$1 as a6,
+  Yr as a7,
+  isEncryptedMarker$1 as a8,
+  TimestampTooltip as a9,
+  searchSpans as aA,
+  computeRootBounds as aB,
+  computeTimeMarkers as aC,
+  getHighResInMs as aD,
+  scrollRowIntoView as aE,
+  TIMELINE_PADDING_PX as aF,
+  Timeline as aG,
+  TimelineHeader as aH,
+  SidebarDataProvider as aI,
+  fetchHook as aJ,
+  hydrateResourceIOAsync as aK,
+  fetchStep as aL,
+  hydrateResourceIO as aM,
+  fetchStreams as aN,
+  Slot as aO,
+  Slottable as aP,
+  buttonVariants as aQ,
+  fetchEvent as aR,
+  fetchEventsByCorrelationId as aS,
+  isEncryptedData as aT,
+  hydrateData as aU,
+  getWebRevivers as aV,
+  LIVE_UPDATE_INTERVAL_MS as aW,
+  getEncryptionKeyForRun as aX,
+  StreamViewer as aY,
+  composeRefs as aZ,
+  useFloating as a_,
+  formatDuration as aa,
+  _r as ab,
+  RunClickContext as ac,
+  StreamClickContext as ad,
+  Collapsible as ae,
+  isExpiredMarker as af,
+  isDoStreamStep as ag,
+  extractConversation as ah,
+  hasEncryptedFields as ai,
+  getEventDataRefFields as aj,
+  useSidebarDataOptional as ak,
+  clsx as al,
+  useActiveSpan as am,
+  useSidebarData as an,
+  Tooltip$1 as ao,
+  TooltipTrigger$1 as ap,
+  IconButton as aq,
+  TooltipContent$1 as ar,
+  useRowWindow as as,
+  isSpanDimmedBySearch as at,
+  ROW_HEIGHT_PX as au,
+  getSpanDurationMs as av,
+  formatDurationPrecise as aw,
+  TooltipProvider as ax,
+  ActiveSpanProvider as ay,
+  useReducedMotion as az,
   TooltipContent as b,
-  autoUpdate as b0,
-  cancelRun as b1,
-  reenqueueRun as b2,
-  wakeUpRun as b3,
-  resumeHook as b4,
-  recreateRun as b5,
+  shift as b0,
+  limitShift as b1,
+  flip as b2,
+  size as b3,
+  arrow as b4,
+  hide as b5,
+  autoUpdate as b6,
+  cancelRun as b7,
+  reenqueueRun as b8,
+  wakeUpRun as b9,
+  resumeHook as ba,
+  recreateRun as bb,
   createLucideIcon as c,
   runHealthCheck as d,
   cn as e,
@@ -49173,5 +49358,5 @@ export {
   DismissableLayer as w,
   createContextScope as x,
   createSlot as y,
-  useControllableState as z
+  Content as z
 };