@workflow/web 4.1.0-beta.43 → 4.1.0-beta.45

package/build/server/assets/{server-build-D9d_jMLb.js → server-build-DiN0zpXF.js}

@@ -14,7 +14,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
 var _a2, _root, _hasMagic, _uflag, _parts, _parent, _parentIndex, _negs, _filledNegs, _options, _toString, _emptyExt, _AST_instances, fillNegs_fn, _AST_static, parseAST_fn, canAdoptWithSpace_fn, canAdopt_fn, canAdoptType_fn, adoptWithSpace_fn, adopt_fn, canUsurpType_fn, canUsurp_fn, usurp_fn, flatten_fn, partsToRegExp_fn, parseGlob_fn, _Minimatch_instances, matchGlobstar_fn, matchGlobStarBodySections_fn, matchOne_fn, _reader;
-import { a as requireReact, S as ServerRouter, c as createReadableStreamFromReadable, r as reactExports, g as getDefaultExportFromCjs, R as React, b as ReactExports, w as withComponentProps, M as Meta, L as Links, d as ScrollRestoration, e as Scripts, O as Outlet, u as useNavigate, f as useSearchParams, h as Link$1, i as useLocation, j as useParams } from "./app-KW-1KXCl.js";
+import { a as requireReact, S as ServerRouter, c as createReadableStreamFromReadable, r as reactExports, g as getDefaultExportFromCjs, R as React, b as ReactExports, w as withComponentProps, M as Meta, L as Links, d as ScrollRestoration, e as Scripts, O as Outlet, u as useNavigate, f as useSearchParams, h as Link$1, i as useLocation, j as useParams } from "./app-DMT28sgS.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1 from "crypto";
@@ -24,7 +24,7 @@ import minproc from "node:process";
 import path$3, { join as join$1, resolve, dirname, isAbsolute, sep as sep$1 } from "node:path";
 import { fileURLToPath } from "node:url";
 import { createRequire } from "module";
-import require$$0$8, { readdir, readlink, readFile, mkdir, access, constants as constants$5, writeFile, unlink, rm } from "node:fs/promises";
+import fs$1, { readdir, readlink, readFile, mkdir, access, constants as constants$5, writeFile, unlink, rm } from "node:fs/promises";
 import crypto, { createHash, webcrypto } from "node:crypto";
 import require$$1$1 from "tty";
 import require$$0$1 from "os";
@@ -30646,9 +30646,13 @@ function formatDuration(ms2, compact = false) {
   }
   if (compact) {
     if (ms2 < MS_IN_HOUR) {
-      return `${durationFormatter.format(ms2 / MS_IN_MINUTE)}m`;
+      const m3 = Math.floor(ms2 / MS_IN_MINUTE);
+      const s2 = Math.floor(ms2 % MS_IN_MINUTE / MS_IN_SECOND);
+      return s2 > 0 ? `${m3}m ${s2}s` : `${m3}m`;
     }
-    return `${durationFormatter.format(ms2 / MS_IN_HOUR)}h`;
+    const h2 = Math.floor(ms2 / MS_IN_HOUR);
+    const m2 = Math.floor(ms2 % MS_IN_HOUR / MS_IN_MINUTE);
+    return m2 > 0 ? `${h2}h ${m2}m` : `${h2}h`;
   }
   const days = Math.floor(ms2 / MS_IN_DAY);
   const hours = Math.floor(ms2 % MS_IN_DAY / MS_IN_HOUR);
@@ -34545,6 +34549,21 @@ function decodeFormatPrefix$1(data) {
   const payload = data.subarray(FORMAT_PREFIX_LENGTH$1);
   return { format: format2, payload };
 }
+function isExpiredObject(data) {
+  if (data === null || typeof data !== "object" || Array.isArray(data)) {
+    return false;
+  }
+  const keys2 = Object.keys(data);
+  return keys2.length === 1 && keys2[0] === "expiredAt" && typeof data.expiredAt === "string";
+}
+function isExpiredStub(data) {
+  if (isExpiredObject(data))
+    return true;
+  if (Array.isArray(data) && data.length === 1 && isExpiredObject(data[0])) {
+    return true;
+  }
+  return false;
+}
 function isEncryptedData(data) {
   if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$1) {
     return false;
@@ -34759,6 +34778,7 @@ const serializationFormat = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   hydrateDataWithKey,
   hydrateResourceIO: hydrateResourceIO$1,
   isEncryptedData,
+  isExpiredStub,
   observabilityRevivers,
   serializedClassToString,
   serializedInstanceToRef,
@@ -34836,7 +34856,7 @@ function getRevivers() {
 }
 function hydrateResourceIO(resource) {
   const hydrated = hydrateResourceIO$1(resource, getRevivers());
-  return replaceEncryptedWithMarkers(hydrated);
+  return replaceEncryptedAndExpiredWithMarkers(hydrated);
 }
 const ENCRYPTED_DISPLAY_NAME = "Encrypted";
 function createEncryptedMarker(data) {
@@ -34854,22 +34874,35 @@ function isEncryptedMarker(value) {
   var _a3;
   return value !== null && typeof value === "object" && ((_a3 = value.constructor) == null ? void 0 : _a3.name) === ENCRYPTED_DISPLAY_NAME;
 }
-function replaceEncryptedWithMarkers(resource) {
+const EXPIRED_DISPLAY_NAME = "Expired Data";
+function createExpiredMarker() {
+  const ctor = { [EXPIRED_DISPLAY_NAME]: function() {
+  } }[EXPIRED_DISPLAY_NAME];
+  return Object.create(ctor.prototype);
+}
+function isExpiredMarker(value) {
+  var _a3;
+  return value !== null && typeof value === "object" && ((_a3 = value.constructor) == null ? void 0 : _a3.name) === EXPIRED_DISPLAY_NAME;
+}
+function toDisplayMarker(value) {
+  if (isEncryptedData(value))
+    return createEncryptedMarker(value);
+  if (isExpiredStub(value))
+    return createExpiredMarker();
+  return value;
+}
+function replaceEncryptedAndExpiredWithMarkers(resource) {
   if (!resource || typeof resource !== "object")
     return resource;
   const r2 = resource;
   const result = { ...r2 };
   for (const key of ["input", "output", "metadata", "error"]) {
-    if (isEncryptedData(result[key])) {
-      result[key] = createEncryptedMarker(result[key]);
-    }
+    result[key] = toDisplayMarker(result[key]);
   }
   if (result.eventData && typeof result.eventData === "object") {
     const ed = { ...result.eventData };
     for (const key of EVENT_DATA_SERIALIZED_FIELDS) {
-      if (isEncryptedData(ed[key])) {
-        ed[key] = createEncryptedMarker(ed[key]);
-      }
+      ed[key] = toDisplayMarker(ed[key]);
     }
     result.eventData = ed;
   }
@@ -64866,7 +64899,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$1 = () => 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-DapKdL2n.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-CKl1xXgz.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 }) })] }) });
@@ -65188,7 +65221,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-BdsOvyTU.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-uTah_BkY.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;
@@ -65823,6 +65856,13 @@ function EncryptedFieldBlock() {
     color: "var(--ds-gray-700)"
   }, children: [jsxRuntimeExports.jsx(Lock, { className: "h-3 w-3" }), jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Encrypted" })] });
 }
+function ExpiredFieldBlock() {
+  return jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 rounded-md border px-3 py-2 text-xs", style: {
+    borderColor: "var(--ds-gray-300)",
+    backgroundColor: "var(--ds-gray-100)",
+    color: "var(--ds-gray-700)"
+  }, children: jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Data expired" }) });
+}
 function JsonBlock(value) {
   return jsxRuntimeExports.jsx(CopyableDataBlock, { data: value });
 }
