@workflow/web 5.0.0-beta.41 → 5.0.0-beta.42

package/build/server/assets/{app-D8GiFFR6.js → app-SrggQnfh.js}

@@ -43216,33 +43216,6 @@ const Lr = /* @__PURE__ */ K$3(() => {
 function kn$1(t, e, n) {
   return e !== "normal" && !(e != null && e.endsWith("px")) && n(`${t} was not resolved to pixel value correctly`, e, Ct$1.WARN), e === "normal" ? 0 : parseInt(e != null ? e : "0", 10);
 }
-const WORKFLOW_ULID_BODY = "[0123456789ABCDEFGHJKMNPQRSTVWXYZ]{26}";
-const STEP_ID_PATTERN = new RegExp(`^step_(${WORKFLOW_ULID_BODY})$`, "i");
-const WAIT_ID_PATTERN = new RegExp(`^wait_(${WORKFLOW_ULID_BODY})$`, "i");
-const HOOK_ID_PATTERN = new RegExp(`^hook_(${WORKFLOW_ULID_BODY})$`, "i");
-const EVENT_ID_PATTERN = new RegExp(`^evnt_(${WORKFLOW_ULID_BODY})$`, "i");
-const WORKFLOW_ID_PREFIX_PATTERN = /^(step_|wait_|hook_|evnt_|wrun_)/i;
-function matchPrefixedId(pattern2, prefix, kind, query) {
-  const match2 = query.match(pattern2);
-  if (!match2) {
-    return null;
-  }
-  return { kind, id: `${prefix}_${match2[1].toUpperCase()}` };
-}
-function parseExactWorkflowSearchId(query) {
-  const trimmed = query.trim();
-  if (!trimmed) {
-    return null;
-  }
-  return matchPrefixedId(STEP_ID_PATTERN, "step", "step", trimmed) ?? matchPrefixedId(WAIT_ID_PATTERN, "wait", "wait", trimmed) ?? matchPrefixedId(HOOK_ID_PATTERN, "hook", "hook", trimmed) ?? matchPrefixedId(EVENT_ID_PATTERN, "evnt", "event", trimmed);
-}
-function looksLikeWorkflowIdSearchInput(query) {
-  const trimmed = query.trim();
-  if (!WORKFLOW_ID_PREFIX_PATTERN.test(trimmed)) {
-    return false;
-  }
-  return /\d/.test(trimmed);
-}
 const NEVER = Object.freeze({
   status: "aborted"
 });
@@ -57051,6 +57024,21 @@ const TERMINAL_STEP_EVENT_TYPES = TerminalStepEventTypeSchema.options;
 function isTerminalStepEventType(eventType) {
   return TERMINAL_STEP_EVENT_TYPES.includes(eventType);
 }
+const ENTITY_EVENT_CLASS_BY_TYPE = {
+  step_created: "step_created",
+  step_started: "step_started",
+  step_retrying: "step_retrying",
+  step_completed: "step_terminal",
+  step_failed: "step_terminal",
+  wait_created: "wait_created",
+  wait_completed: "wait_completed",
+  hook_created: "hook_created",
+  hook_disposed: "hook_disposed",
+  run_started: "run_started"
+};
+function entityEventClass(eventType) {
+  return ENTITY_EVENT_CLASS_BY_TYPE[eventType];
+}
 const HookLifecycleEventTypeSchema = EventTypeSchema.extract([
   "hook_created",
   "hook_received",
@@ -57778,6 +57766,7 @@ const AnalyticsAttributeKeySchema = object$1({
   firstSeenAt: date$2(),
   lastSeenAt: date$2()
 });
+const ANALYTICS_EVENTS_GET_MANY_LIMIT = 100;
 const warnedEnvValues = /* @__PURE__ */ new Set();
 function warnOnce(key, message2) {
   if (warnedEnvValues.has(key))
@@ -57870,6 +57859,19 @@ const RunInputSchema = object$1({
    */
   environment: string$3().optional()
 });
+const StepDispatchInputSchema = object$1({
+  /**
+   * The serialized step input, reused verbatim from the direct write. Always
+   * binary: producers only attach `stepInput` when the dehydrated input is a
+   * `Uint8Array` and the run's queue transport preserves bytes (CBOR).
+   * Validated here so a malformed or transport-mangled payload fails the
+   * message parse instead of being silently written into a `step_created` as
+   * non-binary data. `Buffer` is a `Uint8Array` subclass and passes.
+   */
+  input: custom((value) => value instanceof Uint8Array, {
+    message: "stepInput.input must be a Uint8Array"
+  })
+});
 const HookResumeInputSchema = object$1({
   /** Stable idempotency key minted once per `resumeHook()` call. */
   resumeId: string$3(),
@@ -57903,6 +57905,22 @@ const HookResumeInputSchema = object$1({
    */
   deploymentId: string$3().optional()
 });
+const HookResumeTimingSchema = object$1({
+  /** Epoch ms at entry into `resumeHook()` — the start of the TTR window. */
+  resumeRequestedAtMs: number$3(),
+  /** Epoch ms immediately before the queue publish was requested. */
+  queuePublishRequestedAtMs: number$3(),
+  /** Which `resumeHook()` dispatch path ran: `parallel` or `sequential`. */
+  strategy: string$3().optional(),
+  /** Epoch ms the final consumer's queue handler was entered. */
+  consumerStartedAtMs: number$3().optional(),
+  /** Epoch ms this invocation's first replay pass began. */
+  replayStartedAtMs: number$3().optional(),
+  /** Epoch ms replay first encountered a durable step after the resume. */
+  nextStepEncounteredAtMs: number$3().optional(),
+  /** How the consumer initialized replay state: see `ResumeSetupSource`. */
+  setupSource: string$3().optional()
+});
 const WorkflowInvokePayloadSchema = object$1({
   runId: string$3(),
   traceCarrier: TraceCarrierSchema.optional(),
@@ -57936,7 +57954,28 @@ const WorkflowInvokePayloadSchema = object$1({
    * fast path. A consumer that understands this field idempotently ensures the
    * `hook_received` event exists (keyed by `resumeId`) before replaying.
    */
-  hookInput: HookResumeInputSchema.optional()
+  hookInput: HookResumeInputSchema.optional(),
+  /**
+   * Resilient step dispatch data, only present alongside `stepId` when the
+   * producer parallelized the `step_created` write with this queue publish. A
+   * consumer that understands this field idempotently ensures the
+   * `step_created` event exists (keyed by `stepId`) before executing the step.
+   */
+  stepInput: StepDispatchInputSchema.optional(),
+  /**
+   * Hook-resume TTR timing. Present on both `resumeHook()` dispatch paths
+   * (unlike `hookInput`, which only rides the parallel fast path), and
+   * forwarded onto a dispatched step message when the resuming invocation
+   * hands the next durable step to another invocation. Purely observational —
+   * see {@link HookResumeTimingSchema}.
+   *
+   * `.catch(undefined)` because this field must never be able to fail the
+   * parse of the invocation payload: a malformed value (a NaN boundary, a
+   * shape change from a future producer) would otherwise throw on every
+   * delivery of that message and burn the run's delivery budget over a
+   * telemetry field. Anything unparseable degrades to "no measurement".
+   */
+  hookResumeTiming: HookResumeTimingSchema.optional().catch(void 0)
 });
 const HealthCheckPayloadSchema = object$1({
   __healthCheck: literal(true),
@@ -58119,7 +58158,7 @@ const SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT = 3;
 const SPEC_VERSION_SUPPORTS_ATTRIBUTES = 4;
 const SPEC_VERSION_SUPPORTS_COMPRESSION = 5;
 const SPEC_VERSION_SUPPORTS_SLOT_IDENTITY = 6;
-const SPEC_VERSION_CURRENT = SPEC_VERSION_SUPPORTS_COMPRESSION;
+const SPEC_VERSION_CURRENT = SPEC_VERSION_SUPPORTS_SLOT_IDENTITY;
 const SPEC_VERSION_MAX_SUPPORTED = SPEC_VERSION_SUPPORTS_SLOT_IDENTITY;
 function isLegacySpecVersion(v2) {
   return v2 === void 0 || v2 === null || v2 <= SPEC_VERSION_LEGACY;
@@ -58313,6 +58352,101 @@ function validateUlidTimestamp(prefixedUlid, prefix, pastThresholdMs = DEFAULT_T
   const thresholdSeconds = Math.round(thresholdMs / 1e3);
   return `Invalid runId timestamp: embedded timestamp is ${driftSeconds}s in the ${direction} (threshold: ${thresholdSeconds}s)`;
 }
+const TERMINAL_EVENT_CLASSES = /* @__PURE__ */ new Set([
+  "step_terminal",
+  "wait_completed",
+  "hook_disposed"
+]);
+const SINGLETON_EVENT_CLASSES = /* @__PURE__ */ new Set([
+  "run_started"
+]);
+const RUN_ENTITY_KEY = "";
+const DUPLICATE_EVENT_MESSAGE = "Written by a concurrent replay after an event of the same kind was already recorded and acted on. The run follows the earlier one.";
+function compareEventId(a2, b2) {
+  if (a2.eventId.length !== b2.eventId.length) {
+    return a2.eventId.length - b2.eventId.length;
+  }
+  return a2.eventId < b2.eventId ? -1 : a2.eventId > b2.eventId ? 1 : 0;
+}
+function createdAtMs(event) {
+  const createdAt = event.createdAt;
+  return createdAt instanceof Date ? createdAt.getTime() : new Date(createdAt).getTime();
+}
+function hasKnowableLogOrder(orderedById) {
+  if (orderedById.every((event) => isSlotEventId(event.eventId)))
+    return true;
+  for (let index2 = 1; index2 < orderedById.length; index2++) {
+    const previous2 = createdAtMs(orderedById[index2 - 1]);
+    const current = createdAtMs(orderedById[index2]);
+    if (Number.isNaN(previous2) || Number.isNaN(current))
+      return false;
+    if (current < previous2)
+      return false;
+  }
+  return true;
+}
+function foldDuplicates(ordered) {
+  const duplicates = /* @__PURE__ */ new Set();
+  const seenClasses = /* @__PURE__ */ new Set();
+  const closedEntities = /* @__PURE__ */ new Set();
+  for (const event of ordered) {
+    const eventClass = entityEventClass(event.eventType);
+    if (eventClass === void 0)
+      continue;
+    const entity = event.correlationId ?? RUN_ENTITY_KEY;
+    const classKey = `${eventClass}:${entity}`;
+    const repeatsClass = seenClasses.has(classKey);
+    const entityWasClosed = closedEntities.has(entity);
+    if (TERMINAL_EVENT_CLASSES.has(eventClass)) {
+      closedEntities.add(entity);
+    }
+    if (!repeatsClass) {
+      if (entityWasClosed)
+        break;
+      seenClasses.add(classKey);
+      continue;
+    }
+    if (entityWasClosed || SINGLETON_EVENT_CLASSES.has(eventClass)) {
+      duplicates.add(event.eventId);
+    }
+  }
+  return duplicates;
+}
+function findDuplicateEventIds(events2, { isCompleteHistory }) {
+  if (!isCompleteHistory || events2.length < 2)
+    return /* @__PURE__ */ new Set();
+  const ordered = events2.filter((event) => Boolean(event.eventId)).sort(compareEventId);
+  if (!hasKnowableLogOrder(ordered))
+    return /* @__PURE__ */ new Set();
+  return foldDuplicates(ordered);
+}
+const WORKFLOW_ULID_BODY = "[0123456789ABCDEFGHJKMNPQRSTVWXYZ]{26}";
+const STEP_ID_PATTERN = new RegExp(`^step_(${WORKFLOW_ULID_BODY})$`, "i");
+const WAIT_ID_PATTERN = new RegExp(`^wait_(${WORKFLOW_ULID_BODY})$`, "i");
+const HOOK_ID_PATTERN = new RegExp(`^hook_(${WORKFLOW_ULID_BODY})$`, "i");
+const EVENT_ID_PATTERN = new RegExp(`^evnt_(${WORKFLOW_ULID_BODY})$`, "i");
+const WORKFLOW_ID_PREFIX_PATTERN = /^(step_|wait_|hook_|evnt_|wrun_)/i;
+function matchPrefixedId(pattern2, prefix, kind, query) {
+  const match2 = query.match(pattern2);
+  if (!match2) {
+    return null;
+  }
+  return { kind, id: `${prefix}_${match2[1].toUpperCase()}` };
+}
+function parseExactWorkflowSearchId(query) {
+  const trimmed = query.trim();
+  if (!trimmed) {
+    return null;
+  }
+  return matchPrefixedId(STEP_ID_PATTERN, "step", "step", trimmed) ?? matchPrefixedId(WAIT_ID_PATTERN, "wait", "wait", trimmed) ?? matchPrefixedId(HOOK_ID_PATTERN, "hook", "hook", trimmed) ?? matchPrefixedId(EVENT_ID_PATTERN, "evnt", "event", trimmed);
+}
+function looksLikeWorkflowIdSearchInput(query) {
+  const trimmed = query.trim();
+  if (!WORKFLOW_ID_PREFIX_PATTERN.test(trimmed)) {
+    return false;
+  }
+  return /\d/.test(trimmed);
+}
 const UNDEFINED$2 = -1;
 const HOLE = -2;
 const NAN = -3;
@@ -59383,6 +59517,21 @@ class RunExpiredError extends WorkflowWorldError {
     return isError(value) && value.name === "RunExpiredError";
   }
 }
+class StreamExpiredError extends WorkflowWorldError {
+  constructor(message2, runId, streamId, expiredAt) {
+    super(message2, { status: 410, code: "stream-expired" });
+    __publicField(this, "runId");
+    __publicField(this, "streamId");
+    __publicField(this, "expiredAt");
+    this.runId = runId;
+    this.streamId = streamId;
+    this.expiredAt = expiredAt;
+    this.name = "StreamExpiredError";
+  }
+  static is(value) {
+    return isError(value) && value.name === "StreamExpiredError";
+  }
+}
 class TooEarlyError extends WorkflowWorldError {
   constructor(message2, options) {
     super(message2, { retryAfter: options == null ? void 0 : options.retryAfter });
@@ -60737,7 +60886,7 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
 }
 async function hydrateResourceIOAsync(resource, key) {
   const { hydrateDataWithKey: hydrateDataWithKey2, deriveRunPayloadKeys: deriveRunPayloadKeys2 } = await Promise.resolve().then(() => serializationFormat);
-  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-BCVvr1WT.js");
+  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-dRi0VqoM.js");
   ensureZstdDecoderRegistered();
   const cryptoKey = key ? await deriveRunPayloadKeys2(key) : void 0;
   const revivers = getRevivers();
@@ -62535,23 +62684,17 @@ function Spinner({ size: size2 = 14, color: color2 }) {
     lineW: size2 * 0.24,
     lineH: size2 * 0.08
   };
-  return jsxRuntimeExports.jsxs("span", { style: {
-    display: "inline-flex",
-    position: "relative",
+  return jsxRuntimeExports.jsxs("span", { className: "relative inline-flex", style: {
     width: size2,
     height: size2
-  }, children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: KEYFRAMES } }), config2.delays.map((delay, i) => jsxRuntimeExports.jsx("span", { style: {
-    position: "absolute",
-    left: "50%",
-    top: "50%",
+  }, children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: KEYFRAMES } }), config2.delays.map((delay, i) => jsxRuntimeExports.jsx("span", { className: "absolute top-1/2 left-1/2 rounded-[1px] bg-gray-700 [animation-iteration-count:infinite] [animation-name:wf-spinner-fade] [animation-timing-function:linear]", style: {
     width: config2.lineW,
     height: config2.lineH,
     marginLeft: -config2.lineW / 2,
     marginTop: -config2.lineH / 2,
-    borderRadius: 1,
-    backgroundColor: color2 ?? "var(--ds-gray-700)",
+    backgroundColor: color2,
     transform: `rotate(${i * config2.angle}deg) translate(${size2 * 0.36}px)`,
-    animation: `wf-spinner-fade ${config2.duration}ms linear infinite`,
+    animationDuration: `${config2.duration}ms`,
     animationDelay: `${delay}ms`
   } }, delay))] });
 }
@@ -62613,33 +62756,18 @@ function EncryptedInlineLabel() {
       ctx.onDecrypt();
     }, children: [ctx.isDecrypting ? jsxRuntimeExports.jsx(Spinner, { size: 10 }) : jsxRuntimeExports.jsx(Lock, { className: "h-3 w-3" }), jsxRuntimeExports.jsx("span", { children: "Decrypt" })] });
   }
-  return jsxRuntimeExports.jsxs("span", { style: { color: "var(--ds-gray-600)", fontStyle: "italic" }, children: [jsxRuntimeExports.jsx(Lock, { className: "h-3 w-3", style: {
-    display: "inline",
-    verticalAlign: "middle",
-    marginRight: "3px",
-    marginTop: "-1px"
-  } }), "Encrypted"] });
+  return jsxRuntimeExports.jsxs("span", { className: "text-gray-600 italic", children: [jsxRuntimeExports.jsx(Lock, { className: "-mt-px mr-[3px] inline h-3 w-3 align-middle" }), "Encrypted"] });
 }
 function StreamRefInline({ streamRef }) {
   const onStreamClick = reactExports.useContext(StreamClickContext);
-  const [hovered, setHovered] = reactExports.useState(false);
-  return jsxRuntimeExports.jsxs("button", { type: "button", className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-mono cursor-pointer underline decoration-transparent transition-colors", style: {
-    backgroundColor: hovered ? "var(--ds-blue-200)" : "var(--ds-blue-100)",
-    color: "var(--ds-blue-900)",
-    border: "1px solid var(--ds-blue-300)"
-  }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), onClick: (e) => {
+  return jsxRuntimeExports.jsxs("button", { type: "button", className: "inline-flex cursor-pointer items-center gap-1 rounded border border-blue-300 bg-blue-100 px-1.5 py-0.5 font-mono text-[10px] text-blue-900 underline decoration-transparent transition-colors hover:bg-blue-200", onClick: (e) => {
     e.stopPropagation();
     onStreamClick == null ? void 0 : onStreamClick(streamRef.streamId);
   }, title: `View stream: ${streamRef.streamId}`, children: [jsxRuntimeExports.jsx("span", { children: "📡" }), jsxRuntimeExports.jsx("span", { children: streamRef.streamId })] });
 }
 function RunRefInline({ runRef }) {
   const onRunClick = reactExports.useContext(RunClickContext);
-  const [hovered, setHovered] = reactExports.useState(false);
-  return jsxRuntimeExports.jsx("button", { type: "button", className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-mono cursor-pointer underline decoration-transparent transition-colors", style: {
-    backgroundColor: hovered ? "var(--ds-purple-200)" : "var(--ds-purple-100)",
-    color: "var(--ds-purple-900)",
-    border: "1px solid var(--ds-purple-300)"
-  }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), onClick: (e) => {
+  return jsxRuntimeExports.jsx("button", { type: "button", className: "inline-flex cursor-pointer items-center gap-1 rounded border border-purple-300 bg-purple-100 px-1.5 py-0.5 font-mono text-[10px] text-purple-900 underline decoration-transparent transition-colors hover:bg-purple-200", onClick: (e) => {
     e.stopPropagation();
     onRunClick == null ? void 0 : onRunClick(runRef.runId);
   }, title: `View run: ${runRef.runId}`, children: jsxRuntimeExports.jsx("span", { children: runRef.runId }) });
@@ -62647,24 +62775,17 @@ function RunRefInline({ runRef }) {
 function DecodedBytesChunk({ decodedText, source }) {
   const [selectedView, setSelectedView] = reactExports.useState("decoded");
   const parsed = parseChunkData(decodedText);
-  return jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [selectedView === "decoded" ? jsxRuntimeExports.jsx("div", { className: "min-w-0", children: typeof parsed === "string" ? jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-gray-1000)" }, children: deserializeChunkText(parsed) }) : jsxRuntimeExports.jsx(DataInspector, { data: parsed, expandLevel: 1 }) }) : jsxRuntimeExports.jsx(DecodedBytesInspector, { decodedText, source }), jsxRuntimeExports.jsx("div", { className: "mt-2 flex", children: jsxRuntimeExports.jsxs("div", { className: "inline-flex overflow-hidden rounded border", style: { borderColor: "var(--ds-gray-400)" }, title: `${source.type} decoded as ${source.encoding.toUpperCase()} text. Switch to Bytes to inspect the summarized raw value.`, children: [jsxRuntimeExports.jsx("button", { type: "button", className: "h-5 px-1.5 text-[10px] font-medium", style: {
-    backgroundColor: selectedView === "decoded" ? "var(--ds-gray-200)" : "var(--ds-gray-100)",
-    color: "var(--ds-gray-900)"
-  }, onClick: () => setSelectedView("decoded"), "aria-pressed": selectedView === "decoded", "aria-label": "Show decoded text", children: "Decoded" }), jsxRuntimeExports.jsx("button", { type: "button", className: "h-5 border-l px-1.5 text-[10px] font-medium", style: {
-    borderColor: "var(--ds-gray-400)",
-    backgroundColor: selectedView === "bytes" ? "var(--ds-gray-200)" : "var(--ds-gray-100)",
-    color: "var(--ds-gray-900)"
-  }, onClick: () => setSelectedView("bytes"), "aria-pressed": selectedView === "bytes", "aria-label": "Show raw bytes summary", children: "Bytes" })] }) })] });
+  return jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [selectedView === "decoded" ? jsxRuntimeExports.jsx("div", { className: "min-w-0", children: typeof parsed === "string" ? jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words text-gray-1000", children: deserializeChunkText(parsed) }) : jsxRuntimeExports.jsx(DataInspector, { data: parsed, expandLevel: 1 }) }) : jsxRuntimeExports.jsx(DecodedBytesInspector, { decodedText, source }), jsxRuntimeExports.jsx("div", { className: "mt-2 flex", children: jsxRuntimeExports.jsxs("div", { className: "inline-flex overflow-hidden rounded border border-gray-400", title: `${source.type} decoded as ${source.encoding.toUpperCase()} text. Switch to Bytes to inspect the summarized raw value.`, children: [jsxRuntimeExports.jsx("button", { type: "button", className: cn$4("h-5 px-1.5 font-medium text-[10px] text-gray-900", selectedView === "decoded" ? "bg-gray-200" : "bg-gray-100"), onClick: () => setSelectedView("decoded"), "aria-pressed": selectedView === "decoded", "aria-label": "Show decoded text", children: "Decoded" }), jsxRuntimeExports.jsx("button", { type: "button", className: cn$4("h-5 border-gray-400 border-l px-1.5 font-medium text-[10px] text-gray-900", selectedView === "bytes" ? "bg-gray-200" : "bg-gray-100"), onClick: () => setSelectedView("bytes"), "aria-pressed": selectedView === "bytes", "aria-label": "Show raw bytes summary", children: "Bytes" })] }) })] });
 }
 function DecodedBytesInspector({ decodedText, source }) {
   const [expanded, setExpanded] = reactExports.useState(false);
-  return jsxRuntimeExports.jsxs("div", { className: "font-mono", children: [jsxRuntimeExports.jsxs("button", { type: "button", className: "flex max-w-full items-start gap-1 text-left", style: { color: "var(--ds-gray-1000)" }, onClick: () => setExpanded((value) => !value), title: `${source.type} decoded as ${source.encoding.toUpperCase()} text`, children: [jsxRuntimeExports.jsx("span", { className: "select-none", style: { color: "var(--ds-gray-700)" }, children: expanded ? "▼" : "▶" }), jsxRuntimeExports.jsx("span", { className: "min-w-0 break-words", children: source.rawSummary })] }), expanded && jsxRuntimeExports.jsxs("div", { className: "mt-1 pl-5", children: [jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-gray-700)" }, children: "decoded: " }), jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-green-900)" }, children: JSON.stringify(decodedText) })] })] });
+  return jsxRuntimeExports.jsxs("div", { className: "font-mono", children: [jsxRuntimeExports.jsxs("button", { type: "button", className: "flex max-w-full items-start gap-1 text-left text-gray-1000", onClick: () => setExpanded((value) => !value), title: `${source.type} decoded as ${source.encoding.toUpperCase()} text`, children: [jsxRuntimeExports.jsx("span", { className: "select-none text-gray-700", children: expanded ? "▼" : "▶" }), jsxRuntimeExports.jsx("span", { className: "min-w-0 break-words", children: source.rawSummary })] }), expanded && jsxRuntimeExports.jsxs("div", { className: "mt-1 pl-5", children: [jsxRuntimeExports.jsx("span", { className: "text-gray-700", children: "decoded: " }), jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words text-green-900", children: JSON.stringify(decodedText) })] })] });
 }
 function BytesDisplayValue({ display }) {
   if (display.decodedFrom) {
     return jsxRuntimeExports.jsx(DecodedBytesChunk, { decodedText: display.text, source: display.decodedFrom });
   }
-  return jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-gray-1000)" }, children: display.text });
+  return jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words text-gray-1000", children: display.text });
 }
 function formatField(field) {
   return field === "" ? '""' : field;
@@ -63043,7 +63164,7 @@ const rowCopyValueVariants = cva("flex min-w-0 flex-1 items-center justify-end g
 });
 function DetailKeyValueRowBase({ label, value, copyText, href, removed = false, variant }) {
   const stringValue = typeof value === "string" ? value : void 0;
-  return jsxRuntimeExports.jsxs("div", { className: "px-1.5 hover:bg-gray-100 flex justify-between gap-3 -mx-1.5 py-0.5 rounded items-center", children: [jsxRuntimeExports.jsx("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-label-13 text-gray-900", children: label }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : copyText ? jsxRuntimeExports.jsxs("div", { className: cn$4(rowCopyValueVariants({ variant })), title: copyText, children: [href ? jsxRuntimeExports.jsxs("a", { href, target: "_blank", rel: "noreferrer", className: cn$4(rowValueVariants({ variant }), "flex min-w-0 items-center gap-0.5 hover:underline"), children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: "min-w-0 text-right", style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(ArrowUpRight, { "aria-hidden": true, className: "h-3 w-3 shrink-0" })] }) : jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: cn$4(rowValueVariants({ variant, className: "text-right" })), style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(CopyButton, { copyText, ariaLabel: `Copy ${label}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: cn$4(rowValueVariants({ variant })), title: stringValue, children: href ? jsxRuntimeExports.jsx("a", { href, target: "_blank", rel: "noreferrer", className: "hover:underline", children: value }) : value })] });
+  return jsxRuntimeExports.jsxs("div", { className: "px-1.5 hover:bg-gray-100 flex justify-between gap-3 -mx-1.5 py-0.5 rounded items-center", children: [jsxRuntimeExports.jsx("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-label-13 text-gray-900", children: label }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : copyText ? jsxRuntimeExports.jsxs("div", { className: cn$4(rowCopyValueVariants({ variant })), title: copyText, children: [href ? jsxRuntimeExports.jsxs("a", { href, target: "_blank", rel: "noreferrer", className: cn$4(rowValueVariants({ variant }), "flex min-w-0 items-center gap-0.5 hover:underline"), children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: "min-w-0 grid-cols-[minmax(0,1fr)] text-right" }), jsxRuntimeExports.jsx(ArrowUpRight, { "aria-hidden": true, className: "h-3 w-3 shrink-0" })] }) : jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: cn$4(rowValueVariants({ variant, className: "text-right" }), "grid-cols-[minmax(0,1fr)]") }), jsxRuntimeExports.jsx(CopyButton, { copyText, ariaLabel: `Copy ${label}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: cn$4(rowValueVariants({ variant })), title: stringValue, children: href ? jsxRuntimeExports.jsx("a", { href, target: "_blank", rel: "noreferrer", className: "hover:underline", children: value }) : value })] });
 }
 function DetailKeyValueRow(props) {
   return jsxRuntimeExports.jsx(DetailKeyValueRowBase, { ...props });
@@ -63118,10 +63239,7 @@ function AttrSetEventBlock({ data }) {
     return jsxRuntimeExports.jsx(CopyableDataBlock, { data });
   }
   const writerLabel = describeWriter(data.writer);
-  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col px-3 py-1", children: [jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: data.changes.map((change, index2) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: change.key, removed: change.value === null, value: change.value ?? void 0 }, `${change.key}:${index2}`)) }), writerLabel && jsxRuntimeExports.jsx("div", { className: "border-t py-1.5 text-label-12", style: {
-    borderColor: "var(--ds-gray-alpha-400)",
-    color: "var(--ds-gray-700)"
-  }, children: writerLabel })] });
+  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col px-3 py-1", children: [jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: data.changes.map((change, index2) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: change.key, removed: change.value === null, value: change.value ?? void 0 }, `${change.key}:${index2}`)) }), writerLabel && jsxRuntimeExports.jsx("div", { className: "border-gray-alpha-400 border-t py-1.5 text-gray-700 text-label-12", children: writerLabel })] });
 }
 function setRef(ref, value) {
   if (typeof ref === "function") {
@@ -63588,9 +63706,7 @@ function ContextCardProvider({ children: children2, portalTarget }) {
     distanceFromLast,
     lastOrigin
   ]);
-  return jsxRuntimeExports.jsxs(ContextCardContext.Provider, { value: contextValue, children: [children2, isMounted ? reactDomExports.createPortal(jsxRuntimeExports.jsx("div", { className: "w-full h-full inset-0 fixed pointer-events-none z-[100000]", ref, children: jsxRuntimeExports.jsx("div", { className: "min-w-max transition-all duration-150 ease-[easing-function:cubic-bezier(0.3,_0.57,_0.07,_0.95)] will-change-[transform,width,height] motion-reduce:!transition-none", style: {
-    opacity: visible ? 1 : 0
-  }, children: jsxRuntimeExports.jsxs("div", { className: cn$4("absolute bg-background-100 bg-clip-padding rounded-[6px] overflow-visible pointer-events-none z-[1000000] shadow-[var(--ds-shadow-tooltip),0_0_0_1px_var(--ds-background-100)] w-fit [--context-card-tip-stroke:#DBDBDB] dark-theme:[--context-card-tip-stroke:#252525]", skipTransition ? "!transition-none" : "transition-[transform,width,height] duration-250 ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none"), "data-skip-transition": skipTransition, style: {
+  return jsxRuntimeExports.jsxs(ContextCardContext.Provider, { value: contextValue, children: [children2, isMounted ? reactDomExports.createPortal(jsxRuntimeExports.jsx("div", { className: "w-full h-full inset-0 fixed pointer-events-none z-[100000]", ref, children: jsxRuntimeExports.jsx("div", { className: cn$4("min-w-max transition-all duration-150 ease-[easing-function:cubic-bezier(0.3,_0.57,_0.07,_0.95)] will-change-[transform,width,height] motion-reduce:!transition-none", visible ? "opacity-100" : "opacity-0"), children: jsxRuntimeExports.jsxs("div", { className: cn$4("absolute bg-background-100 bg-clip-padding rounded-[6px] overflow-visible pointer-events-none z-[1000000] shadow-[var(--ds-shadow-tooltip),0_0_0_1px_var(--ds-background-100)] w-fit [--context-card-tip-stroke:#DBDBDB] dark-theme:[--context-card-tip-stroke:#252525]", skipTransition ? "!transition-none" : "transition-[transform,width,height] duration-[250ms] ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none"), "data-skip-transition": skipTransition, style: {
     transform: `translate(${activeBounds.x}px,${activeBounds.y}px)`,
     width: activeBounds.width,
     height: activeBounds.height
@@ -63599,18 +63715,13 @@ function ContextCardProvider({ children: children2, portalTarget }) {
     "right-full -translate-y-1/2 rotate-90 -mr-[3.5px]": activeBounds.side === "right",
     "bottom-full -translate-x-1/2 rotate-180": activeBounds.side === "bottom",
     "left-full -translate-y-1/2 rotate-[270deg] -ml-[3.5px]": activeBounds.side === "left"
-  }, skipTransition ? "!transition-none" : "transition-[transform,width,height] duration-250 ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none"), style: {
+  }, skipTransition ? "!transition-none" : "transition-[transform,width,height] duration-[250ms] ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none"), style: {
     ...activeBounds.side === "top" || activeBounds.side === "bottom" ? {
       left: `calc(50% + ${activeBounds.arrowOffset.x}px)`
     } : {
       top: `calc(50% + ${activeBounds.arrowOffset.y}px)`
     }
-  }, "data-skip-transition": skipTransition, "data-side": activeBounds.side, children: jsxRuntimeExports.jsxs("svg", { width: "14", height: "7", viewBox: "0 0 14 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [jsxRuntimeExports.jsx("g", { clipPath: "url(#context-card-tip-clip)", children: jsxRuntimeExports.jsx("path", { d: "M15 -0.5V0.5H12.9834L12.8184 0.508789C12.4377 0.550822 12.0853 0.738056 11.8359 1.03418L8.53027 4.95996C7.73114 5.90893 6.26886 5.90892 5.46973 4.95996L2.16406 1.03418C1.87905 0.695733 1.45907 0.5 1.0166 0.5H-1V-0.5H15Z", fill: "var(--ds-background-100)", style: {
-    fill: "var(--ds-background-100)",
-    fillOpacity: 1,
-    stroke: "var(--context-card-tip-stroke)",
-    strokeOpacity: 1
-  } }) }), jsxRuntimeExports.jsx("defs", { children: jsxRuntimeExports.jsx("clipPath", { id: "context-card-tip-clip", children: jsxRuntimeExports.jsx("rect", { width: "14", height: "7", fill: "white", style: { fill: "white", fillOpacity: 1 } }) }) })] }) }), jsxRuntimeExports.jsx("div", { ref: portalRef })] }) }) }), resolvedPortalTarget ?? document.body) : null] });
+  }, "data-skip-transition": skipTransition, "data-side": activeBounds.side, children: jsxRuntimeExports.jsxs("svg", { width: "14", height: "7", viewBox: "0 0 14 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [jsxRuntimeExports.jsx("g", { clipPath: "url(#context-card-tip-clip)", children: jsxRuntimeExports.jsx("path", { d: "M15 -0.5V0.5H12.9834L12.8184 0.508789C12.4377 0.550822 12.0853 0.738056 11.8359 1.03418L8.53027 4.95996C7.73114 5.90893 6.26886 5.90892 5.46973 4.95996L2.16406 1.03418C1.87905 0.695733 1.45907 0.5 1.0166 0.5H-1V-0.5H15Z", fill: "var(--ds-background-100)", className: "fill-background-100 stroke-[var(--context-card-tip-stroke)]" }) }), jsxRuntimeExports.jsx("defs", { children: jsxRuntimeExports.jsx("clipPath", { id: "context-card-tip-clip", children: jsxRuntimeExports.jsx("rect", { width: "14", height: "7", fill: "white", className: "fill-background-100" }) }) })] }) }), jsxRuntimeExports.jsx("div", { ref: portalRef })] }) }) }), resolvedPortalTarget ?? document.body) : null] });
 }
 function ContextCardTrigger({ content: content2, children: children2, side = "right", align = "center", sideOffset = 16, alignOffset = 0, ignoreCardPointerEvents = false, noPadding, asChild, className, hide: hide2, inactiveTimeoutMs = INACTIVE_TIMEOUT_MS }) {
   const triggerRef = reactExports.useRef(null);
@@ -63845,17 +63956,22 @@ function ContextCardTrigger({ content: content2, children: children2, side = "ri
     }
   }
   const Comp = asChild ? Root$6 : "div";
-  return jsxRuntimeExports.jsxs(Comp, { className: cn$4("inline-flex cursor-pointer flex-[0_1_auto] overflow-hidden", className), onMouseEnter, onMouseLeave, onClick: handleClick, ref: triggerRef, children: [jsxRuntimeExports.jsx(Slottable$1, { children: children2 }), (portalRef == null ? void 0 : portalRef.current) && (localHover || persisting) ? reactDomExports.createPortal(jsxRuntimeExports.jsx("div", { className: cn$4("absolute top-0 p-3 left-0 max-w-max transition-[transform,width,height] duration-250 ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none", skipTransition && "!transition-none"), ref: contentRef, style: {
-    ...noPadding ? { padding: 0 } : {},
-    pointerEvents: rootVisible && visible && !ignoreCardPointerEvents ? "all" : "none"
-  }, children: jsxRuntimeExports.jsx("div", { className: cn$4("min-w-max transition-all duration-150 ease-[easing-function:cubic-bezier(0.3,_0.57,_0.07,_0.95)] will-change-[transform,width,height] motion-reduce:!transition-none", skipTransition ? "!transition-none" : "transition-[transform,width,height] duration-250 ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none"), ref: contentMeasureRef, style: {
-    opacity: Number(visible)
-  }, children: content2 }) }, id2), portalRef.current) : null] });
+  return jsxRuntimeExports.jsxs(Comp, { className: cn$4("inline-flex cursor-pointer flex-[0_1_auto] overflow-hidden", className), onMouseEnter, onMouseLeave, onClick: handleClick, ref: triggerRef, children: [jsxRuntimeExports.jsx(Slottable$1, { children: children2 }), (portalRef == null ? void 0 : portalRef.current) && (localHover || persisting) ? reactDomExports.createPortal(jsxRuntimeExports.jsx("div", { className: cn$4("absolute top-0 p-3 left-0 max-w-max transition-[transform,width,height] duration-[250ms] ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none", skipTransition && "!transition-none", noPadding && "p-0", rootVisible && visible && !ignoreCardPointerEvents ? "pointer-events-auto" : "pointer-events-none"), ref: contentRef, children: jsxRuntimeExports.jsx("div", { className: cn$4("min-w-max transition-all duration-150 ease-[easing-function:cubic-bezier(0.3,_0.57,_0.07,_0.95)] will-change-[transform,width,height] motion-reduce:!transition-none", skipTransition ? "!transition-none" : "transition-[transform,width,height] duration-[250ms] ease-[easing-function:cubic-bezier(0.29,0.31,0.05,0.96)] will-change-[transform,width,height] motion-reduce:!transition-none", visible ? "opacity-100" : "opacity-0"), ref: contentMeasureRef, children: content2 }) }, id2), portalRef.current) : null] });
 }
 const STYLES$2 = `.wf-decrypt-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;white-space:nowrap;gap:6px;transition:background 150ms}.wf-decrypt-idle{color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400)}.wf-decrypt-idle:hover{background:var(--ds-gray-alpha-200)}.wf-decrypt-done{color:var(--ds-green-900);background:var(--ds-green-100);box-shadow:0 0 0 1px var(--ds-green-400);cursor:default}`;
 function DecryptButton({ decrypted = false, loading = false, onClick }) {
   return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: STYLES$2 } }), jsxRuntimeExports.jsxs("button", { type: "button", onClick: decrypted ? void 0 : onClick, disabled: decrypted || loading, className: `wf-decrypt-btn ${decrypted ? "wf-decrypt-done" : "wf-decrypt-idle"}`, children: [loading ? jsxRuntimeExports.jsx(Spinner, { size: 14 }) : decrypted ? jsxRuntimeExports.jsxs("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntimeExports.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsxRuntimeExports.jsx("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })] }) : jsxRuntimeExports.jsxs("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntimeExports.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsxRuntimeExports.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }), loading ? "Decrypting…" : decrypted ? "Decrypted" : "Decrypt"] })] });
 }
+const TooltipProvider = Provider$2;
+const Tooltip$1 = Root3$1;
+const TooltipTrigger$1 = Trigger$4;
+const TooltipContent$1 = reactExports.forwardRef(({ className, sideOffset = 8, showArrow = true, children: children2, ...props }, ref) => jsxRuntimeExports.jsx(Portal$6, { children: jsxRuntimeExports.jsxs(Content2$4, { ref, sideOffset, className: cn$4("z-[99999] flex items-center gap-1 rounded-[10px] bg-gray-1000 px-2 py-1.5 !text-label-13 text-background-100 shadow-md select-none", className), ...props, children: [children2, showArrow ? jsxRuntimeExports.jsx(Arrow2$1, { width: 11, height: 5, className: "fill-gray-1000" }) : null] }) }));
+TooltipContent$1.displayName = Content2$4.displayName;
+function DuplicateEventTooltip({ isDuplicate = false, children: children2 }) {
+  if (!isDuplicate)
+    return children2;
+  return jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 300, children: jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: children2 }), jsxRuntimeExports.jsx(TooltipContent$1, { className: "max-w-[264px] leading-snug", collisionPadding: 8, side: "top", children: DUPLICATE_EVENT_MESSAGE })] }) });
+}
 function isStructuredError(value) {
   return value != null && typeof value === "object" && (typeof value.message === "string" || typeof value.stack === "string");
 }
