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

package/build/client/assets/{mermaid-3ZIDBTTL-Cg-Mp5Kj.js → mermaid-3ZIDBTTL-QcES6x1o.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-BigjGoI1.js","assets/highlighted-body-B3W2YXNL-CQ-a-eYE.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-BigjGoI1.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]))
@@ -17378,26 +17522,26 @@ const ToastContext = reactExports.createContext(defaultAdapter);
 function useToast() {
   return reactExports.useContext(ToastContext);
 }
-const MS_IN_SECOND = 1e3;
-const MS_IN_MINUTE = 60 * MS_IN_SECOND;
+const MS_IN_SECOND$1 = 1e3;
+const MS_IN_MINUTE = 60 * MS_IN_SECOND$1;
 const MS_IN_HOUR = 60 * MS_IN_MINUTE;
 const MS_IN_DAY = 24 * MS_IN_HOUR;
 function formatDuration(ms, compact = false) {
   if (ms === 0) {
     return "0s";
   }
-  if (ms < MS_IN_SECOND) {
+  if (ms < MS_IN_SECOND$1) {
     const roundedMs2 = Math.round(ms);
-    return roundedMs2 < MS_IN_SECOND ? `${roundedMs2}ms` : "1s";
+    return roundedMs2 < MS_IN_SECOND$1 ? `${roundedMs2}ms` : "1s";
   }
-  const roundedMs = Math.round(ms / MS_IN_SECOND) * MS_IN_SECOND;
+  const roundedMs = Math.round(ms / MS_IN_SECOND$1) * MS_IN_SECOND$1;
   if (roundedMs < MS_IN_MINUTE) {
-    return `${Math.floor(roundedMs / MS_IN_SECOND)}s`;
+    return `${Math.floor(roundedMs / MS_IN_SECOND$1)}s`;
   }
   if (compact) {
     if (roundedMs < MS_IN_HOUR) {
       const m3 = Math.floor(roundedMs / MS_IN_MINUTE);
-      const s2 = Math.floor(roundedMs % MS_IN_MINUTE / MS_IN_SECOND);
+      const s2 = Math.floor(roundedMs % MS_IN_MINUTE / MS_IN_SECOND$1);
       return s2 > 0 ? `${m3}m ${s2}s` : `${m3}m`;
     }
     const h2 = Math.floor(roundedMs / MS_IN_HOUR);
@@ -17407,7 +17551,7 @@ function formatDuration(ms, compact = false) {
   const days = Math.floor(roundedMs / MS_IN_DAY);
   const hours = Math.floor(roundedMs % MS_IN_DAY / MS_IN_HOUR);
   const minutes = Math.floor(roundedMs % MS_IN_HOUR / MS_IN_MINUTE);
-  const seconds = Math.floor(roundedMs % MS_IN_MINUTE / MS_IN_SECOND);
+  const seconds = Math.floor(roundedMs % MS_IN_MINUTE / MS_IN_SECOND$1);
   const parts = [];
   if (days > 0) {
     parts.push(`${days}d`);
@@ -17421,28 +17565,25 @@ function formatDuration(ms, compact = false) {
   parts.push(`${seconds}s`);
   return parts.join(" ");
 }
-const preciseSecondsFormatter = new Intl.NumberFormat(void 0, {
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2
-});
-function formatDurationPrecise(ms) {
+function formatDurationPrecise(ms, fractionDigits = 2) {
   if (ms === 0) {
     return "0s";
   }
-  if (ms < MS_IN_SECOND) {
+  if (ms < MS_IN_SECOND$1) {
     const roundedMs = Math.round(ms);
-    if (roundedMs < MS_IN_SECOND) {
+    if (roundedMs < MS_IN_SECOND$1) {
       return `${roundedMs}ms`;
     }
   }
-  const normalizedMs = Math.round(ms / 10) * 10;
+  const granularityMs = MS_IN_SECOND$1 / 10 ** fractionDigits;
+  const normalizedMs = Math.round(ms / granularityMs) * granularityMs;
   if (normalizedMs < MS_IN_MINUTE) {
-    return `${preciseSecondsFormatter.format(normalizedMs / MS_IN_SECOND)}s`;
+    return `${Number((normalizedMs / MS_IN_SECOND$1).toFixed(fractionDigits))}s`;
   }
   const days = Math.floor(normalizedMs / MS_IN_DAY);
   const hours = Math.floor(normalizedMs % MS_IN_DAY / MS_IN_HOUR);
   const minutes = Math.floor(normalizedMs % MS_IN_HOUR / MS_IN_MINUTE);
-  const seconds = normalizedMs % MS_IN_MINUTE / MS_IN_SECOND;
+  const seconds = normalizedMs % MS_IN_MINUTE / MS_IN_SECOND$1;
   const parts = [];
   if (days > 0) {
     parts.push(`${days}d`);
@@ -17453,7 +17594,7 @@ function formatDurationPrecise(ms) {
   if (minutes > 0) {
     parts.push(`${minutes}m`);
   }
-  parts.push(`${preciseSecondsFormatter.format(seconds)}s`);
+  parts.push(`${Number(seconds.toFixed(fractionDigits))}s`);
   return parts.join(" ");
 }
 function isDoStreamStep(stepName) {
@@ -17512,6 +17653,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 +18151,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 +43937,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-CQ-a-eYE.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 +46009,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;
@@ -45976,6 +46195,26 @@ function computeRootBounds(spans) {
 function getSpanDurationMs(span) {
   return Math.max(0, getHighResInMs(span.endTime) - getHighResInMs(span.startTime));
 }
+function isSpanErrored(span) {
+  var _a3;
+  const workflowStatus = (_a3 = span.attributes.data) == null ? void 0 : _a3.status;
+  return span.status.code === 2 || workflowStatus === "failed";
+}
+function clampViewportToRoot(next2, rootStart, rootEnd, minDurationMs) {
+  const rootDuration = Math.max(rootEnd - rootStart, minDurationMs);
+  const duration2 = Math.min(rootDuration, Math.max(minDurationMs, next2.end - next2.start));
+  const maxStart = rootEnd - duration2;
+  const start = Math.min(Math.max(next2.start, rootStart), maxStart);
+  return { start, end: start + duration2 };
+}
+function wheelDeltaToPixels(delta, deltaMode) {
+  return deltaMode === 1 ? delta * 16 : delta;
+}
+function wheelZoomScaleFactor(event) {
+  const dy = wheelDeltaToPixels(event.deltaY, event.deltaMode);
+  const isMouseWheel = event.deltaMode === 1 || Math.abs(event.deltaY) >= 50;
+  return 2 ** (dy / (isMouseWheel ? 200 : 60));
+}
 const NICE_INTERVALS = [
   1,
   2,
@@ -46009,6 +46248,7 @@ const NICE_INTERVALS = [
   5e9
 ];
 const MAX_MARKERS = 8;
+const MS_IN_SECOND = 1e3;
 function pickInterval(viewDuration, maxTicks) {
   for (const interval of NICE_INTERVALS) {
     if (viewDuration / interval <= maxTicks)
@@ -46021,6 +46261,7 @@ function computeTimeMarkers(viewDuration, offset2) {
     return [];
   const maxTicks = 6;
   const interval = pickInterval(viewDuration, maxTicks);
+  const fractionDigits = interval >= MS_IN_SECOND ? 0 : Math.ceil(-Math.log10(interval / MS_IN_SECOND));
   const firstTick = Math.ceil(offset2 / interval) * interval;
   const markers2 = [];
   for (let t = firstTick; t <= offset2 + viewDuration; t += interval) {
@@ -46029,7 +46270,7 @@ function computeTimeMarkers(viewDuration, offset2) {
       continue;
     markers2.push({
       position: Math.min(Math.max(position2, 0), 1),
-      label: formatDuration(Math.abs(t), true),
+      label: fractionDigits === 0 ? formatDuration(Math.abs(t), true) : formatDurationPrecise(Math.abs(t), fractionDigits),
       value: t
     });
     if (markers2.length >= MAX_MARKERS)
@@ -46545,7 +46786,6 @@ function SegmentBar({ segments, showLabels = true }) {
   }) });
 }
 const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, viewDuration, containerWidth, isSelected, isDimmed, onSelect, onRevealTime }) {
-  var _a3;
   const startMs = getHighResInMs(span.startTime);
   const endMs = getHighResInMs(span.endTime);
   const totalDurationMs = getSpanDurationMs(span);
@@ -46556,8 +46796,7 @@ const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, v
   const markers2 = reactExports.useMemo(() => geometry.mode.kind === "full" ? cullCollidingMarkers(projectMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs), geometry.visiblePixelWidth) : [], [geometry, baseMarkers]);
   const offscreen = reactExports.useMemo(() => geometry.mode.kind === "full" ? computeOffscreenMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs) : { left: null, right: null }, [geometry, baseMarkers]);
   const hasMarkers = markers2.length > 0 || offscreen.left !== null || offscreen.right !== null;
-  const workflowStatus = (_a3 = span.attributes.data) == null ? void 0 : _a3.status;
-  const isErrored = span.status.code === 2 || workflowStatus === "failed";
+  const isErrored = isSpanErrored(span);
   const colors = getResourceColor(span.resource);
   const fallbackBg = isErrored ? colors.errorBg ?? "var(--ds-red-200)" : colors.bg;
   const fallbackBorder = isErrored ? colors.errorBorder ?? "var(--ds-red-500)" : colors.border;
@@ -46606,51 +46845,285 @@ function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, se
   return jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative h-full overflow-hidden", style: { minHeight: spans.length * ROW_HEIGHT_PX }, children: [jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: markers2.map((marker2) => (
     // Skip the "0s" origin marker since the left edge already implies it.
     Math.abs(marker2.value) > 1e-6 ? jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-300", style: { left: `${marker2.position * 100}%` } }, String(marker2.value)) : null
-  )) }), 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)) })] });
+  )) }), 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: formatDurationPrecise(gap.gapMs), rowIndex: gap.rowIndex }, gap.rowIndex)) })] });
+}
+const CANVAS_PAD_Y_PX = 6;
+const MIN_LINE_HEIGHT_PX = 1.5;
+const MAX_LINE_HEIGHT_PX = 3;
+const MIN_LINE_WIDTH_PX = 2;
+const CLICK_DRAG_THRESHOLD_PX = 3;
+const MIN_BRUSH_WIDTH_PX = 6;
+const KEYBOARD_PAN_FRACTION = 0.1;
+const RESOURCE_LINE_TOKENS = {
+  run: "--ds-blue-400",
+  step: "--ds-green-400",
+  hook: "--ds-gray-400",
+  sleep: "--ds-gray-400"
+};
+const DEFAULT_LINE_TOKEN = "--ds-gray-400";
+const ERROR_LINE_TOKEN = "--ds-red-400";
+function computeDensityLayout(spans, rootStartMs, rootDurationMs, contentWidth, contentHeight) {
+  const count2 = spans.length;
+  const lineHeight = Math.max(MIN_LINE_HEIGHT_PX, Math.min(MAX_LINE_HEIGHT_PX, contentHeight / count2));
+  const rowStep = count2 > 1 ? Math.min((contentHeight - lineHeight) / (count2 - 1), lineHeight + 1) : 0;
+  const rectsByToken = /* @__PURE__ */ new Map();
+  spans.forEach((span, index2) => {
+    const token = isSpanErrored(span) ? ERROR_LINE_TOKEN : RESOURCE_LINE_TOKENS[span.resource] ?? DEFAULT_LINE_TOKEN;
+    const startMs = getHighResInMs(span.startTime);
+    const endMs = getHighResInMs(span.endTime);
+    const x2 = TIMELINE_PADDING_PX + (startMs - rootStartMs) / rootDurationMs * contentWidth;
+    const w2 = Math.max(MIN_LINE_WIDTH_PX, (endMs - startMs) / rootDurationMs * contentWidth);
+    const y2 = CANVAS_PAD_Y_PX + index2 * rowStep;
+    const rects = rectsByToken.get(token) ?? [];
+    rects.push([x2, y2, w2]);
+    rectsByToken.set(token, rects);
+  });
+  return { lineHeight, rectsByToken };
 }