@@ -65990,11 +66030,15 @@ const attributeToDisplayFn = {
       return null;
     if (isEncryptedMarker(value))
       return jsxRuntimeExports.jsx(EncryptedFieldBlock, {});
+    if (isExpiredMarker(value))
+      return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     return JsonBlock(value);
   },
   input: (value, context) => {
     if (isEncryptedMarker(value))
       return jsxRuntimeExports.jsx(EncryptedFieldBlock, {});
+    if (isExpiredMarker(value))
+      return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     if (value && typeof value === "object" && "args" in value) {
       const { args, closureVars, thisVal } = value;
       const argCount2 = Array.isArray(args) ? args.length : 0;
@@ -66025,11 +66069,15 @@ const attributeToDisplayFn = {
       return null;
     if (isEncryptedMarker(value))
       return jsxRuntimeExports.jsx(EncryptedFieldBlock, {});
+    if (isExpiredMarker(value))
+      return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     return jsxRuntimeExports.jsx(DetailCard, { summary: "Output", summaryClassName: "text-base py-2", contentClassName: "mt-0", children: JsonBlock(value) });
   },
   error: (value) => {
     if (isEncryptedMarker(value))
       return jsxRuntimeExports.jsx(EncryptedFieldBlock, {});
+    if (isExpiredMarker(value))
+      return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     if (!hasDisplayContent(value))
       return null;
     if (isStructuredErrorWithStack(value)) {
@@ -66040,6 +66088,8 @@ const attributeToDisplayFn = {
   eventData: (value) => {
     if (isEncryptedMarker(value))
       return jsxRuntimeExports.jsx(EncryptedFieldBlock, {});
+    if (isExpiredMarker(value))
+      return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
     if (!hasDisplayContent(value))
       return null;
     return jsxRuntimeExports.jsx(DetailCard, { summary: "Event Data", children: JsonBlock(value) });
@@ -66059,7 +66109,7 @@ const ExpiredDataMessage = () => jsxRuntimeExports.jsx("div", { className: "text
 }, children: jsxRuntimeExports.jsx("span", { children: "The data for this run has expired and is no longer available." }) });
 const AttributeBlock = ({ attribute, value, isLoading, inline = false, context }) => {
   const isExpandableLoadingTarget = attribute === "input" || attribute === "output" || attribute === "eventData";
-  if (isLoading && isExpandableLoadingTarget) {
+  if (isLoading && isExpandableLoadingTarget && !hasDisplayContent(value)) {
     return jsxRuntimeExports.jsxs("div", { className: `my-2 flex flex-col ${attribute === "input" || attribute === "output" ? "gap-2 my-3.5" : "gap-0"}`, children: [jsxRuntimeExports.jsx("span", { className: `${attribute === "input" || attribute === "output" ? "text-base" : "text-xs"} font-medium first-letter:uppercase`, style: { color: "var(--ds-gray-700)" }, children: attribute }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-9 w-full rounded-md" })] });
   }
   const displayFn = attributeToDisplayFn[attribute];
@@ -66220,7 +66270,23 @@ function EventItem({ event, onLoadEventData, encryptionKey }) {
     borderColor: "var(--ds-gray-300)"
   }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-[35%]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "mt-2 h-4 w-[90%]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "mt-2 h-4 w-[75%]" })] }), loadError && jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load event data", details: loadError, className: "mt-2" }), displayData != null && jsxRuntimeExports.jsx("div", { className: "mt-2", children: jsxRuntimeExports.jsx(EventDataBlock, { eventType: event.eventType, data: displayData }) })] });
 }
+function hasOnlyExpiredFields(data) {
+  if (data === null || typeof data !== "object" || Array.isArray(data)) {
+    return false;
+  }
+  const record2 = data;
+  const serializedKeys = ["result", "input", "output", "metadata", "payload"];
+  const presentKeys = serializedKeys.filter((k2) => k2 in record2);
+  return presentKeys.length > 0 && presentKeys.every((k2) => isExpiredMarker(record2[k2]));
+}
 function EventDataBlock({ eventType, data }) {
+  if (isExpiredMarker(data) || hasOnlyExpiredFields(data)) {
+    return jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 rounded-md border px-3 py-2 text-xs", style: {
+      borderColor: "var(--ds-gray-300)",
+      backgroundColor: "var(--ds-gray-100)",
+      color: "var(--ds-gray-700)"
+    }, children: jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Data expired" }) });
+  }
   if (ERROR_EVENT_TYPES.has(eventType) && data != null && typeof data === "object") {
     const record2 = data;
     if (isStructuredErrorWithStack(record2.error)) {
@@ -67065,8 +67131,7 @@ function formatWallClockTime(epochMs) {
   const h2 = String(d2.getHours()).padStart(2, "0");
   const m2 = String(d2.getMinutes()).padStart(2, "0");
   const s2 = String(d2.getSeconds()).padStart(2, "0");
-  const ms2 = String(d2.getMilliseconds()).padStart(3, "0");
-  return `${h2}:${m2}:${s2}.${ms2}`;
+  return `${h2}:${m2}:${s2}`;
 }
 const SEGMENT_CLASS_MAP = {
   queued: "segQueued",
@@ -73762,6 +73827,9 @@ const BASE_URL = "https://useworkflow.dev/err";
 function isError(value) {
   return typeof value === "object" && value !== null && "name" in value && "message" in value;
 }
+const ERROR_SLUGS = {
+  STEP_NOT_REGISTERED: "step-not-registered"
+};
 class WorkflowError extends Error {
   constructor(message2, options) {
     const msgDocs = (options == null ? void 0 : options.slug) ? `${message2}
@@ -73779,7 +73847,7 @@ Caused by: ${options.cause.stack}`;
     return isError(value) && value.name === "WorkflowError";
   }
 }
-class WorkflowAPIError extends WorkflowError {
+class WorkflowWorldError extends WorkflowError {
   constructor(message2, options) {
     super(message2, {
       cause: options == null ? void 0 : options.cause
@@ -73787,16 +73855,16 @@ class WorkflowAPIError extends WorkflowError {
     __publicField(this, "status");
     __publicField(this, "code");
     __publicField(this, "url");
-    /** Retry-After value in seconds, present on 429 responses */
+    /** Retry-After value in seconds, present on 429 and 425 responses */
     __publicField(this, "retryAfter");
-    this.name = "WorkflowAPIError";
+    this.name = "WorkflowWorldError";
     this.status = options == null ? void 0 : options.status;
     this.code = options == null ? void 0 : options.code;
     this.url = options == null ? void 0 : options.url;
     this.retryAfter = options == null ? void 0 : options.retryAfter;
   }
   static is(value) {
-    return isError(value) && value.name === "WorkflowAPIError";
+    return isError(value) && value.name === "WorkflowWorldError";
   }
 }
 class WorkflowRunFailedError extends WorkflowError {
@@ -73843,6 +73911,17 @@ class WorkflowRuntimeError extends WorkflowError {
     return isError(value) && value.name === "WorkflowRuntimeError";
   }
 }
+class StepNotRegisteredError extends WorkflowRuntimeError {
+  constructor(stepName) {
+    super(`Step "${stepName}" is not registered in the current deployment. This usually indicates a build or bundling issue that caused the step to not be included in the deployment.`, { slug: ERROR_SLUGS.STEP_NOT_REGISTERED });
+    __publicField(this, "stepName");
+    this.name = "StepNotRegisteredError";
+    this.stepName = stepName;
+  }
+  static is(value) {
+    return isError(value) && value.name === "StepNotRegisteredError";
+  }
+}
 class WorkflowRunNotFoundError extends WorkflowError {
   constructor(runId) {
     super(`Workflow run "${runId}" not found`, {});
@@ -73865,6 +73944,44 @@ class HookNotFoundError extends WorkflowError {
     return isError(value) && value.name === "HookNotFoundError";
   }
 }
+class EntityConflictError extends WorkflowWorldError {
+  constructor(message2) {
+    super(message2);
+    this.name = "EntityConflictError";
+  }
+  static is(value) {
+    return isError(value) && value.name === "EntityConflictError";
+  }
+}
+class RunExpiredError extends WorkflowWorldError {
+  constructor(message2) {
+    super(message2);
+    this.name = "RunExpiredError";
+  }
+  static is(value) {
+    return isError(value) && value.name === "RunExpiredError";
+  }
+}
+class TooEarlyError extends WorkflowWorldError {
+  constructor(message2, options) {
+    super(message2, { retryAfter: options == null ? void 0 : options.retryAfter });
+    this.name = "TooEarlyError";
+  }
+  static is(value) {
+    return isError(value) && value.name === "TooEarlyError";
+  }
+}
+class ThrottleError extends WorkflowWorldError {
+  constructor(message2, options) {
+    super(message2);
+    __publicField(this, "retryAfter");
+    this.name = "ThrottleError";
+    this.retryAfter = options == null ? void 0 : options.retryAfter;
+  }
+  static is(value) {
+    return isError(value) && value.name === "ThrottleError";
+  }
+}
 class WorkflowRunCancelledError extends WorkflowError {
   constructor(runId) {
     super(`Workflow run "${runId}" cancelled`, {});
@@ -73918,6 +74035,7 @@ class RetryableError extends Error {
   }
 }
 const VERCEL_403_ERROR_MESSAGE = "Your current vercel account does not have access to this resource. Use `vercel login` or `vercel switch` to ensure you are linked to the right account.";
+const MAX_QUEUE_DELIVERIES = 48;
 const NEVER = Object.freeze({
   status: "aborted"
 });
@@ -87856,7 +87974,7 @@ const StructuredErrorSchema = object$1({
   message: string$1(),
   stack: string$1().optional(),
   code: string$1().optional()
-  // TODO: currently unused. make this an enum maybe
+  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR) for run_failed events
 });
 const WorkflowRunStatusSchema = _enum([
   "pending",
@@ -87869,6 +87987,26 @@ const WorkflowRunBaseSchema = object$1({
   runId: string$1(),
   status: WorkflowRunStatusSchema,
   deploymentId: string$1(),
+  /**
+   * The machine-readable name of the workflow function.
+   *
+   * This field contains a structured identifier like `workflow//./src/workflows/order//processOrder`
+   * that encodes the workflow's module specifier and function name.
+   *
+   * Use `parseWorkflowName()` from `@workflow/utils/parse-name` to extract:
+   * - `shortName`: User-friendly display name (e.g., `"processOrder"`)
+   * - `moduleSpecifier`: The module path or package (e.g., `"./src/workflows/order"`)
+   * - `functionName`: The full function path (e.g., `"processOrder"`)
+   *
+   * @example
+   * ```ts
+   * import { parseWorkflowName } from "@workflow/utils/parse-name";
+   *
+   * const parsed = parseWorkflowName(run.workflowName);
+   * // parsed.shortName → "processOrder"
+   * // parsed.moduleSpecifier → "./src/workflows/order"
+   * ```
+   */
   workflowName: string$1(),
   // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
   specVersion: number$1().optional(),
@@ -87934,6 +88072,26 @@ const StepStatusSchema = _enum([
 const StepSchema = object$1({
   runId: string$1(),
   stepId: string$1(),
+  /**
+   * The machine-readable name of the step function.
+   *
+   * This field contains a structured identifier like `step//./src/workflows/order//processPayment`
+   * that encodes the step's module specifier and function name.
+   *
+   * Use `parseStepName()` from `@workflow/utils/parse-name` to extract:
+   * - `shortName`: User-friendly display name (e.g., `"processPayment"`)
+   * - `moduleSpecifier`: The module path or package (e.g., `"./src/workflows/order"`)
+   * - `functionName`: The full function path (e.g., `"processPayment"` or `"outer/nested"`)
+   *
+   * @example
+   * ```ts
+   * import { parseStepName } from "@workflow/utils/parse-name";
+   *
+   * const parsed = parseStepName(step.stepName);
+   * // parsed.shortName → "processPayment"
+   * // parsed.moduleSpecifier → "./src/workflows/order"
+   * ```
+   */
   stepName: string$1(),
   status: StepStatusSchema,
   input: SerializedDataSchema,
@@ -87957,17 +88115,6 @@ const StepSchema = object$1({
   // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
   specVersion: number$1().optional()
 });
-const WaitStatusSchema = _enum(["waiting", "completed"]);
-const WaitSchema = object$1({
-  waitId: string$1(),
-  runId: string$1(),
-  status: WaitStatusSchema,
-  resumeAt: date$2().optional(),
-  completedAt: date$2().optional(),
-  createdAt: date$2(),
-  updatedAt: date$2(),
-  specVersion: number$1().optional()
-});
 const ENCODING = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
 const ENCODING_LEN = 32;
 const RANDOM_LEN = 16;
@@ -88136,6 +88283,17 @@ function validateUlidTimestamp(prefixedUlid, prefix, thresholdMs = DEFAULT_TIMES
   const thresholdSeconds = Math.round(thresholdMs / 1e3);
   return `Invalid runId timestamp: embedded timestamp differs from server time by ${driftSeconds}s (threshold: ${thresholdSeconds}s)`;
 }
+const WaitStatusSchema = _enum(["waiting", "completed"]);
+const WaitSchema = object$1({
+  waitId: string$1(),
+  runId: string$1(),
+  status: WaitStatusSchema,
+  resumeAt: date$2().optional(),
+  completedAt: date$2().optional(),
+  createdAt: date$2(),
+  updatedAt: date$2(),
+  specVersion: number$1().optional()
+});
 const NONCE_LENGTH = 12;
 const TAG_LENGTH = 128;
 const KEY_LENGTH = 32;
@@ -89426,12 +89584,12 @@ async function writeJSON(filePath, data, opts) {
 async function write(filePath, data, opts) {
   if (!(opts == null ? void 0 : opts.overwrite)) {
     if (createdFilesCache.has(filePath)) {
-      throw new WorkflowAPIError(`File ${filePath} already exists and 'overwrite' is false`, { status: 409 });
+      throw new EntityConflictError(`File ${filePath} already exists and 'overwrite' is false`);
     }
     try {
       await promises.access(filePath);
       createdFilesCache.add(filePath);
-      throw new WorkflowAPIError(`File ${filePath} already exists and 'overwrite' is false`, { status: 409 });
+      throw new EntityConflictError(`File ${filePath} already exists and 'overwrite' is false`);
     } catch (error2) {
       if (error2.code !== "ENOENT") {
         throw error2;
@@ -92211,8 +92369,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-C8FlMBAQ.js").then((n) => n.t),
-        await import("./token-Bf2BqxEG.js").then((n) => n.t)
+        await import("./token-util-1mDJoKQG.js").then((n) => n.t),
+        await import("./token-fvUEOQRa.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -107826,7 +107984,7 @@ function requireSnapshotRecorder() {
   var _flushTimeout, _isUrlExcluded, _snapshots, _snapshotPath, _maxSnapshots, _autoFlush, _headerFilters, _SnapshotRecorder_instances, startAutoFlush_fn, stopAutoFlush_fn, scheduleFlush_fn;
   if (hasRequiredSnapshotRecorder) return snapshotRecorder;
   hasRequiredSnapshotRecorder = 1;
-  const { writeFile: writeFile2, readFile: readFile2, mkdir: mkdir2 } = require$$0$8;
+  const { writeFile: writeFile2, readFile: readFile2, mkdir: mkdir2 } = fs$1;
   const { dirname: dirname2, resolve: resolve2 } = path$3;
   const { setTimeout: setTimeout2, clearTimeout: clearTimeout2 } = require$$2$3;
   const { InvalidArgumentError, UndiciError } = requireErrors();
@@ -119058,6 +119216,9 @@ function createQueue$2(config2) {
     const body2 = transport.serialize(message2);
     const { pathname, prefix } = getQueueRoute(queueName);
     const messageId = MessageId.parse(`msg_${generateId2()}`);
+    const msg = message2;
+    const runId = msg.runId ?? msg.workflowRunId ?? void 0;
+    const stepId = msg.stepId ?? void 0;
     if (opts == null ? void 0 : opts.idempotencyKey) {
       const key = opts.idempotencyKey;
       inflightMessages.set(key, messageId);
@@ -119071,10 +119232,9 @@ function createQueue$2(config2) {
         console.warn(`[world-local]: concurrency limit (${WORKFLOW_LOCAL_QUEUE_CONCURRENCY}) reached, waiting for queue to free up`);
         await semaphore.acquire();
       }
+      const MAX_LOCAL_SAFETY_LIMIT = 256;
       try {
-        let defaultRetriesLeft = 3;
-        for (let attempt = 0; defaultRetriesLeft > 0; attempt++) {
-          defaultRetriesLeft--;
+        for (let attempt = 0; attempt < MAX_LOCAL_SAFETY_LIMIT; attempt++) {
           const headers2 = {
             ...opts == null ? void 0 : opts.headers,
             "content-type": "application/json",
@@ -119110,22 +119270,27 @@ function createQueue$2(config2) {
                   const timeoutMs = Math.min(timeoutSeconds * 1e3, MAX_SAFE_TIMEOUT_MS);
                   await setTimeout$1(timeoutMs);
                 }
-                defaultRetriesLeft++;
                 continue;
               }
             } catch {
             }
             return;
           }
-          console.error(`[local world] Failed to queue message`, {
+          console.error(`[world-local] Queue message failed (attempt ${attempt + 1}, HTTP ${response2.status})`, {
             queueName,
-            text: text2,
-            status: response2.status,
-            headers: Object.fromEntries(response2.headers.entries()),
-            body: body2.toString()
+            messageId,
+            ...runId && { runId },
+            ...stepId && { stepId },
+            handlerError: text2
           });
+          await setTimeout$1(5e3);
         }
-        console.error(`[local world] Reached max retries of local world queue implementation`);
+        console.error(`[world-local] Queue message exhausted safety limit (${MAX_LOCAL_SAFETY_LIMIT} attempts)`, {
+          queueName,
+          messageId,
+          ...runId && { runId },
+          ...stepId && { stepId }
+        });
       } finally {
         semaphore.release();
       }
@@ -119480,12 +119645,12 @@ function createEventsStorage(basedir, tag) {
       if (data.eventType === "run_created" && runId && runId !== "") {
         const validationError = validateUlidTimestamp(effectiveRunId, "wrun_");
         if (validationError) {
-          throw new WorkflowAPIError(validationError, { status: 400 });
+          throw new WorkflowWorldError(validationError);
         }
       }
       const effectiveSpecVersion = data.specVersion ?? SPEC_VERSION_CURRENT;
       const isRunTerminal = (status) => ["completed", "failed", "cancelled"].includes(status);
-      const isStepTerminal = (status) => ["completed", "failed"].includes(status);
+      const isStepTerminal = (status) => ["completed", "failed", "cancelled"].includes(status);
       let currentRun = null;
       const skipRunValidationEvents = ["step_completed", "step_retrying"];
       if (data.eventType !== "run_created" && !skipRunValidationEvents.includes(data.eventType)) {
@@ -119522,10 +119687,10 @@ function createEventsStorage(basedir, tag) {
           };
         }
         if (runTerminalEvents.includes(data.eventType) || data.eventType === "run_cancelled") {
-          throw new WorkflowAPIError(`Cannot transition run from terminal state "${currentRun.status}"`, { status: 409 });
+          throw new EntityConflictError(`Cannot transition run from terminal state "${currentRun.status}"`);
         }
         if (data.eventType === "step_created" || data.eventType === "hook_created" || data.eventType === "wait_created") {
-          throw new WorkflowAPIError(`Cannot create new entities on run in terminal state "${currentRun.status}"`, { status: 409 });
+          throw new EntityConflictError(`Cannot create new entities on run in terminal state "${currentRun.status}"`);
         }
       }
       let validatedStep = null;
@@ -119539,26 +119704,22 @@ function createEventsStorage(basedir, tag) {
         const stepCompositeKey = `${effectiveRunId}-${data.correlationId}`;
         validatedStep = await readJSONWithFallback(basedir, "steps", stepCompositeKey, StepSchema, tag);
         if (!validatedStep) {
-          throw new WorkflowAPIError(`Step "${data.correlationId}" not found`, {
-            status: 404
-          });
+          throw new WorkflowWorldError(`Step "${data.correlationId}" not found`);
         }
         if (isStepTerminal(validatedStep.status)) {
-          throw new WorkflowAPIError(`Cannot modify step in terminal state "${validatedStep.status}"`, { status: 409 });
+          throw new EntityConflictError(`Cannot modify step in terminal state "${validatedStep.status}"`);
         }
         if (currentRun && isRunTerminal(currentRun.status)) {
           if (validatedStep.status !== "running") {
-            throw new WorkflowAPIError(`Cannot modify non-running step on run in terminal state "${currentRun.status}"`, { status: 410 });
+            throw new RunExpiredError(`Cannot modify non-running step on run in terminal state "${currentRun.status}"`);
           }
         }
       }
-      const hookEventsRequiringExistence = ["hook_disposed", "hook_received"];
-      if (hookEventsRequiringExistence.includes(data.eventType) && data.correlationId) {
+      const hookEventsRequiringExistence2 = ["hook_disposed", "hook_received"];
+      if (hookEventsRequiringExistence2.includes(data.eventType) && data.correlationId) {
         const existingHook = await readJSONWithFallback(basedir, "hooks", data.correlationId, HookSchema, tag);
         if (!existingHook) {
-          throw new WorkflowAPIError(`Hook "${data.correlationId}" not found`, {
-            status: 404
-          });
+          throw new HookNotFoundError(data.correlationId);
         }
       }
       const event = {
@@ -119715,14 +119876,15 @@ function createEventsStorage(basedir, tag) {
       } else if (data.eventType === "step_started") {
         if (validatedStep) {
           if (validatedStep.retryAfter && validatedStep.retryAfter.getTime() > Date.now()) {
-            const err = new WorkflowAPIError(`Cannot start step "${data.correlationId}": retryAfter timestamp has not been reached yet`, { status: 425 });
-            err.meta = {
-              stepId: data.correlationId,
-              retryAfter: validatedStep.retryAfter.toISOString()
-            };
-            throw err;
+            throw new TooEarlyError(`Cannot start step "${data.correlationId}": retryAfter timestamp has not been reached yet`, {
+              retryAfter: Math.ceil((validatedStep.retryAfter.getTime() - Date.now()) / 1e3)
+            });
           }
           const stepCompositeKey = `${effectiveRunId}-${data.correlationId}`;
+          const freshStep = await readJSONWithFallback(basedir, "steps", stepCompositeKey, StepSchema, tag);
+          if (freshStep && isStepTerminal(freshStep.status)) {
+            throw new EntityConflictError(`Cannot modify step in terminal state "${freshStep.status}"`);
+          }
           step = {
             ...validatedStep,
             status: "running",
@@ -119740,6 +119902,12 @@ function createEventsStorage(basedir, tag) {
         const completedData = data.eventData;
         if (validatedStep) {
           const stepCompositeKey = `${effectiveRunId}-${data.correlationId}`;
+          const lockName = tag ? `${stepCompositeKey}.terminal.${tag}` : `${stepCompositeKey}.terminal`;
+          const terminalLockPath = path$3.join(basedir, ".locks", "steps", lockName);
+          const claimed = await writeExclusive(terminalLockPath, "");
+          if (!claimed) {
+            throw new EntityConflictError("Cannot modify step in terminal state");
+          }
           step = {
             ...validatedStep,
             status: "completed",
@@ -119753,6 +119921,12 @@ function createEventsStorage(basedir, tag) {
         const failedData = data.eventData;
         if (validatedStep) {
           const stepCompositeKey = `${effectiveRunId}-${data.correlationId}`;
+          const lockName = tag ? `${stepCompositeKey}.terminal.${tag}` : `${stepCompositeKey}.terminal`;
+          const terminalLockPath = path$3.join(basedir, ".locks", "steps", lockName);
+          const claimed = await writeExclusive(terminalLockPath, "");
+          if (!claimed) {
+            throw new EntityConflictError("Cannot modify step in terminal state");
+          }
           const error2 = {
             message: typeof failedData.error === "string" ? failedData.error : ((_c = failedData.error) == null ? void 0 : _c.message) ?? "Unknown error",
             stack: failedData.stack
@@ -119831,6 +120005,12 @@ function createEventsStorage(basedir, tag) {
         };
         await writeJSON(taggedPath(basedir, "hooks", data.correlationId, tag), hook);
       } else if (data.eventType === "hook_disposed") {
+        const hookLockName = tag ? `${data.correlationId}.disposed.${tag}` : `${data.correlationId}.disposed`;
+        const lockPath = path$3.join(basedir, ".locks", "hooks", hookLockName);
+        const claimed = await writeExclusive(lockPath, "");
+        if (!claimed) {
+          throw new EntityConflictError(`Hook "${data.correlationId}" already disposed`);
+        }
         const hookPath = taggedPath(basedir, "hooks", data.correlationId, tag);
         const existingHook = await readJSONWithFallback(basedir, "hooks", data.correlationId, HookSchema, tag);
         if (existingHook) {
@@ -119843,7 +120023,7 @@ function createEventsStorage(basedir, tag) {
         const waitCompositeKey = `${effectiveRunId}-${data.correlationId}`;
         const existingWait = await readJSONWithFallback(basedir, "waits", waitCompositeKey, WaitSchema, tag);
         if (existingWait) {
-          throw new WorkflowAPIError(`Wait "${data.correlationId}" already exists`, { status: 409 });
+          throw new EntityConflictError(`Wait "${data.correlationId}" already exists`);
         }
         wait = {
           waitId: waitCompositeKey,
@@ -119858,14 +120038,17 @@ function createEventsStorage(basedir, tag) {
         await writeJSON(taggedPath(basedir, "waits", waitCompositeKey, tag), wait);
       } else if (data.eventType === "wait_completed") {
         const waitCompositeKey = `${effectiveRunId}-${data.correlationId}`;
+        const waitLockName = tag ? `${waitCompositeKey}.completed.${tag}` : `${waitCompositeKey}.completed`;
+        const lockPath = path$3.join(basedir, ".locks", "waits", waitLockName);
+        const claimed = await writeExclusive(lockPath, "");
+        if (!claimed) {
+          throw new EntityConflictError(`Wait "${data.correlationId}" already completed`);
+        }
         const existingWait = await readJSONWithFallback(basedir, "waits", waitCompositeKey, WaitSchema, tag);
         if (!existingWait) {
-          throw new WorkflowAPIError(`Wait "${data.correlationId}" not found`, {
-            status: 404
+          await fs$1.unlink(lockPath).catch(() => {
           });
-        }
-        if (existingWait.status === "completed") {
-          throw new WorkflowAPIError(`Wait "${data.correlationId}" already completed`, { status: 409 });
+          throw new WorkflowWorldError(`Wait "${data.correlationId}" not found`);
         }
         wait = {
           ...existingWait,
@@ -120060,6 +120243,9 @@ function serializeChunk(chunk) {
   const eofByte = Buffer.from([chunk.eof ? 1 : 0]);
   return Buffer.concat([eofByte, chunk.chunk]);
 }
+function isEofChunk(serialized) {
+  return serialized[0] === 1;
+}
 function deserializeChunk(serialized) {
   const eof = serialized[0] === 1;
   const chunk = Buffer.from(serialized.subarray(1));
@@ -120152,6 +120338,117 @@ function createStreamer$1(basedir, tag) {
       const data = await readJSONWithFallback(basedir, "streams/runs", runId, RunStreamsSchema, tag);
       return (data == null ? void 0 : data.streams) ?? [];
     },
+    async getStreamChunks(name2, _runId, options) {
+      const limit = (options == null ? void 0 : options.limit) ?? 100;
+      const chunksDir = path$3.join(basedir, "streams", "chunks");
+      const listPromises = [
+        listFilesByExtension(chunksDir, ".bin"),
+        listFilesByExtension(chunksDir, ".json")
+      ];
+      if (tag) {
+        listPromises.push(listFilesByExtension(chunksDir, `.${tag}.bin`));
+      }
+      const [binFiles, jsonFiles, ...taggedResults] = await Promise.all(listPromises);
+      const taggedBinFiles = taggedResults[0] ?? [];
+      const fileExtMap = /* @__PURE__ */ new Map();
+      for (const f2 of jsonFiles)
+        fileExtMap.set(f2, ".json");
+      const tagSfx = tag ? `.${tag}` : "";
+      for (const f2 of binFiles) {
+        if (tag && f2.endsWith(tagSfx))
+          continue;
+        fileExtMap.set(f2, ".bin");
+      }
+      for (const f2 of taggedBinFiles)
+        fileExtMap.set(f2, `.${tag}.bin`);
+      const chunkFiles = [...fileExtMap.keys()].filter((file2) => file2.startsWith(`${name2}-`)).sort();
+      let startIndex = 0;
+      if (options == null ? void 0 : options.cursor) {
+        try {
+          const decoded = JSON.parse(Buffer.from(options.cursor, "base64").toString("utf-8"));
+          startIndex = decoded.i;
+        } catch {
+          startIndex = 0;
+        }
+      }
+      let streamDone = false;
+      const resultChunks = [];
+      let dataIndex = 0;
+      for (const file2 of chunkFiles) {
+        const ext2 = fileExtMap.get(file2) ?? ".bin";
+        const filePath = path$3.join(chunksDir, `${file2}${ext2}`);
+        if (dataIndex < startIndex) {
+          if (isEofChunk(await readBuffer(filePath))) {
+            streamDone = true;
+            break;
+          }
+          dataIndex++;
+          continue;
+        }
+        if (resultChunks.length >= limit) {
+          if (isEofChunk(await readBuffer(filePath))) {
+            streamDone = true;
+          } else {
+            dataIndex++;
+          }
+          break;
+        }
+        const chunk = deserializeChunk(await readBuffer(filePath));
+        if (chunk.eof) {
+          streamDone = true;
+          break;
+        }
+        resultChunks.push({
+          index: dataIndex,
+          data: Uint8Array.from(chunk.chunk)
+        });
+        dataIndex++;
+      }
+      const hasMore = !streamDone && dataIndex > startIndex + resultChunks.length;
+      const nextIndex = startIndex + resultChunks.length;
+      const nextCursor = hasMore ? Buffer.from(JSON.stringify({ i: nextIndex })).toString("base64") : null;
+      return {
+        data: resultChunks,
+        cursor: nextCursor,
+        hasMore,
+        done: streamDone
+      };
+    },
+    async getStreamInfo(name2, _runId) {
+      const chunksDir = path$3.join(basedir, "streams", "chunks");
+      const listPromises = [
+        listFilesByExtension(chunksDir, ".bin"),
+        listFilesByExtension(chunksDir, ".json")
+      ];
+      if (tag) {
+        listPromises.push(listFilesByExtension(chunksDir, `.${tag}.bin`));
+      }
+      const [binFiles, jsonFiles, ...taggedResults] = await Promise.all(listPromises);
+      const taggedBinFiles = taggedResults[0] ?? [];
+      const fileExtMap = /* @__PURE__ */ new Map();
+      for (const f2 of jsonFiles)
+        fileExtMap.set(f2, ".json");
+      const tagSfx = tag ? `.${tag}` : "";
+      for (const f2 of binFiles) {
+        if (tag && f2.endsWith(tagSfx))
+          continue;
+        fileExtMap.set(f2, ".bin");
+      }
+      for (const f2 of taggedBinFiles)
+        fileExtMap.set(f2, `.${tag}.bin`);
+      const chunkFiles = [...fileExtMap.keys()].filter((file2) => file2.startsWith(`${name2}-`)).sort();
+      let streamDone = false;
+      let dataCount = 0;
+      for (const file2 of chunkFiles) {
+        const ext2 = fileExtMap.get(file2) ?? ".bin";
+        if (isEofChunk(await readBuffer(path$3.join(chunksDir, `${file2}${ext2}`)))) {
+          streamDone = true;
+          break;
+        }
+        dataCount++;
+      }
+      return { tailIndex: dataCount - 1, done: streamDone };
+    },
     async readFromStream(name2, startIndex = 0) {
       const chunksDir = path$3.join(basedir, "streams", "chunks");
       let removeListeners = () => {
@@ -120212,8 +120509,18 @@ function createStreamer$1(basedir, tag) {
           for (const f2 of taggedBinFiles)
             fileExtMap.set(f2, `.${tag}.bin`);
           const chunkFiles = [...fileExtMap.keys()].filter((file2) => file2.startsWith(`${name2}-`)).sort();
+          let dataChunkCount = chunkFiles.length;
+          if (typeof startIndex === "number" && startIndex < 0 && chunkFiles.length > 0) {
+            const lastFile = chunkFiles[chunkFiles.length - 1];
+            const lastExt = fileExtMap.get(lastFile) ?? ".bin";
+            const lastChunk = deserializeChunk(await readBuffer(path$3.join(chunksDir, `${lastFile}${lastExt}`)));
+            if ((lastChunk == null ? void 0 : lastChunk.eof) === true) {
+              dataChunkCount--;
+            }
+          }
+          const resolvedStartIndex = typeof startIndex === "number" && startIndex < 0 ? Math.max(0, dataChunkCount + startIndex) : startIndex;
           let isComplete = false;
-          for (let i = startIndex; i < chunkFiles.length; i++) {
+          for (let i = resolvedStartIndex; i < chunkFiles.length; i++) {
             const file2 = chunkFiles[i];
             const rawChunkId = file2.substring(name2.length + 1);
             const chunkId = tag ? rawChunkId.replace(`.${tag}`, "") : rawChunkId;
@@ -120267,7 +120574,7 @@ function createLocalWorld(args) {
   return {
     ...queue,
     ...createStorage$1(mergedConfig.dataDir, tag),
-    ...createStreamer$1(mergedConfig.dataDir, tag),
+    ...instrumentObject$1("world.streams", createStreamer$1(mergedConfig.dataDir, tag)),
     async start() {
       await initDataDir(mergedConfig.dataDir);
     },
@@ -120279,7 +120586,7 @@ function createLocalWorld(args) {
         const basedir = mergedConfig.dataDir;
         const hooksDir = path$3.join(basedir, "hooks");
         const taggedHookFiles = await listTaggedFiles(hooksDir, tag);
-        const { HookSchema: HookSchema2 } = await import("./index-93Io7SSr.js");
+        const { HookSchema: HookSchema2 } = await import("./index-BHIV6JOr.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) {
@@ -120299,6 +120606,8 @@ function createLocalWorld(args) {
           const files = await listTaggedFiles(fullDir, tag);
           await Promise.all(files.map((f2) => deleteJSON(path$3.join(fullDir, f2))));
         }));
+        await promises.rm(path$3.join(basedir, ".locks"), { recursive: true, force: true }).catch(() => {
+        });
         const chunksDir = path$3.join(basedir, "streams", "chunks");
         const taggedBinFiles = await listTaggedFilesByExtension(chunksDir, tag, ".bin");
         await Promise.all(taggedBinFiles.map((f2) => promises.unlink(path$3.join(chunksDir, f2)).catch(() => {
@@ -120482,10 +120791,60 @@ const PeerService = SemanticConvention("peer.service");
 const RpcSystem = SemanticConvention("rpc.system");
 const RpcService = SemanticConvention("rpc.service");
 const RpcMethod = SemanticConvention("rpc.method");
-const version$1 = "4.1.0-beta.44";
+const WORKFLOW_SERVER_SERVICE = {
+  peerService: "workflow-server",
+  rpcSystem: "http",
+  rpcService: "workflow-server"
+};
+function extractEventType(args) {
+  if (args.length >= 2 && typeof args[1] === "object" && args[1] !== null) {
+    const data = args[1];
+    if (typeof data.eventType === "string") {
+      return data.eventType;
+    }
+  }
+  return void 0;
+}
+function instrumentObject(prefix, o) {
+  const handlers2 = {};
+  for (const key of Object.keys(o)) {
+    if (typeof o[key] !== "function") {
+      handlers2[key] = o[key];
+    } else {
+      const f2 = o[key];
+      const methodName = String(key);
+      handlers2[key] = async (...args) => {
+        let spanName2 = `${prefix}.${methodName}`;
+        if (prefix === "world.events" && methodName === "create") {
+          const eventType = extractEventType(args);
+          if (eventType) {
+            spanName2 = `${prefix}.${methodName} ${eventType}`;
+          }
+        }
+        return trace(spanName2, { kind: await getSpanKind("CLIENT") }, async (span) => {
+          span == null ? void 0 : span.setAttributes({
+            ...PeerService(WORKFLOW_SERVER_SERVICE.peerService),
+            ...RpcSystem(WORKFLOW_SERVER_SERVICE.rpcSystem),
+            ...RpcService(WORKFLOW_SERVER_SERVICE.rpcService),
+            ...RpcMethod(spanName2)
+          });
+          return f2(...args);
+        });
+      };
+    }
+  }
+  return handlers2;
+}
+const version$1 = "4.1.0-beta.45";
+const HTTP_DEBUG_ENABLED = typeof process !== "undefined" && typeof process.env.DEBUG === "string" && (process.env.DEBUG.includes("workflow:") || process.env.DEBUG === "*");
+function httpLog(method, endpoint, status, ms2) {
+  if (HTTP_DEBUG_ENABLED) {
+    console.debug(`[workflow:world-vercel:http] ${method} ${endpoint} -> ${status} (${ms2}ms)`);
+  }
+}
 const DEFAULT_RESOLVE_DATA_OPTION = "all";
 function deserializeError(obj) {
-  const { error: error2, ...rest } = obj;
+  const { error: error2, errorCode, ...rest } = obj;
   if (!error2) {
     return obj;
   }
@@ -120497,7 +120856,7 @@ function deserializeError(obj) {
         error: {
           message: result.data.message,
           stack: result.data.stack,
-          code: result.data.code
+          code: errorCode ?? result.data.code
         }
       };
     }
@@ -120510,14 +120869,15 @@ function deserializeError(obj) {
         error: {
           message: parsed.message,
           stack: parsed.stack,
-          code: parsed.code
+          code: errorCode ?? parsed.code
         }
       };
     } catch {
       return {
         ...rest,
         error: {
-          message: error2
+          message: error2,
+          code: errorCode
         }
       };
     }
@@ -120577,7 +120937,6 @@ async function makeRequest({ endpoint, options = {}, config: config2 = {}, schem
   } catch {
   }
   return trace(`http ${method}`, { kind: await getSpanKind("CLIENT") }, async (span) => {
-    var _a3;
     span == null ? void 0 : span.setAttributes({
       ...HttpRequestMethod(method),
       ...UrlFull(url2),
@@ -120600,35 +120959,57 @@ async function makeRequest({ endpoint, options = {}, config: config2 = {}, schem
       body: body2,
       headers: headers2
     });
+    const fetchStart = Date.now();
     const response2 = await fetch(request2, {
       dispatcher: getDispatcher()
     });
+    const fetchMs = Date.now() - fetchStart;
+    httpLog(method, endpoint, response2.status, fetchMs);
     span == null ? void 0 : span.setAttributes({
       ...HttpResponseStatusCode(response2.status)
     });
     if (!response2.ok) {
       const errorData = await parseResponseBody(response2).then((r2) => r2.data).catch(() => ({}));
-      if (process.env.DEBUG === "1") {
-        const stringifiedHeaders = Array.from(headers2.entries()).map(([key, value]) => `-H "${key}: ${value}"`).join(" ");
+      if (process.env.DEBUG) {
+        const stringifiedHeaders = Array.from(headers2.entries()).filter(([key]) => key.toLowerCase() !== "authorization").map(([key, value]) => `-H "${key}: ${value}"`).join(" ");
         console.error(`Failed to fetch, reproduce with:
 curl -X ${request2.method} ${stringifiedHeaders} "${url2}"`);
       }
       let retryAfter;
-      if (response2.status === 429) {
-        const retryAfterHeader = response2.headers.get("Retry-After");
-        if (retryAfterHeader) {
-          const parsed = parseInt(retryAfterHeader, 10);
-          if (!Number.isNaN(parsed)) {
-            retryAfter = parsed;
-          }
+      const retryAfterHeader = response2.headers.get("Retry-After");
+      if (retryAfterHeader) {
+        const parsed = parseInt(retryAfterHeader, 10);
+        if (!Number.isNaN(parsed)) {
+          retryAfter = parsed;
         }
       }
-      const error2 = new WorkflowAPIError(errorData.message || `${request2.method} ${endpoint} -> HTTP ${response2.status}: ${response2.statusText}`, { url: url2, status: response2.status, code: errorData.code, retryAfter });
-      span == null ? void 0 : span.setAttributes({
-        ...ErrorType(errorData.code || `HTTP ${response2.status}`)
-      });
-      (_a3 = span == null ? void 0 : span.recordException) == null ? void 0 : _a3.call(span, error2);
-      throw error2;
+      const defaultMessage = errorData.message || `${request2.method} ${endpoint} -> HTTP ${response2.status}: ${response2.statusText}`;
+      const throwWithTrace = (error2) => {
+        var _a3;
+        span == null ? void 0 : span.setAttributes({
+          ...ErrorType(errorData.code || `HTTP ${response2.status}`)
+        });
+        (_a3 = span == null ? void 0 : span.recordException) == null ? void 0 : _a3.call(span, error2);
+        throw error2;
+      };
+      if (response2.status === 409) {
+        throwWithTrace(new EntityConflictError(defaultMessage));
+      }
+      if (response2.status === 410) {
+        throwWithTrace(new RunExpiredError(defaultMessage));
+      }
+      if (response2.status === 425) {
+        throwWithTrace(new TooEarlyError(defaultMessage, { retryAfter }));
+      }
+      if (response2.status === 429) {
+        throwWithTrace(new ThrottleError(defaultMessage, { retryAfter }));
+      }
+      throwWithTrace(new WorkflowWorldError(defaultMessage, {
+        url: url2,
+        status: response2.status,
+        code: errorData.code,
+        retryAfter
+      }));
     }
     onResponse == null ? void 0 : onResponse(response2);
     let parseResult;
@@ -120644,18 +121025,19 @@ curl -X ${request2.method} ${stringifiedHeaders} "${url2}"`);
       });
     } catch (error2) {
       const contentType = response2.headers.get("Content-Type") || "unknown";
-      throw new WorkflowAPIError(`Failed to parse response body for ${request2.method} ${endpoint} (Content-Type: ${contentType}):
+      throw new WorkflowWorldError(`Failed to parse response body for ${request2.method} ${endpoint} (Content-Type: ${contentType}):
 
 ${error2}`, { url: url2, cause: error2 });
     }
     const result = await trace("world.validate", async () => {
       const validationResult = schema.safeParse(parseResult.data);
       if (!validationResult.success) {
-        throw new WorkflowAPIError(`Schema validation failed for ${method} ${endpoint}:
-
-${validationResult.error}
+        const issues = validationResult.error.issues.map((i) => `  ${i.path.length > 0 ? i.path.join(".") : "<root>"}: ${i.message}`).join("\n");
+        const debugContext = process.env.DEBUG ? `
 
-Response context: ${parseResult.getDebugContext()}`, { url: url2, cause: validationResult.error });
+Response context: ${parseResult.getDebugContext()}` : "";
+        throw new WorkflowWorldError(`Schema validation failed for ${method} ${endpoint}:
+${issues}${debugContext}`, { url: url2, cause: validationResult.error });
       }
       return validationResult.data;
     });
@@ -120881,7 +121263,7 @@ async function resolveRefDescriptor(descriptor, runId, config2) {
       ...HttpResponseStatusCode(response2.status)
     });
     if (!response2.ok) {
-      const error2 = new WorkflowAPIError(`Failed to resolve ref: HTTP ${response2.status}`, { url: url2, status: response2.status });
+      const error2 = new WorkflowWorldError(`Failed to resolve ref: HTTP ${response2.status}`, { url: url2, status: response2.status });
       span == null ? void 0 : span.setAttributes({
         ...ErrorType(`HTTP ${response2.status}`)
       });
@@ -120928,6 +121310,9 @@ const WorkflowRunWireBaseSchema = WorkflowRunBaseSchema.omit({
 }).extend({
   // Backend returns error as either a JSON string or structured object
   error: union([string$1(), StructuredErrorSchema]).optional(),
+  // errorCode is stored inline on the run entity (not inside errorRef).
+  // It's merged into StructuredError.code by deserializeError().
+  errorCode: string$1().optional(),
   // Not part of the World interface, but passed through for direct consumers and debugging
   blobStorageBytes: number$1().optional(),
   streamStorageBytes: number$1().optional()
@@ -121010,7 +121395,7 @@ async function getWorkflowRun(id2, params, config2) {
     });
     return filterRunData(run, resolveData);
   } catch (error2) {
-    if (error2 instanceof WorkflowAPIError && error2.status === 404) {
+    if (error2 instanceof WorkflowWorldError && error2.status === 404) {
       throw new WorkflowRunNotFoundError(id2);
     }
     throw error2;
@@ -121032,7 +121417,7 @@ async function cancelWorkflowRunV1(id2, params, config2) {
     });
     return filterRunData(run, resolveData);
   } catch (error2) {
-    if (error2 instanceof WorkflowAPIError && error2.status === 404) {
+    if (error2 instanceof WorkflowWorldError && error2.status === 404) {
       throw new WorkflowRunNotFoundError(id2);
     }
     throw error2;
@@ -121184,7 +121569,8 @@ const eventDataRefFieldMap = {
   step_completed: "result",
   step_failed: "error",
   step_retrying: "error",
-  hook_created: "metadata"
+  hook_created: "metadata",
+  hook_received: "payload"
 };
 const eventsNeedingResolve = /* @__PURE__ */ new Set([
   "run_created",
@@ -121275,7 +121661,7 @@ async function getEvent(runId, eventId, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${encodeURIComponent(runId)}/events/${encodeURIComponent(eventId)}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v3/runs/${encodeURIComponent(runId)}/events/${encodeURIComponent(eventId)}${queryString ? `?${queryString}` : ""}`;
   const event = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -121308,7 +121694,7 @@ async function getWorkflowRunEvents(params, config2) {
   searchParams.set("remoteRefBehavior", "lazy");
   const queryString = searchParams.toString();
   const query = queryString ? `?${queryString}` : "";
-  const endpoint = correlationId ? `/v2/events${query}` : `/v2/runs/${encodeURIComponent(runId)}/events${query}`;
+  const endpoint = correlationId ? `/v2/events${query}` : `/v3/runs/${encodeURIComponent(runId)}/events${query}`;
   let refResolveConcurrency;
   const response2 = await makeRequest({
     endpoint,
@@ -121347,7 +121733,21 @@ async function getWorkflowRunEvents(params, config2) {
     data: response2.data.map((event) => stripEventAndLegacyRefs(event, resolveData))
   };
 }
+const hookEventsRequiringExistence = /* @__PURE__ */ new Set([
+  "hook_disposed",
+  "hook_received"
+]);
 async function createWorkflowRunEvent(id2, data, params, config2) {
+  try {
+    return await createWorkflowRunEventInner(id2, data, params, config2);
+  } catch (err) {
+    if (hookEventsRequiringExistence.has(data.eventType) && WorkflowWorldError.is(err) && err.status === 404 && data.correlationId) {
+      throw new HookNotFoundError(data.correlationId);
+    }
+    throw err;
+  }
+}
+async function createWorkflowRunEventInner(id2, data, params, config2) {
   const resolveData = (params == null ? void 0 : params.resolveData) ?? DEFAULT_RESOLVE_DATA_OPTION;
   const v1Compat = (params == null ? void 0 : params.v1Compat) ?? false;
   if (v1Compat) {
@@ -121370,14 +121770,14 @@ async function createWorkflowRunEvent(id2, data, params, config2) {
   if (data.eventType === "run_created" && id2) {
     const validationError = validateUlidTimestamp(id2, "wrun_");
     if (validationError) {
-      throw new WorkflowAPIError(validationError, { status: 400 });
+      throw new WorkflowWorldError(validationError, { status: 400 });
     }
   }
   const runIdPath = id2 === null ? "null" : encodeURIComponent(id2);
   const remoteRefBehavior = eventsNeedingResolve.has(data.eventType) ? "resolve" : "lazy";
   if (remoteRefBehavior === "resolve") {
     const wireResult2 = await makeRequest({
-      endpoint: `/v2/runs/${runIdPath}/events`,
+      endpoint: `/v3/runs/${runIdPath}/events`,
       options: { method: "POST" },
       data: {
         ...data,
@@ -121395,7 +121795,7 @@ async function createWorkflowRunEvent(id2, data, params, config2) {
     };
   }
   const wireResult = await makeRequest({
-    endpoint: `/v2/runs/${runIdPath}/events`,
+    endpoint: `/v3/runs/${runIdPath}/events`,
     options: { method: "POST" },
     data: {
       ...data,
@@ -121472,56 +121872,12 @@ async function getHookByToken(token, config2) {
       schema: HookSchema
     });
   } catch (error2) {
-    if (WorkflowAPIError.is(error2) && error2.status === 404) {
+    if (WorkflowWorldError.is(error2) && error2.status === 404) {
       throw new HookNotFoundError(token);
     }
     throw error2;
   }
 }
-const WORKFLOW_SERVER_SERVICE = {
-  peerService: "workflow-server",
-  rpcSystem: "http",
-  rpcService: "workflow-server"
-};
-function extractEventType(args) {
-  if (args.length >= 2 && typeof args[1] === "object" && args[1] !== null) {
-    const data = args[1];
-    if (typeof data.eventType === "string") {
-      return data.eventType;
-    }
-  }
-  return void 0;
-}
-function instrumentObject(prefix, o) {
-  const handlers2 = {};
-  for (const key of Object.keys(o)) {
-    if (typeof o[key] !== "function") {
-      handlers2[key] = o[key];
-    } else {
-      const f2 = o[key];
-      const methodName = String(key);
-      handlers2[key] = async (...args) => {
-        let spanName2 = `${prefix}.${methodName}`;
-        if (prefix === "world.events" && methodName === "create") {
-          const eventType = extractEventType(args);
-          if (eventType) {
-            spanName2 = `${prefix}.${methodName} ${eventType}`;
-          }
-        }
-        return trace(spanName2, { kind: await getSpanKind("CLIENT") }, async (span) => {
-          span == null ? void 0 : span.setAttributes({
-            ...PeerService(WORKFLOW_SERVER_SERVICE.peerService),
-            ...RpcSystem(WORKFLOW_SERVER_SERVICE.rpcSystem),
-            ...RpcService(WORKFLOW_SERVER_SERVICE.rpcService),
-            ...RpcMethod(spanName2)
-          });
-          return f2(...args);
-        });
-      };
-    }
-  }
-  return handlers2;
-}
 function createStorage(config2) {
   const storage = {
     // Storage interface with namespaced methods
@@ -121578,6 +121934,19 @@ function encodeMultiChunks(chunks) {
   }
   return result;
 }
+const StreamInfoResponseSchema = object$1({
+  tailIndex: number$1(),
+  done: boolean$1()
+});
+const StreamChunksResponseSchema = object$1({
+  data: array$1(object$1({
+    index: number$1(),
+    data: _instanceof(Uint8Array)
+  })),
+  cursor: string$1().nullable(),
+  hasMore: boolean$1(),
+  done: boolean$1()
+});
 function createStreamer(config2) {
   return {
     async writeToStream(name2, runId, chunk) {
@@ -121631,6 +122000,30 @@ function createStreamer(config2) {
       }
       return response2.body;
     },
+    async getStreamChunks(name2, runId, options) {
+      const params = new URLSearchParams();
+      if ((options == null ? void 0 : options.limit) != null) {
+        params.set("limit", String(options.limit));
+      }
+      if (options == null ? void 0 : options.cursor) {
+        params.set("cursor", options.cursor);
+      }
+      const qs = params.toString();
+      const endpoint = `/v2/runs/${encodeURIComponent(runId)}/streams/${encodeURIComponent(name2)}/chunks${qs ? `?${qs}` : ""}`;
+      return makeRequest({
+        endpoint,
+        config: config2,
+        schema: StreamChunksResponseSchema
+      });
+    },
+    async getStreamInfo(name2, runId) {
+      const endpoint = `/v2/runs/${encodeURIComponent(runId)}/streams/${encodeURIComponent(name2)}/info`;
+      return makeRequest({
+        endpoint,
+        config: config2,
+        schema: StreamInfoResponseSchema
+      });
+    },
     async listStreamsByRunId(runId) {
       const httpConfig = await getHttpConfig(config2);
       const url2 = new URL(`${httpConfig.baseUrl}/v2/runs/${encodeURIComponent(runId)}/streams`);
@@ -121650,7 +122043,7 @@ function createVercelWorld(config2) {
   return {
     ...createQueue$1(config2),
     ...createStorage(config2),
-    ...createStreamer(config2),
+    ...instrumentObject("world.streams", createStreamer(config2)),
     getEncryptionKeyForRun: createGetEncryptionKeyForRun(projectId, (_b = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _b.teamId, config2 == null ? void 0 : config2.token),
     resolveLatestDeploymentId: createResolveLatestDeploymentId(config2)
   };
@@ -123092,6 +123485,11 @@ async function flushablePipe(source, sink, state) {
 }
 const contextStorage = /* @__PURE__ */ new AsyncLocalStorage();
 const registeredSteps = /* @__PURE__ */ new Map();
+const BUILTIN_RESPONSE_STEP_NAMES = /* @__PURE__ */ new Set([
+  "__builtin_response_array_buffer",
+  "__builtin_response_json",
+  "__builtin_response_text"
+]);
 function getStepIdAliasCandidates(stepId) {
   const parts = stepId.split("//");
   if (parts.length !== 3 || parts[0] !== "step") {
@@ -123120,6 +123518,17 @@ function getStepIdAliasCandidates(stepId) {
   }
   return Array.from(modulePathAliases, (aliasModulePath) => `step//${aliasModulePath}//${fnName}`);
 }
+function getBuiltinResponseStepAlias(stepId) {
+  if (!BUILTIN_RESPONSE_STEP_NAMES.has(stepId)) {
+    return void 0;
+  }
+  for (const [registeredStepId, stepFn] of registeredSteps.entries()) {
+    if (registeredStepId.endsWith(`//${stepId}`)) {
+      return stepFn;
+    }
+  }
+  return void 0;
+}
 function getStepFunction(stepId) {
   const directMatch = registeredSteps.get(stepId);
   if (directMatch) {
@@ -123131,6 +123540,10 @@ function getStepFunction(stepId) {
       return aliasMatch;
     }
   }
+  const builtinAliasMatch = getBuiltinResponseStepAlias(stepId);
+  if (builtinAliasMatch) {
+    return builtinAliasMatch;
+  }
   return void 0;
 }
 const SerializationFormat = {
@@ -123371,12 +123784,21 @@ class WorkflowServerWritableStream extends WritableStream {
       }
       buffer = [];
     };
+    let flushWaiters = [];
     const scheduleFlush = () => {
       if (flushTimer)
         return;
       flushTimer = setTimeout(() => {
         flushTimer = null;
-        flushPromise = flush();
+        const currentWaiters = flushWaiters;
+        flushWaiters = [];
+        flushPromise = flush().then(() => {
+          for (const w2 of currentWaiters)
+            w2.resolve();
+        }, (err) => {
+          for (const w2 of currentWaiters)
+            w2.reject(err);
+        });
       }, STREAM_FLUSH_INTERVAL_MS);
     };
     super({
@@ -123387,6 +123809,9 @@ class WorkflowServerWritableStream extends WritableStream {
         }
         buffer.push(chunk);
         scheduleFlush();
+        await new Promise((resolve2, reject) => {
+          flushWaiters.push({ resolve: resolve2, reject });
+        });
       },
       async close() {
         if (flushPromise) {
@@ -123396,12 +123821,17 @@ class WorkflowServerWritableStream extends WritableStream {
         await flush();
         await world.closeStream(name2, runId);
       },
-      abort() {
+      abort(reason) {
         if (flushTimer) {
           clearTimeout(flushTimer);
           flushTimer = null;
         }
         buffer = [];
+        const waiters = flushWaiters;
+        flushWaiters = [];
+        const abortError = reason ?? new Error("Stream aborted");
+        for (const w2 of waiters)
+          w2.reject(abortError);
       }
     });
   }
@@ -124871,7 +125301,7 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
     });
   });
 }
-const version = "4.2.0-beta.71";
+const version = "4.2.0-beta.73";
 const ulid = monotonicFactory();
 async function start$1(workflow, argsOrOptions, options) {
   return await waitedUntil(() => {
@@ -125037,7 +125467,7 @@ async function wakeUpRun$2(world, runId, options) {
         await world.events.create(runId, eventData, { v1Compat: compatMode });
         stoppedCount++;
       } catch (err) {
-        if (WorkflowAPIError.is(err) && err.status === 409) {
+        if (EntityConflictError.is(err)) {
           stoppedCount++;
         } else {
           errors2.push(err instanceof Error ? err : new Error(String(err)));
@@ -125178,17 +125608,30 @@ class Run {
    * Retrieves the workflow run's default readable stream, which reads chunks
    * written to the corresponding writable stream {@link getWritable}.
    *
+   * The returned stream has an additional {@link WorkflowReadableStream.getTailIndex | getTailIndex()}
+   * helper that returns the index of the last known chunk. This is useful when
+   * building reconnection endpoints that need to inform clients where the
+   * stream starts.
+   *
    * @param options - The options for the readable stream.
-   * @returns The `ReadableStream` for the workflow run.
+   * @returns A `WorkflowReadableStream` for the workflow run.
    */
   getReadable(options = {}) {
     const { ops = [], global: global2 = globalThis, startIndex, namespace: namespace2 } = options;
     const name2 = getWorkflowRunStreamId(this.runId, namespace2);
     const encryptionKey = this.getEncryptionKey();
-    return getExternalRevivers(global2, ops, this.runId, encryptionKey).ReadableStream({
+    const stream = getExternalRevivers(global2, ops, this.runId, encryptionKey).ReadableStream({
       name: name2,
       startIndex
     });
+    const world = this.world;
+    const runId = this.runId;
+    return Object.assign(stream, {
+      getTailIndex: async () => {
+        const info = await world.getStreamInfo(name2, runId);
+        return info.tailIndex;
+      }
+    });
   }
   /**
    * Polls the workflow return value every 1 second until it is completed.
@@ -125229,6 +125672,41 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
   }
   const { workflowName, workflowRunId, workflowStartedAt, stepId, traceCarrier: traceContext, requestedAt } = StepInvokePayloadSchema.parse(message_);
   const { requestId } = metadata;
+  if (metadata.attempt > MAX_QUEUE_DELIVERIES) {
+    runtimeLogger.error(`Step handler exceeded max deliveries (${metadata.attempt}/${MAX_QUEUE_DELIVERIES})`, {
+      workflowRunId,
+      stepId,
+      stepName: metadata.queueName.slice("__wkf_step_".length),
+      attempt: metadata.attempt
+    });
+    try {
+      const world = getWorld();
+      await world.events.create(workflowRunId, {
+        eventType: "step_failed",
+        specVersion: SPEC_VERSION_CURRENT,
+        correlationId: stepId,
+        eventData: {
+          error: `Step exceeded maximum queue deliveries (${metadata.attempt}/${MAX_QUEUE_DELIVERIES})`
+        }
+      }, { requestId });
+      await queueMessage(world, getWorkflowQueueName(workflowName), {
+        runId: workflowRunId,
+        traceCarrier: await serializeTraceCarrier(),
+        requestedAt: /* @__PURE__ */ new Date()
+      });
+    } catch (err) {
+      if (EntityConflictError.is(err) || RunExpiredError.is(err)) {
+        return;
+      }
+      runtimeLogger.error(`Failed to mark step as failed after ${metadata.attempt} delivery attempts. A persistent error is preventing the step from being terminated. The run will remain in its current state until manually resolved. This is most likely due to a persistent outage of the workflow backend or a bug in the workflow runtime and should be reported to the Workflow team.`, {
+        workflowRunId,
+        stepId,
+        attempt: metadata.attempt,
+        error: err instanceof Error ? err.message : String(err)
+      });
+    }
+    return;
+  }
   const spanLinks = await linkToCurrentContext();
   return await withTraceContext(traceContext, async () => {
     const stepName = metadata.queueName.slice("__wkf_step_".length);
@@ -125239,7 +125717,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
       getSpanKind$2("CONSUMER")
     ]);
     return trace$2(`STEP ${stepName}`, { kind: spanKind, links: spanLinks }, async (span) => {
-      var _a3, _b, _c, _d, _e2, _f, _g;
+      var _a3, _b, _c, _d, _e2, _f;
       span == null ? void 0 : span.setAttributes({
         ...StepName(stepName),
         ...StepAttempt(metadata.attempt),
@@ -125251,18 +125729,10 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
         ...getQueueOverhead({ requestedAt })
       });
       const stepFn = getStepFunction(stepName);
-      if (!stepFn) {
-        throw new Error(`Step "${stepName}" not found`);
-      }
-      if (typeof stepFn !== "function") {
-        throw new Error(`Step "${stepName}" is not a function (got ${typeof stepFn})`);
-      }
-      const maxRetries = stepFn.maxRetries ?? DEFAULT_STEP_MAX_RETRIES;
       span == null ? void 0 : span.setAttributes({
         ...WorkflowName(workflowName),
         ...WorkflowRunId(workflowRunId),
         ...StepId(stepId),
-        ...StepMaxRetries(maxRetries),
         ...StepTracePropagated(!!traceContext)
       });
       let step;
@@ -125277,62 +125747,56 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
         }
         step = startResult.step;
       } catch (err) {
-        if (WorkflowAPIError.is(err)) {
-          if (err.status === 429) {
-            const retryRetryAfter = Math.max(1, typeof err.retryAfter === "number" ? err.retryAfter : 1);
-            runtimeLogger.info("Throttled again on retry, deferring to queue", {
-              retryAfterSeconds: retryRetryAfter
-            });
-            return { timeoutSeconds: retryRetryAfter };
-          }
-          if (err.status === 410) {
-            runtimeLogger.info(`Workflow run "${workflowRunId}" has already completed, skipping step "${stepId}": ${err.message}`);
-            return;
-          }
-          if (err.status === 409) {
-            runtimeLogger.debug("Step in terminal state, re-enqueuing workflow", {
-              stepName,
-              stepId,
-              workflowRunId,
-              error: err.message
-            });
-            span == null ? void 0 : span.setAttributes({
-              ...StepSkipped(true),
-              // Use 'completed' as a representative terminal state for the skip reason
-              ...StepSkipReason("completed")
-            });
-            (_a3 = span == null ? void 0 : span.addEvent) == null ? void 0 : _a3.call(span, "step.skipped", {
-              "skip.reason": "terminal_state",
-              "step.name": stepName,
-              "step.id": stepId
-            });
-            await queueMessage(world, getWorkflowQueueName(workflowName), {
-              runId: workflowRunId,
-              traceCarrier: await serializeTraceCarrier(),
-              requestedAt: /* @__PURE__ */ new Date()
-            });
-            return;
-          }
-          if (err.status === 425) {
-            const retryAfterStr = (_b = err.meta) == null ? void 0 : _b.retryAfter;
-            const retryAfter = retryAfterStr ? new Date(retryAfterStr) : new Date(Date.now() + 1e3);
-            const timeoutSeconds = Math.max(1, Math.ceil((retryAfter.getTime() - Date.now()) / 1e3));
-            span == null ? void 0 : span.setAttributes({
-              ...StepRetryTimeoutSeconds(timeoutSeconds)
-            });
-            (_c = span == null ? void 0 : span.addEvent) == null ? void 0 : _c.call(span, "step.delayed", {
-              "delay.reason": "retry_after_not_reached",
-              "delay.timeout_seconds": timeoutSeconds,
-              "delay.retry_after": retryAfter.toISOString()
-            });
-            runtimeLogger.debug("Step retryAfter timestamp not yet reached", {
-              stepName,
-              stepId,
-              retryAfter,
-              timeoutSeconds
-            });
-            return { timeoutSeconds };
-          }
+        if (ThrottleError.is(err)) {
+          const retryRetryAfter = Math.max(1, typeof err.retryAfter === "number" ? err.retryAfter : 1);
+          runtimeLogger.info("Throttled again on retry, deferring to queue", {
+            retryAfterSeconds: retryRetryAfter
+          });
+          return { timeoutSeconds: retryRetryAfter };
+        }
+        if (RunExpiredError.is(err)) {
+          runtimeLogger.info(`Workflow run "${workflowRunId}" has already completed, skipping step "${stepId}": ${err.message}`);
+          return;
+        }
+        if (EntityConflictError.is(err)) {
+          runtimeLogger.debug("Step in terminal state, re-enqueuing workflow", {
+            stepName,
+            stepId,
+            workflowRunId,
+            error: err.message
+          });
+          span == null ? void 0 : span.setAttributes({
+            ...StepSkipped(true),
+            ...StepSkipReason("completed")
+          });
+          (_a3 = span == null ? void 0 : span.addEvent) == null ? void 0 : _a3.call(span, "step.skipped", {
+            "skip.reason": "terminal_state",
+            "step.name": stepName,
+            "step.id": stepId
+          });
+          await queueMessage(world, getWorkflowQueueName(workflowName), {
+            runId: workflowRunId,
+            traceCarrier: await serializeTraceCarrier(),
+            requestedAt: /* @__PURE__ */ new Date()
+          });
+          return;
+        }
+        if (TooEarlyError.is(err)) {
+          const timeoutSeconds = Math.max(1, err.retryAfter ?? 1);
+          span == null ? void 0 : span.setAttributes({
+            ...StepRetryTimeoutSeconds(timeoutSeconds)
+          });
+          (_b = span == null ? void 0 : span.addEvent) == null ? void 0 : _b.call(span, "step.delayed", {
+            "delay.reason": "retry_after_not_reached",
+            "delay.timeout_seconds": timeoutSeconds
+          });
+          runtimeLogger.debug("Step retryAfter timestamp not yet reached", {
+            stepName,
+            stepId,
+            retryAfterSeconds: err.retryAfter,
+            timeoutSeconds
+          });
+          return { timeoutSeconds };
         }
         throw err;
       }
@@ -125345,6 +125809,51 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
       span == null ? void 0 : span.setAttributes({
         ...StepStatus(step.status)
       });
+      if (!stepFn || typeof stepFn !== "function") {
+        const err = new StepNotRegisteredError(stepName);
+        runtimeLogger.error("Step function not registered, failing step (not run)", {
+          workflowRunId,
+          stepName,
+          stepId,
+          error: err.message
+        });
+        try {
+          await world.events.create(workflowRunId, {
+            eventType: "step_failed",
+            specVersion: SPEC_VERSION_CURRENT,
+            correlationId: stepId,
+            eventData: {
+              error: err.message,
+              stack: err.stack
+            }
+          }, { requestId });
+        } catch (stepFailErr) {
+          if (EntityConflictError.is(stepFailErr)) {
+            runtimeLogger.info("Tried failing step for missing function, but step has already finished.", {
+              workflowRunId,
+              stepId,
+              stepName,
+              message: stepFailErr.message
+            });
+            return;
+          }
+          throw stepFailErr;
+        }
+        span == null ? void 0 : span.setAttributes({
+          ...StepStatus("failed"),
+          ...StepFatalError(true)
+        });
+        await queueMessage(world, getWorkflowQueueName(workflowName), {
+          runId: workflowRunId,
+          traceCarrier: await serializeTraceCarrier(),
+          requestedAt: /* @__PURE__ */ new Date()
+        });
+        return;
+      }
+      const maxRetries = stepFn.maxRetries ?? DEFAULT_STEP_MAX_RETRIES;
+      span == null ? void 0 : span.setAttributes({
+        ...StepMaxRetries(maxRetries)
+      });
       let result;
       if (step.attempt > maxRetries + 1) {
         const retryCount = step.attempt - 1;
@@ -125361,11 +125870,11 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             correlationId: stepId,
             eventData: {
               error: errorMessage,
-              stack: (_d = step.error) == null ? void 0 : _d.stack
+              stack: (_c = step.error) == null ? void 0 : _c.stack
             }
           }, { requestId });
         } catch (err) {
-          if (WorkflowAPIError.is(err) && err.status === 409) {
+          if (EntityConflictError.is(err)) {
             runtimeLogger.info("Tried failing step, but step has already finished.", {
               workflowRunId,
               stepId,
@@ -125406,7 +125915,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             }
           }, { requestId });
         } catch (failErr) {
-          if (WorkflowAPIError.is(failErr) && failErr.status === 409) {
+          if (EntityConflictError.is(failErr)) {
             return;
           }
           throw failErr;
@@ -125420,7 +125929,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
       }
       const stepStartedAt = step.startedAt;
       const ops = [];
-      const rawKey = await ((_e2 = world.getEncryptionKeyForRun) == null ? void 0 : _e2.call(world, workflowRunId));
+      const rawKey = await ((_d = world.getEncryptionKeyForRun) == null ? void 0 : _d.call(world, workflowRunId));
       const encryptionKey = rawKey ? await importKey(rawKey) : void 0;
       const hydratedInput = await trace$2("step.hydrate", {}, async (hydrateSpan) => {
         const startTime = Date.now();
@@ -125469,15 +125978,15 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
       });
       if (userCodeFailed) {
         const err = userCodeError;
-        if (WorkflowAPIError.is(err)) {
-          if (err.status === 410) {
-            stepLogger.info("Workflow run already completed, skipping step", {
-              workflowRunId,
-              stepId,
-              message: err.message
-            });
-            return;
-          }
+        if (RunExpiredError.is(err)) {
+          stepLogger.info("Workflow run already completed, skipping step", {
+            workflowRunId,
+            stepId,
+            message: err.message
+          });
+          return;
+        }
+        if (WorkflowWorldError.is(err)) {
           if (err.status !== void 0 && err.status >= 500) {
             throw err;
           }
@@ -125485,7 +125994,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
         const normalizedError = await normalizeUnknownError(err);
         const normalizedStack = normalizedError.stack || getErrorStack(err) || "";
         if (err instanceof Error) {
-          (_f = span == null ? void 0 : span.recordException) == null ? void 0 : _f.call(span, err);
+          (_e2 = span == null ? void 0 : span.recordException) == null ? void 0 : _e2.call(span, err);
         }
         const isFatal = FatalError.is(err);
         const isRetryable = RetryableError.is(err);
@@ -125514,7 +126023,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
               }
             }, { requestId });
           } catch (stepFailErr) {
-            if (WorkflowAPIError.is(stepFailErr) && stepFailErr.status === 409) {
+            if (EntityConflictError.is(stepFailErr)) {
               runtimeLogger.info("Tried failing step, but step has already finished.", {
                 workflowRunId,
                 stepId,
@@ -125557,7 +126066,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
                 }
               }, { requestId });
             } catch (stepFailErr) {
-              if (WorkflowAPIError.is(stepFailErr) && stepFailErr.status === 409) {
+              if (EntityConflictError.is(stepFailErr)) {
                 runtimeLogger.info("Tried failing step, but step has already finished.", {
                   workflowRunId,
                   stepId,
@@ -125602,7 +126111,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
                 }
               }, { requestId });
             } catch (stepRetryErr) {
-              if (WorkflowAPIError.is(stepRetryErr) && stepRetryErr.status === 409) {
+              if (EntityConflictError.is(stepRetryErr)) {
                 runtimeLogger.info("Tried retrying step, but step has already finished.", {
                   workflowRunId,
                   stepId,
@@ -125618,7 +126127,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
               ...StepRetryTimeoutSeconds(timeoutSeconds),
               ...StepRetryWillRetry(true)
             });
-            (_g = span == null ? void 0 : span.addEvent) == null ? void 0 : _g.call(span, "retry.scheduled", {
+            (_f = span == null ? void 0 : span.addEvent) == null ? void 0 : _f.call(span, "retry.scheduled", {
               "retry.timeout_seconds": timeoutSeconds,
               "retry.attempt": currentAttempt,
               "retry.max_retries": maxRetries2
@@ -125658,7 +126167,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             result
           }
         }, { requestId }).catch((err) => {
-          if (WorkflowAPIError.is(err) && err.status === 409) {
+          if (EntityConflictError.is(err)) {
             runtimeLogger.info("Tried completing step, but step has already finished.", {
               workflowRunId,
               stepId,
@@ -126033,7 +126542,7 @@ async function getWorldFromEnv(userEnvMap) {
 function createServerActionError(error2, operation, requestParams) {
   const err = error2 instanceof Error ? error2 : new Error(String(error2));
   let errorResponse;
-  if (WorkflowAPIError.is(error2)) {
+  if (WorkflowWorldError.is(error2)) {
     const status = error2.status ?? 500;
     const isClientError = status >= 400 && status < 500;
     if (!isClientError) {
@@ -126376,7 +126885,7 @@ async function fetchWorkflowsManifest(_worldEnv) {
   }
   for (const manifestPath of manifestPaths) {
     try {
-      const content2 = await require$$0$8.readFile(manifestPath, "utf-8");
+      const content2 = await fs$1.readFile(manifestPath, "utf-8");
       const manifest = JSON.parse(content2);
       return createResponse(manifest);
     } catch (_err) {
@@ -132197,12 +132706,17 @@ function useWorkflowResourceData(env2, resource, resourceId, options = {}) {
     async (resource2) => encryptionKey ? hydrateResourceIOWithKey(resource2, encryptionKey) : hydrateResourceIO(resource2),
     [encryptionKey]
   );
+  const prevSelectionRef = reactExports.useRef("");
   const fetchData = reactExports.useCallback(async () => {
     if (!enabled) {
       setLoading(false);
       return;
     }
-    setData(null);
+    const selectionKey = `${resource}:${resourceId}`;
+    if (selectionKey !== prevSelectionRef.current) {
+      setData(null);
+      prevSelectionRef.current = selectionKey;
+    }
     setError(null);
     setLoading(true);
     if (resource === "hook") {
@@ -134533,6 +135047,12 @@ function SelectionBar({
     }
   );
 }
+function getErrorCode(error2) {
+  if (error2 !== null && typeof error2 === "object" && "code" in error2 && typeof error2.code === "string") {
+    return error2.code;
+  }
+  return void 0;
+}
 function StatusBadge({
   status,
   context,
@@ -134571,41 +135091,41 @@ function StatusBadge({
       ")"
     ] })
   ] });
-  if (status === "failed" && (context == null ? void 0 : context.error)) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorStatusBadge, { content: content2, error: context.error });
+  const errorCode = status === "failed" ? getErrorCode(context == null ? void 0 : context.error) : void 0;
+  if (errorCode) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorCodeBadge, { content: content2, errorCode });
   }
   return content2;
 }
-function ErrorStatusBadge({
+function ErrorCodeBadge({
   content: content2,
-  error: error2
+  errorCode
 }) {
   const [copied, setCopied] = reactExports.useState(false);
-  const errorMessage = typeof error2 === "string" ? error2 : error2 instanceof Error ? error2.message : JSON.stringify(error2);
   const handleCopy = async (e) => {
     e.stopPropagation();
-    await navigator.clipboard.writeText(errorMessage);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
+    try {
+      await navigator.clipboard.writeText(errorCode);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "cursor-help", children: content2 }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { className: "max-w-md p-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2 p-1 border-b", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium pl-1 pt-1", children: "Error Details" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "h-6 w-6 shrink-0",
-            onClick: handleCopy,
-            children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-2.5 w-2.5 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "h-2.5 w-2.5 text-muted-foreground" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-48 overflow-auto p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs whitespace-pre-wrap break-words font-mono", children: errorMessage }) })
-    ] })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 p-1.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-mono", children: errorCode }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-5 w-5 shrink-0",
+          onClick: handleCopy,
+          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-2.5 w-2.5 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "h-2.5 w-2.5 text-muted-foreground" })
+        }
+      )
+    ] }) })
   ] });
 }
 function useRunActions({
@@ -145200,17 +145720,12 @@ const baseNodeTypes = {
   parallelGroup: ParallelGroupComponent,
   diamondNode: DiamondNodeComponent
 };
-const nodeTypes$1 = baseNodeTypes;
+const nodeTypes = baseNodeTypes;
 const defaultSelfLoopStyle = {
   strokeColor: "#6b7280",
   // gray-500
   labelBgClass: "bg-gray-200 dark:bg-gray-700 text-black dark:text-gray-200 border-gray-400 dark:border-gray-500"
 };
-const executionSelfLoopStyle = {
-  strokeColor: "#a855f7",
-  // purple-500
-  labelBgClass: "bg-purple-200 dark:bg-purple-900/50 text-black dark:text-purple-200 border-purple-400 dark:border-purple-600"
-};
 function createSelfLoopEdge(style2 = defaultSelfLoopStyle) {
   return function SelfLoopEdge2({
     id: id2,
@@ -145266,14 +145781,9 @@ function createSelfLoopEdge(style2 = defaultSelfLoopStyle) {
   };
 }
 const SelfLoopEdge = createSelfLoopEdge(defaultSelfLoopStyle);
-const edgeTypes$1 = {
+const edgeTypes = {
   selfLoop: SelfLoopEdge
 };
-function createEdgeTypes(selfLoopStyle = defaultSelfLoopStyle) {
-  return {
-    selfLoop: createSelfLoopEdge(selfLoopStyle)
-  };
-}
 function getNodeBackgroundColor(nodeKind) {
   if (nodeKind === "workflow_start" || nodeKind === "workflow_end") {
     return "var(--node-bg-start)";
@@ -145506,7 +146016,7 @@ function consolidateEdges(edges, nodes) {
   }
   return consolidatedEdges;
 }
-function convertToReactFlowNodes$1(workflow) {
+function convertToReactFlowNodes(workflow) {
   var _a3;
   const { nodes, groupNodes } = calculateEnhancedLayout(workflow);
   const nodeToParent = /* @__PURE__ */ new Map();
@@ -145632,7 +146142,7 @@ function convertToReactFlowNodes$1(workflow) {
   });
   return reactFlowNodes;
 }
-function convertToReactFlowEdges$1(workflow) {
+function convertToReactFlowEdges(workflow) {
   const { additionalEdges } = calculateEnhancedLayout(workflow);
   const transformedOriginalEdges = workflow.edges.map((e) => {
     if (e.type === "loop") {
@@ -145735,18 +146245,18 @@ function convertToReactFlowEdges$1(workflow) {
 }
 function WorkflowGraphViewer({ workflow }) {
   const initialNodes = reactExports.useMemo(
-    () => convertToReactFlowNodes$1(workflow),
+    () => convertToReactFlowNodes(workflow),
     [workflow]
   );
   const initialEdges = reactExports.useMemo(
-    () => convertToReactFlowEdges$1(workflow),
+    () => convertToReactFlowEdges(workflow),
     [workflow]
   );
   const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
   reactExports.useEffect(() => {
-    setNodes(convertToReactFlowNodes$1(workflow));
-    setEdges(convertToReactFlowEdges$1(workflow));
+    setNodes(convertToReactFlowNodes(workflow));
+    setEdges(convertToReactFlowEdges(workflow));
   }, [workflow, setNodes, setEdges]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full w-full border rounded-lg bg-background relative overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     index,
@@ -145755,8 +146265,8 @@ function WorkflowGraphViewer({ workflow }) {
       edges,
       onNodesChange,
       onEdgesChange,
-      nodeTypes: nodeTypes$1,
-      edgeTypes: edgeTypes$1,
+      nodeTypes,
+      edgeTypes,
       fitView: true,
       minZoom: 0.1,
       maxZoom: 2,
@@ -147697,732 +148207,63 @@ function BreadcrumbSeparator({
     }
   );
 }
-const PRIMITIVE_LABELS = {
-  sleep: "sleep",
-  createHook: "createHook",
-  createWebhook: "createWebhook",
-  awaitWebhook: "awaitWebhook"
-};
-function normalizeStepName(name2) {
-  return name2.replace(/\/\/\.\.\//g, "//");
-}
-function createStepExecution(attemptStep, graphNodeId, idx, totalAttempts) {
-  let status;
-  switch (attemptStep.status) {
-    case "completed":
-      status = "completed";
-      break;
-    case "failed":
-      status = idx < totalAttempts - 1 ? "retrying" : "failed";
-      break;
-    case "running":
-      status = "running";
-      break;
-    case "cancelled":
-      status = "cancelled";
-      break;
-    case "pending":
-    default:
-      status = "pending";
-      break;
-  }
-  const duration2 = attemptStep.completedAt && attemptStep.startedAt ? new Date(attemptStep.completedAt).getTime() - new Date(attemptStep.startedAt).getTime() : void 0;
-  return {
-    nodeId: graphNodeId,
-    stepId: attemptStep.stepId,
-    attemptNumber: attemptStep.attempt,
-    status,
-    startedAt: attemptStep.startedAt ? new Date(attemptStep.startedAt).toISOString() : void 0,
-    completedAt: attemptStep.completedAt ? new Date(attemptStep.completedAt).toISOString() : void 0,
-    duration: duration2,
-    input: attemptStep.input,
-    output: attemptStep.output,
-    error: attemptStep.error ? {
-      message: attemptStep.error.message,
-      stack: attemptStep.error.stack || ""
-    } : void 0
-  };
-}
-function extractFunctionName(stepId) {
-  const parts = stepId.split("//");
-  return parts.length >= 3 ? parts[parts.length - 1] : null;
-}
-function buildNodeIndex(nodes) {
-  const byStepId = /* @__PURE__ */ new Map();
-  const byFunctionName = /* @__PURE__ */ new Map();
-  const primitivesByLabel = /* @__PURE__ */ new Map();
-  const agentNodes = [];
-  const toolNodes = /* @__PURE__ */ new Map();
-  for (const node2 of nodes) {
-    if (node2.data.stepId) {
-      const normalizedStepId = normalizeStepName(node2.data.stepId);
-      const existing = byStepId.get(normalizedStepId) || [];
-      existing.push(node2);
-      byStepId.set(normalizedStepId, existing);
-      const functionName = extractFunctionName(normalizedStepId);
-      if (functionName) {
-        const existingByName = byFunctionName.get(functionName) || [];
-        existingByName.push(node2);
-        byFunctionName.set(functionName, existingByName);
-      }
-    }
-    if (node2.data.nodeKind === "primitive") {
-      const label = node2.data.label;
-      const existing = primitivesByLabel.get(label) || [];
-      existing.push(node2);
-      primitivesByLabel.set(label, existing);
-    }
-    if (node2.data.nodeKind === "agent") {
-      agentNodes.push(node2);
-    }
-    if (node2.data.nodeKind === "tool") {
-      const label = node2.data.label;
-      const toolName = label.replace(/ \(tool\)$/, "");
-      const existing = toolNodes.get(toolName) || [];
-      existing.push(node2);
-      toolNodes.set(toolName, existing);
-      if (node2.data.stepId) {
-        const functionName = extractFunctionName(
-          normalizeStepName(node2.data.stepId)
-        );
-        if (functionName) {
-          const existingByName = toolNodes.get(functionName) || [];
-          if (!existingByName.includes(node2)) {
-            existingByName.push(node2);
-            toolNodes.set(functionName, existingByName);
-          }
-        }
-      }
-    }
-  }
-  return { byStepId, byFunctionName, primitivesByLabel, agentNodes, toolNodes };
-}
-function calculateEdgeTraversals(executionPath, graph, nodeExecutions) {
-  var _a3, _b, _c, _d;
-  const edgeTraversals = /* @__PURE__ */ new Map();
-  const executedNodes = new Set(executionPath);
-  const parallelGroups = /* @__PURE__ */ new Map();
-  for (const node2 of graph.nodes) {
-    const groupId = (_a3 = node2.metadata) == null ? void 0 : _a3.parallelGroupId;
-    if (groupId) {
-      const existing = parallelGroups.get(groupId) || { nodes: [] };
-      existing.nodes.push(node2);
-      existing.method = (_b = node2.metadata) == null ? void 0 : _b.parallelMethod;
-      parallelGroups.set(groupId, existing);
-    }
-  }
-  const raceWinners = /* @__PURE__ */ new Map();
-  for (const [groupId, group] of parallelGroups) {
-    if (group.method === "race") {
-      let winnerNodeId;
-      let earliestCompletion;
-      for (const node2 of group.nodes) {
-        const executions = nodeExecutions.get(node2.id);
-        if (executions) {
-          for (const exec of executions) {
-            if (exec.status === "completed" && exec.completedAt) {
-              const completedAt = new Date(exec.completedAt);
-              if (!earliestCompletion || completedAt < earliestCompletion) {
-                earliestCompletion = completedAt;
-                winnerNodeId = node2.id;
-              }
-            }
-          }
-        }
-      }
-      if (winnerNodeId) {
-        raceWinners.set(groupId, winnerNodeId);
-      }
-    }
-  }
-  const markEdgeTraversed = (edge) => {
-    const existing = edgeTraversals.get(edge.id);
-    if (existing) {
-      existing.traversalCount++;
-    } else {
-      edgeTraversals.set(edge.id, {
-        edgeId: edge.id,
-        traversalCount: 1,
-        timings: []
-      });
-    }
-  };
-  for (const edge of graph.edges) {
-    const sourceNode = graph.nodes.find((n) => n.id === edge.source);
-    const targetNode = graph.nodes.find((n) => n.id === edge.target);
-    if (!sourceNode || !targetNode) continue;
-    const sourceExecuted = executedNodes.has(edge.source);
-    const targetExecuted = executedNodes.has(edge.target);
-    if (!sourceExecuted && !targetExecuted) continue;
-    if (edge.type === "conditional") {
-      if (sourceExecuted && targetExecuted) {
-        markEdgeTraversed(edge);
-      }
-      continue;
-    }
-    const sourceGroupId = (_c = sourceNode.metadata) == null ? void 0 : _c.parallelGroupId;
-    const sourceMethod = (_d = sourceNode.metadata) == null ? void 0 : _d.parallelMethod;
-    if (sourceGroupId && sourceMethod === "race") {
-      const winner = raceWinners.get(sourceGroupId);
-      if (winner === edge.source && targetExecuted) {
-        markEdgeTraversed(edge);
-      }
-    } else if (sourceExecuted && targetExecuted) {
-      markEdgeTraversed(edge);
-    } else if (sourceExecuted && edge.type === "parallel") {
-      if (targetExecuted) {
-        markEdgeTraversed(edge);
-      }
-    }
-  }
-  return edgeTraversals;
-}
-function initializeStartNode(run, graph, executionPath, nodeExecutions) {
-  const startNode = graph.nodes.find(
-    (n) => n.data.nodeKind === "workflow_start"
-  );
-  if (startNode) {
-    executionPath.push(startNode.id);
-    nodeExecutions.set(startNode.id, [
-      {
-        nodeId: startNode.id,
-        attemptNumber: 1,
-        status: "completed",
-        startedAt: run.startedAt ? new Date(run.startedAt).toISOString() : void 0,
-        completedAt: run.startedAt ? new Date(run.startedAt).toISOString() : void 0
-        // No duration for control flow nodes (start/end/conditional)
-      }
-    ]);
-  }
-}
-function addEndNodeExecution(run, graph, executionPath, nodeExecutions) {
-  const endNode = graph.nodes.find((n) => n.data.nodeKind === "workflow_end");
-  if (!endNode || executionPath.includes(endNode.id)) {
-    return;
-  }
-  let endNodeStatus;
-  switch (run.status) {
-    case "completed":
-      endNodeStatus = "completed";
-      break;
-    case "failed":
-      endNodeStatus = "failed";
-      break;
-    case "cancelled":
-      endNodeStatus = "cancelled";
-      break;
-    case "running":
-      endNodeStatus = "running";
-      break;
-    case "pending":
-    default:
-      return;
-  }
-  executionPath.push(endNode.id);
-  nodeExecutions.set(endNode.id, [
-    {
-      nodeId: endNode.id,
-      attemptNumber: 1,
-      status: endNodeStatus,
-      startedAt: run.completedAt ? new Date(run.completedAt).toISOString() : void 0,
-      completedAt: run.completedAt ? new Date(run.completedAt).toISOString() : void 0
-      // No duration for control flow nodes (start/end/conditional)
-    }
-  ]);
-}
-function processStepGroup(stepGroup, stepName, nodesByStepId, nodesByFunctionName, occurrenceCount, nodeExecutions, executionPath) {
-  const normalizedStepName = normalizeStepName(stepName);
-  const occurrenceIndex = occurrenceCount.get(normalizedStepName) || 0;
-  occurrenceCount.set(normalizedStepName, occurrenceIndex + 1);
-  let nodesWithStepId = nodesByStepId.get(normalizedStepName) || [];
-  let matchStrategy = "step-id";
-  if (nodesWithStepId.length === 0) {
-    const functionName = extractFunctionName(normalizedStepName);
-    if (functionName) {
-      nodesWithStepId = nodesByFunctionName.get(functionName) || [];
-      matchStrategy = "function-name";
-    }
-  }
-  const graphNode = nodesWithStepId.length === 1 ? nodesWithStepId[0] : nodesWithStepId[occurrenceIndex];
-  console.log("[Graph Mapper] Processing step group:", {
-    stepName,
-    normalizedStepName,
-    attempts: stepGroup.length,
-    occurrenceIndex,
-    totalNodesWithStepId: nodesWithStepId.length,
-    selectedNode: graphNode == null ? void 0 : graphNode.id,
-    allNodesWithStepId: nodesWithStepId.map((n) => n.id),
-    matchStrategy,
-    strategy: nodesWithStepId.length === 1 ? "single-node-multiple-invocations" : "occurrence-based"
-  });
-  if (!graphNode) {
-    return void 0;
-  }
-  const executions = stepGroup.map(
-    (attemptStep, idx) => createStepExecution(attemptStep, graphNode.id, idx, stepGroup.length)
-  );
-  if (nodesWithStepId.length === 1) {
-    const existing = nodeExecutions.get(graphNode.id) || [];
-    nodeExecutions.set(graphNode.id, [...existing, ...executions]);
-  } else {
-    nodeExecutions.set(graphNode.id, executions);
-  }
-  if (!executionPath.includes(graphNode.id)) {
-    executionPath.push(graphNode.id);
-  }
-  const latestExecution = executions[executions.length - 1];
-  return latestExecution.status === "running" ? graphNode.id : void 0;
-}
-function processPrimitiveEvents(events2, primitivesByLabel, nodeExecutions, executionPath) {
-  const occurrenceCount = /* @__PURE__ */ new Map();
-  const eventsByCorrelation = /* @__PURE__ */ new Map();
-  for (const event of events2) {
-    if (!event.correlationId) continue;
-    const existing = eventsByCorrelation.get(event.correlationId) || [];
-    existing.push(event);
-    eventsByCorrelation.set(event.correlationId, existing);
-  }
-  let currentNode;
-  const sleepNodes = primitivesByLabel.get(PRIMITIVE_LABELS.sleep) || [];
-  const sleepCorrelations = /* @__PURE__ */ new Set();
-  for (const event of events2) {
-    if (event.eventType === "wait_created" && event.correlationId) {
-      sleepCorrelations.add(event.correlationId);
-    }
-  }
-  const sortedSleepCorrelations = Array.from(sleepCorrelations).sort((a2, b2) => {
-    var _a3, _b;
-    const eventsA = eventsByCorrelation.get(a2) || [];
-    const eventsB = eventsByCorrelation.get(b2) || [];
-    const timeA = (_a3 = eventsA.find(
-      (e) => e.eventType === "wait_created"
-    )) == null ? void 0 : _a3.createdAt;
-    const timeB = (_b = eventsB.find(
-      (e) => e.eventType === "wait_created"
-    )) == null ? void 0 : _b.createdAt;
-    if (!timeA || !timeB) return 0;
-    return new Date(timeA).getTime() - new Date(timeB).getTime();
-  });
-  for (const correlationId of sortedSleepCorrelations) {
-    const correlationEvents = eventsByCorrelation.get(correlationId) || [];
-    const createdEvent = correlationEvents.find(
-      (e) => e.eventType === "wait_created"
-    );
-    const completedEvent = correlationEvents.find(
-      (e) => e.eventType === "wait_completed"
+const FRAME_HEADER_SIZE = 4;
+const MAX_DISPLAY_ENTRIES = 200;
+const MAX_DISPLAY_DEPTH = 6;
+function sanitizeForDisplay(value, depth = 0) {
+  if (value === null || value === void 0) return value;
+  if (ArrayBuffer.isView(value) && !(value instanceof DataView)) {
+    const ta2 = value;
+    const name2 = ta2.constructor.name;
+    const preview = Array.from(
+      { length: Math.min(ta2.length, 8) },
+      (_2, i) => ta2[i]
     );
-    if (!createdEvent) continue;
-    const occurrenceIndex = occurrenceCount.get(PRIMITIVE_LABELS.sleep) || 0;
-    occurrenceCount.set(PRIMITIVE_LABELS.sleep, occurrenceIndex + 1);
-    const graphNode = sleepNodes.length === 1 ? sleepNodes[0] : sleepNodes[occurrenceIndex];
-    if (!graphNode) continue;
-    let status = "running";
-    if (completedEvent) {
-      status = "completed";
-    }
-    const startedAt = new Date(createdEvent.createdAt).toISOString();
-    const completedAt = completedEvent ? new Date(completedEvent.createdAt).toISOString() : void 0;
-    const duration2 = completedEvent ? new Date(completedEvent.createdAt).getTime() - new Date(createdEvent.createdAt).getTime() : void 0;
-    const execution = {
-      nodeId: graphNode.id,
-      attemptNumber: 1,
-      status,
-      startedAt,
-      completedAt,
-      duration: duration2
-    };
-    const existing = nodeExecutions.get(graphNode.id) || [];
-    nodeExecutions.set(graphNode.id, [...existing, execution]);
-    if (!executionPath.includes(graphNode.id)) {
-      executionPath.push(graphNode.id);
-    }
-    if (status === "running") {
-      currentNode = graphNode.id;
-    }
+    const suffix = ta2.length > 8 ? ", …" : "";
+    return `${name2}(${ta2.length}) [${preview.join(", ")}${suffix}]`;
   }
-  const hookNodes = [
-    ...primitivesByLabel.get(PRIMITIVE_LABELS.createHook) || [],
-    ...primitivesByLabel.get(PRIMITIVE_LABELS.createWebhook) || []
-  ];
-  const hookCorrelations = /* @__PURE__ */ new Set();
-  for (const event of events2) {
-    if (event.eventType === "hook_created" && event.correlationId) {
-      hookCorrelations.add(event.correlationId);
-    }
+  if (value instanceof ArrayBuffer) {
+    return `ArrayBuffer(${value.byteLength})`;
   }
-  const sortedHookCorrelations = Array.from(hookCorrelations).sort((a2, b2) => {
-    var _a3, _b;
-    const eventsA = eventsByCorrelation.get(a2) || [];
-    const eventsB = eventsByCorrelation.get(b2) || [];
-    const timeA = (_a3 = eventsA.find(
-      (e) => e.eventType === "hook_created"
-    )) == null ? void 0 : _a3.createdAt;
-    const timeB = (_b = eventsB.find(
-      (e) => e.eventType === "hook_created"
-    )) == null ? void 0 : _b.createdAt;
-    if (!timeA || !timeB) return 0;
-    return new Date(timeA).getTime() - new Date(timeB).getTime();
-  });
-  let hookOccurrenceIndex = 0;
-  for (const correlationId of sortedHookCorrelations) {
-    const correlationEvents = eventsByCorrelation.get(correlationId) || [];
-    const createdEvent = correlationEvents.find(
-      (e) => e.eventType === "hook_created"
-    );
-    if (!createdEvent) continue;
-    const graphNode = hookNodes.length === 1 ? hookNodes[0] : hookNodes[hookOccurrenceIndex];
-    hookOccurrenceIndex++;
-    if (!graphNode) continue;
-    const status = "completed";
-    const startedAt = new Date(createdEvent.createdAt).toISOString();
-    const completedAt = new Date(createdEvent.createdAt).toISOString();
-    const execution = {
-      nodeId: graphNode.id,
-      attemptNumber: 1,
-      status,
-      startedAt,
-      completedAt,
-      duration: 0
-    };
-    const existing = nodeExecutions.get(graphNode.id) || [];
-    nodeExecutions.set(graphNode.id, [...existing, execution]);
-    if (!executionPath.includes(graphNode.id)) {
-      executionPath.push(graphNode.id);
-    }
-  }
-  const awaitWebhookNodes = primitivesByLabel.get(PRIMITIVE_LABELS.awaitWebhook) || [];
-  const receivedHookCorrelations = /* @__PURE__ */ new Set();
-  for (const event of events2) {
-    if (event.eventType === "hook_received" && event.correlationId) {
-      receivedHookCorrelations.add(event.correlationId);
-    }
-  }
-  let awaitWebhookIndex = 0;
-  for (const correlationId of sortedHookCorrelations) {
-    const graphNode = awaitWebhookNodes.length === 1 ? awaitWebhookNodes[0] : awaitWebhookNodes[awaitWebhookIndex];
-    awaitWebhookIndex++;
-    if (!graphNode) continue;
-    const correlationEvents = eventsByCorrelation.get(correlationId) || [];
-    const createdEvent = correlationEvents.find(
-      (e) => e.eventType === "hook_created"
-    );
-    const receivedEvent = correlationEvents.find(
-      (e) => e.eventType === "hook_received"
-    );
-    let status;
-    let startedAt;
-    let completedAt;
-    let duration2 = 0;
-    if (receivedEvent) {
-      status = "completed";
-      startedAt = createdEvent ? new Date(createdEvent.createdAt).toISOString() : new Date(receivedEvent.createdAt).toISOString();
-      completedAt = new Date(receivedEvent.createdAt).toISOString();
-      duration2 = new Date(completedAt).getTime() - new Date(startedAt).getTime();
-    } else if (createdEvent) {
-      status = "running";
-      startedAt = new Date(createdEvent.createdAt).toISOString();
-    } else {
-      status = "pending";
-    }
-    const execution = {
-      nodeId: graphNode.id,
-      attemptNumber: 1,
-      status,
-      startedAt,
-      completedAt,
-      duration: duration2
-    };
-    const existing = nodeExecutions.get(graphNode.id) || [];
-    nodeExecutions.set(graphNode.id, [...existing, execution]);
-    if (!executionPath.includes(graphNode.id)) {
-      executionPath.push(graphNode.id);
-    }
+  if (depth >= MAX_DISPLAY_DEPTH) {
+    if (Array.isArray(value)) return `Array(${value.length})`;
+    if (typeof value === "object") return "{…}";
+    return value;
   }
-  return currentNode;
-}
-function processAgentAndToolNodes(run, steps, agentNodes, toolNodes, nodeExecutions, executionPath, allNodes) {
-  var _a3;
-  let agentStatus = "pending";
-  if (run.status === "completed") {
-    agentStatus = "completed";
-  } else if (run.status === "failed") {
-    agentStatus = "failed";
-  } else if (run.status === "running") {
-    agentStatus = "running";
-  }
-  for (const agentNode of agentNodes) {
-    const execution = {
-      nodeId: agentNode.id,
-      attemptNumber: 1,
-      status: agentStatus,
-      startedAt: run.startedAt ? new Date(run.startedAt).toISOString() : void 0,
-      completedAt: run.completedAt && (agentStatus === "completed" || agentStatus === "failed") ? new Date(run.completedAt).toISOString() : void 0
-    };
-    nodeExecutions.set(agentNode.id, [execution]);
-    if (!executionPath.includes(agentNode.id)) {
-      executionPath.push(agentNode.id);
-    }
-  }
-  for (const step of steps) {
-    const functionName = extractFunctionName(step.stepName);
-    if (!functionName) continue;
-    const matchingToolNodes = toolNodes.get(functionName);
-    if (!matchingToolNodes || matchingToolNodes.length === 0) continue;
-    const toolNode = matchingToolNodes[0];
-    let status;
-    switch (step.status) {
-      case "completed":
-        status = "completed";
-        break;
-      case "failed":
-        status = "failed";
-        break;
-      case "running":
-        status = "running";
-        break;
-      case "cancelled":
-        status = "cancelled";
-        break;
-      case "pending":
-      default:
-        status = "pending";
-        break;
-    }
-    const duration2 = step.completedAt && step.startedAt ? new Date(step.completedAt).getTime() - new Date(step.startedAt).getTime() : void 0;
-    const execution = {
-      nodeId: toolNode.id,
-      stepId: step.stepId,
-      attemptNumber: step.attempt,
-      status,
-      startedAt: step.startedAt ? new Date(step.startedAt).toISOString() : void 0,
-      completedAt: step.completedAt ? new Date(step.completedAt).toISOString() : void 0,
-      duration: duration2,
-      input: step.input,
-      output: step.output,
-      error: step.error
-    };
-    const existing = nodeExecutions.get(toolNode.id) || [];
-    nodeExecutions.set(toolNode.id, [...existing, execution]);
-    if (!executionPath.includes(toolNode.id)) {
-      executionPath.push(toolNode.id);
+  if (Array.isArray(value)) {
+    if (value.length <= MAX_DISPLAY_ENTRIES) {
+      return value.map((v2) => sanitizeForDisplay(v2, depth + 1));
     }
+    const trimmed = value.slice(0, MAX_DISPLAY_ENTRIES).map((v2) => sanitizeForDisplay(v2, depth + 1));
+    trimmed.push(`… ${value.length - MAX_DISPLAY_ENTRIES} more items`);
+    return trimmed;
   }
-  for (const node2 of allNodes) {
-    const isToolsCollection = ((_a3 = node2.metadata) == null ? void 0 : _a3.isToolsCollection) === true;
-    if (node2.data.nodeKind === "tool" && isToolsCollection && !nodeExecutions.has(node2.id)) {
-      const execution = {
-        nodeId: node2.id,
-        attemptNumber: 1,
-        status: agentStatus,
-        startedAt: run.startedAt ? new Date(run.startedAt).toISOString() : void 0,
-        completedAt: run.completedAt && (agentStatus === "completed" || agentStatus === "failed") ? new Date(run.completedAt).toISOString() : void 0
-      };
-      nodeExecutions.set(node2.id, [execution]);
-      if (!executionPath.includes(node2.id)) {
-        executionPath.push(node2.id);
-      }
+  if (typeof value === "object") {
+    const keys2 = Object.keys(value);
+    const out = {};
+    const limit = Math.min(keys2.length, MAX_DISPLAY_ENTRIES);
+    for (let i = 0; i < limit; i++) {
+      out[keys2[i]] = sanitizeForDisplay(
+        value[keys2[i]],
+        depth + 1
+      );
     }
-  }
-}
-function processConditionalNodes(graph, nodeExecutions, executionPath, run) {
-  var _a3, _b, _c;
-  const conditionalNodes = graph.nodes.filter(
-    (n) => n.data.nodeKind === "conditional"
-  );
-  const nodesByConditionalId = /* @__PURE__ */ new Map();
-  for (const node2 of graph.nodes) {
-    const condId = (_a3 = node2.metadata) == null ? void 0 : _a3.conditionalId;
-    if (condId) {
-      const group = nodesByConditionalId.get(condId) || {
-        thenNodes: [],
-        elseNodes: []
-      };
-      if (((_b = node2.metadata) == null ? void 0 : _b.conditionalBranch) === "Then") {
-        group.thenNodes.push(node2);
-      } else if (((_c = node2.metadata) == null ? void 0 : _c.conditionalBranch) === "Else") {
-        group.elseNodes.push(node2);
-      }
-      nodesByConditionalId.set(condId, group);
-    }
-  }
-  for (const condNode of conditionalNodes) {
-    const condIdMatch = condNode.id.match(/^(cond_\d+)_node$/);
-    if (!condIdMatch) continue;
-    const condId = condIdMatch[1];
-    const branches = nodesByConditionalId.get(condId);
-    if (!branches) continue;
-    const thenExecuted = branches.thenNodes.some(
-      (n) => nodeExecutions.has(n.id)
-    );
-    const elseExecuted = branches.elseNodes.some(
-      (n) => nodeExecutions.has(n.id)
-    );
-    if (thenExecuted || elseExecuted) {
-      const allBranchNodes = [...branches.thenNodes, ...branches.elseNodes];
-      if (!nodeExecutions.has(condNode.id)) {
-        let earliestTime;
-        for (const branchNode of allBranchNodes) {
-          const execs = nodeExecutions.get(branchNode.id);
-          if (execs && execs.length > 0) {
-            const firstExec = execs[0];
-            if (firstExec.startedAt && (!earliestTime || firstExec.startedAt < earliestTime)) {
-              earliestTime = firstExec.startedAt;
-            }
-          }
-        }
-        const fallbackTime = run.startedAt ? new Date(run.startedAt).toISOString() : void 0;
-        const execution = {
-          nodeId: condNode.id,
-          attemptNumber: 1,
-          status: "completed",
-          startedAt: earliestTime || fallbackTime,
-          completedAt: earliestTime || fallbackTime
-          // No duration for control flow nodes (start/end/conditional)
-        };
-        nodeExecutions.set(condNode.id, [execution]);
-      }
-      if (!executionPath.includes(condNode.id)) {
-        const branchIndices = allBranchNodes.map((n) => executionPath.indexOf(n.id)).filter((i) => i >= 0);
-        if (branchIndices.length > 0) {
-          const firstBranchIndex = Math.min(...branchIndices);
-          if (firstBranchIndex >= 0 && firstBranchIndex < executionPath.length) {
-            executionPath.splice(firstBranchIndex, 0, condNode.id);
-          } else {
-            executionPath.push(condNode.id);
-          }
-        } else {
-          executionPath.push(condNode.id);
-        }
-      }
+    if (keys2.length > MAX_DISPLAY_ENTRIES) {
+      out[`… ${keys2.length - MAX_DISPLAY_ENTRIES} more keys`] = "…";
     }
+    return out;
   }
+  return value;
 }
-function mapRunToExecution(run, steps, events2, graph) {
-  const nodeExecutions = /* @__PURE__ */ new Map();
-  const executionPath = [];
-  let currentNode;
-  console.log("[Graph Mapper] Mapping run to execution:", {
-    runId: run.runId,
-    workflowName: run.workflowName,
-    graphNodes: graph.nodes.length,
-    stepsCount: steps.length
-  });
-  initializeStartNode(run, graph, executionPath, nodeExecutions);
-  const sortedSteps = [...steps].sort(
-    (a2, b2) => new Date(a2.createdAt).getTime() - new Date(b2.createdAt).getTime()
-  );
-  console.log(
-    "[Graph Mapper] Sorted steps:",
-    sortedSteps.map((s2) => ({
-      stepId: s2.stepId,
-      stepName: s2.stepName,
-      attempt: s2.attempt,
-      status: s2.status,
-      createdAt: s2.createdAt
-    }))
-  );
-  const {
-    byStepId: nodesByStepId,
-    byFunctionName: nodesByFunctionName,
-    primitivesByLabel,
-    agentNodes,
-    toolNodes
-  } = buildNodeIndex(graph.nodes);
-  console.log("[Graph Mapper] Graph nodes by stepId:", {
-    allGraphNodes: graph.nodes.map((n) => ({
-      id: n.id,
-      stepId: n.data.stepId,
-      normalizedStepId: n.data.stepId ? normalizeStepName(n.data.stepId) : void 0,
-      nodeKind: n.data.nodeKind
-    })),
-    nodesByStepId: Array.from(nodesByStepId.entries()).map(
-      ([stepId, nodes]) => ({
-        stepId,
-        nodeIds: nodes.map((n) => n.id)
-      })
-    )
-  });
-  const stepNameOccurrenceCount = /* @__PURE__ */ new Map();
-  let currentStepGroup = [];
-  let currentStepId = null;
-  let currentStepName = null;
-  for (let i = 0; i <= sortedSteps.length; i++) {
-    const step = sortedSteps[i];
-    const isNewInvocation = !step || step.stepId !== currentStepId;
-    if (isNewInvocation) {
-      if (currentStepGroup.length > 0 && currentStepName) {
-        const runningNode = processStepGroup(
-          currentStepGroup,
-          currentStepName,
-          nodesByStepId,
-          nodesByFunctionName,
-          stepNameOccurrenceCount,
-          nodeExecutions,
-          executionPath
-        );
-        if (runningNode) {
-          currentNode = runningNode;
-        }
-      }
-      if (step) {
-        currentStepGroup = [step];
-        currentStepId = step.stepId;
-        currentStepName = step.stepName;
-      }
-    } else {
-      currentStepGroup.push(step);
-    }
-  }
-  const primitiveCurrentNode = processPrimitiveEvents(
-    events2,
-    primitivesByLabel,
-    nodeExecutions,
-    executionPath
-  );
-  if (primitiveCurrentNode) {
-    currentNode = primitiveCurrentNode;
-  }
-  processAgentAndToolNodes(
-    run,
-    sortedSteps,
-    agentNodes,
-    toolNodes,
-    nodeExecutions,
-    executionPath,
-    graph.nodes
-  );
-  processConditionalNodes(graph, nodeExecutions, executionPath, run);
-  addEndNodeExecution(run, graph, executionPath, nodeExecutions);
-  const edgeTraversals = calculateEdgeTraversals(
-    executionPath,
-    graph,
-    nodeExecutions
-  );
-  const result = {
-    runId: run.runId,
-    status: run.status,
-    nodeExecutions,
-    edgeTraversals,
-    currentNode,
-    executionPath
-  };
-  console.log("[Graph Mapper] Mapping complete:", {
-    executionPath,
-    nodeExecutionsCount: nodeExecutions.size,
-    nodeExecutions: Array.from(nodeExecutions.entries()).map(
-      ([nodeId, execs]) => {
-        var _a3;
-        return {
-          nodeId,
-          executionCount: execs.length,
-          latestStatus: (_a3 = execs[execs.length - 1]) == null ? void 0 : _a3.status
-        };
-      }
-    )
-  });
-  return result;
+const yieldToMain = () => new Promise((resolve2) => setTimeout(resolve2, 0));
+const YIELD_EVERY_N_FRAMES = 64;
+function detectEncoding(data) {
+  if (data.length < FRAME_HEADER_SIZE) return "framed";
+  const view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+  const len = view.getUint32(0, false);
+  if (len > 0 && len <= 10 * 1024 * 1024) return "framed";
+  return "legacy";
 }
-const FRAME_HEADER_SIZE = 4;
 function useStreamReader(env2, streamId, runId, encryptionKey) {
   const [chunks, setChunks] = reactExports.useState([]);
   const [isLive, setIsLive] = reactExports.useState(false);
@@ -148452,36 +148293,82 @@ function useStreamReader(env2, streamId, runId, encryptionKey) {
         );
         const cryptoKey = encryptionKey ? await importKey(encryptionKey) : void 0;
         const reader = rawStream.getReader();
+        const decoder2 = new TextDecoder();
         let buffer = new Uint8Array(0);
+        let encoding2 = null;
+        let textRemainder = "";
         const appendToBuffer = (data) => {
           const newBuffer = new Uint8Array(buffer.length + data.length);
           newBuffer.set(buffer, 0);
           newBuffer.set(data, buffer.length);
           buffer = newBuffer;
         };
+        const addLegacyLine = (line) => {
+          if (!mounted || !line) return;
+          const chunkId = chunkIdRef.current++;
+          let text2;
+          try {
+            const parsed = JSON.parse(line);
+            text2 = JSON.stringify(parsed, null, 2);
+          } catch {
+            text2 = line;
+          }
+          setChunks((prev) => [...prev, { id: chunkId, text: text2 }]);
+        };
         for (; ; ) {
           if (abortController.signal.aborted) break;
           const { value, done } = await reader.read();
           if (done) {
+            if (encoding2 === "legacy" && textRemainder.trim()) {
+              addLegacyLine(textRemainder.trim());
+              textRemainder = "";
+            }
             if (mounted) setIsLive(false);
             break;
           }
-          appendToBuffer(value);
-          while (buffer.length >= FRAME_HEADER_SIZE) {
+          if (encoding2 === null) {
+            appendToBuffer(value);
+            if (buffer.length >= FRAME_HEADER_SIZE) {
+              encoding2 = detectEncoding(buffer);
+            }
+            if (encoding2 === "legacy") {
+              textRemainder = decoder2.decode(buffer, { stream: true });
+              buffer = new Uint8Array(0);
+            }
+          } else if (encoding2 === "legacy") {
+            textRemainder += decoder2.decode(value, { stream: true });
+          } else {
+            appendToBuffer(value);
+          }
+          if (encoding2 === "legacy") {
+            const lines = textRemainder.split("\n");
+            textRemainder = lines.pop() ?? "";
+            for (const line of lines) {
+              const trimmed = line.trim();
+              if (trimmed) addLegacyLine(trimmed);
+            }
+            continue;
+          }
+          let offset2 = 0;
+          let framesInBatch = 0;
+          while (offset2 + FRAME_HEADER_SIZE <= buffer.length) {
             const view = new DataView(
               buffer.buffer,
-              buffer.byteOffset,
-              buffer.byteLength
+              buffer.byteOffset + offset2,
+              buffer.byteLength - offset2
             );
             const frameLength = view.getUint32(0, false);
-            if (buffer.length < FRAME_HEADER_SIZE + frameLength) {
+            if (frameLength === 0 || frameLength > 10 * 1024 * 1024) {
+              break;
+            }
+            if (offset2 + FRAME_HEADER_SIZE + frameLength > buffer.length) {
               break;
             }
             const frameData = buffer.slice(
-              FRAME_HEADER_SIZE,
-              FRAME_HEADER_SIZE + frameLength
+              offset2 + FRAME_HEADER_SIZE,
+              offset2 + FRAME_HEADER_SIZE + frameLength
             );
-            buffer = buffer.slice(FRAME_HEADER_SIZE + frameLength);
+            offset2 += FRAME_HEADER_SIZE + frameLength;
             try {
               const { format: format2, payload } = decodeFormatPrefix$1(frameData);
               let dataToHydrate;
@@ -148504,13 +148391,29 @@ function useStreamReader(env2, streamId, runId, encryptionKey) {
               const hydrated = hydrateData(dataToHydrate, revivers);
               if (mounted && hydrated !== void 0 && hydrated !== null) {
                 const chunkId = chunkIdRef.current++;
-                const text2 = typeof hydrated === "string" ? hydrated : JSON.stringify(hydrated, null, 2);
+                let text2;
+                try {
+                  if (typeof hydrated === "string") {
+                    text2 = hydrated;
+                  } else {
+                    const safe = sanitizeForDisplay(hydrated);
+                    text2 = JSON.stringify(safe, null, 2);
+                  }
+                } catch {
+                  text2 = "[Serialization Error]";
+                }
                 setChunks((prev) => [...prev, { id: chunkId, text: text2 }]);
               }
             } catch (err) {
               console.error("Failed to process stream frame:", err);
             }
+            framesInBatch++;
+            if (framesInBatch % YIELD_EVERY_N_FRAMES === 0) {
+              await yieldToMain();
+              if (abortController.signal.aborted || !mounted) break;
+            }
           }
+          buffer = buffer.slice(offset2);
         }
       } catch (err) {
         if (abortController.signal.aborted) return;
@@ -148664,900 +148567,9 @@ function LiveStatus({ hasError, errorMessage }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: hasError ? `Error updating data: ${errorMessage}` : `Content updates every ${LIVE_UPDATE_INTERVAL_MS$1 / 1e3} seconds` }) })
   ] }) });
 }
-function mapToStatusBadgeStatus(status) {
-  if (status === "retrying") return "running";
-  return status;
-}
-function ExecutionLoopNodeComponent({ data, selected: selected2 }) {
-  var _a3, _b, _c, _d;
-  const nodeData = data;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: `relative ${nodeData.className || ""}`,
-      style: {
-        borderWidth: ((_a3 = nodeData.nodeStyle) == null ? void 0 : _a3.borderWidth) ?? 2,
-        borderRadius: 8,
-        padding: 12,
-        width: 220,
-        borderStyle: "solid",
-        backgroundColor: (_b = nodeData.nodeStyle) == null ? void 0 : _b.backgroundColor,
-        borderColor: ((_c = nodeData.nodeStyle) == null ? void 0 : _c.borderColor) ?? "#9ca3af",
-        opacity: (_d = nodeData.nodeStyle) == null ? void 0 : _d.opacity,
-        boxShadow: selected2 ? "0 0 0 2px rgba(168, 85, 247, 0.5)" : void 0
-      },
-      children: [
-        nodeData.label,
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "target",
-            position: Position.Top,
-            className: "!bg-purple-500"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "source",
-            position: Position.Bottom,
-            className: "!bg-purple-500"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "source",
-            position: Position.Left,
-            id: "loop-out",
-            className: "!bg-purple-500 !-left-1 !w-[6px] !h-[6px] !min-w-0 !min-h-0",
-            style: { top: "30%" }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "target",
-            position: Position.Left,
-            id: "loop-in",
-            className: "!bg-purple-500 !-left-1 !w-[6px] !h-[6px] !min-w-0 !min-h-0",
-            style: { top: "70%" }
-          }
-        )
-      ]
-    }
-  );
-}
-function ExecutionNodeComponent({ data, selected: selected2 }) {
-  var _a3, _b, _c, _d;
-  const nodeData = data;
-  const isStart = nodeData.nodeKind === "workflow_start";
-  const isEnd = nodeData.nodeKind === "workflow_end";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: `relative ${nodeData.className || ""}`,
-      style: {
-        borderWidth: ((_a3 = nodeData.nodeStyle) == null ? void 0 : _a3.borderWidth) ?? 2,
-        borderRadius: 8,
-        padding: 12,
-        width: 220,
-        borderStyle: "solid",
-        backgroundColor: (_b = nodeData.nodeStyle) == null ? void 0 : _b.backgroundColor,
-        borderColor: ((_c = nodeData.nodeStyle) == null ? void 0 : _c.borderColor) ?? "#9ca3af",
-        opacity: (_d = nodeData.nodeStyle) == null ? void 0 : _d.opacity,
-        boxShadow: selected2 ? "0 0 0 2px rgba(59, 130, 246, 0.35)" : void 0
-      },
-      children: [
-        nodeData.label,
-        !isStart && /* @__PURE__ */ jsxRuntimeExports.jsx(Handle, { type: "target", position: Position.Top, className: "!bg-muted" }),
-        !isEnd && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "source",
-            position: Position.Bottom,
-            className: "!bg-muted"
-          }
-        )
-      ]
-    }
-  );
-}
-function ExecutionDiamondNodeComponent({ data, selected: selected2 }) {
-  var _a3, _b, _c;
-  const nodeData = data;
-  const size2 = 160;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: `relative flex items-center justify-center ${nodeData.className || ""}`,
-      style: {
-        width: size2,
-        height: size2
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            style: {
-              width: size2 * 0.7,
-              height: size2 * 0.7,
-              transform: "rotate(45deg)",
-              borderWidth: 2,
-              borderStyle: "solid",
-              borderRadius: 4,
-              backgroundColor: (_a3 = nodeData.nodeStyle) == null ? void 0 : _a3.backgroundColor,
-              borderColor: ((_b = nodeData.nodeStyle) == null ? void 0 : _b.borderColor) ?? "#ef4444",
-              opacity: (_c = nodeData.nodeStyle) == null ? void 0 : _c.opacity,
-              boxShadow: selected2 ? "0 0 0 2px rgba(239, 68, 68, 0.5)" : void 0
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            className: "absolute inset-0 flex items-center justify-center pointer-events-auto",
-            style: {
-              fontSize: 11,
-              fontWeight: 600,
-              padding: size2 * 0.25
-              // Keep text within the diamond's inscribed area
-            },
-            title: typeof nodeData.label === "string" ? nodeData.label : void 0,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-center line-clamp-3 overflow-hidden", children: nodeData.label })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Handle, { type: "target", position: Position.Top, className: "!bg-red-500" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "source",
-            position: Position.Bottom,
-            id: "bottom",
-            className: "!bg-red-500"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "source",
-            position: Position.Left,
-            id: "left",
-            className: "!bg-red-500"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Handle,
-          {
-            type: "source",
-            position: Position.Right,
-            id: "right",
-            className: "!bg-red-500"
-          }
-        )
-      ]
-    }
-  );
-}
-const nodeTypes = {
-  loopNode: ExecutionLoopNodeComponent,
-  parallelGroup: ParallelGroupComponent,
-  // Imported from shared
-  executionNode: ExecutionNodeComponent,
-  diamondNode: ExecutionDiamondNodeComponent
-};
-const edgeTypes = createEdgeTypes(executionSelfLoopStyle);
-function getExecutionNodeStyle(nodeKind, executions) {
-  const backgroundColor = getNodeBackgroundColor(nodeKind);
-  if (!executions || executions.length === 0) {
-    return {
-      color: "hsl(var(--card-foreground))",
-      backgroundColor,
-      borderColor: "#9ca3af",
-      // gray-400
-      opacity: 0.4
-    };
-  }
-  const latestExecution = executions[executions.length - 1];
-  let borderColor = "#9ca3af";
-  let borderWidth = 2;
-  switch (latestExecution.status) {
-    case "completed":
-      borderColor = "#22c55e";
-      break;
-    case "failed":
-      borderColor = "#ef4444";
-      borderWidth = 3;
-      break;
-    case "running":
-      borderColor = "#3b82f6";
-      borderWidth = 2;
-      break;
-    case "retrying":
-      borderColor = "#f97316";
-      break;
-    case "cancelled":
-      borderColor = "#eab308";
-      break;
-    case "pending":
-      borderColor = "#9ca3af";
-      break;
-  }
-  return {
-    color: "hsl(var(--card-foreground))",
-    backgroundColor,
-    borderColor,
-    borderWidth
-  };
-}
-function renderNodeLabel(nodeData, _metadata, executions) {
-  const baseLabel = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 w-full overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", children: getNodeIcon(nodeData.nodeKind, nodeData.label) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium break-words whitespace-normal leading-tight flex-1 min-w-0", children: nodeData.label })
-  ] });
-  if (!executions || executions.length === 0) {
-    return baseLabel;
-  }
-  const latestExecution = executions[executions.length - 1];
-  const totalAttempts = executions.length;
-  const hasRetries = totalAttempts > 1;
-  const hasMetadata = hasRetries || latestExecution.duration && latestExecution.duration > 0;
-  if (!hasMetadata) return baseLabel;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [
-    baseLabel,
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1 text-xs", children: [
-      hasRetries && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Badge,
-        {
-          variant: "outline",
-          className: "text-xs px-1.5 py-0 border-orange-500 text-orange-700 dark:text-orange-300",
-          children: [
-            "↻ ",
-            totalAttempts,
-            "x"
-          ]
-        }
-      ),
-      latestExecution.duration && latestExecution.duration > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Badge,
-        {
-          variant: "secondary",
-          className: "text-xs px-1.5 py-0 bg-black/10 dark:bg-white/15 border-0",
-          children: [
-            "⏱ ",
-            formatDuration(latestExecution.duration, true)
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const EXECUTION_LAYOUT = {
+({
   ...LAYOUT$1
-};
-function convertToReactFlowNodes(workflow, execution) {
-  var _a3, _b, _c;
-  const { nodes, groupNodes } = calculateEnhancedLayout(
-    workflow,
-    EXECUTION_LAYOUT
-  );
-  const nodeToParent = /* @__PURE__ */ new Map();
-  const groupPositions = /* @__PURE__ */ new Map();
-  for (const group of groupNodes) {
-    if (group.id.startsWith("group_")) {
-      groupPositions.set(group.id, group.position);
-    }
-  }
-  for (const node2 of nodes) {
-    const parallelGroupId = ((_a3 = node2.metadata) == null ? void 0 : _a3.parallelGroupId) ? `group_${node2.metadata.parallelGroupId}` : null;
-    if (parallelGroupId && groupPositions.has(parallelGroupId)) {
-      nodeToParent.set(node2.id, parallelGroupId);
-    }
-  }
-  const reactFlowNodes = [];
-  const parallelGroups = groupNodes.filter((g2) => g2.id.startsWith("group_"));
-  for (const group of parallelGroups) {
-    reactFlowNodes.push({
-      id: group.id,
-      type: "parallelGroup",
-      position: group.position,
-      style: {
-        ...group.style,
-        cursor: "grab",
-        zIndex: -1
-      },
-      data: group.data,
-      selectable: true,
-      draggable: true
-    });
-  }
-  for (const node2 of nodes) {
-    const executions = execution == null ? void 0 : execution.nodeExecutions.get(node2.id);
-    const styles2 = getExecutionNodeStyle(node2.data.nodeKind, executions);
-    const isCurrentNode = (execution == null ? void 0 : execution.currentNode) === node2.id;
-    const isLoopNode = !!((_b = node2.metadata) == null ? void 0 : _b.loopId);
-    const isAwaitLoop = !!((_c = node2.metadata) == null ? void 0 : _c.loopIsAwait);
-    const isConditionalNode = node2.data.nodeKind === "conditional";
-    const nodeType = isConditionalNode ? "diamondNode" : isLoopNode ? "loopNode" : "executionNode";
-    const parentId = nodeToParent.get(node2.id);
-    let position2 = node2.position;
-    if (parentId) {
-      const parentPos = groupPositions.get(parentId);
-      if (parentPos) {
-        position2 = {
-          x: node2.position.x - parentPos.x,
-          y: node2.position.y - parentPos.y
-        };
-      }
-    }
-    const nodeClassName = isCurrentNode ? "animate-pulse-subtle" : "";
-    if (isLoopNode) {
-      reactFlowNodes.push({
-        id: node2.id,
-        type: nodeType,
-        position: position2,
-        parentId,
-        extent: parentId ? "parent" : void 0,
-        expandParent: true,
-        data: {
-          ...node2.data,
-          label: renderNodeLabel(node2.data, node2.metadata, executions),
-          executions,
-          isLoopNode: true,
-          isAwaitLoop,
-          nodeStyle: styles2,
-          className: nodeClassName
-        }
-      });
-    } else if (isConditionalNode) {
-      reactFlowNodes.push({
-        id: node2.id,
-        type: nodeType,
-        position: position2,
-        parentId,
-        extent: parentId ? "parent" : void 0,
-        expandParent: true,
-        data: {
-          ...node2.data,
-          label: node2.data.label,
-          // Show the conditional expression
-          executions,
-          nodeStyle: styles2,
-          className: nodeClassName
-        }
-      });
-    } else {
-      reactFlowNodes.push({
-        id: node2.id,
-        type: nodeType,
-        position: position2,
-        parentId,
-        extent: parentId ? "parent" : void 0,
-        expandParent: true,
-        data: {
-          ...node2.data,
-          label: renderNodeLabel(node2.data, node2.metadata, executions),
-          executions,
-          nodeStyle: styles2,
-          className: nodeClassName
-        },
-        // Styling is handled by ExecutionNodeComponent (keeps running animation behind background)
-        style: { width: 220 }
-      });
-    }
-  }
-  return reactFlowNodes;
-}
-function convertToReactFlowEdges(workflow, execution) {
-  const { additionalEdges } = calculateEnhancedLayout(
-    workflow,
-    EXECUTION_LAYOUT
-  );
-  const transformedOriginalEdges = workflow.edges.map((e) => {
-    if (e.type === "loop") {
-      return {
-        ...e,
-        id: `loop_back_${e.source}_${e.target}`,
-        isOriginal: true
-      };
-    }
-    return { ...e, isOriginal: true };
-  });
-  const rawEdges = [
-    ...transformedOriginalEdges,
-    ...additionalEdges.map((e) => ({ ...e, isOriginal: false }))
-  ];
-  const allEdges = consolidateEdges(rawEdges, workflow.nodes);
-  return allEdges.map((edge) => {
-    if (edge.type === "selfLoop") {
-      return {
-        id: edge.id,
-        source: edge.source,
-        target: edge.target,
-        sourceHandle: edge.sourceHandle,
-        targetHandle: edge.targetHandle,
-        type: "selfLoop",
-        label: edge.label,
-        markerEnd: {
-          type: MarkerType.ArrowClosed,
-          width: 12,
-          height: 12,
-          color: "#a855f7"
-        }
-      };
-    }
-    let traversal = execution == null ? void 0 : execution.edgeTraversals.get(edge.id);
-    if (!traversal && edge.isConsolidated && edge.originalEdgeIds) {
-      for (const originalId of edge.originalEdgeIds) {
-        const originalTraversal = execution == null ? void 0 : execution.edgeTraversals.get(originalId);
-        if (originalTraversal && originalTraversal.traversalCount > 0) {
-          traversal = originalTraversal;
-          break;
-        }
-      }
-    }
-    const isTraversed = traversal && traversal.traversalCount > 0;
-    const hasExecution = !!execution;
-    const avgTiming = (traversal == null ? void 0 : traversal.timings.length) ? traversal.timings.reduce((a2, b2) => a2 + b2, 0) / traversal.timings.length : void 0;
-    let edgeType = "bezier";
-    let strokeDasharray;
-    let cfgLabel = edge.label;
-    let isConditional = false;
-    switch (edge.type) {
-      case "parallel":
-        edgeType = "smoothstep";
-        strokeDasharray = "4,4";
-        cfgLabel = void 0;
-        break;
-      case "loop":
-        edgeType = "step";
-        strokeDasharray = "8,4";
-        break;
-      case "conditional":
-        edgeType = "smoothstep";
-        strokeDasharray = "8,4";
-        isConditional = true;
-        break;
-      default:
-        edgeType = "bezier";
-    }
-    const baseStrokeColor = "#6b7280";
-    const finalStrokeColor = isTraversed ? "#22c55e" : baseStrokeColor;
-    const finalDasharray = isTraversed ? void 0 : strokeDasharray;
-    const opacity = hasExecution && !isTraversed ? 0.35 : 1;
-    const strokeWidth = isTraversed ? 2.5 : 1;
-    const labelTextColor = isConditional ? "#ffffff" : "#6b7280";
-    const labelBgColor = isConditional ? "#374151" : "#f3f4f6";
-    const labelBorderColor = isConditional ? "#4b5563" : "#d1d5db";
-    return {
-      id: edge.id,
-      source: edge.source,
-      target: edge.target,
-      type: edgeType,
-      animated: isTraversed && (execution == null ? void 0 : execution.status) === "running",
-      label: traversal && traversal.traversalCount > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: [
-          traversal.traversalCount,
-          "×"
-        ] }),
-        avgTiming && avgTiming > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
-          "~",
-          formatDuration(avgTiming, true)
-        ] })
-      ] }) : cfgLabel,
-      labelStyle: {
-        fill: labelTextColor,
-        fontWeight: 500,
-        fontSize: "11px"
-      },
-      labelBgStyle: {
-        fill: labelBgColor,
-        fillOpacity: 0.95,
-        stroke: labelBorderColor,
-        strokeWidth: 1
-      },
-      labelBgPadding: [4, 6],
-      labelBgBorderRadius: 4,
-      markerEnd: {
-        type: MarkerType.ArrowClosed,
-        width: isTraversed ? 14 : 10,
-        height: isTraversed ? 14 : 10,
-        color: finalStrokeColor
-      },
-      style: {
-        strokeWidth,
-        stroke: finalStrokeColor,
-        opacity,
-        strokeDasharray: finalDasharray
-      }
-    };
-  });
-}
-function GraphNodeDetailPanel({
-  selectedNode,
-  env: env2,
-  onClose
-}) {
-  const { node: node2, executions, stepId, runId } = selectedNode;
-  const latestExecution = executions[executions.length - 1];
-  const hasMultipleAttempts = executions.length > 1;
-  const { data: stepData, loading: stepLoading } = useWorkflowResourceData(
-    env2 ?? {},
-    "step",
-    stepId ?? "",
-    { runId }
-  );
-  const resolvedInput = (stepData == null ? void 0 : stepData.input) ?? (latestExecution == null ? void 0 : latestExecution.input);
-  const resolvedOutput = (stepData == null ? void 0 : stepData.output) ?? (latestExecution == null ? void 0 : latestExecution.output);
-  const resolvedError = (stepData == null ? void 0 : stepData.error) ?? (latestExecution == null ? void 0 : latestExecution.error);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col bg-background border-l", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b flex-none", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "span",
-        {
-          className: "text-xs font-medium truncate flex-1",
-          title: node2.data.label,
-          children: node2.data.label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-none", children: [
-        (latestExecution == null ? void 0 : latestExecution.duration) !== void 0 && latestExecution.duration > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted px-1.5 py-0.5 rounded", children: formatDuration(latestExecution.duration) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px h-4 bg-border" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onClose,
-            className: "p-1 rounded hover:bg-muted transition-colors",
-            "aria-label": "Close panel",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$3, { className: "h-4 w-4 text-muted-foreground" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto p-3 min-h-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col divide-y rounded-lg border overflow-hidden mb-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "type" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-mono", children: node2.data.nodeKind })
-        ] }),
-        latestExecution && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "status" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              StatusBadge,
-              {
-                status: mapToStatusBadgeStatus(latestExecution.status)
-              }
-            )
-          ] }),
-          latestExecution.duration !== void 0 && latestExecution.duration > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "duration" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-mono", children: formatDuration(latestExecution.duration) })
-          ] }),
-          hasMultipleAttempts && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "attempts" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-mono", children: executions.length })
-          ] }),
-          latestExecution.startedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "startedAt" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-mono", children: new Date(latestExecution.startedAt).toLocaleString() })
-          ] }),
-          latestExecution.completedAt && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "completedAt" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-mono", children: new Date(latestExecution.completedAt).toLocaleString() })
-          ] })
-        ] })
-      ] }),
-      stepLoading && stepId && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground mb-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Loading step data..." })
-      ] }),
-      resolvedInput !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "group mb-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("summary", { className: "cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 bg-muted/50", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Input" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground ml-1", children: [
-            "(",
-            Array.isArray(resolvedInput) ? resolvedInput.length : 1,
-            " args)"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative pl-6 mt-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 -top-3 w-px h-3 bg-border" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-border" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-[11px] overflow-x-auto rounded-md border p-2.5 bg-muted/30 max-h-64 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: JSON.stringify(resolvedInput, null, 2) }) })
-        ] })
-      ] }),
-      resolvedOutput !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "group mb-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: "cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 bg-muted/50", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Output" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative pl-6 mt-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 -top-3 w-px h-3 bg-border" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-border" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-[11px] overflow-x-auto rounded-md border p-2.5 bg-muted/30 max-h-64 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: JSON.stringify(resolvedOutput, null, 2) }) })
-        ] })
-      ] }),
-      resolvedError && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "group mb-3", open: true, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: "cursor-pointer rounded-md border border-red-300 bg-red-50 dark:bg-red-950/20 px-2.5 py-1.5 text-xs hover:brightness-95", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-red-600 dark:text-red-400", children: "Error" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative pl-6 mt-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 -top-3 w-px h-3 bg-red-300" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-red-300" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-[11px] overflow-x-auto rounded-md border border-red-200 p-2.5 bg-red-50 dark:bg-red-950/20 text-red-700 dark:text-red-300 whitespace-pre-wrap max-h-64 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: typeof resolvedError === "object" ? JSON.stringify(resolvedError, null, 2) : String(resolvedError) }) })
-        ] })
-      ] }),
-      hasMultipleAttempts && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "group", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("summary", { className: "cursor-pointer rounded-md border px-2.5 py-1.5 text-xs hover:brightness-95 bg-muted/50", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "Attempt History" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground ml-1", children: [
-            "(",
-            executions.length,
-            " attempts)"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative pl-6 mt-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 -top-3 w-px h-3 bg-border" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-3 top-0 w-3 h-3 border-l border-b rounded-bl-lg border-border" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col divide-y rounded-md border overflow-hidden", children: executions.map((exec) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              className: "flex items-center justify-between px-2.5 py-1.5 text-[11px]",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
-                  "Attempt ",
-                  exec.attemptNumber
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    StatusBadge,
-                    {
-                      status: mapToStatusBadgeStatus(exec.status)
-                    }
-                  ),
-                  exec.duration !== void 0 && exec.duration > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-muted-foreground", children: formatDuration(exec.duration) })
-                ] })
-              ]
-            },
-            exec.attemptNumber
-          )) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function WorkflowGraphExecutionViewer({
-  workflow,
-  execution,
-  env: env2,
-  onNodeClick
-}) {
-  const [selectedNode, setSelectedNode] = reactExports.useState(
-    null
-  );
-  const panelWidth = 320;
-  const initialNodes = reactExports.useMemo(
-    () => convertToReactFlowNodes(workflow, execution),
-    [workflow, execution]
-  );
-  const initialEdges = reactExports.useMemo(
-    () => convertToReactFlowEdges(workflow, execution),
-    [workflow, execution]
-  );
-  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-  reactExports.useEffect(() => {
-    setNodes((currentNodes) => {
-      const newNodes = convertToReactFlowNodes(workflow, execution);
-      const currentPositions = new Map(
-        currentNodes.map((n) => [n.id, n.position])
-      );
-      return newNodes.map((node2) => ({
-        ...node2,
-        position: currentPositions.get(node2.id) ?? node2.position
-      }));
-    });
-    setEdges(convertToReactFlowEdges(workflow, execution));
-  }, [workflow, execution, setNodes, setEdges]);
-  const handleNodeClick2 = reactExports.useCallback(
-    (_event, node2) => {
-      const graphNode = workflow.nodes.find((n) => n.id === node2.id);
-      if (graphNode) {
-        const executions = node2.data.executions || [];
-        const latestExecution = executions[executions.length - 1];
-        setSelectedNode({
-          nodeId: node2.id,
-          node: graphNode,
-          executions,
-          stepId: latestExecution == null ? void 0 : latestExecution.stepId,
-          runId: execution == null ? void 0 : execution.runId
-        });
-        if (onNodeClick && executions.length > 0) {
-          onNodeClick(node2.id, executions);
-        }
-      }
-    },
-    [workflow.nodes, execution == null ? void 0 : execution.runId, onNodeClick]
-  );
-  const handleClosePanel = reactExports.useCallback(() => {
-    setSelectedNode(null);
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full w-full border rounded-lg bg-background relative overflow-hidden flex", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: "h-full flex-1 min-w-0",
-        style: {
-          width: selectedNode ? `calc(100% - ${panelWidth}px)` : "100%"
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          index,
-          {
-            nodes,
-            edges,
-            onNodesChange,
-            onEdgesChange,
-            onNodeClick: handleNodeClick2,
-            nodeTypes,
-            edgeTypes,
-            fitView: true,
-            minZoom: 0.1,
-            maxZoom: 2,
-            defaultViewport: { x: 0, y: 0, zoom: 1 },
-            proOptions: { hideAttribution: true },
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Background, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Controls, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Panel,
-                {
-                  position: "top-left",
-                  className: "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border rounded-lg p-2 text-xs",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-[10px] text-muted-foreground mb-1", children: "Status" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-4 rounded border-2 border-green-500 bg-background" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Completed" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-4 rounded border-2 border-red-500 bg-background" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Failed" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-4 rounded border-2 border-blue-500 bg-background" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Running" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-4 rounded border-2 border-yellow-500 bg-background" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Cancelled" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 opacity-50", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-6 h-4 rounded border-2 border-gray-400 bg-background" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Pending" })
-                    ] })
-                  ] })
-                }
-              ),
-              execution && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                Panel,
-                {
-                  position: "top-right",
-                  className: "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border rounded-lg p-3 text-xs space-y-1.5",
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-sm", children: "Execution" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: "Status:" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Badge,
-                        {
-                          variant: execution.status === "completed" ? "default" : execution.status === "failed" ? "destructive" : execution.status === "cancelled" ? "outline" : "secondary",
-                          className: "text-xs",
-                          children: execution.status
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: "Progress:" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono", children: [
-                        execution.executionPath.length,
-                        " / ",
-                        workflow.nodes.length
-                      ] })
-                    ] })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    selectedNode && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex-none", style: { width: panelWidth }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      GraphNodeDetailPanel,
-      {
-        selectedNode,
-        env: env2,
-        onClose: handleClosePanel
-      }
-    ) })
-  ] });
-}
-function GraphTabContent({
-  run,
-  allEvents,
-  env: env2
-}) {
-  const {
-    manifest: graphManifest,
-    loading: graphLoading,
-    error: graphError
-  } = useWorkflowGraphManifest();
-  const workflowGraph = reactExports.useMemo(() => {
-    var _a3;
-    if (!graphManifest || !run.workflowName) return null;
-    const runWorkflowName = String(run.workflowName).trim();
-    const direct = graphManifest.workflows[runWorkflowName];
-    if (direct) return direct;
-    const runShortName = (_a3 = parseWorkflowName(runWorkflowName)) == null ? void 0 : _a3.shortName;
-    const workflows = Object.values(graphManifest.workflows);
-    return workflows.find((wf) => {
-      var _a4;
-      if (wf.workflowId === runWorkflowName) return true;
-      if (wf.workflowName === runWorkflowName) return true;
-      if (!runShortName) return false;
-      return ((_a4 = parseWorkflowName(wf.workflowName)) == null ? void 0 : _a4.shortName) === runShortName;
-    }) ?? null;
-  }, [graphManifest, run.workflowName]);
-  const stepsFromEvents = reactExports.useMemo(() => {
-    if (!allEvents) return [];
-    const stepEventsMap = /* @__PURE__ */ new Map();
-    for (const event of allEvents) {
-      if (event.eventType.startsWith("step_") && event.correlationId) {
-        const existing = stepEventsMap.get(event.correlationId);
-        if (existing) {
-          existing.push(event);
-        } else {
-          stepEventsMap.set(event.correlationId, [event]);
-        }
-      }
-    }
-    return Array.from(stepEventsMap.values()).map(stepEventsToStepEntity).filter((s2) => s2 !== null);
-  }, [allEvents]);
-  const execution = reactExports.useMemo(() => {
-    if (!workflowGraph || !run.runId) return null;
-    return mapRunToExecution(
-      run,
-      stepsFromEvents,
-      allEvents || [],
-      workflowGraph
-    );
-  }, [workflowGraph, run, stepsFromEvents, allEvents]);
-  if (graphLoading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center w-full h-full", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-4 text-muted-foreground", children: "Loading workflow graph..." })
-    ] });
-  }
-  if (graphError) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center w-full h-full p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { variant: "destructive", className: "max-w-lg", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { children: "Error Loading Workflow Graph" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: graphError.message })
-    ] }) });
-  }
-  if (!workflowGraph) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Alert, { className: "max-w-lg", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertTitle, { children: "Workflow Graph Not Found" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDescription, { children: "Could not find the workflow graph for this run. The workflow may have been deleted or the graph manifest may need to be regenerated." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    WorkflowGraphExecutionViewer,
-    {
-      workflow: workflowGraph,
-      execution: execution || void 0,
-      env: env2
-    }
-  );
-}
+});
 function RunDetailView({
   runId,
   // TODO: This should open the right sidebar within the trace viewer
@@ -149572,7 +148584,8 @@ function RunDetailView({
   const [showCancelDialog, setShowCancelDialog] = reactExports.useState(false);
   const [showRerunDialog, setShowRerunDialog] = reactExports.useState(false);
   const env2 = reactExports.useMemo(() => ({}), []);
-  const activeTab = searchParams.get("tab") || "trace";
+  const rawTab = searchParams.get("tab") || "trace";
+  const activeTab = rawTab === "graph" ? "trace" : rawTab;
   const selectedStreamId = searchParams.get("streamId");
   const updateSearchParams = reactExports.useCallback(
     (updates) => {
@@ -149655,7 +148668,7 @@ function RunDetailView({
     },
     [env2, runId]
   );
-  const isLocalBackend = serverConfig.backendId === "local" || serverConfig.backendId === "@workflow/world-local";
+  serverConfig.backendId === "local" || serverConfig.backendId === "@workflow/world-local";
   const {
     run: runData,
     events: allEvents,
@@ -149908,10 +148921,7 @@ function RunDetailView({
                 /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { className: "h-4 w-4" }),
                 "Trace"
               ] }),
-              isLocalBackend && /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsTrigger, { value: "graph", className: "gap-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(GitBranch, { className: "h-4 w-4" }),
-                "Graph"
-              ] }),
+              false,
               /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsTrigger, { value: "events", className: "gap-2", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { className: "h-4 w-4" }),
                 "Events"
@@ -150071,14 +149081,7 @@ function RunDetailView({
                 }
               ) })
             ] }) }) }),