@@ -63911,30 +64027,13 @@ function MenuDropdown({ options, value, onChange }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [open2]);
-  return jsxRuntimeExports.jsxs("div", { ref, style: { position: "relative", flexShrink: 0 }, children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: STYLES } }), jsxRuntimeExports.jsxs("button", { type: "button", className: "wf-menu-btn", onClick: () => setOpen(!open2), children: [jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", style: {
-    marginLeft: 16,
-    marginRight: -4,
-    color: "var(--ds-gray-900)"
-  }, children: jsxRuntimeExports.jsx("path", { d: "M4.5 6L8 9.5L11.5 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open2 && jsxRuntimeExports.jsx("div", { style: {
-    position: "absolute",
-    right: 0,
-    top: "100%",
-    marginTop: 4,
-    minWidth: 140,
-    padding: 4,
-    borderRadius: 12,
-    background: "var(--ds-background-100)",
-    boxShadow: "var(--ds-shadow-menu, var(--ds-shadow-medium))",
-    zIndex: 2001
-  }, role: "menu", children: options.map((option) => jsxRuntimeExports.jsx("button", { type: "button", role: "menuitem", className: "wf-menu-item", style: {
-    fontWeight: option.value === value ? 500 : 400
-  }, onClick: () => {
+  return jsxRuntimeExports.jsxs("div", { ref, className: "relative shrink-0", children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: STYLES } }), jsxRuntimeExports.jsxs("button", { type: "button", className: "wf-menu-btn", onClick: () => setOpen(!open2), children: [jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", className: "-mr-1 ml-4 text-gray-900", children: jsxRuntimeExports.jsx("path", { d: "M4.5 6L8 9.5L11.5 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open2 && jsxRuntimeExports.jsx("div", { className: "absolute top-full right-0 z-[2001] mt-1 min-w-[140px] bg-background-100 p-1 material-menu", role: "menu", children: options.map((option) => jsxRuntimeExports.jsx("button", { type: "button", role: "menuitem", className: cn$4("wf-menu-item", option.value === value ? "font-medium" : "font-normal"), onClick: () => {
     onChange(option.value);
     setOpen(false);
   }, children: option.label }, option.value)) })] });
 }
 function Skeleton$1({ className, style: style2, ...props }) {
-  return jsxRuntimeExports.jsx("div", { ...props, className: cn$4("rounded-md", className), style: { backgroundColor: "var(--ds-gray-200)", ...style2 } });
+  return jsxRuntimeExports.jsx("div", { ...props, className: cn$4("rounded-md bg-gray-200", className), style: style2 });
 }
 const TIME_UNITS = [
   { unit: "year", ms: 31536e6 },
@@ -64116,8 +64215,8 @@ function buildNameMaps(events2, run2) {
   const workflowName = (run2 == null ? void 0 : run2.workflowName) ? ((_b2 = parseWorkflowName(run2.workflowName)) == null ? void 0 : _b2.shortName) ?? run2.workflowName : null;
   return { correlationNameMap, workflowName };
 }
-function buildDurationMap(events2) {
-  const chronological = [...events2].sort((a2, b2) => getEffectiveEventTime(a2) - getEffectiveEventTime(b2));
+function buildDurationMap(events2, duplicateEventIds = /* @__PURE__ */ new Set()) {
+  const chronological = [...events2].filter((event) => !duplicateEventIds.has(event.eventId)).sort((a2, b2) => getEffectiveEventTime(a2) - getEffectiveEventTime(b2));
   const createdTimes = /* @__PURE__ */ new Map();
   const firstStartedTimes = /* @__PURE__ */ new Map();
   const startedTimes = /* @__PURE__ */ new Map();
@@ -64366,7 +64465,7 @@ function RowsSkeleton({ showSeparateEventOccurrenceTimestamps = false }) {
     marginLeft: i % 4 === 0 ? 5 : 6
   } })] }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0 flex items-center justify-center", children: jsxRuntimeExports.jsx(Skeleton$1, { className: "w-5 h-5", style: { borderRadius: 4 } }) }), showSeparateEventOccurrenceTimestamps && jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: "70%" } }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: "70%" } }) }), jsxRuntimeExports.jsxs("div", { className: "min-w-0 px-4 flex items-center gap-1.5", style: { flex: "2 1 0%" }, children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "flex-shrink-0", style: { width: 6, height: 6, borderRadius: "50%" } }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: "60%" } })] }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: "50%" } }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: "75%" } }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: "75%" } }) })] }, i)) });
 }
-function EventRow$1({ event, index: index2, isFirst, isLast, isExpanded, onToggleExpand, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData, onCacheEventData, encryptionKey, onEncryptedDataDetected, suppressGroupDimming = false, showSeparateEventOccurrenceTimestamps = false }) {
+function EventRow$1({ event, index: index2, isFirst, isLast, isExpanded, onToggleExpand, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData, onCacheEventData, encryptionKey, onEncryptedDataDetected, suppressGroupDimming = false, showSeparateEventOccurrenceTimestamps = false, isDuplicate = false }) {
   const [isLoading, setIsLoading] = reactExports.useState(false);
   const [loadedEventData, setLoadedEventData] = reactExports.useState(cachedEventData);
   const [loadError, setLoadError] = reactExports.useState(null);
@@ -64484,7 +64583,9 @@ function EventRow$1({ event, index: index2, isFirst, isLast, isExpanded, onToggl
   }, children: jsxRuntimeExports.jsx(ChevronRight, { className: "h-3 w-3 transition-transform", style: {
     color: "var(--ds-gray-900)",
     transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)"
-  } }) }), showSeparateEventOccurrenceTimestamps && jsxRuntimeExports.jsx("div", { className: "tabular-nums min-w-0 px-4", style: { color: "var(--ds-gray-900)", flex: "2 1 0%" }, children: occurredAt ? jsxRuntimeExports.jsx(TimestampTooltip, { date: occurredAt, children: jsxRuntimeExports.jsx("span", { children: formatEventTime(occurredAt) }) }) : "-" }), jsxRuntimeExports.jsx("div", { className: "tabular-nums min-w-0 px-4", style: { color: "var(--ds-gray-900)", flex: "2 1 0%" }, children: jsxRuntimeExports.jsx(TimestampTooltip, { date: displayedCreatedAt, children: jsxRuntimeExports.jsx("span", { children: formatEventTime(displayedCreatedAt) }) }) }), jsxRuntimeExports.jsx("div", { className: "font-medium min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", style: { color: "var(--ds-gray-900)" }, children: [jsxRuntimeExports.jsxs("span", { style: {
+  } }) }), showSeparateEventOccurrenceTimestamps && jsxRuntimeExports.jsx("div", { className: "tabular-nums min-w-0 px-4", style: { color: "var(--ds-gray-900)", flex: "2 1 0%" }, children: occurredAt ? jsxRuntimeExports.jsx(TimestampTooltip, { date: occurredAt, children: jsxRuntimeExports.jsx("span", { children: formatEventTime(occurredAt) }) }) : "-" }), jsxRuntimeExports.jsx("div", { className: "tabular-nums min-w-0 px-4", style: { color: "var(--ds-gray-900)", flex: "2 1 0%" }, children: jsxRuntimeExports.jsx(TimestampTooltip, { date: displayedCreatedAt, children: jsxRuntimeExports.jsx("span", { children: formatEventTime(displayedCreatedAt) }) }) }), jsxRuntimeExports.jsx("div", { className: "font-medium min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsx(DuplicateEventTooltip, { isDuplicate, children: jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", style: {
+    color: isDuplicate ? "var(--ds-gray-700)" : "var(--ds-gray-900)"
+  }, children: [jsxRuntimeExports.jsxs("span", { style: {
     position: "relative",
     display: "inline-flex",
     width: 6,
@@ -64503,7 +64604,7 @@ function EventRow$1({ event, index: index2, isFirst, isLast, isExpanded, onToggl
     height: 6,
     borderRadius: "50%",
     backgroundColor: statusDotColor
-  } })] }), formatEventType(event.eventType)] }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap", style: { flex: "2 1 0%" }, title: eventName !== "-" ? eventName : void 0, children: eventName }), jsxRuntimeExports.jsx(CopyableCell, { value: event.correlationId || "", className: "font-mono", style: { flex: "3 1 0%" } }), jsxRuntimeExports.jsx(CopyableCell, { value: event.eventId, className: "font-mono", style: { flex: "3 1 0%" } })] })] }), isExpanded && jsxRuntimeExports.jsxs("div", { className: "flex", children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst: false, isLast, isRunLevel: isRun, hasSelection: hasActive, showBranch: false, showLaneLine: showLaneLine && !isLaneEnd, isLaneStart: false, isLaneEnd: false, continuationOnly: true }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsxs("div", { className: "flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden", style: {
+  } })] }), formatEventType(event.eventType)] }) }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap", style: { flex: "2 1 0%" }, title: eventName !== "-" ? eventName : void 0, children: eventName }), jsxRuntimeExports.jsx(CopyableCell, { value: event.correlationId || "", className: "font-mono", style: { flex: "3 1 0%" } }), jsxRuntimeExports.jsx(CopyableCell, { value: event.eventId, className: "font-mono", style: { flex: "3 1 0%" } })] })] }), isExpanded && jsxRuntimeExports.jsxs("div", { className: "flex", children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst: false, isLast, isRunLevel: isRun, hasSelection: hasActive, showBranch: false, showLaneLine: showLaneLine && !isLaneEnd, isLaneStart: false, isLaneEnd: false, continuationOnly: true }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsxs("div", { className: "flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     opacity: contentOpacity,
     transition: "opacity 150ms"