-const ActiveSpanContext = reactExports.createContext(null);
-ActiveSpanContext.displayName = "ActiveSpanContext";
-function ActiveSpanProvider({ spans, children: children2 }) {
-  const [activeSpanId, setActiveSpanId] = reactExports.useState(null);
+function useDpr() {
+  const [dpr, setDpr] = reactExports.useState(1);
+  reactExports.useLayoutEffect(() => {
+    const onChange = () => setDpr(window.devicePixelRatio || 1);
+    const media = matchMedia(`(resolution: ${dpr}dppx)`);
+    media.addEventListener("change", onChange);
+    onChange();
+    return () => media.removeEventListener("change", onChange);
+  }, [dpr]);
+  return dpr;
+}
+function useThemeVersion() {
+  const [version2, setVersion] = reactExports.useState(0);
   reactExports.useEffect(() => {
-    setActiveSpanId((currentSpanId) => {
-      if (!currentSpanId) {
-        return null;
+    const observer = new MutationObserver(() => setVersion((v2) => v2 + 1));
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme", "style"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return version2;
+}
+const Minimap = reactExports.memo(function Minimap2({ spans, root: root2, viewport, minViewportMs, onViewportChange, onAnimateTo }) {
+  const { startTime: rootStartMs, endTime: rootEndMs, duration: rootDurationMs } = root2;
+  const containerRef = reactExports.useRef(null);
+  const canvasRef = reactExports.useRef(null);
+  const dpr = useDpr();
+  const themeVersion = useThemeVersion();
+  const viewportRef = reactExports.useRef(viewport);
+  viewportRef.current = viewport;
+  const [drag, setDrag] = reactExports.useState(null);
+  const [selection, setSelection] = reactExports.useState(null);
+  const xToTime = reactExports.useCallback((x2, contentWidth) => {
+    if (contentWidth <= 0)
+      return rootStartMs;
+    const fraction = (x2 - TIMELINE_PADDING_PX) / contentWidth;
+    return Math.min(Math.max(rootStartMs + fraction * rootDurationMs, rootStartMs), rootEndMs);
+  }, [rootStartMs, rootDurationMs, rootEndMs]);
+  const clamp2 = reactExports.useCallback((next2) => clampViewportToRoot(next2, rootStartMs, rootEndMs, minViewportMs), [rootStartMs, rootEndMs, minViewportMs]);
+  reactExports.useLayoutEffect(() => {
+    const canvas = canvasRef.current;
+    const container = containerRef.current;
+    const ctx = canvas == null ? void 0 : canvas.getContext("2d");
+    if (!canvas || !container || !ctx)
+      return;
+    const draw = () => {
+      const width = canvas.clientWidth;
+      const height = canvas.clientHeight;
+      const contentWidth = width - TIMELINE_PADDING_PX * 2;
+      if (width <= 0 || height <= 0 || contentWidth <= 0)
+        return;
+      canvas.width = Math.round(width * dpr);
+      canvas.height = Math.round(height * dpr);
+      ctx.scale(dpr, dpr);
+      ctx.clearRect(0, 0, width, height);
+      if (spans.length === 0 || rootDurationMs <= 0)
+        return;
+      const { lineHeight, rectsByToken } = computeDensityLayout(spans, rootStartMs, rootDurationMs, contentWidth, height - CANVAS_PAD_Y_PX * 2);
+      const style2 = getComputedStyle(container);
+      const drawToken = (token) => {
+        const rects = rectsByToken.get(token);
+        if (!rects)
+          return;
+        ctx.fillStyle = style2.getPropertyValue(token).trim() || "rgb(160,160,160)";
+        ctx.beginPath();
+        for (const [x2, y2, w2] of rects) {
+          ctx.roundRect(x2, y2, w2, lineHeight, lineHeight / 2);
+        }
+        ctx.fill();
+      };
+      for (const token of rectsByToken.keys()) {
+        if (token !== ERROR_LINE_TOKEN)
+          drawToken(token);
       }
-      const hasCurrentSpan = spans.some((span) => span.spanId === currentSpanId);
-      if (hasCurrentSpan) {
-        return currentSpanId;
+      drawToken(ERROR_LINE_TOKEN);
+    };
+    draw();
+    const observer = new ResizeObserver(draw);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [spans, rootStartMs, rootDurationMs, dpr, themeVersion]);
+  const pointerFrame = reactExports.useCallback((e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    return {
+      x: e.clientX - rect.left,
+      cw: rect.width - TIMELINE_PADDING_PX * 2
+    };
+  }, []);
+  const resolveDragState = reactExports.useCallback((target2, x2, cw) => {
+    if (target2.closest('[data-minimap-handle="left"]')) {
+      return { mode: "resize-left" };
+    }
+    if (target2.closest('[data-minimap-handle="right"]')) {
+      return { mode: "resize-right" };
+    }
+    const { start, end } = viewportRef.current;
+    const isFullExtent = start - rootStartMs < rootDurationMs * 1e-3 && rootEndMs - end < rootDurationMs * 1e-3;
+    if (target2.closest("[data-minimap-brush]") && !isFullExtent) {
+      return { mode: "pan", grabOffsetMs: xToTime(x2, cw) - start };
+    }
+    return { mode: "select", originX: x2, originMs: xToTime(x2, cw) };
+  }, [xToTime, rootStartMs, rootDurationMs, rootEndMs]);
+  const handlePointerDown = reactExports.useCallback((e) => {
+    if (e.button !== 0)
+      return;
+    const { x: x2, cw } = pointerFrame(e);
+    if (cw <= 0)
+      return;
+    e.currentTarget.setPointerCapture(e.pointerId);
+    setDrag(resolveDragState(e.target, x2, cw));
+  }, [pointerFrame, resolveDragState]);
+  const handlePointerMove = reactExports.useCallback((e) => {
+    if (!drag)
+      return;
+    const { x: x2, cw } = pointerFrame(e);
+    const t = xToTime(x2, cw);
+    const { start, end } = viewportRef.current;
+    if (drag.mode === "pan") {
+      const duration2 = end - start;
+      onViewportChange(clamp2({
+        start: t - drag.grabOffsetMs,
+        end: t - drag.grabOffsetMs + duration2
+      }));
+    } else if (drag.mode === "resize-left") {
+      onViewportChange({ start: Math.min(t, end - minViewportMs), end });
+    } else if (drag.mode === "resize-right") {
+      onViewportChange({ start, end: Math.max(t, start + minViewportMs) });
+    } else if (selection || Math.abs(x2 - drag.originX) > CLICK_DRAG_THRESHOLD_PX) {
+      setSelection({
+        x0: Math.min(drag.originX, x2),
+        x1: Math.max(drag.originX, x2)
+      });
+    }
+  }, [
+    drag,
+    selection,
+    pointerFrame,
+    xToTime,
+    onViewportChange,
+    clamp2,
+    minViewportMs
+  ]);
+  const endDrag = reactExports.useCallback((e) => {
+    if (!drag)
+      return;
+    if (drag.mode === "select") {
+      const { x: x2, cw } = pointerFrame(e);
+      const t = xToTime(x2, cw);
+      if (selection) {
+        onAnimateTo(clamp2({
+          start: Math.min(drag.originMs, t),
+          end: Math.max(drag.originMs, t)
+        }));
+      } else {
+        const { start, end } = viewportRef.current;
+        const duration2 = end - start;
+        onAnimateTo(clamp2({ start: t - duration2 / 2, end: t + duration2 / 2 }));
       }
-      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);
+    setSelection(null);
+    setDrag(null);
+  }, [drag, selection, pointerFrame, xToTime, onAnimateTo, clamp2]);
+  const handleLostPointerCapture = reactExports.useCallback(() => {
+    setSelection(null);
+    setDrag(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 handleDoubleClick = reactExports.useCallback(() => {
+    onAnimateTo({ start: rootStartMs, end: rootEndMs });
+  }, [onAnimateTo, rootStartMs, rootEndMs]);
+  reactExports.useEffect(() => {
+    const el = containerRef.current;
+    if (!el || rootDurationMs <= 0)
+      return;
+    const zoomAtCursor = (e, cw, left) => {
+      const scaleFactor = wheelZoomScaleFactor(e);
+      const { start, end } = viewportRef.current;
+      const duration2 = end - start;
+      const cursorFraction = Math.min(Math.max((e.clientX - left - TIMELINE_PADDING_PX) / cw, 0), 1);
+      const cursorMs = rootStartMs + cursorFraction * rootDurationMs;
+      const anchor = Math.min(Math.max(duration2 > 0 ? (cursorMs - start) / duration2 : 0.5, 0), 1);
+      const newDuration = duration2 * scaleFactor;
+      onViewportChange(clamp2({
+        start: cursorMs - anchor * newDuration,
+        end: cursorMs + (1 - anchor) * newDuration
+      }));
+    };
+    const panByMapPixels = (e, cw) => {
+      const dx = wheelDeltaToPixels(e.deltaX, e.deltaMode);
+      const panMs = dx / cw * rootDurationMs;
+      const { start, end } = viewportRef.current;
+      onViewportChange(clamp2({ start: start + panMs, end: end + panMs }));
+    };
+    const onWheel = (e) => {
+      const isZoomGesture = e.ctrlKey || e.metaKey;
+      const hasDeltaX = Math.abs(e.deltaX) > Math.abs(e.deltaY);
+      if (!isZoomGesture && !hasDeltaX)
+        return;
+      e.preventDefault();
+      const rect = el.getBoundingClientRect();
+      const cw = rect.width - TIMELINE_PADDING_PX * 2;
+      if (cw <= 0)
+        return;
+      if (isZoomGesture)
+        zoomAtCursor(e, cw, rect.left);
+      else
+        panByMapPixels(e, cw);
+    };
+    el.addEventListener("wheel", onWheel, { passive: false });
+    return () => el.removeEventListener("wheel", onWheel);
+  }, [rootStartMs, rootDurationMs, onViewportChange, clamp2]);
+  const handleKeyDown = reactExports.useCallback((e) => {
+    const { start, end } = viewportRef.current;
+    const duration2 = end - start;
+    const pan = duration2 * KEYBOARD_PAN_FRACTION;
+    if (e.key === "ArrowLeft") {
+      onViewportChange(clamp2({ start: start - pan, end: end - pan }));
+    } else if (e.key === "ArrowRight") {
+      onViewportChange(clamp2({ start: start + pan, end: end + pan }));
+    } else if (e.key === "Home") {
+      onViewportChange(clamp2({ start: rootStartMs, end: rootStartMs + duration2 }));
+    } else if (e.key === "End") {
+      onViewportChange(clamp2({ start: rootEndMs - duration2, end: rootEndMs }));
+    } else {
+      return;
+    }
+    e.preventDefault();
+  }, [onViewportChange, clamp2, rootStartMs, rootEndMs]);
+  const startFraction = (viewport.start - rootStartMs) / rootDurationMs;
+  const endFraction = (viewport.end - rootStartMs) / rootDurationMs;
+  const trackWidth = `(100% - ${TIMELINE_PADDING_PX * 2}px)`;
+  const brushStyle = {
+    left: `calc(${TIMELINE_PADDING_PX}px + ${startFraction} * ${trackWidth})`,
+    width: `max(${MIN_BRUSH_WIDTH_PX}px, calc(${endFraction - startFraction} * ${trackWidth}))`
+  };
+  const viewDuration = viewport.end - viewport.start;
+  const scrollableMs = Math.max(rootDurationMs - viewDuration, 0);
+  const scrollPercent = scrollableMs > 0 ? Math.round((viewport.start - rootStartMs) / scrollableMs * 100) : 0;
+  return jsxRuntimeExports.jsxs("div", { ref: containerRef, className: cn$4("relative h-10 min-h-10 w-full border-b border-gray-alpha-400 bg-background-100 select-none overflow-hidden touch-none", (drag == null ? void 0 : drag.mode) === "select" && "cursor-crosshair"), onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: endDrag, onPointerCancel: endDrag, onLostPointerCapture: handleLostPointerCapture, onDoubleClick: handleDoubleClick, children: [jsxRuntimeExports.jsx("canvas", { ref: canvasRef, "aria-hidden": true, className: "pointer-events-none absolute inset-0 h-full w-full mix-blend-multiply [.dark-theme_&]:mix-blend-screen [.dark_&]:mix-blend-screen [[data-theme=dark]_&]:mix-blend-screen" }), selection ? jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-y-0 border border-blue-500 bg-blue-300 opacity-40", style: { left: selection.x0, width: selection.x1 - selection.x0 } }) : null, jsxRuntimeExports.jsxs("div", { "data-minimap-brush": true, role: "scrollbar", "aria-controls": "trace-timeline", "aria-orientation": "horizontal", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": scrollPercent, "aria-valuetext": `Viewing ${formatDurationPrecise(viewport.start - rootStartMs)} to ${formatDurationPrecise(viewport.end - rootStartMs)} of ${formatDurationPrecise(rootDurationMs)}`, "aria-label": "Timeline overview", tabIndex: 0, onKeyDown: handleKeyDown, className: cn$4(
+    // Glass thumb, matching the legacy trace viewer's map window.
+    "group/minimap-brush absolute top-0.5 bottom-0.5 rounded-[3px] border border-gray-alpha-400 bg-gray-alpha-200 shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--ds-focus-color)]",
+    (drag == null ? void 0 : drag.mode) === "pan" ? "cursor-grabbing" : "cursor-grab"
+  ), style: brushStyle, children: [jsxRuntimeExports.jsx("div", { "data-minimap-handle": "left", className: "absolute inset-y-0 -left-1 flex w-2.5 cursor-ew-resize items-center justify-center", children: jsxRuntimeExports.jsx("span", { className: cn$4("h-3.5 w-[3px] rounded-full bg-gray-600 opacity-0 transition-opacity group-hover/minimap-brush:opacity-100 group-focus-visible/minimap-brush:opacity-100", drag && "opacity-100") }) }), jsxRuntimeExports.jsx("div", { "data-minimap-handle": "right", className: "absolute inset-y-0 -right-1 flex w-2.5 cursor-ew-resize items-center justify-center", children: jsxRuntimeExports.jsx("span", { className: cn$4("h-3.5 w-[3px] rounded-full bg-gray-600 opacity-0 transition-opacity group-hover/minimap-brush:opacity-100 group-focus-visible/minimap-brush:opacity-100", drag && "opacity-100") }) })] })] });
+});
 const DEFAULT_PAGE_SIZE = 10;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -49015,6 +49488,9 @@ async function fetchEventsByCorrelationId(worldEnv, correlationId, params) {
 async function fetchHooks(worldEnv, params) {
   return rpc("fetchHooks", { worldEnv, params });
 }
+async function fetchHookToken(worldEnv, runId, hookId) {
+  return rpc("fetchHookToken", { worldEnv, runId, hookId });
+}
 async function fetchHook(worldEnv, hookId, resolveData = "all") {
   return rpc("fetchHook", { worldEnv, hookId, resolveData });
 }
@@ -49050,106 +49526,118 @@ 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,
+  LIVE_UPDATE_INTERVAL_MS 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,
+  useReducedMotion as aA,
+  searchSpans as aB,
+  computeRootBounds as aC,
+  computeTimeMarkers as aD,
+  clampViewportToRoot as aE,
+  getHighResInMs as aF,
+  scrollRowIntoView as aG,
+  TIMELINE_PADDING_PX as aH,
+  Minimap as aI,
+  Timeline as aJ,
+  TimelineHeader as aK,
+  wheelZoomScaleFactor as aL,
+  wheelDeltaToPixels as aM,
+  SidebarDataProvider as aN,
+  fetchHook as aO,
+  hydrateResourceIOAsync as aP,
+  fetchStep as aQ,
+  hydrateResourceIO as aR,
+  fetchStreams as aS,
+  Slot as aT,
+  Slottable as aU,
+  buttonVariants as aV,
+  fetchEvent as aW,
+  fetchEventsByCorrelationId as aX,
+  isEncryptedData as aY,
+  hydrateData as aZ,
+  getWebRevivers 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,
+  isSpanErrored as aw,
+  formatDurationPrecise as ax,
+  TooltipProvider as ay,
+  ActiveSpanProvider as az,
   TooltipContent as b,
-  autoUpdate as b0,
-  cancelRun as b1,
-  reenqueueRun as b2,
-  wakeUpRun as b3,
-  resumeHook as b4,
-  recreateRun as b5,
+  getEncryptionKeyForRun as b0,
+  StreamViewer as b1,
+  composeRefs as b2,
+  useFloating as b3,
+  offset as b4,
+  shift as b5,
+  limitShift as b6,
+  flip as b7,
+  size as b8,
+  arrow as b9,
+  hide as ba,
+  autoUpdate as bb,
+  cancelRun as bc,
+  reenqueueRun as bd,
+  wakeUpRun as be,
+  resumeHook as bf,
+  fetchHookToken as bg,
+  recreateRun as bh,
   createLucideIcon as c,
   runHealthCheck as d,
   cn as e,
@@ -49173,5 +49661,5 @@ export {
   DismissableLayer as w,
   createContextScope as x,
   createSlot as y,
-  useControllableState as z
+  Content as z
 };