-            isLocalBackend && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "graph", className: "mt-0 flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { title: "Failed to load execution graph", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full min-h-[500px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              GraphTabContent,
-              {
-                run,
-                allEvents,
-                env: env2
-              }
-            ) }) }) })
+            false
           ]
         }
       ) })
@@ -150254,7 +149257,7 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-BjpmGyLC.js", "imports": ["/assets/index-DklpUtP3.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": false, "module": "/assets/root-CxkGJJO9.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-D6v4WgFl.js"], "css": ["/assets/root-DUJPWGN3.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.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-C884R8Ik.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-WEp5s5k_.js", "/assets/mermaid-3ZIDBTTL-D6v4WgFl.js"], "css": ["/assets/use-workflow-graph-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.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-D_eXHYm3.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-WEp5s5k_.js", "/assets/mermaid-3ZIDBTTL-D6v4WgFl.js", "/assets/encryption-8OvC6eoJ.js"], "css": ["/assets/use-workflow-graph-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.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-14123a0c.js", "version": "14123a0c", "sri": void 0 };
+const serverManifest = { "entry": { "module": "/assets/entry.client-BjpmGyLC.js", "imports": ["/assets/index-DklpUtP3.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": false, "module": "/assets/root-CADywoAy.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-ClWSYlBT.js"], "css": ["/assets/root-DtrAdcW8.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.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-Bg63MGns.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/workflow-graph-viewer-RUyTSlHH.js", "/assets/mermaid-3ZIDBTTL-ClWSYlBT.js"], "css": ["/assets/workflow-graph-viewer-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.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-CX8hD4AT.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/workflow-graph-viewer-RUyTSlHH.js", "/assets/mermaid-3ZIDBTTL-ClWSYlBT.js", "/assets/encryption-8OvC6eoJ.js"], "css": ["/assets/workflow-graph-viewer-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.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-f52831b8.js", "version": "f52831b8", "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 };