@@ -64541,6 +64642,9 @@ function EventListViewInner({ events: events2, run: run2, onLoadEventData, hasMo
     const dir = effectiveSortOrder === "desc" ? -1 : 1;
     return [...sourceEvents].sort((a2, b2) => dir * (getEffectiveEventTime(a2) - getEffectiveEventTime(b2)));
   }, [events2, effectiveSortOrder, isExactSearchActive, searchResults]);
+  const duplicateEventIds = reactExports.useMemo(() => findDuplicateEventIds(events2 ?? [], {
+    isCompleteHistory: !hasMoreEvents && !isExactSearchActive
+  }), [events2, hasMoreEvents, isExactSearchActive]);
   const hasEncryptedInlineData = reactExports.useMemo(() => {
     const sourceEvents = isExactSearchActive ? searchResults : events2;
     if (!sourceEvents)
@@ -64558,7 +64662,7 @@ function EventListViewInner({ events: events2, run: run2, onLoadEventData, hasMo
   }, []);
   const hasEncryptedData = hasEncryptedDataProp || hasEncryptedInlineData || foundEncryptedInLazyData;
   const { correlationNameMap, workflowName } = reactExports.useMemo(() => buildNameMaps(isExactSearchActive ? searchResults : events2 ?? null, run2 ?? null), [events2, isExactSearchActive, run2, searchResults]);
-  const durationMap = reactExports.useMemo(() => buildDurationMap(sortedEvents), [sortedEvents]);
+  const durationMap = reactExports.useMemo(() => buildDurationMap(sortedEvents, duplicateEventIds), [sortedEvents, duplicateEventIds]);
   const [selectedGroupKey, setSelectedGroupKey] = reactExports.useState(void 0);
   const [hoveredGroupKey, setHoveredGroupKey] = reactExports.useState(void 0);
   const onSelectGroup = reactExports.useCallback((groupKey) => {
@@ -64774,7 +64878,7 @@ function EventListViewInner({ events: events2, run: run2, onLoadEventData, hasMo
     void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents());
   }, itemContent: (index2) => {
     const ev = sortedEvents[index2];
-    return jsxRuntimeExports.jsx(EventRow$1, { event: ev, index: index2, isFirst: index2 === 0, isLast: index2 === sortedEvents.length - 1, isExpanded: expandedEventIds.has(ev.eventId), onToggleExpand: toggleEventExpanded, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData: eventDataCacheRef.current.get(ev.eventId) ?? null, onCacheEventData: cacheEventData, encryptionKey, onEncryptedDataDetected: handleEncryptedDataDetected, suppressGroupDimming: isExactSearchActive, showSeparateEventOccurrenceTimestamps });
+    return jsxRuntimeExports.jsx(EventRow$1, { event: ev, index: index2, isFirst: index2 === 0, isLast: index2 === sortedEvents.length - 1, isExpanded: expandedEventIds.has(ev.eventId), onToggleExpand: toggleEventExpanded, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData: eventDataCacheRef.current.get(ev.eventId) ?? null, onCacheEventData: cacheEventData, encryptionKey, onEncryptedDataDetected: handleEncryptedDataDetected, suppressGroupDimming: isExactSearchActive, isDuplicate: duplicateEventIds.has(ev.eventId), showSeparateEventOccurrenceTimestamps });
   }, style: { flex: 1, minHeight: 0 } }), jsxRuntimeExports.jsxs("div", { className: "relative flex-shrink-0 flex items-center h-10 border-t px-4 text-label-12", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     color: "var(--ds-gray-900)",
@@ -64838,152 +64942,10 @@ function ResolveHookModal({ isOpen, onClose, onSubmit, isSubmitting = false }) {
   if (!isOpen) {
     return null;
   }
-  return jsxRuntimeExports.jsxs("div", { style: {
-    position: "fixed",
-    inset: 0,
-    zIndex: 50,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }, role: "dialog", "aria-modal": "true", "aria-labelledby": "resolve-hook-modal-title", children: [jsxRuntimeExports.jsx("div", { style: {
-    position: "absolute",
-    inset: 0,
-    background: "rgba(0, 0, 0, 0.7)"
-  }, onClick: isSubmitting ? void 0 : onClose }), jsxRuntimeExports.jsxs("div", { style: {
-    position: "relative",
-    zIndex: 10,
-    width: 480,
-    maxWidth: "calc(100% - 32px)",
-    borderRadius: 12,
-    border: "none",
-    boxShadow: "var(--ds-shadow-menu)",
-    background: "var(--ds-background-100)",
-    color: "var(--ds-gray-1000)",
-    overflow: "hidden"
-  }, children: [jsxRuntimeExports.jsxs("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: "16px 24px"
-  }, children: [jsxRuntimeExports.jsx("h2", { id: "resolve-hook-modal-title", style: {
-    margin: 0,
-    fontSize: 16,
-    fontWeight: 600,
-    color: "var(--ds-gray-1000)"
-  }, children: "Resolve Hook" }), jsxRuntimeExports.jsx("button", { type: "button", onClick: onClose, disabled: isSubmitting, "aria-label": "Close modal", style: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 4,
-    borderRadius: 6,
-    border: "none",
-    background: "transparent",
-    color: "var(--ds-gray-900)",
-    cursor: isSubmitting ? "not-allowed" : "pointer",
-    opacity: isSubmitting ? 0.5 : 1,
-    transition: "background 0.15s"
-  }, onMouseEnter: (e) => {
-    e.currentTarget.style.background = "var(--ds-gray-alpha-200)";
-  }, onMouseLeave: (e) => {
-    e.currentTarget.style.background = "transparent";
-  }, children: jsxRuntimeExports.jsx(X$3, { style: { width: 16, height: 16 } }) })] }), jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, children: [jsxRuntimeExports.jsxs("div", { style: { padding: "0 24px 16px" }, children: [jsxRuntimeExports.jsx("label", { htmlFor: "json-payload", style: {
-    display: "block",
-    fontSize: 14,
-    fontWeight: 500,
-    marginBottom: 6,
-    color: "var(--ds-gray-1000)"
-  }, children: "JSON Payload" }), jsxRuntimeExports.jsxs("p", { style: {
-    fontSize: 13,
-    marginBottom: 12,
-    marginTop: 0,
-    color: "var(--ds-gray-900)",
-    lineHeight: 1.5
-  }, children: ["Enter a JSON value to send to the hook. Leave empty to send", " ", jsxRuntimeExports.jsx("code", { style: {
-    padding: "2px 6px",
-    borderRadius: 4,
-    fontSize: 12,
-    fontFamily: 'var(--font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace)',
-    background: "var(--ds-gray-alpha-200)",
-    color: "var(--ds-gray-1000)"
-  }, children: "null" }), "."] }), jsxRuntimeExports.jsx("textarea", { ref: textareaRef, id: "json-payload", value: jsonInput, onChange: (e) => {
+  return jsxRuntimeExports.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", role: "dialog", "aria-modal": "true", "aria-labelledby": "resolve-hook-modal-title", children: [jsxRuntimeExports.jsx("div", { className: "absolute inset-0 bg-black/70", onClick: isSubmitting ? void 0 : onClose }), jsxRuntimeExports.jsxs("div", { className: "relative z-10 w-[480px] max-w-[calc(100%_-_32px)] overflow-hidden !border-none bg-background-100 text-gray-1000 material-menu", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [jsxRuntimeExports.jsx("h2", { id: "resolve-hook-modal-title", className: "m-0 font-semibold text-base text-gray-1000", children: "Resolve Hook" }), jsxRuntimeExports.jsx("button", { type: "button", onClick: onClose, disabled: isSubmitting, "aria-label": "Close modal", className: "flex cursor-pointer items-center justify-center rounded-md !border-none !bg-transparent p-1 text-gray-900 transition-colors hover:!bg-gray-alpha-200 disabled:cursor-not-allowed disabled:opacity-50", children: jsxRuntimeExports.jsx(X$3, { className: "size-4" }) })] }), jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, children: [jsxRuntimeExports.jsxs("div", { className: "px-6 pb-4", children: [jsxRuntimeExports.jsx("label", { htmlFor: "json-payload", className: "mb-1.5 block font-medium text-gray-1000 text-sm", children: "JSON Payload" }), jsxRuntimeExports.jsxs("p", { className: "mt-0 mb-3 text-[13px] text-gray-900 leading-[1.5]", children: ["Enter a JSON value to send to the hook. Leave empty to send", " ", jsxRuntimeExports.jsx("code", { className: "rounded bg-gray-alpha-200 px-1.5 py-0.5 font-mono text-gray-1000 text-xs", children: "null" }), "."] }), jsxRuntimeExports.jsx("textarea", { ref: textareaRef, id: "json-payload", value: jsonInput, onChange: (e) => {
     setJsonInput(e.target.value);
     setParseError(null);
-  }, onKeyDown: handleKeyDown, disabled: isSubmitting, placeholder: '{"key": "value"}', style: {
-    width: "100%",
-    height: 160,
-    padding: "8px 12px",
-    fontFamily: 'var(--font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace)',
-    fontSize: 13,
-    lineHeight: 1.5,
-    borderRadius: 8,
-    border: `1px solid ${parseError ? "var(--ds-red-700)" : "var(--ds-gray-alpha-400)"}`,
-    color: "var(--ds-gray-1000)",
-    background: "var(--ds-background-100)",
-    outline: "none",
-    resize: "none",
-    opacity: isSubmitting ? 0.5 : 1,
-    cursor: isSubmitting ? "not-allowed" : "text",
-    boxSizing: "border-box"
-  } }), parseError && jsxRuntimeExports.jsx("p", { style: {
-    marginTop: 8,
-    fontSize: 13,
-    color: "var(--ds-red-900)",
-    margin: "8px 0 0"
-  }, children: parseError }), jsxRuntimeExports.jsxs("p", { style: {
-    marginTop: 8,
-    fontSize: 12,
-    color: "var(--ds-gray-800)",
-    margin: "8px 0 0"
-  }, children: ["Press", " ", jsxRuntimeExports.jsxs("kbd", { style: {
-    padding: "2px 5px",
-    borderRadius: 4,
-    fontSize: 11,
-    fontFamily: 'var(--font-mono, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace)',
-    background: "var(--ds-gray-alpha-200)",
-    border: "1px solid var(--ds-gray-alpha-400)"
-  }, children: [isMacPlatform ? "⌘" : "Ctrl", "+Enter"] }), " ", "to submit"] })] }), jsxRuntimeExports.jsxs("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: 8,
-    padding: "12px 24px",
-    borderTop: "1px solid var(--ds-gray-alpha-400)"
-  }, children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: onClose, disabled: isSubmitting, style: {
-    padding: "8px 16px",
-    fontSize: 14,
-    fontWeight: 500,
-    borderRadius: 8,
-    border: "1px solid var(--ds-gray-alpha-400)",
-    background: "var(--ds-background-100)",
-    color: "var(--ds-gray-1000)",
-    cursor: isSubmitting ? "not-allowed" : "pointer",
-    opacity: isSubmitting ? 0.5 : 1,
-    transition: "background 0.15s"
-  }, onMouseEnter: (e) => {
-    e.currentTarget.style.background = "var(--ds-gray-alpha-100)";
-  }, onMouseLeave: (e) => {
-    e.currentTarget.style.background = "var(--ds-background-100)";
-  }, children: "Cancel" }), jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => void submitPayload(), disabled: isSubmitting, style: {
-    display: "flex",
-    alignItems: "center",
-    gap: 6,
-    padding: "8px 16px",
-    fontSize: 14,
-    fontWeight: 500,
-    borderRadius: 8,
-    border: "none",
-    background: "var(--ds-gray-1000)",
-    color: "var(--ds-background-100)",
-    cursor: isSubmitting ? "not-allowed" : "pointer",
-    opacity: isSubmitting ? 0.5 : 1,
-    transition: "opacity 0.15s"
-  }, onMouseEnter: (e) => {
-    if (!isSubmitting)
-      e.currentTarget.style.opacity = "0.9";
-  }, onMouseLeave: (e) => {
-    if (!isSubmitting)
-      e.currentTarget.style.opacity = "1";
-  }, children: [jsxRuntimeExports.jsx(Send, { style: { width: 14, height: 14 } }), isSubmitting ? "Sending..." : "Send Payload"] })] })] })] })] });
+  }, onKeyDown: handleKeyDown, disabled: isSubmitting, placeholder: '{"key": "value"}', className: cn$4("box-border h-40 w-full resize-none rounded-lg border bg-background-100 px-3 py-2 font-mono text-[13px] text-gray-1000 leading-[1.5] outline-none disabled:cursor-not-allowed disabled:opacity-50", parseError ? "border-red-700" : "border-gray-alpha-400") }), parseError && jsxRuntimeExports.jsx("p", { className: "mt-2 mb-0 text-[13px] text-red-900", children: parseError }), jsxRuntimeExports.jsxs("p", { className: "mt-2 mb-0 text-gray-800 text-xs", children: ["Press", " ", jsxRuntimeExports.jsxs("kbd", { className: "rounded border border-gray-alpha-400 bg-gray-alpha-200 px-[5px] py-0.5 font-mono text-[11px]", children: [isMacPlatform ? "⌘" : "Ctrl", "+Enter"] }), " ", "to submit"] })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2 border-gray-alpha-400 border-t px-6 py-3", children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: onClose, disabled: isSubmitting, className: "cursor-pointer rounded-lg border border-gray-alpha-400 bg-background-100 px-4 py-2 font-medium text-gray-1000 text-sm transition-colors hover:bg-gray-alpha-100 disabled:cursor-not-allowed disabled:opacity-50", children: "Cancel" }), jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => void submitPayload(), disabled: isSubmitting, className: "flex cursor-pointer items-center gap-1.5 rounded-lg !border-none bg-gray-1000 px-4 py-2 font-medium text-background-100 text-sm transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:opacity-50", children: [jsxRuntimeExports.jsx(Send, { className: "size-3.5" }), isSubmitting ? "Sending..." : "Send Payload"] })] })] })] })] });
 }
 function useHookActions({ onResolve, callbacks }) {
   const toast2 = useToast();
@@ -76557,7 +76519,7 @@ const knownMdxNames = /* @__PURE__ */ new Set([
   "mdxTextExpression",
   "mdxjsEsm"
 ]);
-const parseOptions = { sourceCodeLocationInfo: true, scriptingEnabled: false };
+const parseOptions$1 = { sourceCodeLocationInfo: true, scriptingEnabled: false };
 function raw(tree, options) {
   const document2 = documentMode(tree);
   const one2 = zwitch("type", {
@@ -76565,7 +76527,7 @@ function raw(tree, options) {
     unknown
   });
   const state = {
-    parser: document2 ? new Parser(parseOptions) : Parser.getFragmentParser(void 0, parseOptions),
+    parser: document2 ? new Parser(parseOptions$1) : Parser.getFragmentParser(void 0, parseOptions$1),
     handle(node2) {
       one2(node2, state);
     },
@@ -91682,7 +91644,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et = ({ className: e, language: t, style: o, isIncomplete: n, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot = ({ language: e }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e }) });
-var cn$1 = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-BZVc2guG.js").then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
+var cn$1 = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-DMhwZQgG.js").then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
   let i = reactExports.useMemo(() => e.replace(cn$1, ""), [e]), c = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i]);
   return jsxRuntimeExports.jsx(Se.Provider, { value: { code: e }, children: jsxRuntimeExports.jsxs(et, { isIncomplete: s2, language: t, children: [jsxRuntimeExports.jsx(ot, { language: t }), n ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe, { className: o, language: t, result: c, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o, code: i, language: t, raw: c, ...r2 }) })] }) });
@@ -92004,7 +91966,7 @@ var Dt = ({ children: e, className: t, onDownload: o, onError: n }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i, children: [jsxRuntimeExports.jsx("button", { className: f("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t), disabled: c, onClick: () => r2(!s2), title: "Download table", type: "button", children: e != null ? e : jsxRuntimeExports.jsx(Z, { size: 14 }) }), s2 ? jsxRuntimeExports.jsxs("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
 };
 var Vt = ({ children: e, className: t, showControls: o, ...n }) => jsxRuntimeExports.jsxs("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [o ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [jsxRuntimeExports.jsx(Ht, {}), jsxRuntimeExports.jsx(Dt, {})] }) : null, jsxRuntimeExports.jsx("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: jsxRuntimeExports.jsx("table", { className: f("w-full divide-y divide-border", t), "data-streamdown": "table", ...n, children: e }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-DOefrphg.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-CK9fLYE8.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke(e, t) {
   if (!(e != null && e.position || t != null && t.position)) return true;
   if (!(e != null && e.position && (t != null && t.position))) return false;
@@ -92448,76 +92410,59 @@ var Nt = ({ chart: e, className: t, config: o, fullscreen: n = false, showContro
 };
 function ConversationView({ messages }) {
   if (messages.length === 0) {
-    return jsxRuntimeExports.jsx("div", { className: "text-center py-8 text-[11px]", style: { color: "var(--ds-gray-600)" }, children: "No messages" });
+    return jsxRuntimeExports.jsx("div", { className: "py-8 text-center text-[11px] text-gray-600", children: "No messages" });
   }
   return jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3 p-3", children: messages.map((message2, index2) => jsxRuntimeExports.jsx(MessageBubble, { message: message2 }, index2)) });
 }
 function MessageBubble({ message: message2 }) {
   const role = message2.role;
   const parts = parseContent(message2.content);
-  const style2 = getRoleStyle(role);
-  return jsxRuntimeExports.jsxs("div", { className: "rounded-md border text-[11px]", style: {
-    backgroundColor: style2.bg,
-    borderColor: style2.border
-  }, children: [jsxRuntimeExports.jsx("div", { className: "px-2.5 py-1 border-b text-[10px] font-medium uppercase tracking-wide", style: {
-    borderColor: style2.border,
-    color: style2.label
-  }, children: role }), jsxRuntimeExports.jsx("div", { className: "px-2.5 py-2 space-y-2", children: parts.map((part, i) => jsxRuntimeExports.jsx(ContentPart, { part, role }, i)) })] });
+  const roleClasses = getRoleClasses(role);
+  return jsxRuntimeExports.jsxs("div", { className: `rounded-md border text-[11px] ${roleClasses.bubble}`, children: [jsxRuntimeExports.jsx("div", { className: `border-b px-2.5 py-1 font-medium text-[10px] uppercase tracking-wide ${roleClasses.label}`, children: role }), jsxRuntimeExports.jsx("div", { className: "px-2.5 py-2 space-y-2", children: parts.map((part, i) => jsxRuntimeExports.jsx(ContentPart, { part, role }, i)) })] });
 }
 function ContentPart({ part, role }) {
   if (part.type === "text") {
     if (!part.text)
       return null;
     if (role === "assistant") {
-      return jsxRuntimeExports.jsx("div", { className: "prose prose-sm max-w-none text-[11px] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", style: { color: "var(--ds-gray-1000)" }, children: jsxRuntimeExports.jsx(_r, { children: part.text }) });
+      return jsxRuntimeExports.jsx("div", { className: "prose prose-sm max-w-none text-[11px] text-gray-1000 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", children: jsxRuntimeExports.jsx(_r, { children: part.text }) });
     }
-    return jsxRuntimeExports.jsx("div", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-gray-1000)" }, children: part.text });
+    return jsxRuntimeExports.jsx("div", { className: "whitespace-pre-wrap break-words text-gray-1000", children: part.text });
   }
   if (part.type === "tool-call") {
-    return jsxRuntimeExports.jsxs("div", { className: "rounded border px-2 py-1.5", style: {
-      backgroundColor: "var(--ds-purple-100)",
-      borderColor: "var(--ds-purple-300)"
-    }, children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium", children: [jsxRuntimeExports.jsx("span", { children: "🔧" }), jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-purple-900)" }, children: part.toolName })] }), part.input != null && jsxRuntimeExports.jsx("div", { className: "mt-1.5 overflow-x-auto p-1.5 rounded", style: { backgroundColor: "var(--ds-gray-100)" }, children: typeof part.input === "string" ? jsxRuntimeExports.jsx("pre", { className: "text-[10px]", style: { color: "var(--ds-gray-800)" }, children: part.input }) : jsxRuntimeExports.jsx(DataInspector, { data: part.input }) })] });
+    return jsxRuntimeExports.jsxs("div", { className: "rounded border border-purple-300 bg-purple-100 px-2 py-1.5", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium", children: [jsxRuntimeExports.jsx("span", { children: "🔧" }), jsxRuntimeExports.jsx("span", { className: "text-purple-900", children: part.toolName })] }), part.input != null && jsxRuntimeExports.jsx("div", { className: "mt-1.5 overflow-x-auto rounded bg-gray-100 p-1.5", children: typeof part.input === "string" ? jsxRuntimeExports.jsx("pre", { className: "text-[10px] text-gray-800", children: part.input }) : jsxRuntimeExports.jsx(DataInspector, { data: part.input }) })] });
   }
   if (part.type === "tool-result") {
-    return jsxRuntimeExports.jsxs("div", { className: "rounded border px-2 py-1.5", style: {
-      backgroundColor: "var(--ds-green-100)",
-      borderColor: "var(--ds-green-300)"
-    }, children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium", children: [jsxRuntimeExports.jsx("span", { children: "✓" }), jsxRuntimeExports.jsxs("span", { style: { color: "var(--ds-green-900)" }, children: [part.toolName, " result"] })] }), part.output != null && jsxRuntimeExports.jsx("div", { className: "mt-1.5 overflow-x-auto max-h-[200px] overflow-y-auto p-1.5 rounded", style: { backgroundColor: "var(--ds-gray-100)" }, children: typeof part.output === "string" ? jsxRuntimeExports.jsx("pre", { className: "text-[10px]", style: { color: "var(--ds-gray-800)" }, children: part.output }) : jsxRuntimeExports.jsx(DataInspector, { data: part.output, expandLevel: 1 }) })] });
+    return jsxRuntimeExports.jsxs("div", { className: "rounded border border-green-300 bg-green-100 px-2 py-1.5", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-[10px] font-medium", children: [jsxRuntimeExports.jsx("span", { children: "✓" }), jsxRuntimeExports.jsxs("span", { className: "text-green-900", children: [part.toolName, " result"] })] }), part.output != null && jsxRuntimeExports.jsx("div", { className: "mt-1.5 max-h-[200px] overflow-x-auto overflow-y-auto rounded bg-gray-100 p-1.5", children: typeof part.output === "string" ? jsxRuntimeExports.jsx("pre", { className: "text-[10px] text-gray-800", children: part.output }) : jsxRuntimeExports.jsx(DataInspector, { data: part.output, expandLevel: 1 }) })] });
   }
   return null;
 }
-function getRoleStyle(role) {
+function getRoleClasses(role) {
   switch (role) {
     case "user":
       return {
-        bg: "var(--ds-blue-100)",
-        border: "var(--ds-blue-300)",
-        label: "var(--ds-blue-700)"
+        bubble: "border-blue-300 bg-blue-100",
+        label: "border-blue-300 text-blue-700"
       };
     case "assistant":
       return {
-        bg: "var(--ds-gray-100)",
-        border: "var(--ds-gray-300)",
-        label: "var(--ds-gray-700)"
+        bubble: "border-gray-300 bg-gray-100",
+        label: "border-gray-300 text-gray-700"
       };
     case "system":
       return {
-        bg: "var(--ds-amber-100)",
-        border: "var(--ds-amber-300)",
-        label: "var(--ds-amber-700)"
+        bubble: "border-amber-300 bg-amber-100",
+        label: "border-amber-300 text-amber-700"
       };
     case "tool":
       return {
-        bg: "var(--ds-green-50)",
-        border: "var(--ds-green-300)",
-        label: "var(--ds-green-700)"
+        bubble: "border-green-300 bg-green-100",
+        label: "border-green-300 text-green-700"
       };
     default:
       return {
-        bg: "var(--ds-gray-100)",
-        border: "var(--ds-gray-300)",
-        label: "var(--ds-gray-700)"
+        bubble: "border-gray-300 bg-gray-100",
+        label: "border-gray-300 text-gray-700"
       };
   }
 }
@@ -92568,13 +92513,13 @@ function useSidebarDataOptional() {
   return reactExports.useContext(SidebarDataContext);
 }
 const STREAM_SKELETON_ROWS = [
-  { id: "stream-skeleton-row-1", width: "72%" },
-  { id: "stream-skeleton-row-2", width: "58%" },
-  { id: "stream-skeleton-row-3", width: "80%" },
-  { id: "stream-skeleton-row-4", width: "64%" }
+  { id: "stream-skeleton-row-1", widthClassName: "w-[72%]" },
+  { id: "stream-skeleton-row-2", widthClassName: "w-[58%]" },
+  { id: "stream-skeleton-row-3", widthClassName: "w-4/5" },
+  { id: "stream-skeleton-row-4", widthClassName: "w-[64%]" }
 ];
 function StreamViewerSkeleton() {
-  return jsxRuntimeExports.jsxs("output", { "aria-busy": "true", "aria-label": "Loading stream", className: "flex h-full min-h-0 w-full flex-col overflow-hidden bg-background-100", children: [jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Loading stream…" }), jsxRuntimeExports.jsx("div", { className: "flex h-10 min-h-10 items-center border-b border-gray-alpha-400 px-3", children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3 w-10" }) }), jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: STREAM_SKELETON_ROWS.map((row) => jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-2 border-b border-gray-alpha-400 px-3", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3", style: { width: row.width } }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-4 shrink-0 rounded-sm" })] }, row.id)) })] });
+  return jsxRuntimeExports.jsxs("output", { "aria-busy": "true", "aria-label": "Loading stream", className: "flex h-full min-h-0 w-full flex-col overflow-hidden bg-background-100", children: [jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Loading stream…" }), jsxRuntimeExports.jsx("div", { className: "flex h-10 min-h-10 items-center border-b border-gray-alpha-400 px-3", children: jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3 w-10" }) }), jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: STREAM_SKELETON_ROWS.map((row) => jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-2 border-b border-gray-alpha-400 px-3", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: `h-3 ${row.widthClassName}` }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-4 shrink-0 rounded-sm" })] }, row.id)) })] });
 }
 const ChunkRow = ReactExports.memo(function ChunkRow2({ chunk }) {
   return jsxRuntimeExports.jsxs("div", { className: "flex w-full items-start gap-1 border-b border-gray-alpha-400 px-3 py-2", children: [jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1", children: typeof chunk.value === "string" ? jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words text-label-12 font-mono text-gray-1000", children: chunk.value }) : jsxRuntimeExports.jsx(DataInspector, { data: chunk.value, expandLevel: 1 }) }), jsxRuntimeExports.jsx(CopyButton, { copyText: serializeForClipboard(chunk.value), ariaLabel: "Copy chunk", className: "shrink-0 -mr-1 [&>div]:h-4 [&>div]:w-4 [&_svg]:h-4 [&_svg]:w-4" })] });
@@ -92595,7 +92540,7 @@ function StreamViewer({ streamId: _streamId, chunks, isLive, error: error2, isLo
   if (isLoading && chunks.length === 0) {
     return jsxRuntimeExports.jsx(StreamViewerSkeleton, {});
   }
-  return jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden bg-background-100", children: [jsxRuntimeExports.jsx("div", { className: "flex h-10 min-h-10 items-center gap-1.5 border-b border-gray-alpha-400 px-3", children: isLive && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-green-600" }), jsxRuntimeExports.jsx("span", { className: "text-label-12 text-green-700", children: "Live" })] }) }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: error2 ? jsxRuntimeExports.jsxs("div", { className: "border-b border-red-400 bg-red-100 px-3 py-2 text-label-12 text-red-900", children: [jsxRuntimeExports.jsx("div", { children: "Error reading stream:" }), jsxRuntimeExports.jsx("div", { children: error2 })] }) : chunks.length === 0 ? jsxRuntimeExports.jsx("div", { className: "flex h-10 items-center border-b border-gray-alpha-400 bg-background-200 px-3 text-label-12 text-gray-900", children: isLive ? "Waiting for stream data..." : "Stream is empty" }) : jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: chunks.length, overscan: 10, endReached: () => onScrollEnd == null ? void 0 : onScrollEnd(), itemContent: (index2) => jsxRuntimeExports.jsx("div", { className: "w-full", children: jsxRuntimeExports.jsx(ChunkRow, { chunk: chunks[index2] }) }), style: { flex: 1, minHeight: 0 } }) })] });
+  return jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden bg-background-100", children: [jsxRuntimeExports.jsx("div", { className: "flex h-10 min-h-10 items-center gap-1.5 border-b border-gray-alpha-400 px-3", children: isLive && jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-green-600" }), jsxRuntimeExports.jsx("span", { className: "text-label-12 text-green-700", children: "Live" })] }) }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: error2 ? jsxRuntimeExports.jsxs("div", { className: "border-b border-red-400 bg-red-100 px-3 py-2 text-label-12 text-red-900", children: [jsxRuntimeExports.jsx("div", { children: "Error reading stream:" }), jsxRuntimeExports.jsx("div", { children: error2 })] }) : chunks.length === 0 ? jsxRuntimeExports.jsx("div", { className: "flex h-10 items-center border-b border-gray-alpha-400 bg-background-200 px-3 text-label-12 text-gray-900", children: isLive ? "Waiting for stream data..." : "Stream is empty" }) : jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: chunks.length, overscan: 10, endReached: () => onScrollEnd == null ? void 0 : onScrollEnd(), itemContent: (index2) => jsxRuntimeExports.jsx("div", { className: "w-full", children: jsxRuntimeExports.jsx(ChunkRow, { chunk: chunks[index2] }) }), className: "min-h-0 flex-1" }) })] });
 }
 function shouldShowVerticalLine(eventType) {
   if (isHookLifecycleEventType(eventType)) {
@@ -92988,9 +92933,13 @@ function cascadeSpans(runSpan, spans) {
     };
   });
 }
-function buildTrace(run2, events2, now2) {
-  const groupedEvents = groupEventsByCorrelation(events2);
-  const latestKnownTime = computeLatestKnownTime(events2, run2);
+function buildTrace(run2, events2, now2, { isCompleteHistory = false } = {}) {
+  const duplicateEventIds = findDuplicateEventIds(events2, {
+    isCompleteHistory
+  });
+  const actedOnEvents = duplicateEventIds.size === 0 ? events2 : events2.filter((event) => !duplicateEventIds.has(event.eventId));
+  const groupedEvents = groupEventsByCorrelation(actedOnEvents);
+  const latestKnownTime = computeLatestKnownTime(actedOnEvents, run2);
   const { runSpan, spans } = buildSpans(run2, groupedEvents, now2, latestKnownTime);
   const sortedCascadingSpans = cascadeSpans(runSpan, spans);
   const traceStartMs = otelTimeToMs(runSpan.startTime);
@@ -93007,34 +92956,72 @@ function buildTrace(run2, events2, now2) {
         }
       }
     ],
-    knownDurationMs: Math.max(0, knownDurationMs)
+    knownDurationMs: Math.max(0, knownDurationMs),
+    duplicateEventIds
   };
 }
-const GUTTER_PX = 1;
-const MIN_PX = 50;
-const DEFAULT_START_PX = 340;
-function paneColTemplate(startPx) {
-  return `${startPx}px ${GUTTER_PX}px minmax(${MIN_PX}px, 1fr)`;
-}
-const COL_TEMPLATE = paneColTemplate(DEFAULT_START_PX);
 const ROWS = [
-  { id: "r0", name: 62, off: 0, bar: 72 },
-  { id: "r1", name: 78, off: 6, bar: 48 },
-  { id: "r2", name: 50, off: 10, bar: 55 },
-  { id: "r3", name: 84, off: 18, bar: 30 },
-  { id: "r4", name: 45, off: 18, bar: 42 },
-  { id: "r5", name: 66, off: 34, bar: 38 },
-  { id: "r6", name: 55, off: 41, bar: 25 },
-  { id: "r7", name: 40, off: 50, bar: 30 }
+  {
+    id: "r0",
+    nameClassName: "w-[62%]",
+    offsetClassName: "left-0",
+    barClassName: "w-[72%]",
+    topClassName: "top-0"
+  },
+  {
+    id: "r1",
+    nameClassName: "w-[78%]",
+    offsetClassName: "left-[6%]",
+    barClassName: "w-[48%]",
+    topClassName: "top-[3.5px]"
+  },
+  {
+    id: "r2",
+    nameClassName: "w-1/2",
+    offsetClassName: "left-[10%]",
+    barClassName: "w-[55%]",
+    topClassName: "top-[7px]"
+  },
+  {
+    id: "r3",
+    nameClassName: "w-[84%]",
+    offsetClassName: "left-[18%]",
+    barClassName: "w-[30%]",
+    topClassName: "top-[10.5px]"
+  },
+  {
+    id: "r4",
+    nameClassName: "w-[45%]",
+    offsetClassName: "left-[18%]",
+    barClassName: "w-[42%]",
+    topClassName: "top-[14px]"
+  },
+  {
+    id: "r5",
+    nameClassName: "w-[66%]",
+    offsetClassName: "left-[34%]",
+    barClassName: "w-[38%]",
+    topClassName: "top-[17.5px]"
+  },
+  {
+    id: "r6",
+    nameClassName: "w-[55%]",
+    offsetClassName: "left-[41%]",
+    barClassName: "w-1/4",
+    topClassName: "top-[21px]"
+  },
+  {
+    id: "r7",
+    nameClassName: "w-2/5",
+    offsetClassName: "left-1/2",
+    barClassName: "w-[30%]",
+    topClassName: "top-[24.5px]"
+  }
 ];
 const HEADER_MARKERS = ["m0", "m1", "m2", "m3"];
 const HeaderDivider = () => jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "h-full w-px bg-gray-alpha-400" }) });
 function TraceViewerSkeleton() {
-  return jsxRuntimeExports.jsxs("output", { "aria-busy": "true", "aria-label": "Loading trace", className: "flex flex-col w-full h-full min-h-0 bg-background-100", children: [jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Loading trace…" }), jsxRuntimeExports.jsx("div", { className: "relative h-10 min-h-10 shrink-0 border-b border-gray-alpha-400", children: jsxRuntimeExports.jsx("div", { className: "absolute inset-x-4 top-[6px]", children: ROWS.map((row, index2) => jsxRuntimeExports.jsx(Skeleton$1, { className: "absolute h-[3px] rounded-full", style: {
-    left: `${row.off}%`,
-    width: `${row.bar}%`,
-    top: index2 * 3.5
-  } }, row.id)) }) }), jsxRuntimeExports.jsxs("div", { className: "shrink-0 grid", style: { gridTemplateColumns: COL_TEMPLATE }, children: [jsxRuntimeExports.jsxs("div", { className: "h-10 min-h-10 flex items-center border-b border-gray-alpha-400 pl-4 pr-2 gap-1.5", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "w-3.5 h-3.5 shrink-0 rounded-sm" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3.5 w-40" })] }), jsxRuntimeExports.jsx(HeaderDivider, {}), jsxRuntimeExports.jsx("div", { className: "h-10 min-h-10 flex items-end border-b border-gray-alpha-400 px-4 pb-1 gap-2", children: jsxRuntimeExports.jsx("div", { className: "relative flex-1 flex items-end justify-between", children: HEADER_MARKERS.map((id2) => jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3.5 w-9" }, id2)) }) })] }), jsxRuntimeExports.jsxs("div", { className: "grid flex-1 min-h-0 overflow-hidden", style: { gridTemplateColumns: COL_TEMPLATE }, children: [jsxRuntimeExports.jsx("div", { className: "block overflow-visible", children: jsxRuntimeExports.jsx("ul", { className: "block divide-y divide-gray-alpha-400 border-b border-gray-alpha-400", children: ROWS.map((row) => jsxRuntimeExports.jsxs("li", { className: "h-10 flex items-center pl-4 pr-2", children: [jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "w-4 h-4 shrink-0 rounded-sm" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3.5", style: { width: `${row.name}%` } })] }), jsxRuntimeExports.jsx(Skeleton$1, { className: "ml-2 h-3.5 w-10 shrink-0" })] }, row.id)) }) }), jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "h-full w-px bg-gray-alpha-400" }), jsxRuntimeExports.jsx("div", { className: "relative min-h-0", children: ROWS.map((row) => jsxRuntimeExports.jsx("div", { className: "relative h-10", children: jsxRuntimeExports.jsx("div", { className: "absolute inset-x-4 inset-y-0", children: jsxRuntimeExports.jsx(Skeleton$1, { className: "absolute top-1/2 -translate-y-1/2 h-6 rounded-[0.25rem]", style: { left: `${row.off}%`, width: `${row.bar}%` } }) }) }, row.id)) })] })] });
+  return jsxRuntimeExports.jsxs("output", { "aria-busy": "true", "aria-label": "Loading trace", className: "flex flex-col w-full h-full min-h-0 bg-background-100", children: [jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Loading trace…" }), jsxRuntimeExports.jsx("div", { className: "relative h-10 min-h-10 shrink-0 border-b border-gray-alpha-400", children: jsxRuntimeExports.jsx("div", { className: "absolute inset-x-4 top-[6px]", children: ROWS.map((row) => jsxRuntimeExports.jsx(Skeleton$1, { className: `absolute h-[3px] rounded-full ${row.offsetClassName} ${row.barClassName} ${row.topClassName}` }, row.id)) }) }), jsxRuntimeExports.jsxs("div", { className: "grid shrink-0 grid-cols-[340px_1px_minmax(50px,1fr)]", children: [jsxRuntimeExports.jsxs("div", { className: "h-10 min-h-10 flex items-center border-b border-gray-alpha-400 pl-4 pr-2 gap-1.5", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "w-3.5 h-3.5 shrink-0 rounded-sm" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3.5 w-40" })] }), jsxRuntimeExports.jsx(HeaderDivider, {}), jsxRuntimeExports.jsx("div", { className: "h-10 min-h-10 flex items-end border-b border-gray-alpha-400 px-4 pb-1 gap-2", children: jsxRuntimeExports.jsx("div", { className: "relative flex-1 flex items-end justify-between", children: HEADER_MARKERS.map((id2) => jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3.5 w-9" }, id2)) }) })] }), jsxRuntimeExports.jsxs("div", { className: "grid min-h-0 flex-1 grid-cols-[340px_1px_minmax(50px,1fr)] overflow-hidden", children: [jsxRuntimeExports.jsx("div", { className: "block overflow-visible", children: jsxRuntimeExports.jsx("ul", { className: "block divide-y divide-gray-alpha-400 border-b border-gray-alpha-400", children: ROWS.map((row) => jsxRuntimeExports.jsxs("li", { className: "h-10 flex items-center pl-4 pr-2", children: [jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "w-4 h-4 shrink-0 rounded-sm" }), jsxRuntimeExports.jsx(Skeleton$1, { className: `h-3.5 ${row.nameClassName}` })] }), jsxRuntimeExports.jsx(Skeleton$1, { className: "ml-2 h-3.5 w-10 shrink-0" })] }, row.id)) }) }), jsxRuntimeExports.jsx("span", { "aria-hidden": true, className: "h-full w-px bg-gray-alpha-400" }), jsxRuntimeExports.jsx("div", { className: "relative min-h-0", children: ROWS.map((row) => jsxRuntimeExports.jsx("div", { className: "relative h-10", children: jsxRuntimeExports.jsx("div", { className: "absolute inset-x-4 inset-y-0", children: jsxRuntimeExports.jsx(Skeleton$1, { className: `absolute top-1/2 h-6 -translate-y-1/2 rounded-[0.25rem] ${row.offsetClassName} ${row.barClassName}` }) }) }, row.id)) })] })] });
 }
 function useIntersectionObserver(elementRef, { threshold = 0, rootRef, rootMargin = "0%", freezeOnceVisible = false } = {}) {
   const [entry2, setEntry] = reactExports.useState();
@@ -93114,11 +93101,6 @@ const kbdVariants = cva("inline-flex items-center justify-center rounded px-1 te
 function Kbd({ children: children2, className, variant, size: size2, ...props }) {
   return jsxRuntimeExports.jsx("kbd", { className: cn$4(kbdVariants({ variant, size: size2, className })), ...props, children: children2 });
 }
-const TooltipProvider = Provider$2;
-const Tooltip$1 = Root3$1;
-const TooltipTrigger$1 = Trigger$4;
-const TooltipContent$1 = reactExports.forwardRef(({ className, sideOffset = 8, showArrow = true, children: children2, ...props }, ref) => jsxRuntimeExports.jsx(Portal$6, { children: jsxRuntimeExports.jsxs(Content2$4, { ref, sideOffset, className: cn$4("z-[99999] flex items-center gap-1 rounded-[10px] bg-gray-1000 px-2 py-1.5 !text-label-13 text-background-100 shadow-md select-none", className), ...props, children: [children2, showArrow ? jsxRuntimeExports.jsx(Arrow2$1, { width: 11, height: 5, className: "fill-gray-1000" }) : null] }) }));
-TooltipContent$1.displayName = Content2$4.displayName;
 const millisecondsInWeek = 6048e5;
 const millisecondsInDay = 864e5;
 const millisecondsInMinute = 6e4;
@@ -95210,7 +95192,7 @@ const formatEventTimestamp = (date2) => date2.toLocaleString(void 0, {
   fractionalSecondDigits: 3,
   timeZoneName: "short"
 });
-function EventItem({ event, onLoadEventData, encryptionKey, showSeparateEventOccurrenceTimestamps = false }) {
+function EventItem({ event, onLoadEventData, encryptionKey, showSeparateEventOccurrenceTimestamps = false, isDuplicate = false }) {
   const [loadedData, setLoadedData] = reactExports.useState(null);
   const [isLoading, setIsLoading] = reactExports.useState(false);
   const [loadError, setLoadError] = reactExports.useState(null);
@@ -95262,7 +95244,7 @@ function EventItem({ event, onLoadEventData, encryptionKey, showSeparateEventOcc
   return jsxRuntimeExports.jsxs(CollapsibleRoot, { variant: "card", onOpenChange: canHaveData ? (open2) => {
     if (open2)
       handleExpand();
-  } : void 0, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { className: "px-3 py-2", children: jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [jsxRuntimeExports.jsx("span", { className: "text-gray-1000 text-label-12 font-mono", children: event.eventType }), jsxRuntimeExports.jsx("span", { className: "shrink-0 text-label-13 text-gray-900", children: displayedCreatedAtTime })] }) }), jsxRuntimeExports.jsxs(CollapsibleContent, { children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-col bg-background-200 [&:has(+_*)]:border-b [&:has(+_*)]:border-gray-alpha-400", children: [showSeparateEventOccurrenceTimestamps && occurredAt && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Occurred" }), jsxRuntimeExports.jsx(TimestampTooltip, { date: occurredAt, children: jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: formatEventTimestamp(occurredAt) }) })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Event ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.eventId })] }), event.correlationId && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Correlation ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.correlationId })] })] }), isLoading && jsxRuntimeExports.jsxs("div", { className: "p-3", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-[35%]" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "mt-2 h-4 w-[90%]" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "mt-2 h-4 w-[75%]" })] }), loadError && jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load event data", details: loadError, className: "mt-2" }), displayPayload != null && jsxRuntimeExports.jsx("div", { className: "[&>div]:border-none [&>div]:rounded-none", children: jsxRuntimeExports.jsx(EventDataBlock, { eventType: event.eventType, data: displayPayload }) })] })] });
+  } : void 0, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { className: "px-3 py-2", children: jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [jsxRuntimeExports.jsx(DuplicateEventTooltip, { isDuplicate, children: jsxRuntimeExports.jsx("span", { className: `text-label-12 font-mono ${isDuplicate ? "text-gray-700" : "text-gray-1000"}`, children: event.eventType }) }), jsxRuntimeExports.jsx("span", { className: "shrink-0 text-label-13 text-gray-900", children: displayedCreatedAtTime })] }) }), jsxRuntimeExports.jsxs(CollapsibleContent, { children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-col bg-background-200 [&:has(+_*)]:border-b [&:has(+_*)]:border-gray-alpha-400", children: [showSeparateEventOccurrenceTimestamps && occurredAt && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Occurred" }), jsxRuntimeExports.jsx(TimestampTooltip, { date: occurredAt, children: jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: formatEventTimestamp(occurredAt) }) })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Event ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.eventId })] }), event.correlationId && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 py-2 px-3", children: [jsxRuntimeExports.jsx("span", { className: "text-label-12 text-gray-900", children: "Correlation ID" }), jsxRuntimeExports.jsx("span", { className: "max-w-[70%] truncate text-right text-label-12 font-mono", children: event.correlationId })] })] }), isLoading && jsxRuntimeExports.jsxs("div", { className: "p-3", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-[35%]" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "mt-2 h-4 w-[90%]" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "mt-2 h-4 w-[75%]" })] }), loadError && jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load event data", details: loadError, className: "mt-2" }), displayPayload != null && jsxRuntimeExports.jsx("div", { className: "[&>div]:border-none [&>div]:rounded-none", children: jsxRuntimeExports.jsx(EventDataBlock, { eventType: event.eventType, data: displayPayload }) })] })] });
 }
 function hasOnlyExpiredFields(data, eventType) {
   if (data === null || typeof data !== "object" || Array.isArray(data)) {
@@ -95298,13 +95280,13 @@ function EventDataBlock({ eventType, data }) {
   }
   return jsxRuntimeExports.jsx(CopyableDataBlock, { data });
 }
-function EventsList({ events: events2, isLoading = false, error: error2, onLoadEventData, onStreamClick, onRunClick, encryptionKey, showSeparateEventOccurrenceTimestamps = false }) {
+function EventsList({ events: events2, isLoading = false, error: error2, onLoadEventData, onStreamClick, onRunClick, encryptionKey, showSeparateEventOccurrenceTimestamps = false, duplicateEventIds }) {
   const sortedEvents = reactExports.useMemo(() => [...events2].sort((a2, b2) => getEffectiveEventDate(a2).getTime() - getEffectiveEventDate(b2).getTime()), [events2]);
   const hasEvents = sortedEvents.length > 0 && !error2;
   if (!hasEvents && !isLoading) {
     return jsxRuntimeExports.jsx(Collapsible, { label: "Events", disabled: true });
   }
-  return jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Events" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mb-0", children: isLoading ? jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: [0, 1, 2].map((i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 bg-background-200 px-4 py-2", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-32 rounded" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3 w-16 rounded" })] }, i)) }) : jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: sortedEvents.map((event) => jsxRuntimeExports.jsx(EventItem, { event, onLoadEventData, encryptionKey, showSeparateEventOccurrenceTimestamps }, event.eventId)) }) })] }) }) });
+  return jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsxs(CollapsibleRoot, { defaultOpen: true, children: [jsxRuntimeExports.jsx(CollapsibleTrigger, { children: "Events" }), jsxRuntimeExports.jsx(CollapsibleContent, { className: "mb-0", children: isLoading ? jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: [0, 1, 2].map((i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 bg-background-200 px-4 py-2", children: [jsxRuntimeExports.jsx(Skeleton$1, { className: "h-4 w-32 rounded" }), jsxRuntimeExports.jsx(Skeleton$1, { className: "h-3 w-16 rounded" })] }, i)) }) : jsxRuntimeExports.jsx("div", { className: "flex flex-col -mx-4", children: sortedEvents.map((event) => jsxRuntimeExports.jsx(EventItem, { event, onLoadEventData, encryptionKey, showSeparateEventOccurrenceTimestamps, isDuplicate: duplicateEventIds == null ? void 0 : duplicateEventIds.has(event.eventId) }, event.eventId)) }) })] }) }) });
 }
 const hasField = (value, key) => key in value;
 const RESOURCES_WITH_FETCHED_DETAIL = /* @__PURE__ */ new Set(["run", "step", "sleep"]);
@@ -95624,7 +95606,7 @@ function EntityDetailPanel({ run: run2, onStreamClick, onRunClick, fetchSpanDeta
   }, children: [jsxRuntimeExports.jsx(Zap, { className: "h-4 w-4" }), stoppingSleep ? "Waking up..." : "Wake Up Sleep"] }), resource === "hook" && canResolveHook && jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => setShowResolveHookModal(true), disabled: resolvingHook, className: clsx("flex items-center justify-center gap-2 rounded-md px-3 py-2 text-button-14", "disabled:opacity-50 disabled:cursor-not-allowed transition-colors", resolvingHook ? "opacity-50 cursor-not-allowed" : "cursor-pointer"), style: {
     background: "var(--ds-gray-1000)",
     color: "var(--ds-background-100)"
-  }, children: [jsxRuntimeExports.jsx(Send, { className: "h-4 w-4" }), "Resolve Hook"] })] })] }), jsxRuntimeExports.jsx(AttributePanel, { data: displayData, moduleSpecifier, moduleSourceUrl, expiredAt: run2.expiredAt, isLoading: loading, error: error2 ?? void 0, onStreamClick, onRunClick, onDecrypt, isDecrypting, resource }), rawEvents && jsxRuntimeExports.jsx(EventsList, { events: rawEvents, onLoadEventData, onStreamClick, onRunClick, encryptionKey, showSeparateEventOccurrenceTimestamps })] }) }), jsxRuntimeExports.jsx(ResolveHookModal, { isOpen: showResolveHookModal, onClose: () => setShowResolveHookModal(false), onSubmit: handleResolveHook, isSubmitting: resolvingHook })] });
+  }, children: [jsxRuntimeExports.jsx(Send, { className: "h-4 w-4" }), "Resolve Hook"] })] })] }), jsxRuntimeExports.jsx(AttributePanel, { data: displayData, moduleSpecifier, moduleSourceUrl, expiredAt: run2.expiredAt, isLoading: loading, error: error2 ?? void 0, onStreamClick, onRunClick, onDecrypt, isDecrypting, resource }), rawEvents && jsxRuntimeExports.jsx(EventsList, { events: rawEvents, onLoadEventData, onStreamClick, onRunClick, encryptionKey, showSeparateEventOccurrenceTimestamps, duplicateEventIds: selectedSpan == null ? void 0 : selectedSpan.duplicateEventIds })] }) }), jsxRuntimeExports.jsx(ResolveHookModal, { isOpen: showResolveHookModal, onClose: () => setShowResolveHookModal(false), onSubmit: handleResolveHook, isSubmitting: resolvingHook })] });
 }
 const ActiveSpanContext = reactExports.createContext(null);
 ActiveSpanContext.displayName = "ActiveSpanContext";
@@ -95846,7 +95828,8 @@ function useSelectedSpanInfo() {
       data: (_b2 = activeSpan.attributes) == null ? void 0 : _b2.data,
       resource,
       spanId: activeSpan.spanId,
-      rawEvents
+      rawEvents,
+      duplicateEventIds: sidebar.duplicateEventIds
     };
   }, [activeSpan, sidebar]);
 }
@@ -95922,16 +95905,16 @@ function TraceDetailPanel({ containerRef, onNavigateToSpan, onClose }) {
   return jsxRuntimeExports.jsxs("aside", { ref: asideRef, id: DETAIL_PANEL_ID, className: "relative flex flex-col h-full max-h-full shrink-0 bg-background-100 border-l border-gray-alpha-400", style: { width: panelWidth }, children: [jsxRuntimeExports.jsx(DraggableBorder, { element: asideRef, position: "left", onWidthChange: handleResize, onReset: () => handleResize(PANEL_DEFAULT_WIDTH), "aria-label": "Resize span details panel", "aria-controls": DETAIL_PANEL_ID, "aria-valuemin": PANEL_MIN_WIDTH, "aria-valuemax": panelMaxWidth, "aria-valuenow": Math.min(Math.max(Math.round(panelWidth), PANEL_MIN_WIDTH), panelMaxWidth) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 py-[7.5px]", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 font-medium text-gray-1000 truncate block", children: selectedSpanName }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate up", "aria-keyshortcuts": "K", onClick: handleSelectPrev, disabled: !prevSpanId, children: jsxRuntimeExports.jsx(ChevronUp, { className: "w-4 h-4" }) }) }), prevSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate up", jsxRuntimeExports.jsx(Kbd, { children: "K" })] }) : null] }), jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate down", "aria-keyshortcuts": "J", onClick: handleSelectNext, disabled: !nextSpanId, children: jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4" }) }) }), nextSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate down", jsxRuntimeExports.jsx(Kbd, { children: "J" })] }) : null] }), jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "w-px h-4 bg-gray-alpha-400 mx-1" }), jsxRuntimeExports.jsx(IconButton, { "aria-label": "Close span details", "aria-keyshortcuts": "Escape", onClick: onClose, children: jsxRuntimeExports.jsx(X$3, { className: "w-4 h-4" }) })] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary$1, { children: jsxRuntimeExports.jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, fetchSpanDetail: sidebar.fetchSpanDetail, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan, showSeparateEventOccurrenceTimestamps: sidebar.showSeparateEventOccurrenceTimestamps, getModuleSourceUrl: sidebar.getModuleSourceUrl }) }) })] });
 }
 const WorkflowIcon = () => {
-  return jsxRuntimeExports.jsx("svg", { "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", style: { color: "currentColor" }, viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { d: "M5.75 7L6.4209 7.33594L4.85254 10.4717C5.38789 10.771 5.75 11.3431 5.75 12V14C5.75 14.9665 4.96648 15.75 4 15.75H2C1.03352 15.75 0.25 14.9665 0.25 14V12C0.25 11.0335 1.03352 10.25 2 10.25H3.28711L5.0791 6.66504L5.75 7ZM14 10.25C14.9665 10.25 15.75 11.0335 15.75 12V14C15.75 14.9665 14.9665 15.75 14 15.75H12C11.1185 15.75 10.3909 15.098 10.2695 14.25H7V12.75H10.25V12C10.25 11.0335 11.0335 10.25 12 10.25H14ZM2 11.75C1.86192 11.75 1.75 11.8619 1.75 12V14C1.75 14.1381 1.86192 14.25 2 14.25H4C4.13808 14.25 4.25 14.1381 4.25 14V12C4.25 11.8619 4.13808 11.75 4 11.75H2ZM12 11.75C11.8619 11.75 11.75 11.8619 11.75 12V14C11.75 14.1381 11.8619 14.25 12 14.25H14C14.1381 14.25 14.25 14.1381 14.25 14V12C14.25 11.8619 14.1381 11.75 14 11.75H12ZM9 0.25C9.96649 0.25 10.75 1.03351 10.75 2V4C10.75 4.44642 10.5808 4.85197 10.3057 5.16113L12.2041 8.6416L10.8877 9.36035L8.91895 5.75H7C6.03351 5.75 5.25 4.96649 5.25 4V2C5.25 1.03351 6.03351 0.25 7 0.25H9ZM7 1.75C6.86193 1.75 6.75 1.86193 6.75 2V4C6.75 4.13807 6.86193 4.25 7 4.25H9C9.13807 4.25 9.25 4.13807 9.25 4V2C9.25 1.86193 9.13807 1.75 9 1.75H7Z", fill: "currentColor" }) });
+  return jsxRuntimeExports.jsx("svg", { "aria-hidden": "true", "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { d: "M5.75 7L6.4209 7.33594L4.85254 10.4717C5.38789 10.771 5.75 11.3431 5.75 12V14C5.75 14.9665 4.96648 15.75 4 15.75H2C1.03352 15.75 0.25 14.9665 0.25 14V12C0.25 11.0335 1.03352 10.25 2 10.25H3.28711L5.0791 6.66504L5.75 7ZM14 10.25C14.9665 10.25 15.75 11.0335 15.75 12V14C15.75 14.9665 14.9665 15.75 14 15.75H12C11.1185 15.75 10.3909 15.098 10.2695 14.25H7V12.75H10.25V12C10.25 11.0335 11.0335 10.25 12 10.25H14ZM2 11.75C1.86192 11.75 1.75 11.8619 1.75 12V14C1.75 14.1381 1.86192 14.25 2 14.25H4C4.13808 14.25 4.25 14.1381 4.25 14V12C4.25 11.8619 4.13808 11.75 4 11.75H2ZM12 11.75C11.8619 11.75 11.75 11.8619 11.75 12V14C11.75 14.1381 11.8619 14.25 12 14.25H14C14.1381 14.25 14.25 14.1381 14.25 14V12C14.25 11.8619 14.1381 11.75 14 11.75H12ZM9 0.25C9.96649 0.25 10.75 1.03351 10.75 2V4C10.75 4.44642 10.5808 4.85197 10.3057 5.16113L12.2041 8.6416L10.8877 9.36035L8.91895 5.75H7C6.03351 5.75 5.25 4.96649 5.25 4V2C5.25 1.03351 6.03351 0.25 7 0.25H9ZM7 1.75C6.86193 1.75 6.75 1.86193 6.75 2V4C6.75 4.13807 6.86193 4.25 7 4.25H9C9.13807 4.25 9.25 4.13807 9.25 4V2C9.25 1.86193 9.13807 1.75 9 1.75H7Z", fill: "currentColor" }) });
 };
 const WebhookIcon = () => {
-  return jsxRuntimeExports.jsx("svg", { "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", style: { color: "currentColor" }, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.8349 3.24994C5.14454 4.44567 5.55423 5.97464 6.74996 6.665L7.39465 7.03721L7.02726 7.68466L5.14599 11C5.21289 11.1531 5.25 11.3222 5.25 11.5C5.25 12.1904 4.69036 12.75 4 12.75C3.30964 12.75 2.75 12.1904 2.75 11.5C2.75 10.8634 3.22584 10.338 3.84123 10.26L5.38944 7.5316C3.95909 6.30274 3.55857 4.19264 4.53586 2.49994C5.64043 0.586765 8.08679 -0.0687357 9.99996 1.03583C11.836 2.09584 12.5137 4.39156 11.5892 6.26591L10.4949 4.33754C10.4418 3.53274 10.0009 2.76843 9.24996 2.33487C8.05423 1.64452 6.52525 2.0542 5.8349 3.24994ZM9.146 4.99996C9.21289 4.84686 9.25 4.67776 9.25 4.5C9.25 3.80964 8.69036 3.25 8 3.25C7.30964 3.25 6.75 3.80964 6.75 4.5C6.75 5.13659 7.22586 5.66203 7.84127 5.74002L9.72266 9.05556L10.0956 9.71274L10.75 9.33493C11.9457 8.64458 13.4747 9.05427 14.165 10.25C14.8554 11.4457 14.4457 12.9747 13.25 13.6651C12.5047 14.0953 11.63 14.0983 10.9096 13.75H8.69252C9.85895 15.4685 12.1727 16.0191 14 14.9641C15.9131 13.8595 16.5686 11.4132 15.4641 9.5C14.4886 7.81038 12.4665 7.10169 10.6895 7.71998L9.146 4.99996ZM13.25 11.5C13.25 12.1904 12.6904 12.75 12 12.75C11.591 12.75 11.228 12.5536 10.9999 12.25H7.9298C7.57875 14.1006 5.95279 15.5 4 15.5C1.79086 15.5 0 13.7091 0 11.5C0 9.40018 1.61801 7.67826 3.67529 7.51299L2.58098 9.44147C1.92792 9.89251 1.5 10.6463 1.5 11.5C1.5 12.8807 2.61929 14 4 14C5.38071 14 6.5 12.8807 6.5 11.5V10.75H7.25H10.9999C11.228 10.4464 11.591 10.25 12 10.25C12.6904 10.25 13.25 10.8096 13.25 11.5Z", fill: "currentColor" }) });
+  return jsxRuntimeExports.jsx("svg", { "aria-hidden": "true", "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.8349 3.24994C5.14454 4.44567 5.55423 5.97464 6.74996 6.665L7.39465 7.03721L7.02726 7.68466L5.14599 11C5.21289 11.1531 5.25 11.3222 5.25 11.5C5.25 12.1904 4.69036 12.75 4 12.75C3.30964 12.75 2.75 12.1904 2.75 11.5C2.75 10.8634 3.22584 10.338 3.84123 10.26L5.38944 7.5316C3.95909 6.30274 3.55857 4.19264 4.53586 2.49994C5.64043 0.586765 8.08679 -0.0687357 9.99996 1.03583C11.836 2.09584 12.5137 4.39156 11.5892 6.26591L10.4949 4.33754C10.4418 3.53274 10.0009 2.76843 9.24996 2.33487C8.05423 1.64452 6.52525 2.0542 5.8349 3.24994ZM9.146 4.99996C9.21289 4.84686 9.25 4.67776 9.25 4.5C9.25 3.80964 8.69036 3.25 8 3.25C7.30964 3.25 6.75 3.80964 6.75 4.5C6.75 5.13659 7.22586 5.66203 7.84127 5.74002L9.72266 9.05556L10.0956 9.71274L10.75 9.33493C11.9457 8.64458 13.4747 9.05427 14.165 10.25C14.8554 11.4457 14.4457 12.9747 13.25 13.6651C12.5047 14.0953 11.63 14.0983 10.9096 13.75H8.69252C9.85895 15.4685 12.1727 16.0191 14 14.9641C15.9131 13.8595 16.5686 11.4132 15.4641 9.5C14.4886 7.81038 12.4665 7.10169 10.6895 7.71998L9.146 4.99996ZM13.25 11.5C13.25 12.1904 12.6904 12.75 12 12.75C11.591 12.75 11.228 12.5536 10.9999 12.25H7.9298C7.57875 14.1006 5.95279 15.5 4 15.5C1.79086 15.5 0 13.7091 0 11.5C0 9.40018 1.61801 7.67826 3.67529 7.51299L2.58098 9.44147C1.92792 9.89251 1.5 10.6463 1.5 11.5C1.5 12.8807 2.61929 14 4 14C5.38071 14 6.5 12.8807 6.5 11.5V10.75H7.25H10.9999C11.228 10.4464 11.591 10.25 12 10.25C12.6904 10.25 13.25 10.8096 13.25 11.5Z", fill: "currentColor" }) });
 };
 const SleepIcon = () => {
-  return jsxRuntimeExports.jsx("svg", { "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", style: { color: "currentColor" }, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.25 1.25V2.03971C5.87928 2.18571 4.62678 2.72736 3.6089 3.54824L3.03033 2.96967L2.5 2.43934L1.43934 3.5L1.96967 4.03033L2.54824 4.6089C1.57979 5.80976 1 7.33717 1 9C1 12.866 4.13401 16 8 16C11.866 16 15 12.866 15 9C15 7.33717 14.4202 5.80976 13.4518 4.6089L14.0303 4.03033L14.5607 3.5L13.5 2.43934L12.9697 2.96967L12.3911 3.54824C11.3732 2.72736 10.1207 2.18571 8.75 2.03971V1.25H9.25H10V-0.25H9.25H8.75H7.25H6.75H6V1.25H6.75H7.25ZM2.5 9C2.5 5.96243 4.96243 3.5 8 3.5C11.0376 3.5 13.5 5.96243 13.5 9C13.5 12.0376 11.0376 14.5 8 14.5C4.96243 14.5 2.5 12.0376 2.5 9ZM8.75 6.75V6H7.25V6.75V9V9.75H8.75V9V6.75Z", fill: "currentColor" }) });
+  return jsxRuntimeExports.jsx("svg", { "aria-hidden": "true", "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.25 1.25V2.03971C5.87928 2.18571 4.62678 2.72736 3.6089 3.54824L3.03033 2.96967L2.5 2.43934L1.43934 3.5L1.96967 4.03033L2.54824 4.6089C1.57979 5.80976 1 7.33717 1 9C1 12.866 4.13401 16 8 16C11.866 16 15 12.866 15 9C15 7.33717 14.4202 5.80976 13.4518 4.6089L14.0303 4.03033L14.5607 3.5L13.5 2.43934L12.9697 2.96967L12.3911 3.54824C11.3732 2.72736 10.1207 2.18571 8.75 2.03971V1.25H9.25H10V-0.25H9.25H8.75H7.25H6.75H6V1.25H6.75H7.25ZM2.5 9C2.5 5.96243 4.96243 3.5 8 3.5C11.0376 3.5 13.5 5.96243 13.5 9C13.5 12.0376 11.0376 14.5 8 14.5C4.96243 14.5 2.5 12.0376 2.5 9ZM8.75 6.75V6H7.25V6.75V9V9.75H8.75V9V6.75Z", fill: "currentColor" }) });
 };
 const StepForwardIcon = () => {
-  return jsxRuntimeExports.jsx("svg", { "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", style: { color: "currentColor" }, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.21969 12.5303L4.75002 13.0607L5.81068 12L5.28035 11.4697L1.81068 7.99999L5.28035 4.53032L5.81068 3.99999L4.75002 2.93933L4.21969 3.46966L0.39647 7.29289C0.00594562 7.68341 0.00594562 8.31658 0.39647 8.7071L4.21969 12.5303ZM11.7804 12.5303L11.25 13.0607L10.1894 12L10.7197 11.4697L14.1894 7.99999L10.7197 4.53032L10.1894 3.99999L11.25 2.93933L11.7804 3.46966L15.6036 7.29289C15.9941 7.68341 15.9941 8.31658 15.6036 8.7071L11.7804 12.5303Z", fill: "currentColor" }) });
+  return jsxRuntimeExports.jsx("svg", { "aria-hidden": "true", "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.21969 12.5303L4.75002 13.0607L5.81068 12L5.28035 11.4697L1.81068 7.99999L5.28035 4.53032L5.81068 3.99999L4.75002 2.93933L4.21969 3.46966L0.39647 7.29289C0.00594562 7.68341 0.00594562 8.31658 0.39647 8.7071L4.21969 12.5303ZM11.7804 12.5303L11.25 13.0607L10.1894 12L10.7197 11.4697L14.1894 7.99999L10.7197 4.53032L10.1894 3.99999L11.25 2.93933L11.7804 3.46966L15.6036 7.29289C15.9941 7.68341 15.9941 8.31658 15.6036 8.7071L11.7804 12.5303Z", fill: "currentColor" }) });
 };
 const ATTR_FILTER_REGEX = /(?:^|\s)(?<pair>(?<key>[\w.]+):(?<value>\S*))/g;
 function parseSpanSearchQuery(rawQuery) {
@@ -96209,41 +96192,31 @@ function computeSpanDelta(anchor, hovered, viewStart, viewEnd) {
     hoveredOffscreen: hoveredStart > viewEnd ? "right" : hoveredEnd < viewStart ? "left" : null
   };
 }
-const RESOURCE_COLORS = {
+const RESOURCE_CLASS_NAMES = {
   run: {
-    bg: "var(--ds-blue-200)",
-    border: "var(--ds-blue-500)",
-    errorBg: "var(--ds-red-200)",
-    errorBorder: "var(--ds-red-500)"
+    className: "border-blue-500 bg-blue-200",
+    errorClassName: "border-red-500 bg-red-200"
   },
   step: {
-    bg: "var(--ds-green-200)",
-    border: "var(--ds-green-500)",
-    errorBg: "var(--ds-red-200)",
-    errorBorder: "var(--ds-red-500)"
+    className: "border-green-500 bg-green-200",
+    errorClassName: "border-red-500 bg-red-200"
   },
   // Passive spans (hooks) stay gray — matches event-list icons and the minimap.
   hook: {
-    bg: "var(--ds-gray-200)",
-    border: "var(--ds-gray-500)",
-    errorBg: "var(--ds-red-200)",
-    errorBorder: "var(--ds-red-500)"
+    className: "border-gray-500 bg-gray-200",
+    errorClassName: "border-red-500 bg-red-200"
   },
   sleep: {
-    bg: "var(--ds-purple-200)",
-    border: "var(--ds-purple-500)",
-    errorBg: "var(--ds-red-200)",
-    errorBorder: "var(--ds-red-500)"
+    className: "border-purple-500 bg-purple-200",
+    errorClassName: "border-red-500 bg-red-200"
   },
   default: {
-    bg: "var(--ds-gray-200)",
-    border: "var(--ds-gray-500)",
-    errorBg: "var(--ds-red-200)",
-    errorBorder: "var(--ds-red-500)"
+    className: "border-gray-500 bg-gray-200",
+    errorClassName: "border-red-500 bg-red-200"
   }
 };
-function getResourceColor(resource) {
-  return RESOURCE_COLORS[resource] ?? RESOURCE_COLORS.default;
+function getResourceClassNames(resource) {
+  return RESOURCE_CLASS_NAMES[resource] ?? RESOURCE_CLASS_NAMES.default;
 }
 function clampFraction(value) {
   return Math.max(0, Math.min(1, value));
@@ -96622,10 +96595,6 @@ const SEGMENT_CLASSES = {
   sleeping: "bg-gray-400 border border-gray-500",
   received: "bg-blue-200 border border-blue-500"
 };
-const TIMELINE_INSET_STYLE = {
-  left: TIMELINE_PADDING_PX,
-  right: TIMELINE_PADDING_PX
-};
 const STRIPED_SEGMENT_STATUSES = /* @__PURE__ */ new Set([
   "pending",
   "running",
@@ -96706,8 +96675,8 @@ function BoundaryArrow({ direction }) {
   const Icon2 = direction === "right" ? ArrowRight : ArrowLeft;
   return jsxRuntimeExports.jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-[0.25rem]", children: jsxRuntimeExports.jsx(Icon2, { className: "size-3 text-gray-900" }) });
 }
-function PlainBar({ bg: bg2, border, label }) {
-  return jsxRuntimeExports.jsx("div", { className: "relative h-6 w-full min-w-1 rounded-[0.25rem] border", style: { background: bg2, borderColor: border }, children: label ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null });
+function PlainBar({ className, label }) {
+  return jsxRuntimeExports.jsx("div", { className: cn$4("relative h-6 w-full min-w-1 rounded-[0.25rem] border", className), children: label ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null });
 }
 function LeadInConnector({ leftPct, widthPct, label }) {
   return jsxRuntimeExports.jsxs("div", { className: "absolute top-1/2 h-6 -translate-y-1/2", style: {
@@ -96727,11 +96696,10 @@ function SegmentBar({ segments, showLabels = true }) {
     }
     const label = formatDurationPrecise(seg.fullDurationMs);
     const showLabel = showLabels && seg.pixelWidth >= Math.max(40, estimateLabelWidthPx(label));
-    return jsxRuntimeExports.jsxs("div", { className: cn$4("absolute h-full overflow-hidden rounded-[0.25rem]", SEGMENT_CLASSES[seg.status]), style: {
+    return jsxRuntimeExports.jsxs("div", { className: cn$4("absolute h-full min-w-px overflow-hidden rounded-[0.25rem]", SEGMENT_CLASSES[seg.status]), style: {
       // 1px gap between adjacent segments, distributed equally.
       left: `calc(${seg.leftPct}% + 0.5px)`,
-      width: `calc(${seg.widthPct}% - 1px)`,
-      minWidth: 1
+      width: `calc(${seg.widthPct}% - 1px)`
     }, children: [STRIPED_SEGMENT_STATUSES.has(seg.status) ? jsxRuntimeExports.jsx(AnimatedStripes, { status: seg.status }) : null, showLabel ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null] }, i);
   }) });
 }
@@ -96747,15 +96715,14 @@ const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, v
   const offscreen = reactExports.useMemo(() => geometry.mode.kind === "full" ? computeOffscreenMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs) : { left: null, right: null }, [geometry, baseMarkers]);
   const hasMarkers = markers.length > 0 || offscreen.left !== null || offscreen.right !== null;
   const isErrored = isSpanErrored(span);
-  const colors = getResourceColor(span.resource);
-  const fallbackBg = isErrored ? colors.errorBg ?? "var(--ds-red-200)" : colors.bg;
-  const fallbackBorder = isErrored ? colors.errorBorder ?? "var(--ds-red-500)" : colors.border;
+  const colors = getResourceClassNames(span.resource);
+  const fallbackClassName = isErrored ? colors.errorClassName ?? "border-red-500 bg-red-200" : colors.className;
   const totalLabel = formatDurationPrecise(totalDurationMs);
   const showTotalLabel = geometry.visiblePixelWidth >= Math.max(40, estimateLabelWidthPx(totalLabel));
   const handleClick = reactExports.useCallback(() => {
     onSelect(span.spanId);
   }, [onSelect, span.spanId]);
-  return jsxRuntimeExports.jsx("div", { role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, className: cn$4("group/timeline-row h-10 relative flex items-center hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:hover:bg-gray-200 transition-opacity", isDimmed && "opacity-35"), onClick: handleClick, children: jsxRuntimeExports.jsxs("div", { className: "absolute inset-y-0", style: TIMELINE_INSET_STYLE, children: [jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-6 -translate-y-1/2 overflow-hidden rounded-[0.25rem]", style: getBarPositionStyle(geometry), children: geometry.mode.kind === "arrow" ? jsxRuntimeExports.jsx(BoundaryArrow, { direction: geometry.mode.direction }) : geometry.mode.kind === "tiny" ? jsxRuntimeExports.jsx("div", { className: "h-6 rounded-[0.25rem] border", style: { background: fallbackBg, borderColor: fallbackBorder } }) : segments.length > 0 ? jsxRuntimeExports.jsx(SegmentBar, { segments, showLabels: !hasMarkers }) : jsxRuntimeExports.jsx(PlainBar, { bg: fallbackBg, border: fallbackBorder, label: showTotalLabel ? totalLabel : null }) }), hasMarkers ? jsxRuntimeExports.jsxs("div", { className: "pointer-events-none absolute top-1/2 h-6 -translate-y-1/2", style: getBarPositionStyle(geometry), children: [markers.length > 0 ? jsxRuntimeExports.jsx(MarkerLayer, { markers }) : null, offscreen.left ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "left", count: offscreen.left.count, targetMs: offscreen.left.nearestMs, onReveal: onRevealTime }) : null, offscreen.right ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "right", count: offscreen.right.count, targetMs: offscreen.right.nearestMs, onReveal: onRevealTime }) : null, showTotalLabel ? jsxRuntimeExports.jsx(DurationLabel, {
+  return jsxRuntimeExports.jsx("div", { role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, className: cn$4("group/timeline-row h-10 relative flex items-center hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:hover:bg-gray-200 transition-opacity", isDimmed && "opacity-35"), onClick: handleClick, children: jsxRuntimeExports.jsxs("div", { className: "absolute inset-x-4 inset-y-0", children: [jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-6 -translate-y-1/2 overflow-hidden rounded-[0.25rem]", style: getBarPositionStyle(geometry), children: geometry.mode.kind === "arrow" ? jsxRuntimeExports.jsx(BoundaryArrow, { direction: geometry.mode.direction }) : geometry.mode.kind === "tiny" ? jsxRuntimeExports.jsx("div", { className: cn$4("h-6 rounded-[0.25rem] border", fallbackClassName) }) : segments.length > 0 ? jsxRuntimeExports.jsx(SegmentBar, { segments, showLabels: !hasMarkers }) : jsxRuntimeExports.jsx(PlainBar, { className: fallbackClassName, label: showTotalLabel ? totalLabel : null }) }), hasMarkers ? jsxRuntimeExports.jsxs("div", { className: "pointer-events-none absolute top-1/2 h-6 -translate-y-1/2", style: getBarPositionStyle(geometry), children: [markers.length > 0 ? jsxRuntimeExports.jsx(MarkerLayer, { markers }) : null, offscreen.left ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "left", count: offscreen.left.count, targetMs: offscreen.left.nearestMs, onReveal: onRevealTime }) : null, offscreen.right ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "right", count: offscreen.right.count, targetMs: offscreen.right.nearestMs, onReveal: onRevealTime }) : null, showTotalLabel ? jsxRuntimeExports.jsx(DurationLabel, {
     label: totalLabel,
     // Shift clear of the left edge indicator so it isn't covered.
     className: offscreen.left ? "pl-10" : void 0
@@ -96776,9 +96743,8 @@ const DeltaMeasureLine = reactExports.memo(function DeltaMeasureLine2({ delta, a
   const label = formatDurationPrecise(delta.deltaMs);
   const labelWidthPx = estimateLabelWidthPx(label);
   const labelPlacement = endX - startX >= labelWidthPx ? { left: (startX + endX) / 2, translate: "-translate-x-1/2" } : endX + 4 + labelWidthPx <= timelineWidth ? { left: endX + 4, translate: "" } : { left: startX - 4, translate: "-translate-x-full" };
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("div", { className: "absolute h-px bg-amber-800", style: {
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("div", { className: "absolute h-px w-1 bg-amber-800", style: {
     left: Math.min(anchorX, guideX),
-    width: MEASURE_GUIDE_OUTSET_PX,
     top: anchorCenterY
   } }), jsxRuntimeExports.jsx("div", { className: "absolute w-px bg-amber-800", style: {
     left: guideX,
@@ -96828,10 +96794,10 @@ function Timeline({ spans, viewStart, viewEnd, markers, selectedId, searchResult
     const delta = computeSpanDelta(anchorSpan, hoveredSpan, viewStart, viewEnd);
     return delta ? { delta, anchorRowIndex: anchorIndex, hoveredRowIndex: hover.rowIndex } : null;
   }, [altHeld, anchorIndex, hover, spans, viewStart, viewEnd]);
-  return jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative h-full overflow-hidden", style: { minHeight: spans.length * ROW_HEIGHT_PX }, children: [jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: markers.map((marker) => (
+  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: "pointer-events-none absolute inset-x-4 inset-y-0", children: markers.map((marker) => (
     // Skip the "0s" origin marker since the left edge already implies it.
     Math.abs(marker.value) > 1e-6 ? jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-300", style: { left: `${marker.position * 100}%` } }, String(marker.value)) : null
-  )) }), hover != null && jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 pointer-events-none z-10", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-500", style: { left: `${hover.fraction * 100}%` } }) }), jsxRuntimeExports.jsx("div", { style: { transform: `translateY(${start2 * ROW_HEIGHT_PX}px)` }, children: spans.slice(start2, end).map((span) => jsxRuntimeExports.jsx(TimelineBar, { span, viewStart, viewDuration, containerWidth: timelineWidth, isSelected: selectedId === span.spanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelect, onRevealTime }, span.spanId)) }), altHeld && anchorIndex < 0 && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: gapMeasurements.map((gap) => jsxRuntimeExports.jsx(DeltaMeasureLine, { ...gap, timelineWidth }, gap.anchorRowIndex)) }), measurement && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none z-20", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx(DeltaMeasureLine, { ...measurement, timelineWidth }) })] });
+  )) }), hover != null && jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute inset-x-4 inset-y-0 z-10", children: jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-500", style: { left: `${hover.fraction * 100}%` } }) }), jsxRuntimeExports.jsx("div", { style: { transform: `translateY(${start2 * ROW_HEIGHT_PX}px)` }, children: spans.slice(start2, end).map((span) => jsxRuntimeExports.jsx(TimelineBar, { span, viewStart, viewDuration, containerWidth: timelineWidth, isSelected: selectedId === span.spanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelect, onRevealTime }, span.spanId)) }), altHeld && anchorIndex < 0 && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-4 inset-y-0", children: gapMeasurements.map((gap) => jsxRuntimeExports.jsx(DeltaMeasureLine, { ...gap, timelineWidth }, gap.anchorRowIndex)) }), measurement && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute inset-x-4 inset-y-0 z-20", children: jsxRuntimeExports.jsx(DeltaMeasureLine, { ...measurement, timelineWidth }) })] });
 }
 const CANVAS_PAD_Y_PX = 6;
 const MIN_LINE_HEIGHT_PX = 1.5;
@@ -97110,6 +97076,12 @@ const Minimap = reactExports.memo(function Minimap2({ spans, root: root2, viewpo
     (drag2 == null ? void 0 : drag2.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", drag2 && "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", drag2 && "opacity-100") }) })] })] });
 });
+const GUTTER_PX = 1;
+const MIN_PX = 50;
+const DEFAULT_START_PX = 340;
+function paneColTemplate(startPx) {
+  return `${startPx}px ${GUTTER_PX}px minmax(${MIN_PX}px, 1fr)`;
+}
 const SPLIT_PANE_START_ID = "trace-split-start";
 function SplitPane({ children: children2, className, startHeader, endHeader, scrollContainerRef }) {
   const parts = reactExports.Children.toArray(children2);
@@ -97493,12 +97465,15 @@ const TraceViewer = ({ run: run2, events: events2, sidebarData, onLoadMore, hasM
     if (!(run2 == null ? void 0 : run2.runId)) {
       return void 0;
     }
-    return buildTrace(run2, events2, /* @__PURE__ */ new Date());
-  }, [run2, events2]);
+    return buildTrace(run2, events2, /* @__PURE__ */ new Date(), {
+      isCompleteHistory: !hasMore
+    });
+  }, [run2, events2, hasMore]);
+  const sidebarValue = reactExports.useMemo(() => ({ ...sidebarData, duplicateEventIds: trace2 == null ? void 0 : trace2.duplicateEventIds }), [sidebarData, trace2]);
   if (!trace2 || loading && events2.length === 0) {
     return jsxRuntimeExports.jsx(TraceViewerSkeleton, {});
   }
-  return jsxRuntimeExports.jsx(SidebarDataProvider, { value: sidebarData, children: jsxRuntimeExports.jsx("div", { className: "relative w-full h-full flex", children: jsxRuntimeExports.jsx(TraceViewer$1, { trace: trace2, onLoadMore, hasMore, isLoadingMore }) }) });
+  return jsxRuntimeExports.jsx(SidebarDataProvider, { value: sidebarValue, children: jsxRuntimeExports.jsx("div", { className: "relative w-full h-full flex", children: jsxRuntimeExports.jsx(TraceViewer$1, { trace: trace2, onLoadMore, hasMore, isLoadingMore }) }) });
 };
 function analyzeEvents(events2) {
   if (!events2 || events2.length === 0) {
@@ -101966,6 +101941,17 @@ function getStepFunctionReviver(global2 = globalThis) {
 }
 const encoder = new TextEncoder();
 const decoder = new TextDecoder();
+const MAX_SPARSE_ARRAY_LENGTH = 1e5;
+const parseOptions = {
+  operations: {
+    createSparseArray(length) {
+      if (length > MAX_SPARSE_ARRAY_LENGTH) {
+        throw new RangeError(`Sparse array length ${length} exceeds the maximum of ${MAX_SPARSE_ARRAY_LENGTH}`);
+      }
+      return default_parse_operations.createSparseArray(length);
+    }
+  }
+};
 function getReducersForMode(mode, global2 = globalThis, extraReducers) {
   let base;
   switch (mode) {
@@ -102035,11 +102021,11 @@ const devalueCodec = {
   deserialize(data, mode, options) {
     const revivers = getReviversForMode(mode, options == null ? void 0 : options.global, options == null ? void 0 : options.extraRevivers);
     const str = decoder.decode(data);
-    return parse$5(str, revivers);
+    return parse$5(str, revivers, parseOptions);
   },
   deserializeLegacy(data, mode, options) {
     const revivers = getReviversForMode(mode, options == null ? void 0 : options.global, options == null ? void 0 : options.extraRevivers);
-    return unflatten(data, revivers);
+    return unflatten(data, revivers, parseOptions);
   }
 };
 const COMPRESSION_MIN_BYTES = 1024;
@@ -102730,7 +102716,9 @@ function createReconnectingFramedStream(runId, name2, startIndex) {
       try {
         await connect2();
         return;
-      } catch {
+      } catch (error2) {
+        if (StreamExpiredError.is(error2))
+          throw error2;
       }
     }
   }
@@ -104076,7 +104064,7 @@ function getStreamAndRequestRevivers(allRevivers) {
   return extra;
 }
 `cinst_${ulid$3()}`;
-const version$1 = "5.0.0-beta.41";
+const version$1 = "5.0.0-beta.42";
 const DEFAULT_HEALTH_CHECK_TIMEOUT = 3e4;
 const SAFE_WORKFLOW_NAME_PATTERN = /^[a-zA-Z0-9_\-./@]+$/;
 function getWorkflowQueueName(workflowName, namespace2) {
@@ -134018,6 +134006,7 @@ function createRunsStorage(basedir, tag) {
   };
 }
 const DAY_MS$1 = 24 * 60 * 60 * 1e3;
+const MAX_CACHED_EVENT_ENTRIES = 1e3;
 function getHookRetentionLimitMs() {
   const days = Number(process.env.WORKFLOW_LOCAL_HOOK_RETENTION_LIMIT_DAYS ?? 30);
   if (!Number.isFinite(days) || days <= 0) {
@@ -134164,7 +134153,7 @@ async function writeRunUnderLifecycleLock(basedir, runId, tag, proposed) {
 function createEventsStorage(basedir, tag) {
   const hookRetentionLimitMs = getHookRetentionLimitMs();
   const maxCachedEventBytes = 4 * 1024 * 1024;
-  const maxCachedEventEntries = 1e3;
+  const maxCachedEventEntries = MAX_CACHED_EVENT_ENTRIES;
   const eventCache = /* @__PURE__ */ new Map();
   const cachedEventBytes = /* @__PURE__ */ new Map();
   const cachedPathsByRunId = /* @__PURE__ */ new Map();
@@ -135123,13 +135112,10 @@ function createEventsStorage(basedir, tag) {
             if (terminalByMarker || runNow && isTerminalWorkflowRunStatus(runNow.status)) {
               throw new RunExpiredError(`Workflow run "${effectiveRunId}" is already in a terminal state`);
             }
-            const stagedPath = pendingHookEventPath(basedir, effectiveRunId, eventId, tag);
+            const stagedPath = pendingHookEventPath(basedir, effectiveRunId, `${eventId}.${monotonicUlid$1()}`, tag);
             const staged = await writeExclusive(stagedPath, serializedEvent);
             if (!staged) {
-              if (await bumpEventSlot(attempt)) {
-                continue;
-              }
-              throw new EntityConflictError(`Event "${eventId}" already exists for run "${effectiveRunId}"`);
+              throw new WorkflowWorldError(`Failed to stage event "${eventId}" for run "${effectiveRunId}": staging path already exists`);
             }
             try {
               if (await isRunTerminalCommitted(basedir, effectiveRunId, tag)) {
@@ -135151,6 +135137,15 @@ function createEventsStorage(basedir, tag) {
             notePublishedSlot(effectiveRunId, eventId);
             break;
           }
+          if (data.eventType === "hook_received" && (params == null ? void 0 : params.resumeId)) {
+            const occupant = await readJSONWithFallback(basedir, "events", `${effectiveRunId}-${eventId}`, EventSchema, tag);
+            if (occupant && isResumeEvent(occupant, {
+              resumeId: params.resumeId,
+              hookId: data.correlationId
+            })) {
+              return { event: occupant };
+            }
+          }
           if (!await bumpEventSlot(attempt)) {
             break;
           }
@@ -135761,11 +135756,7 @@ function createWorld$2(args) {
       // `(runId, resumeId)` via a filesystem sidecar claim (see
       // events-storage.ts `claimHookResume`), so resumeHook()'s parallel fast
       // path converges on one event in dev exactly as it does on Vercel.
-      hookResumeDedup: true,
-      // New runs get dense per-run slot event ids. Runs created before this
-      // keep their ULIDs; the scheme is pinned by a run's own first event id,
-      // not by this flag, which only says what new runs get.
-      slotEventIds: true
+      hookResumeDedup: true
     },
     ...queue,
     ...storage,
@@ -135800,7 +135791,7 @@ function createWorld$2(args) {
         const basedir = mergedConfig.dataDir;
         const hooksDir = path$3.join(basedir, "hooks");
         const taggedHookFiles = await listTaggedFiles(hooksDir, tag);
-        const { HookSchema: HookSchema2 } = await import("./index-BByEr1g6.js");
+        const { HookSchema: HookSchema2 } = await import("./index-DsnQrgwB.js");
         await Promise.all(taggedHookFiles.map(async (hookFile) => {
           const hook = await readJSON(path$3.join(hooksDir, hookFile), HookSchema2);
           if (hook == null ? void 0 : hook.token) {
@@ -135983,8 +135974,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-C2yENsqE.js").then((n) => n.t),
-        await import("./token-c3byIJRC.js").then((n) => n.t)
+        await import("./token-util-CighjZkT.js").then((n) => n.t),
+        await import("./token-sFDUVNm0.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -136860,6 +136851,7 @@ const ServerAddress = SemanticConvention("server.address");
 const ServerPort = SemanticConvention("server.port");
 const HttpResponseStatusCode = SemanticConvention("http.response.status_code");
 const ErrorType = SemanticConvention("error.type");
+const NetworkProtocolName = SemanticConvention("network.protocol.name");
 const WorldParseFormat = SemanticConvention("workflow.world.parse.format");
 const PeerService = SemanticConvention("peer.service");
 const RpcSystem = SemanticConvention("rpc.system");
@@ -136870,6 +136862,14 @@ const StepId = SemanticConvention("step.id");
 const WorkflowStreamName = SemanticConvention("workflow.stream.name");
 const WorkflowStreamOperation = SemanticConvention("workflow.stream.operation");
 const WorkflowStreamStartIndex = SemanticConvention("workflow.stream.start_index");
+const WorkflowEventsTransport = SemanticConvention("workflow.events.transport");
+const WorkflowEventType = SemanticConvention("workflow.event.type");
+const WorkflowClientVersion = SemanticConvention("workflow.client.version");
+const StepStsoMs = SemanticConvention("step.stso_ms");
+const StepLatencyOptimizations = SemanticConvention("step.latency_optimizations");
+const WorkflowWsUrl = SemanticConvention("workflow.events.ws.url");
+const WorkflowWsRequestId = SemanticConvention("workflow.events.ws.req_id");
+const WorkflowWsReconnectAttempt = SemanticConvention("workflow.events.ws.reconnect_attempt");
 const REQUEST_TIMEOUT_MS = 6e4;
 const getRequestTimeoutMs = () => envNumber("WORKFLOW_REQUEST_TIMEOUT_MS", REQUEST_TIMEOUT_MS, {
   integer: true,
@@ -136922,8 +136922,14 @@ function errorForResponse(status, message2, opts = {}) {
   const { retryAfter, code: code2, url: url2, mitigated, details } = opts;
   if (status === 409)
     return new EntityConflictError(message2);
-  if (status === 410)
+  if (status === 410) {
+    if (code2 === "stream-expired") {
+      const streamDetails = details && typeof details === "object" ? details : void 0;
+      const expiredAt = typeof (streamDetails == null ? void 0 : streamDetails.expiredAt) === "string" ? new Date(streamDetails.expiredAt) : void 0;
+      return new StreamExpiredError(message2, typeof (streamDetails == null ? void 0 : streamDetails.runId) === "string" ? streamDetails.runId : void 0, typeof (streamDetails == null ? void 0 : streamDetails.streamId) === "string" ? streamDetails.streamId : void 0, expiredAt && !Number.isNaN(expiredAt.getTime()) ? expiredAt : void 0);
+    }
     return new RunExpiredError(message2);
+  }
   if (status === 412)
     return new PreconditionFailedError(message2, { retryAfter, details });
   if (status === 425)
@@ -136950,9 +136956,10 @@ async function resolveVercelApiToken(opts) {
 function parseServer(url2) {
   try {
     const parsed = new URL(url2);
+    const secure = parsed.protocol === "https:" || parsed.protocol === "wss:";
     return {
       serverAddress: parsed.hostname,
-      serverPort: parsed.port ? parseInt(parsed.port, 10) : parsed.protocol === "https:" ? 443 : 80
+      serverPort: parsed.port ? parseInt(parsed.port, 10) : secure ? 443 : 80
     };
   } catch {
     return {};
@@ -136971,11 +136978,9 @@ function httpClientSpanAttributes(args) {
     ...RpcService(peerService)
   };
 }
-async function instrumentedFetch(opts) {
-  const { method, url: url2, headers: headers2, body: body2, dispatcher: dispatcher2, peerService = "workflow-server", timeoutMs = getRequestTimeoutMs(), signal: callerSignal, injectTraceContext: injectTraceContext2 = true, cacheBust = true, logLabel, buildError, spanName, attributes, durationAttribute, onTransportOutcome } = opts;
-  const label = logLabel ?? url2;
+async function withHttpClientSpan(opts, fn2) {
+  const { method, url: url2, peerService = "workflow-server", spanName, attributes } = opts;
   return trace(spanName ?? `http ${method}`, { kind: await getSpanKind("CLIENT") }, async (span) => {
-    var _a3, _b2, _c2;
     if (spanName && HTTP_DEBUG_ENABLED && span) {
       const ctx = span.spanContext();
       console.warn("[workflow:otel-diag] span-open", JSON.stringify({
@@ -136988,6 +136993,20 @@ async function instrumentedFetch(opts) {
     span == null ? void 0 : span.setAttributes(httpClientSpanAttributes({ method, url: url2, peerService }));
     if (attributes)
       span == null ? void 0 : span.setAttributes(attributes);
+    return fn2(span);
+  });
+}
+function recordClientSpanStatus(span, status) {
+  span == null ? void 0 : span.setAttributes({ ...HttpResponseStatusCode(status) });
+  if (status < 200 || status >= 300) {
+    span == null ? void 0 : span.setAttributes({ ...ErrorType(`HTTP ${status}`) });
+  }
+}
+async function instrumentedFetch(opts) {
+  const { method, url: url2, headers: headers2, body: body2, dispatcher: dispatcher2, peerService, timeoutMs = getRequestTimeoutMs(), signal: callerSignal, injectTraceContext: injectTraceContext2 = true, cacheBust = true, logLabel, buildError, spanName, attributes, durationAttribute, onTransportOutcome } = opts;
+  const label = logLabel ?? url2;
+  return withHttpClientSpan({ method, url: url2, peerService, spanName, attributes }, async (span) => {
+    var _a3, _b2, _c2;
     if (injectTraceContext2)
       await injectTraceContextIntoHeaders(headers2);
     if (cacheBust)
@@ -137019,11 +137038,10 @@ async function instrumentedFetch(opts) {
     const ms2 = Date.now() - start2;
     onTransportOutcome == null ? void 0 : onTransportOutcome();
     httpLog(method, label, response2, ms2);
-    span == null ? void 0 : span.setAttributes({ ...HttpResponseStatusCode(response2.status) });
+    recordClientSpanStatus(span, response2.status);
     if (durationAttribute)
       span == null ? void 0 : span.setAttributes({ [durationAttribute]: ms2 });
     if (!response2.ok) {
-      span == null ? void 0 : span.setAttributes({ ...ErrorType(`HTTP ${response2.status}`) });
       logCurlRepro(method, url2, headers2);
       if (buildError) {
         const error3 = await buildError(response2);
@@ -137041,7 +137059,7 @@ async function instrumentedFetch(opts) {
     return response2;
   });
 }
-const version = "5.0.0-beta.37";
+const version = "5.0.0-beta.38";
 const IDEMPOTENT_METHODS = /* @__PURE__ */ new Set(["GET", "HEAD"]);
 const MAX_BODY_PARSE_RETRIES = 2;
 const BODY_PARSE_RETRY_BASE_MS = 100;
@@ -137231,7 +137249,8 @@ async function makeRequest({ endpoint, options = {}, config: config2 = {}, schem
           url: url2,
           code: errorCode,
           retryAfter,
-          mitigated: response2.headers.get("x-vercel-mitigated")
+          mitigated: response2.headers.get("x-vercel-mitigated"),
+          details: errorData.details
         });
         span == null ? void 0 : span.setAttributes({
           ...ErrorType(errorCode || `HTTP ${response2.status}`)
@@ -137318,6 +137337,16 @@ function createQueryString(params) {
   const query = params.toString();
   return query ? `?${query}` : "";
 }
+function normalizeEventIds(eventIds) {
+  const uniqueEventIds = [...new Set(eventIds)];
+  if (uniqueEventIds.length === 0) {
+    throw new RangeError("eventIds must contain at least one event ID");
+  }
+  if (uniqueEventIds.length > ANALYTICS_EVENTS_GET_MANY_LIMIT) {
+    throw new RangeError(`eventIds must contain at most ${ANALYTICS_EVENTS_GET_MANY_LIMIT} unique event IDs`);
+  }
+  return uniqueEventIds;
+}
 function appendAttributeListParams(searchParams, params) {
   if (params.workflowName) {
     searchParams.set("workflowName", params.workflowName);
@@ -137398,6 +137427,15 @@ function createAnalytics(config2) {
           schema: AnalyticsEventSchema
         });
       },
+      getMany(runId, eventIds) {
+        return makeRequest({
+          endpoint: `/v2/analytics/runs/${encodeURIComponent(runId)}/events/get-many`,
+          options: { method: "POST" },
+          data: { eventIds: normalizeEventIds(eventIds) },
+          config: config2,
+          schema: AnalyticsEventSchema.array()
+        });
+      },
       list(params) {
         const searchParams = new URLSearchParams();
         if (params.eventType) {
@@ -137785,7 +137823,7 @@ function createGetEncryptionKeyForRun(projectId, teamId, token, dispatcher2) {
   };
 }
 async function getDeadline() {
-  const { getDeadline: getDeadline2 } = await import("./index-DTci39F3.js").then((n) => n.i);
+  const { getDeadline: getDeadline2 } = await import("./index-ByPjQpgH.js").then((n) => n.i);
   return getDeadline2();
 }
 const WORKFLOW_SERVER_SERVICE = {
@@ -142712,7 +142750,7 @@ const wsEventsChannelForInvocation = (runId, config2) => {
     open() {
       if (!runId || !isWsEventsTransportEnabled())
         return;
-      claim = import("./ws-transport-2gJL6hC2.js").then(({ openWsChannel }) => openWsChannel(runId, config2)).catch(() => void 0);
+      claim = import("./ws-transport-DaZsgQ2B.js").then(({ openWsChannel }) => openWsChannel(runId, config2)).catch(() => void 0);
     },
     /**
      * Awaited, unlike the open: work scheduled after the handler returns is not
@@ -143043,6 +143081,8 @@ const EVENT_RETRY_ELIGIBILITY = {
   }
 };
 const MAX_EVENT_POST_RETRIES = 2;
+const THROTTLE_RETRY_BUDGET_MS = 3e4;
+const DEFAULT_THROTTLE_RETRY_AFTER_SECONDS = 1;
 const EVENT_POST_RETRY_BASE_MS = 100;
 const EVENT_POST_RETRY_JITTER_MS = 50;
 const TRANSIENT_CODES = /* @__PURE__ */ new Set([
@@ -143112,33 +143152,58 @@ function errorMarker(err) {
   }
   return collectErrorMarkers(err)[0] ?? (err instanceof Error ? err.name : "unknown");
 }
-async function withEventPostRetry(fn2, eventType, options) {
+function createThrottleWaiter(eventType) {
+  let waitedMs = 0;
+  return async (err) => {
+    const waitMs = Math.max(1, typeof err.retryAfter === "number" ? err.retryAfter : DEFAULT_THROTTLE_RETRY_AFTER_SECONDS) * 1e3;
+    if (waitedMs + waitMs > THROTTLE_RETRY_BUDGET_MS) {
+      logRetry("throttle retry budget exhausted; surfacing to the queue", {
+        eventType,
+        waitedMs,
+        retryAfter: err.retryAfter
+      });
+      throw err;
+    }
+    waitedMs += waitMs;
+    console.warn(`[workflow] Throttled (429) writing ${eventType} event; retrying in-process in ${waitMs / 1e3}s`);
+    await sleep$1(waitMs);
+  };
+}
+function isEligibleForTransientRetry(eventType, options) {
   var _a3;
-  const retryable = eventType === "hook_received" && (options == null ? void 0 : options.idempotentHookResume) === true || (((_a3 = EVENT_RETRY_ELIGIBILITY[eventType]) == null ? void 0 : _a3.retryable) ?? false);
-  for (let attempt = 0; ; attempt++) {
+  return eventType === "hook_received" && (options == null ? void 0 : options.idempotentHookResume) === true || (((_a3 = EVENT_RETRY_ELIGIBILITY[eventType]) == null ? void 0 : _a3.retryable) ?? false);
+}
+async function withEventPostRetry(fn2, eventType, options) {
+  const retryable = isEligibleForTransientRetry(eventType, options);
+  const waitOutThrottle = createThrottleWaiter(eventType);
+  for (let attempt = 0; ; ) {
     try {
       return await fn2();
     } catch (err) {
-      const transient = retryable && isRetryableEventPostError(err);
-      if (transient && attempt < MAX_EVENT_POST_RETRIES) {
-        const backoff = EVENT_POST_RETRY_BASE_MS * 2 ** attempt + Math.floor(Math.random() * EVENT_POST_RETRY_JITTER_MS);
-        logRetry("retrying event POST after transient failure", {
-          eventType,
-          attempt: attempt + 1,
-          backoffMs: backoff,
-          error: errorMarker(err)
-        });
-        await sleep$1(backoff);
+      if (ThrottleError.is(err)) {
+        await waitOutThrottle(err);
         continue;
       }
-      if (transient) {
+      if (!retryable || !isRetryableEventPostError(err)) {
+        throw err;
+      }
+      if (attempt >= MAX_EVENT_POST_RETRIES) {
         logRetry("exhausted in-process retries; surfacing for queue redelivery", {
           eventType,
           attempts: attempt + 1,
           error: errorMarker(err)
         });
+        throw err;
       }
-      throw err;
+      const backoff = EVENT_POST_RETRY_BASE_MS * 2 ** attempt + Math.floor(Math.random() * EVENT_POST_RETRY_JITTER_MS);
+      attempt++;
+      logRetry("retrying event POST after transient failure", {
+        eventType,
+        attempt,
+        backoffMs: backoff,
+        error: errorMarker(err)
+      });
+      await sleep$1(backoff);
     }
   }
 }
@@ -143370,7 +143435,7 @@ async function getStep(runId, stepId, params, config2) {
   });
   return filterStepData(step, resolveData);
 }
-async function fetchV4(url2, init2, config2, opName) {
+async function fetchV4(url2, init2, config2, opName, attributes) {
   const dispatcher2 = getEventsDispatcher(config2);
   return instrumentedFetch({
     method: init2.method,
@@ -143378,6 +143443,7 @@ async function fetchV4(url2, init2, config2, opName) {
     headers: init2.headers,
     body: init2.body,
     dispatcher: dispatcher2,
+    attributes,
     // Repeated transport failures retire the shared events pool and the next
     // request builds a fresh one. undici keeps a black-holed HTTP/2 session in
     // service indefinitely, so without this every request routed onto it fails
@@ -143392,6 +143458,9 @@ async function fetchV4(url2, init2, config2, opName) {
 }
 const EVENT_ID_HEADER = "x-wf-event-id";
 const MAX_EVENTS_HEADER = "x-wf-max-events";
+function eventsV4Url(baseUrl, runId, eventType) {
+  return `${baseUrl}/v4/runs/${encodeURIComponent(runId)}/events/${encodeURIComponent(eventType)}`;
+}
 const CreateEventV4BodyBaseSchema = object$1({
   event: EventSchema,
   run: WorkflowRunSchema.optional(),
@@ -143561,14 +143630,6 @@ function buildPostFrameMeta(input) {
     meta2.sinceCursor = input.sinceCursor;
   if (input.skipPreload)
     meta2.skipPreload = true;
-  if (input.stateUpdatedAt !== void 0) {
-    meta2.stateUpdatedAt = input.stateUpdatedAt;
-  }
-  if (input.stateEventCount !== void 0) {
-    meta2.stateEventCount = input.stateEventCount;
-  }
-  if (input.stateCursor !== void 0)
-    meta2.stateCursor = input.stateCursor;
   if (input.maxSlot !== void 0)
     meta2.maxSlot = input.maxSlot;
   if (input.replayDivergenceCount !== void 0) {
@@ -143577,6 +143638,9 @@ function buildPostFrameMeta(input) {
   if (input.resumePayloadDigest !== void 0) {
     meta2.resumePayloadDigest = input.resumePayloadDigest;
   }
+  if (input.viaStepDispatch !== void 0) {
+    meta2.viaStepDispatch = input.viaStepDispatch;
+  }
   return meta2;
 }
 function errorFromV4Response(statusCode, responseHeaders, errorBody, opName, url2) {
@@ -143669,8 +143733,14 @@ async function postWorkflowRunEventV4(input, responseType, config2) {
     headers2.set("Accept", V4_FRAME_CONTENT_TYPE);
   }
   const frame2 = encodeFrame(buildPostFrameMeta(input), input.payload ?? new Uint8Array(0));
-  const url2 = `${baseUrl}/v4/runs/${encodeURIComponent(input.runId)}/events/${encodeURIComponent(input.eventType)}`;
-  return fetchV4(url2, { method: "POST", headers: headers2, body: frame2 }, config2, "createEvent");
+  const url2 = eventsV4Url(baseUrl, input.runId, input.eventType);
+  return fetchV4(url2, { method: "POST", headers: headers2, body: frame2 }, config2, "createEvent", {
+    ...WorkflowEventsTransport("http"),
+    ...WorkflowEventType(input.eventType),
+    ...WorkflowClientVersion(`@workflow/world-vercel/${version}`),
+    ...input.stso !== void 0 ? StepStsoMs(input.stso) : {},
+    ...input.optimizations !== void 0 ? StepLatencyOptimizations(input.optimizations) : {}
+  });
 }
 async function createWorkflowRunEventV4(input, config2) {
   if (isWsEventsTransportEnabled()) {
@@ -143732,28 +143802,59 @@ function wsReplyStatus(reply, endpoint) {
   return status;
 }
 async function postEventFrameOverWs(input, config2) {
-  const { resolveWsTransport } = await import("./ws-transport-2gJL6hC2.js");
+  const { resolveWsTransport } = await import("./ws-transport-DaZsgQ2B.js");
   const { runId } = input;
   const resolved = resolveWsTransport(runId, config2);
   if (!resolved)
     return void 0;
   const { transport, wsUrl } = resolved;
   const endpoint = `${wsUrl}#runs/${encodeURIComponent(runId)}/events`;
-  let reply;
-  try {
-    reply = await transport.request((reqId) => encodeFrame({ reqId, type: "event", event: buildPostFrameMeta(input) }, input.payload ?? new Uint8Array(0)));
-  } catch (err) {
-    throw new WorkflowWorldError(`POST ${endpoint} transport failure: ${err instanceof Error ? err.message : String(err)}`, { url: wsUrl, code: "TRANSPORT", cause: err });
-  }
-  const status = wsReplyStatus(reply, endpoint);
-  const headerRecord = replyMetaToHeaderRecord(reply.meta);
-  if (status < 200 || status >= 300) {
-    throw errorFromV4Response(status, headerRecord, new TextDecoder().decode(reply.body), "createEvent", endpoint);
-  }
-  return {
-    headers: { get: (name2) => headerRecord[name2.toLowerCase()] ?? null },
-    arrayBuffer: async () => reply.body.slice().buffer
-  };
+  const restUrl = eventsV4Url(getHttpUrl(config2).baseUrl, runId, input.eventType);
+  return withHttpClientSpan({
+    method: "POST",
+    url: restUrl,
+    attributes: {
+      ...WorkflowEventsTransport("ws"),
+      ...WorkflowEventType(input.eventType),
+      ...WorkflowClientVersion(`@workflow/world-vercel/${version}`),
+      ...input.stso !== void 0 ? StepStsoMs(input.stso) : {},
+      ...input.optimizations !== void 0 ? StepLatencyOptimizations(input.optimizations) : {},
+      ...NetworkProtocolName("websocket"),
+      ...WorkflowWsUrl(wsUrl)
+    }
+  }, async (span) => {
+    var _a3, _b2;
+    const start2 = Date.now();
+    let reply;
+    try {
+      reply = await transport.request((reqId) => {
+        span == null ? void 0 : span.setAttributes({ ...WorkflowWsRequestId(reqId) });
+        return encodeFrame({ reqId, type: "event", event: buildPostFrameMeta(input) }, input.payload ?? new Uint8Array(0));
+      });
+    } catch (err) {
+      const error2 = new WorkflowWorldError(`POST ${endpoint} transport failure: ${err instanceof Error ? err.message : String(err)}`, { url: wsUrl, code: "TRANSPORT", cause: err });
+      span == null ? void 0 : span.setAttributes({ ...ErrorType("TRANSPORT") });
+      (_a3 = span == null ? void 0 : span.recordException) == null ? void 0 : _a3.call(span, error2);
+      throw error2;
+    }
+    const ms2 = Date.now() - start2;
+    const status = wsReplyStatus(reply, endpoint);
+    const headerRecord = replyMetaToHeaderRecord(reply.meta);
+    const headers2 = {
+      get: (name2) => headerRecord[name2.toLowerCase()] ?? null
+    };
+    httpLog("POST", "createEvent", { status, headers: headers2 }, ms2);
+    recordClientSpanStatus(span, status);
+    if (status < 200 || status >= 300) {
+      const error2 = errorFromV4Response(status, headerRecord, new TextDecoder().decode(reply.body), "createEvent", endpoint);
+      (_b2 = span == null ? void 0 : span.recordException) == null ? void 0 : _b2.call(span, error2);
+      throw error2;
+    }
+    return {
+      headers: headers2,
+      arrayBuffer: async () => reply.body.slice().buffer
+    };
+  });
 }
 async function createHookReceivedPreloadEventV4(input, config2) {
   const response2 = await postWorkflowRunEventV4({ ...input, eventType: "hook_received" }, "event-stream", config2);
@@ -144237,11 +144338,7 @@ async function createWorkflowRunEventInner(id2, data, params, config2) {
     ...data.correlationId ? { correlationId: data.correlationId } : {},
     ...(params == null ? void 0 : params.requestId) ? { vercelId: params.requestId } : {},
     ...(params == null ? void 0 : params.computeInstanceId) ? { computeInstanceId: params.computeInstanceId } : {},
-    stateUpdatedAt: params == null ? void 0 : params.stateUpdatedAt,
-    stateEventCount: params == null ? void 0 : params.stateEventCount,
-    ...(params == null ? void 0 : params.stateCursor) ? { stateCursor: params.stateCursor } : {},
-    // Slot-identity snapshot. The runtime sends `eventCount` instead of the
-    // watermark triple once the run's own ids are slot-shaped; it rides as
+    // Slot-identity snapshot: how much of the log the writer held. Rides as
     // `maxSlot` because the v4 meta already has an unrelated telemetry
     // `eventCount`.
     ...(params == null ? void 0 : params.eventCount) !== void 0 ? { maxSlot: params.eventCount } : {},
@@ -144257,6 +144354,11 @@ async function createWorkflowRunEventInner(id2, data, params, config2) {
     ...(params == null ? void 0 : params.sinceCursor) ? { sinceCursor: params.sinceCursor } : {},
     ...(params == null ? void 0 : params.resumeId) ? { resumeId: params.resumeId } : {},
     ...(params == null ? void 0 : params.resumePayloadDigest) ? { resumePayloadDigest: params.resumePayloadDigest } : {},
+    // Resilient step dispatch re-ensure marker (step_created only). Advisory
+    // — the server MAY refuse it with 410 → RunExpiredError as
+    // defense-in-depth when it recorded a 412 rejection for this correlation
+    // id and no step entity exists.
+    ...(params == null ? void 0 : params.viaStepDispatch) ? { viaStepDispatch: true } : {},
     remoteRefBehavior,
     payload,
     ...meta2
@@ -144467,6 +144569,17 @@ function streamSpanAttributes(args) {
     ...typeof args.startIndex === "number" ? WorkflowStreamStartIndex(args.startIndex) : {}
   };
 }
+async function createStreamReadError(response2) {
+  const fallback = `Failed to fetch stream: ${response2.status}`;
+  if (response2.status !== 410)
+    return new Error(fallback);
+  try {
+    const body2 = await response2.json();
+    return errorForResponse(response2.status, typeof body2.message === "string" ? body2.message : fallback, { code: body2.error, details: body2.details });
+  } catch {
+    return new Error(fallback);
+  }
+}
 function createStreamRequestError(operation, url2, response2, text2) {
   const context = [
     `PUT ${url2.origin}${url2.pathname}`,
@@ -144593,6 +144706,7 @@ function createStreamer(config2) {
       },
       async get(runId, name2, startIndex) {
         const httpConfig = await getHttpConfig(config2);
+        httpConfig.headers.set("Accept", "application/json");
         const url2 = getStreamReadUrl(name2, runId, httpConfig);
         if (typeof startIndex === "number") {
           url2.searchParams.set("startIndex", String(startIndex));
@@ -144611,7 +144725,7 @@ function createStreamer(config2) {
             operation: "read",
             startIndex
           }),
-          buildError: (res) => new Error(`Failed to fetch stream: ${res.status}`)
+          buildError: createStreamReadError
         });
         if (!response2.body) {
           throw new Error("No response body for stream");
@@ -144663,31 +144777,25 @@ function createWorld$1(config2) {
   var _a3, _b2;
   const projectId = ((_a3 = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _a3.projectId) || process.env.VERCEL_PROJECT_ID;
   return {
-    // Spec v6 adds slot-numbered event ids on top of v5's client-side
-    // zstd/gzip payload compression. The version is what tells the backend
-    // which id scheme a run uses: it is stamped on `run_created` and read back
-    // on every later write, so a run created before v6 keeps its ULIDs even
-    // though this adapter now asks for slots.
-    specVersion: SPEC_VERSION_SUPPORTS_SLOT_IDENTITY,
+    // The version is what tells the backend which id scheme a run uses: it is
+    // stamped on `run_created` and read back on every later write, so a run
+    // created before spec 6 keeps its ULIDs for its whole life even though this
+    // adapter now asks for slot-numbered ids.
+    //
+    // Declared as the runtime's current version rather than as the literal
+    // version that introduced slots: a bump has to move this declaration with
+    // it, or the runtime's compatibility floor rises past the adapter shipped
+    // alongside it and rejects it (see `assertWorldSupportsRuntimeProtocol`).
+    specVersion: SPEC_VERSION_CURRENT,
     capabilities: {
       hookRetention: { active: true },
-      // workflow-server enforces the `stateUpdatedAt` optimistic-concurrency
-      // guard: creations carrying a stale snapshot are rejected with 412
-      // (PreconditionFailedError) when the run's outside-event marker is
-      // newer. See vercel/workflow-server#484.
-      preconditionGuard: true,
       // Vercel Queues supports maxConcurrency-limited consumers, which
       // WORKFLOW_SEQUENTIAL_REPLAYS=1 uses for per-run `maxConcurrency: 1`
       // flow topics (see queue.ts and @workflow/builders).
       maxConcurrency: true,
       // Vercel deployments are atomic and immutable, so a deployment id names
       // one fixed build for its whole lifetime.
-      deploymentAffinity: true,
-      // New runs get dense per-run slot event ids. Runs created before the
-      // backend adopted them keep their ULIDs; the scheme is pinned by the
-      // spec version stamped on each run, not by this flag, which only says
-      // what new runs get.
-      slotEventIds: true
+      deploymentAffinity: true
       // NOTE: the backend half of resumeHook()'s parallel fast path — that
       // the server enforces the `(runId, resumeId)` dedup constraint — is
       // NO LONGER a static world capability here. It is attested per-lookup by
@@ -144838,7 +144946,7 @@ const getWorld = async () => {
 const GetWorldFnKey = Symbol.for("@workflow/world//getWorldFn");
 globalThis[GetWorldFnKey] ?? (globalThis[GetWorldFnKey] = getWorld);
 function waitUntil(promise2) {
-  void import("./index-DTci39F3.js").then((n) => n.i).then(({ waitUntil: waitUntil2 }) => {
+  void import("./index-ByPjQpgH.js").then((n) => n.i).then(({ waitUntil: waitUntil2 }) => {
     waitUntil2(promise2);
   });
 }
@@ -147614,9 +147722,9 @@ async function getHookByToken(token) {
   return hook;
 }
 async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
-  return resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, false);
+  return resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, false, Date.now());
 }
-async function resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, hookFreshlyLookedUp) {
+async function resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, hookFreshlyLookedUp, resumeRequestedAtMs) {
   return await waitedUntil(() => {
     return trace$2("hook.resume", async (span) => {
       var _a3, _b2, _c2;
@@ -147705,23 +147813,24 @@ async function resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, hookF
             }
             throw err;
           }
+          const queuePublishRequestedAtMs = Date.now();
           await world.queue(queueName, {
             runId: hook.runId,
-            traceCarrier: resumeContext.traceCarrier ?? void 0
+            traceCarrier: resumeContext.traceCarrier ?? void 0,
+            hookResumeTiming: {
+              resumeRequestedAtMs,
+              queuePublishRequestedAtMs,
+              strategy: "sequential"
+            }
           }, queueOptions);
           return hook;
         }
         const resumeId = generateResumeId();
         const payloadDigest = await computeResumePayloadDigest(dehydratedPayload);
         span == null ? void 0 : span.setAttributes({ "workflow.hook.resume_id": resumeId });
-        const [eventResult, queueResult] = await Promise.allSettled([
-          world.events.create(hook.runId, {
-            eventType: "hook_received",
-            specVersion: SPEC_VERSION_CURRENT,
-            correlationId: hook.hookId,
-            eventData
-          }, { v1Compat, resumeId, resumePayloadDigest: payloadDigest }),
-          world.queue(queueName, {
+        const publishInvocation = () => {
+          const queuePublishRequestedAtMs = Date.now();
+          return world.queue(queueName, {
             runId: hook.runId,
             traceCarrier: resumeContext.traceCarrier ?? void 0,
             hookInput: {
@@ -147734,8 +147843,22 @@ async function resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, hookF
               // check: lets a misrouted delivery re-route before its
               // hoisted hook_received write instead of after.
               deploymentId: resumeContext.deploymentId
+            },
+            hookResumeTiming: {
+              resumeRequestedAtMs,
+              queuePublishRequestedAtMs,
+              strategy: "parallel"
             }
-          }, queueOptions)
+          }, queueOptions);
+        };
+        const [eventResult, queueResult] = await Promise.allSettled([
+          world.events.create(hook.runId, {
+            eventType: "hook_received",
+            specVersion: SPEC_VERSION_CURRENT,
+            correlationId: hook.hookId,
+            eventData
+          }, { v1Compat, resumeId, resumePayloadDigest: payloadDigest }),
+          publishInvocation()
         ]);
         if (queueResult.status === "rejected") {
           throw queueResult.reason;
@@ -147775,6 +147898,7 @@ async function resumeHookImpl(tokenOrHook, payload, encryptionKeyOverride, hookF
   });
 }
 async function resumeWebhook(token, request2) {
+  const resumeRequestedAtMs = Date.now();
   const { hook, encryptionKey } = await getHookByTokenWithKey(token);
   if (hook.isWebhook === false) {
     throw new HookNotFoundError(token);
@@ -147794,7 +147918,7 @@ async function resumeWebhook(token, request2) {
   } else {
     response2 = new Response(null, { status: 202 });
   }
-  await resumeHookImpl(hook, request2, encryptionKey, true);
+  await resumeHookImpl(hook, request2, encryptionKey, true, resumeRequestedAtMs);
   if (responseReadable) {
     const reader = responseReadable.getReader();
     const chunk = await reader.read();
@@ -171693,7 +171817,7 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-LwI3HNYl.js", "imports": ["/assets/index-PFjW8YjQ.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": true, "module": "/assets/root-D6p4Hb4F.js", "imports": ["/assets/index-PFjW8YjQ.js", "/assets/mermaid-3ZIDBTTL-DchhEfRL.js", "/assets/loader-circle-fFQM94Ej.js", "/assets/arrow-up-right-jWH-UQH9.js"], "css": ["/assets/root-ZRjqDhEN.css", "/assets/mermaid-3ZIDBTTL-D8CjRQta.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/home": { "id": "routes/home", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/home-BwYHJJJr.js", "imports": ["/assets/index-PFjW8YjQ.js", "/assets/workflow-graph-viewer-t_fSwuwz.js", "/assets/mermaid-3ZIDBTTL-DchhEfRL.js", "/assets/loader-circle-fFQM94Ej.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-D8CjRQta.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/run-detail": { "id": "routes/run-detail", "parentId": "root", "path": "run/:runId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/run-detail-vPCbZIXx.js", "imports": ["/assets/index-PFjW8YjQ.js", "/assets/workflow-graph-viewer-t_fSwuwz.js", "/assets/mermaid-3ZIDBTTL-DchhEfRL.js", "/assets/arrow-up-right-jWH-UQH9.js"], "css": ["/assets/run-detail-CWoGxu_0.css", "/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-D8CjRQta.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.rpc": { "id": "routes/api.rpc", "parentId": "root", "path": "api/rpc", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.rpc-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.stream.$streamId": { "id": "routes/api.stream.$streamId", "parentId": "root", "path": "api/stream/:streamId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.stream._streamId-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 } }, "url": "/assets/manifest-f6a9dca2.js", "version": "f6a9dca2", "sri": void 0 };
+const serverManifest = { "entry": { "module": "/assets/entry.client-LwI3HNYl.js", "imports": ["/assets/index-PFjW8YjQ.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": true, "module": "/assets/root-BfhMCbkz.js", "imports": ["/assets/index-PFjW8YjQ.js", "/assets/mermaid-3ZIDBTTL-gEw-Ch1C.js", "/assets/loader-circle-BOxaTUjK.js", "/assets/arrow-up-right-D39pnGsD.js"], "css": ["/assets/root-Bl5xphvU.css", "/assets/mermaid-3ZIDBTTL-D8CjRQta.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/home": { "id": "routes/home", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/home-C6CuMqQu.js", "imports": ["/assets/index-PFjW8YjQ.js", "/assets/workflow-graph-viewer-CxrWityD.js", "/assets/mermaid-3ZIDBTTL-gEw-Ch1C.js", "/assets/loader-circle-BOxaTUjK.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-D8CjRQta.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/run-detail": { "id": "routes/run-detail", "parentId": "root", "path": "run/:runId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/run-detail-DKz7lp2q.js", "imports": ["/assets/index-PFjW8YjQ.js", "/assets/workflow-graph-viewer-CxrWityD.js", "/assets/mermaid-3ZIDBTTL-gEw-Ch1C.js", "/assets/arrow-up-right-D39pnGsD.js"], "css": ["/assets/run-detail-CWoGxu_0.css", "/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-D8CjRQta.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.rpc": { "id": "routes/api.rpc", "parentId": "root", "path": "api/rpc", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.rpc-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.stream.$streamId": { "id": "routes/api.stream.$streamId", "parentId": "root", "path": "api/stream/:streamId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.stream._streamId-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 } }, "url": "/assets/manifest-cf88886b.js", "version": "cf88886b", "sri": void 0 };
 const assetsBuildDirectory = "build/client";
 const basename = "/";
 const future = { "unstable_optimizeDeps": false, "unstable_subResourceIntegrity": false, "unstable_trailingSlashAwareDataRequests": false, "unstable_previewServerPrerendering": false, "v8_middleware": false, "v8_splitRouteModules": false, "v8_viteEnvironmentApi": false };
@@ -171902,128 +172026,135 @@ function createFetchHandler(basename2 = "/") {
   return (request2) => handler(request2, loadContext);
 }
 export {
-  SerializedDataSchema as $,
-  ATTRIBUTE_KEY_MAX_LENGTH as A,
+  STEP_EVENT_TYPES as $,
+  ANALYTICS_EVENTS_GET_MANY_LIMIT as A,
   BULK_CANCEL_MAX_RUN_IDS as B,
   CHILD_ENTITY_CREATION_EVENT_TYPES as C,
   DEFAULT_TIMESTAMP_THRESHOLD_FUTURE_MS as D,
   EVENT_DATA_PAYLOAD_FIELD_BY_EVENT_TYPE as E,
   FIRST_EVENT_SLOT as F,
-  HookCreatedEventSchema as G,
+  HealthCheckPayloadSchema as G,
   HookSchema as H,
-  HookResumeCapabilitiesSchema as I,
-  PaginatedResponseSchema as J,
-  QueuePrefix as K,
+  HookCreatedEventSchema as I,
+  HookResumeCapabilitiesSchema as J,
+  PaginatedResponseSchema as K,
   LegacySerializedDataSchemaV1 as L,
   MessageId as M,
   Nt as N,
-  ROOT_RUN_ID_ATTRIBUTE as O,
+  QueuePrefix as O,
   PARENT_RUN_ID_ATTRIBUTE as P,
   QueuePayloadSchema as Q,
   RESERVED_ATTRIBUTE_KEY_PREFIX as R,
-  RunInputSchema as S,
-  SPEC_VERSION_CURRENT as T,
-  SPEC_VERSION_LEGACY as U,
-  SPEC_VERSION_MAX_SUPPORTED as V,
-  SPEC_VERSION_SUPPORTS_ATTRIBUTES as W,
-  SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT as X,
-  SPEC_VERSION_SUPPORTS_COMPRESSION as Y,
-  SPEC_VERSION_SUPPORTS_SLOT_IDENTITY as Z,
-  STEP_EVENT_TYPES as _,
-  ATTRIBUTE_MAX_PER_RUN as a,
-  decodeFrames as a$,
-  StepSchema as a0,
-  StepStatusSchema as a1,
-  StructuredErrorSchema as a2,
-  TERMINAL_RUN_EVENT_TYPES as a3,
-  TERMINAL_STEP_EVENT_TYPES as a4,
-  TERMINAL_STEP_STATUSES as a5,
-  TERMINAL_WORKFLOW_RUN_STATUSES as a6,
-  TerminalRunEventTypeSchema as a7,
-  TerminalStepStatusSchema as a8,
-  TerminalWorkflowRunStatusSchema as a9,
-  isTerminalWorkflowRunStatus as aA,
-  isWaitEventType as aB,
-  parseQueueName as aC,
-  reenqueueActiveRuns as aD,
-  requiresNewerWorld as aE,
-  resolveQueueNamespace as aF,
-  slotToEventId as aG,
-  stripEventDataRefs as aH,
-  ulidToDate as aI,
-  validateAttributeChanges as aJ,
-  validateAttributeKey as aK,
-  validateAttributeValue as aL,
-  validateUlidTimestamp as aM,
-  workflowRunIdSchema as aN,
-  reactExports as aO,
-  R as aP,
-  Ks as aQ,
-  jsxRuntimeExports as aR,
-  Qe as aS,
-  registerZstdDecoder as aT,
-  isWsEventsTransportEnabled as aU,
-  getHttpUrl as aV,
-  getHttpConfig as aW,
-  headersToRecord as aX,
-  getRequestTimeoutMs as aY,
-  injectTraceContextIntoHeaders as aZ,
-  distExports as a_,
-  ValidQueueName as aa,
-  WAIT_EVENT_TYPES as ab,
-  WaitSchema as ac,
-  WaitStatusSchema as ad,
-  WorkflowInvokePayloadSchema as ae,
-  WorkflowRunBaseSchema as af,
-  WorkflowRunSchema as ag,
-  WorkflowRunStatusSchema as ah,
-  applyAttributeChanges as ai,
-  envNumber as aj,
-  eventIdToSlot as ak,
-  getEventDataPayloadField as al,
-  getEventDataRefFields as am,
-  getMaxEventsPerRun as an,
-  getQueueTopicPrefix as ao,
-  isChildEntityCreationEvent as ap,
-  isChildEntityCreationEventType as aq,
-  isHookEventRequiringExistence as ar,
-  isHookLifecycleEventType as as,
-  isLegacySpecVersion as at,
-  isSlotBody as au,
-  isSlotEventId as av,
-  isStepEventType as aw,
-  isTerminalRunEventType as ax,
-  isTerminalStepEventType as ay,
-  isTerminalStepStatus as az,
-  ATTRIBUTE_VALUE_MAX_BYTES as b,
-  getDefaultExportFromCjs as b0,
-  requireTokenUtil as b1,
-  requireTokenError as b2,
-  getAugmentedNamespace as b3,
-  app as b4,
-  createFetchHandler as b5,
-  AnalyticsAttributeKeySchema as c,
-  AnalyticsEventSchema as d,
-  AnalyticsHookSchema as e,
-  AnalyticsRunSchema as f,
-  AnalyticsStepSchema as g,
-  AnalyticsWaitSchema as h,
-  AttributeChangeSchema as i,
-  AttributeChangesSchema as j,
-  AttributeValidationError as k,
-  BaseEventSchema as l,
-  BulkCancelWorkflowRunResultSchema as m,
-  BulkCancelWorkflowRunsRequestSchema as n,
-  BulkCancelWorkflowRunsResultSchema as o,
-  DEFAULT_TIMESTAMP_THRESHOLD_PAST_MS as p,
-  EVENT_DATA_REF_FIELDS as q,
-  EVENT_ID_BODY_LENGTH as r,
-  EVENT_ID_PREFIX as s,
-  EventSchema as t,
-  EventTypeSchema as u,
-  HOOK_EVENTS_REQUIRING_EXISTENCE as v,
-  HOOK_LIFECYCLE_EVENT_TYPES as w,
-  HOOK_RESUME_DEDUP_VERSION as x,
-  HOOK_RESUME_INPUT_VERSION as y,
-  HealthCheckPayloadSchema as z
+  ROOT_RUN_ID_ATTRIBUTE as S,
+  RunInputSchema as T,
+  SPEC_VERSION_CURRENT as U,
+  SPEC_VERSION_LEGACY as V,
+  SPEC_VERSION_MAX_SUPPORTED as W,
+  SPEC_VERSION_SUPPORTS_ATTRIBUTES as X,
+  SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT as Y,
+  SPEC_VERSION_SUPPORTS_COMPRESSION as Z,
+  SPEC_VERSION_SUPPORTS_SLOT_IDENTITY as _,
+  ATTRIBUTE_KEY_MAX_LENGTH as a,
+  injectTraceContextIntoHeaders as a$,
+  SerializedDataSchema as a0,
+  StepSchema as a1,
+  StepStatusSchema as a2,
+  StructuredErrorSchema as a3,
+  TERMINAL_RUN_EVENT_TYPES as a4,
+  TERMINAL_STEP_EVENT_TYPES as a5,
+  TERMINAL_STEP_STATUSES as a6,
+  TERMINAL_WORKFLOW_RUN_STATUSES as a7,
+  TerminalRunEventTypeSchema as a8,
+  TerminalStepStatusSchema as a9,
+  isTerminalStepEventType as aA,
+  isTerminalStepStatus as aB,
+  isTerminalWorkflowRunStatus as aC,
+  isWaitEventType as aD,
+  parseQueueName as aE,
+  reenqueueActiveRuns as aF,
+  requiresNewerWorld as aG,
+  resolveQueueNamespace as aH,
+  slotToEventId as aI,
+  stripEventDataRefs as aJ,
+  ulidToDate as aK,
+  validateAttributeChanges as aL,
+  validateAttributeKey as aM,
+  validateAttributeValue as aN,
+  validateUlidTimestamp as aO,
+  workflowRunIdSchema as aP,
+  reactExports as aQ,
+  R as aR,
+  Ks as aS,
+  jsxRuntimeExports as aT,
+  Qe as aU,
+  registerZstdDecoder as aV,
+  isWsEventsTransportEnabled as aW,
+  getHttpUrl as aX,
+  getHttpConfig as aY,
+  headersToRecord as aZ,
+  getRequestTimeoutMs as a_,
+  TerminalWorkflowRunStatusSchema as aa,
+  ValidQueueName as ab,
+  WAIT_EVENT_TYPES as ac,
+  WaitSchema as ad,
+  WaitStatusSchema as ae,
+  WorkflowInvokePayloadSchema as af,
+  WorkflowRunBaseSchema as ag,
+  WorkflowRunSchema as ah,
+  WorkflowRunStatusSchema as ai,
+  applyAttributeChanges as aj,
+  entityEventClass as ak,
+  envNumber as al,
+  eventIdToSlot as am,
+  getEventDataPayloadField as an,
+  getEventDataRefFields as ao,
+  getMaxEventsPerRun as ap,
+  getQueueTopicPrefix as aq,
+  isChildEntityCreationEvent as ar,
+  isChildEntityCreationEventType as as,
+  isHookEventRequiringExistence as at,
+  isHookLifecycleEventType as au,
+  isLegacySpecVersion as av,
+  isSlotBody as aw,
+  isSlotEventId as ax,
+  isStepEventType as ay,
+  isTerminalRunEventType as az,
+  ATTRIBUTE_MAX_PER_RUN as b,
+  withHttpClientSpan as b0,
+  ErrorType as b1,
+  WorkflowWsReconnectAttempt as b2,
+  NetworkProtocolName as b3,
+  WorkflowEventsTransport as b4,
+  distExports as b5,
+  decodeFrames as b6,
+  getDefaultExportFromCjs as b7,
+  requireTokenUtil as b8,
+  requireTokenError as b9,
+  getAugmentedNamespace as ba,
+  app as bb,
+  createFetchHandler as bc,
+  ATTRIBUTE_VALUE_MAX_BYTES as c,
+  AnalyticsAttributeKeySchema as d,
+  AnalyticsEventSchema as e,
+  AnalyticsHookSchema as f,
+  AnalyticsRunSchema as g,
+  AnalyticsStepSchema as h,
+  AnalyticsWaitSchema as i,
+  AttributeChangeSchema as j,
+  AttributeChangesSchema as k,
+  AttributeValidationError as l,
+  BaseEventSchema as m,
+  BulkCancelWorkflowRunResultSchema as n,
+  BulkCancelWorkflowRunsRequestSchema as o,
+  BulkCancelWorkflowRunsResultSchema as p,
+  DEFAULT_TIMESTAMP_THRESHOLD_PAST_MS as q,
+  EVENT_DATA_REF_FIELDS as r,
+  EVENT_ID_BODY_LENGTH as s,
+  EVENT_ID_PREFIX as t,
+  EventSchema as u,
+  EventTypeSchema as v,
+  HOOK_EVENTS_REQUIRING_EXISTENCE as w,
+  HOOK_LIFECYCLE_EVENT_TYPES as x,
+  HOOK_RESUME_DEDUP_VERSION as y,
+  HOOK_RESUME_INPUT_VERSION as z
 };