@workflow/web 4.1.0-beta.44 → 4.1.0-beta.46

package/build/server/assets/{server-build-CZMYXF52.js → server-build-BnrnOzxz.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-DiZXH6x4.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-oogZ8ZwV.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1 from "crypto";
@@ -64899,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-CmDnR6fu.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-z6TbPMtP.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 }) })] }) });
@@ -65221,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-CxsJnUQo.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-XSKOerl0.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;
@@ -70254,8 +70254,8 @@ function TraceViewerWithContextMenu({ trace: trace2, run, isLive, onWakeUpSleep,
   const getMenuItems = reactExports.useCallback((menu) => {
     var _a3, _b;
     const items = [];
-    const isRunActive = !run.completedAt;
-    if (menu.resourceType === "sleep" && menu.isActive && isRunActive && onWakeUpSleep) {
+    const isRunActive2 = !run.completedAt;
+    if (menu.resourceType === "sleep" && menu.isActive && isRunActive2 && onWakeUpSleep) {
       items.push({
         label: "Wake Up Sleep",
         icon: jsxRuntimeExports.jsx(Clock, { className: "h-3.5 w-3.5" }),
@@ -70278,7 +70278,7 @@ function TraceViewerWithContextMenu({ trace: trace2, run, isLive, onWakeUpSleep,
         }
       });
     }
-    if (menu.resourceType === "hook" && isRunActive && onResolveHook) {
+    if (menu.resourceType === "hook" && isRunActive2 && onResolveHook) {
       const span = spanLookup.get(menu.spanId);
       const hookData = (_a3 = span == null ? void 0 : span.attributes) == null ? void 0 : _a3.data;
       const isDisposed = Boolean(hookData == null ? void 0 : hookData.disposedAt) || Boolean((_b = span == null ? void 0 : span.events) == null ? void 0 : _b.some((e) => e.name === "hook_disposed")) || resolvedHookIds.has(menu.spanId);
@@ -70295,7 +70295,7 @@ function TraceViewerWithContextMenu({ trace: trace2, run, isLive, onWakeUpSleep,
         });
       }
     }
-    if (menu.resourceType === "run" && isRunActive && onCancelRun) {
+    if (menu.resourceType === "run" && isRunActive2 && onCancelRun) {
       items.push({
         label: "Cancel Run",
         icon: jsxRuntimeExports.jsx(CircleX, { className: "h-3.5 w-3.5" }),
@@ -92369,8 +92369,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-CxDoe-ao.js").then((n) => n.t),
-        await import("./token-C7BfiMAN.js").then((n) => n.t)
+        await import("./token-util-DQ6afx9q.js").then((n) => n.t),
+        await import("./token-Ct_osLcf.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -120005,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) {
@@ -120245,6 +120251,30 @@ function deserializeChunk(serialized) {
   const chunk = Buffer.from(serialized.subarray(1));
   return { eof, chunk };
 }
+async function listChunkFilesForStream(chunksDir, name2, tag) {
+  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 extMap = /* @__PURE__ */ new Map();
+  for (const f2 of jsonFiles)
+    extMap.set(f2, ".json");
+  const tagSfx = tag ? `.${tag}` : "";
+  for (const f2 of binFiles) {
+    if (tag && f2.endsWith(tagSfx))
+      continue;
+    extMap.set(f2, ".bin");
+  }
+  for (const f2 of taggedBinFiles)
+    extMap.set(f2, `.${tag}.bin`);
+  const files = [...extMap.keys()].filter((file2) => file2.startsWith(`${name2}-`)).sort();
+  return { files, extMap };
+}
 function createStreamer$1(basedir, tag) {
   const tagSuffix = tag ? `.${tag}` : "";
   const streamEmitter = new EventEmitter();
@@ -120335,27 +120365,7 @@ function createStreamer$1(basedir, tag) {
     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();
+      const { files: chunkFiles, extMap: fileExtMap } = await listChunkFilesForStream(chunksDir, name2, tag);
       let startIndex = 0;
       if (options == null ? void 0 : options.cursor) {
         try {
@@ -120410,27 +120420,7 @@ function createStreamer$1(basedir, tag) {
     },
     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();
+      const { files: chunkFiles, extMap: fileExtMap } = await listChunkFilesForStream(chunksDir, name2, tag);
       let streamDone = false;
       let dataCount = 0;
       for (const file2 of chunkFiles) {
@@ -120482,27 +120472,7 @@ function createStreamer$1(basedir, tag) {
           removeListeners = closeListener;
           streamEmitter.on(`chunk:${name2}`, chunkListener);
           streamEmitter.on(`close:${name2}`, closeListener);
-          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 tagSuffix2 = tag ? `.${tag}` : "";
-          for (const f2 of binFiles) {
-            if (tag && f2.endsWith(tagSuffix2))
-              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();
+          const { files: chunkFiles, extMap: fileExtMap } = await listChunkFilesForStream(chunksDir, name2, tag);
           let dataChunkCount = chunkFiles.length;
           if (typeof startIndex === "number" && startIndex < 0 && chunkFiles.length > 0) {
             const lastFile = chunkFiles[chunkFiles.length - 1];
@@ -120580,7 +120550,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-cxStGfMq.js");
+        const { HookSchema: HookSchema2 } = await import("./index-BL4Kw0eA.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) {
@@ -125212,6 +125182,11 @@ function requireSeedrandom() {
   return seedrandom;
 }
 requireSeedrandom();
+const BASE64_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+const BASE64_LOOKUP = new Uint8Array(128).fill(255);
+for (let i = 0; i < BASE64_CHARS.length; i++) {
+  BASE64_LOOKUP[BASE64_CHARS.charCodeAt(i)] = i;
+}
 async function getHookByTokenWithKey(token) {
   var _a3;
   const world = getWorld();
@@ -125295,7 +125270,7 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
     });
   });
 }
-const version = "4.2.0-beta.72";
+const version = "4.2.0-beta.74";
 const ulid = monotonicFactory();
 async function start$1(workflow, argsOrOptions, options) {
   return await waitedUntil(() => {
@@ -126812,15 +126787,45 @@ async function resumeHook$1(worldEnv, token, payload) {
     });
   }
 }
-async function readStreamServerAction(env2, streamId, startIndex) {
+const CHUNKS_PAGE_SIZE = 500;
+async function readStreamChunksServerAction(env2, streamId, runId, startCursor) {
   try {
     const world = await getWorldFromEnv(env2);
-    return await world.readFromStream(streamId, startIndex);
+    const allChunks = [];
+    let pageCursor = startCursor;
+    let streamDone = false;
+    let resumeCursor = startCursor ?? null;
+    do {
+      const result = await world.getStreamChunks(streamId, runId, {
+        limit: CHUNKS_PAGE_SIZE,
+        cursor: pageCursor
+      });
+      for (const chunk of result.data) {
+        allChunks.push(chunk.data);
+      }
+      streamDone = result.done;
+      if (result.cursor) {
+        resumeCursor = result.cursor;
+      }
+      pageCursor = result.cursor ?? void 0;
+    } while (pageCursor);
+    let totalSize = 0;
+    for (const chunk of allChunks) {
+      totalSize += chunk.length;
+    }
+    const body2 = new Uint8Array(totalSize);
+    let offset2 = 0;
+    for (const chunk of allChunks) {
+      body2.set(chunk, offset2);
+      offset2 += chunk.length;
+    }
+    return { buffer: body2, cursor: resumeCursor, done: streamDone };
   } catch (error2) {
-    const actionError = createServerActionError(error2, "world.readFromStream", {
-      streamId,
-      startIndex
-    });
+    const actionError = createServerActionError(
+      error2,
+      "world.getStreamChunks",
+      { streamId, runId }
+    );
     if (!actionError.success) {
       return actionError.error;
     }
@@ -133010,9 +133015,13 @@ function useWorkflowTraceViewerData(env2, runId, options = {}) {
 function isServerActionError(value) {
   return typeof value === "object" && value !== null && "message" in value && "layer" in value && "cause" in value && "request" in value;
 }
-async function readStream(_env, streamId, startIndex, signal) {
+async function readStream(_env, streamId, runId, signal, cursor) {
   try {
-    const url2 = `/api/stream/${encodeURIComponent(streamId)}${startIndex != null ? `?startIndex=${startIndex}` : ""}`;
+    const params = new URLSearchParams({ runId });
+    if (cursor) {
+      params.set("cursor", cursor);
+    }
+    const url2 = `/api/stream/${encodeURIComponent(streamId)}?${params.toString()}`;
     const response2 = await fetch(url2, { signal });
     if (!response2.ok) {
       const errorData = await response2.json().catch(() => null);
@@ -133035,7 +133044,13 @@ async function readStream(_env, streamId, startIndex, signal) {
         layer: "client"
       });
     }
-    return response2.body;
+    const responseCursor = response2.headers.get("X-Stream-Cursor");
+    const streamDone = response2.headers.get("X-Stream-Done") === "true";
+    return {
+      body: response2.body,
+      cursor: responseCursor,
+      done: streamDone
+    };
   } catch (error2) {
     if (error2 instanceof WorkflowWebAPIError) {
       throw error2;
@@ -133054,8 +133069,11 @@ function useWorkflowStreams(env2, runId, refreshInterval = STREAMS_REFRESH_INTER
   const [streams, setStreams] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(true);
   const [error2, setError] = reactExports.useState(null);
+  const hasFetchedRef = reactExports.useRef(false);
   const fetchData = reactExports.useCallback(async () => {
-    setLoading(true);
+    if (!hasFetchedRef.current) {
+      setLoading(true);
+    }
     setError(null);
     try {
       const result = await listStreams(env2, runId);
@@ -133063,10 +133081,12 @@ function useWorkflowStreams(env2, runId, refreshInterval = STREAMS_REFRESH_INTER
     } catch (err) {
       setError(err instanceof Error ? err : new Error(String(err)));
     } finally {
+      hasFetchedRef.current = true;
       setLoading(false);
     }
   }, [env2, runId]);
   reactExports.useEffect(() => {
+    hasFetchedRef.current = false;
     fetchData();
   }, [fetchData]);
   reactExports.useEffect(() => {
@@ -135201,8 +135221,8 @@ function useRunActions({
   const handleCancel = reactExports.useCallback(async () => {
     var _a3;
     if (cancelling) return;
-    const isRunActive = runStatus === "pending" || runStatus === "running";
-    if (!isRunActive) {
+    const isRunActive2 = runStatus === "pending" || runStatus === "running";
+    if (!isRunActive2) {
       toast.error("Cannot cancel", {
         description: "Only active runs can be cancelled"
       });
@@ -135286,7 +135306,7 @@ function RunActionsDropdownItems({
     if (stopPropagation) e.stopPropagation();
     handleCancel();
   };
-  const isRunActive = runStatus === "pending" || runStatus === "running";
+  const isRunActive2 = runStatus === "pending" || runStatus === "running";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: onReplay, disabled: rerunning, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "h-4 w-4 mr-2" }),
@@ -135324,7 +135344,7 @@ function RunActionsDropdownItems({
       DropdownMenuItem,
       {
         onClick: onCancel,
-        disabled: !isRunActive || cancelling,
+        disabled: !isRunActive2 || cancelling,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(CircleX, { className: "h-4 w-4 mr-2" }),
           cancelling ? "Cancelling..." : "Cancel"
@@ -135351,10 +135371,10 @@ function RunActionsButtons({
     handleReenqueue,
     handleWakeUp
   } = useRunActions({ env: env2, runId, runStatus, events: events2, callbacks });
-  const isRunActive = runStatus === "pending" || runStatus === "running";
-  const canCancel = isRunActive;
-  const canRerun = !loading && !isRunActive;
-  const rerunDisabledReason = loading ? "Loading run data..." : isRunActive ? "Cannot re-run while workflow is still running" : "";
+  const isRunActive2 = runStatus === "pending" || runStatus === "running";
+  const canCancel = isRunActive2;
+  const canRerun = !loading && !isRunActive2;
+  const rerunDisabledReason = loading ? "Loading run data..." : isRunActive2 ? "Cannot re-run while workflow is still running" : "";
   const cancelDisabledReason = runStatus === "completed" ? "Run has already completed" : runStatus === "failed" ? "Run has already failed" : runStatus === "cancelled" ? "Run has already been cancelled" : "";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
@@ -145714,17 +145734,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,
@@ -145780,14 +145795,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)";
@@ -146020,7 +146030,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();
@@ -146146,7 +146156,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") {
@@ -146249,18 +146259,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,
@@ -146269,8 +146279,8 @@ function WorkflowGraphViewer({ workflow }) {
       edges,
       onNodesChange,
       onEdgesChange,
-      nodeTypes: nodeTypes$1,
-      edgeTypes: edgeTypes$1,
+      nodeTypes,
+      edgeTypes,
       fitView: true,
       minZoom: 0.1,
       maxZoom: 2,
@@ -148211,732 +148221,61 @@ 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"
-    );
-    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 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);
-    }
-  }
-  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"
+const FRAME_HEADER_SIZE = 4;
+const ENCRYPTED_PLACEHOLDER = "[Encrypted]";
+const POLL_INTERVAL_MS = 3e3;
+function isRunActive(status) {
+  return status === "pending" || status === "running";
+}
+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 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 suffix = ta2.length > 8 ? ", …" : "";
+    return `${name2}(${ta2.length}) [${preview.join(", ")}${suffix}]`;
   }
-  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 (value instanceof ArrayBuffer) {
+    return `ArrayBuffer(${value.byteLength})`;
   }
-  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 (depth >= MAX_DISPLAY_DEPTH) {
+    if (Array.isArray(value)) return `Array(${value.length})`;
+    if (typeof value === "object") return "{…}";
+    return value;
   }
-  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 (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;
   }
-}
-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 (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 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);
+    if (keys2.length > MAX_DISPLAY_ENTRIES) {
+      out[`… ${keys2.length - MAX_DISPLAY_ENTRIES} more keys`] = "…";
     }
+    return out;
   }
-  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;
+  return value;
 }
-const FRAME_HEADER_SIZE = 4;
+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);
@@ -148944,17 +148283,75 @@ function detectEncoding(data) {
   if (len > 0 && len <= 10 * 1024 * 1024) return "framed";
   return "legacy";
 }
-function useStreamReader(env2, streamId, runId, encryptionKey) {
+function useStreamReader(env2, streamId, runId, encryptionKey, runStatus) {
   const [chunks, setChunks] = reactExports.useState([]);
   const [isLive, setIsLive] = reactExports.useState(false);
   const [error2, setError] = reactExports.useState(null);
   const abortControllerRef = reactExports.useRef(null);
   const chunkIdRef = reactExports.useRef(0);
+  const frameCountRef = reactExports.useRef(0);
+  const pollTimerRef = reactExports.useRef(null);
+  const runStatusRef = reactExports.useRef(runStatus);
+  runStatusRef.current = runStatus;
+  const serverCursorRef = reactExports.useRef(null);
+  const processFrame = reactExports.useCallback(
+    async (rawFrame, cryptoKey, revivers) => {
+      let frameData = rawFrame;
+      if (frameData.length >= FRAME_HEADER_SIZE + 4 && !isEncryptedData(frameData)) {
+        const innerView = new DataView(
+          frameData.buffer,
+          frameData.byteOffset,
+          frameData.byteLength
+        );
+        const innerLen = innerView.getUint32(0, false);
+        if (innerLen > 0 && innerLen <= 10 * 1024 * 1024 && innerLen === frameData.length - FRAME_HEADER_SIZE) {
+          frameData = frameData.slice(FRAME_HEADER_SIZE);
+        }
+      }
+      let hydrated;
+      try {
+        if (isEncryptedData(frameData)) {
+          if (!cryptoKey) {
+            return { encrypted: true };
+          }
+          const payload = frameData.slice(4);
+          hydrated = hydrateData(
+            await decrypt(cryptoKey, payload),
+            revivers
+          );
+        } else {
+          hydrated = hydrateData(frameData, revivers);
+        }
+      } catch {
+        hydrated = ENCRYPTED_PLACEHOLDER;
+      }
+      let text2;
+      try {
+        if (typeof hydrated === "string") {
+          text2 = hydrated;
+        } else {
+          const safe = sanitizeForDisplay(hydrated);
+          text2 = JSON.stringify(safe, null, 2);
+        }
+      } catch {
+        text2 = "[Serialization Error]";
+      }
+      const chunkId = chunkIdRef.current++;
+      return { encrypted: false, chunk: { id: chunkId, text: text2 } };
+    },
+    []
+  );
   reactExports.useEffect(() => {
     setChunks([]);
     setError(null);
     chunkIdRef.current = 0;
-    if (!streamId) {
+    frameCountRef.current = 0;
+    serverCursorRef.current = null;
+    if (pollTimerRef.current) {
+      clearTimeout(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+    if (!streamId || !runId) {
       setIsLive(false);
       return;
     }
@@ -148963,119 +148360,177 @@ function useStreamReader(env2, streamId, runId, encryptionKey) {
     abortControllerRef.current = abortController;
     setIsLive(true);
     const revivers = getWebRevivers();
-    const readStreamData = async () => {
+    const parseLegacyLine = (line) => {
+      const chunkId = chunkIdRef.current++;
+      let text2;
       try {
-        const rawStream = await readStream(
-          env2,
-          streamId,
-          void 0,
-          abortController.signal
-        );
-        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 = "";
+        const parsed = JSON.parse(line);
+        text2 = JSON.stringify(parsed, null, 2);
+      } catch {
+        text2 = line;
+      }
+      return { id: chunkId, text: text2 };
+    };
+    const fetchAndParse = async (targetBuffer, cryptoKey, options) => {
+      const streamResponse = await readStream(
+        env2,
+        streamId,
+        runId,
+        abortController.signal,
+        options == null ? void 0 : options.cursor
+      );
+      const skipFrames = (options == null ? void 0 : options.skipFrames) ?? 0;
+      const reader = streamResponse.body.getReader();
+      const decoder2 = new TextDecoder();
+      let buffer = new Uint8Array(0);
+      let encoding2 = null;
+      let textRemainder = "";
+      let frameIndex = 0;
+      const appendToBuffer = (data) => {
+        const newBuffer = new Uint8Array(buffer.length + data.length);
+        newBuffer.set(buffer, 0);
+        newBuffer.set(data, buffer.length);
+        buffer = newBuffer;
+      };
+      for (; ; ) {
+        if (abortController.signal.aborted) break;
+        const { value, done } = await reader.read();
+        if (done) {
+          if (encoding2 === "legacy" && textRemainder.trim()) {
+            frameIndex++;
+            if (frameIndex > skipFrames) {
+              targetBuffer.push(parseLegacyLine(textRemainder.trim()));
             }
-            if (mounted) setIsLive(false);
-            break;
+            textRemainder = "";
           }
-          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);
+          break;
+        }
+        if (encoding2 === null) {
+          appendToBuffer(value);
+          if (buffer.length >= FRAME_HEADER_SIZE) {
+            encoding2 = detectEncoding(buffer);
           }
           if (encoding2 === "legacy") {
-            const lines = textRemainder.split("\n");
-            textRemainder = lines.pop() ?? "";
-            for (const line of lines) {
-              const trimmed = line.trim();
-              if (trimmed) addLegacyLine(trimmed);
+            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) {
+              frameIndex++;
+              if (frameIndex > skipFrames) {
+                targetBuffer.push(parseLegacyLine(trimmed));
+              }
             }
+          }
+          continue;
+        }
+        let offset2 = 0;
+        let framesInBatch = 0;
+        while (offset2 + FRAME_HEADER_SIZE <= buffer.length) {
+          const view = new DataView(
+            buffer.buffer,
+            buffer.byteOffset + offset2,
+            buffer.byteLength - offset2
+          );
+          const frameLength = view.getUint32(0, false);
+          if (frameLength === 0 || frameLength > 10 * 1024 * 1024) {
+            break;
+          }
+          if (offset2 + FRAME_HEADER_SIZE + frameLength > buffer.length) {
+            break;
+          }
+          const frameData = buffer.slice(
+            offset2 + FRAME_HEADER_SIZE,
+            offset2 + FRAME_HEADER_SIZE + frameLength
+          );
+          offset2 += FRAME_HEADER_SIZE + frameLength;
+          frameIndex++;
+          if (frameIndex <= skipFrames) {
             continue;
           }
-          while (buffer.length >= FRAME_HEADER_SIZE) {
-            const view = new DataView(
-              buffer.buffer,
-              buffer.byteOffset,
-              buffer.byteLength
-            );
-            const frameLength = view.getUint32(0, false);
-            if (frameLength === 0 || frameLength > 10 * 1024 * 1024) {
-              break;
-            }
-            if (buffer.length < FRAME_HEADER_SIZE + frameLength) {
-              break;
-            }
-            const frameData = buffer.slice(
-              FRAME_HEADER_SIZE,
-              FRAME_HEADER_SIZE + frameLength
-            );
-            buffer = buffer.slice(FRAME_HEADER_SIZE + frameLength);
+          const result = await processFrame(frameData, cryptoKey, revivers);
+          if (result.encrypted) {
+            reader.cancel().catch(() => {
+            });
+            return { encrypted: true };
+          }
+          targetBuffer.push(result.chunk);
+          framesInBatch++;
+          if (framesInBatch % YIELD_EVERY_N_FRAMES === 0) {
+            await yieldToMain();
+            if (abortController.signal.aborted || !mounted) break;
+          }
+        }
+        buffer = buffer.slice(offset2);
+      }
+      return {
+        encrypted: false,
+        frameCount: frameIndex,
+        cursor: streamResponse.cursor,
+        done: streamResponse.done
+      };
+    };
+    const readStreamData = async () => {
+      try {
+        const cryptoKey = encryptionKey ? await importKey(encryptionKey) : void 0;
+        const initialChunks = [];
+        const result = await fetchAndParse(initialChunks, cryptoKey);
+        if (result.encrypted) {
+          if (mounted) {
+            setError("This stream is encrypted. Click Decrypt to view.");
+            setIsLive(false);
+          }
+          return;
+        }
+        frameCountRef.current = result.frameCount;
+        serverCursorRef.current = result.cursor;
+        if (!mounted || abortController.signal.aborted) return;
+        setChunks(initialChunks);
+        if (result.done) {
+          setIsLive(false);
+          return;
+        }
+        if (isRunActive(runStatusRef.current)) {
+          const poll = async () => {
+            if (!mounted || abortController.signal.aborted) return;
             try {
-              const { format: format2, payload } = decodeFormatPrefix$1(frameData);
-              let dataToHydrate;
-              if (format2 === SerializationFormat$1.ENCRYPTED) {
-                if (!cryptoKey) {
-                  if (mounted) {
-                    setError(
-                      "This stream is encrypted. Click Decrypt to view."
-                    );
-                    setIsLive(false);
-                  }
-                  reader.cancel().catch(() => {
-                  });
+              const newChunks = [];
+              const pollResult = await fetchAndParse(newChunks, cryptoKey, {
+                cursor: serverCursorRef.current,
+                skipFrames: frameCountRef.current
+              });
+              if (!pollResult.encrypted) {
+                frameCountRef.current = pollResult.frameCount;
+                if (pollResult.cursor) {
+                  serverCursorRef.current = pollResult.cursor;
+                }
+                if (newChunks.length > 0 && mounted) {
+                  setChunks((prev) => [...prev, ...newChunks]);
+                }
+                if (pollResult.done) {
+                  setIsLive(false);
                   return;
                 }
-                dataToHydrate = await decrypt(cryptoKey, payload);
-              } else {
-                dataToHydrate = frameData;
-              }
-              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);
-                setChunks((prev) => [...prev, { id: chunkId, text: text2 }]);
               }
             } catch (err) {
-              console.error("Failed to process stream frame:", err);
+              console.warn("Stream poll error:", err);
             }
-          }
+            if (mounted && !abortController.signal.aborted) {
+              pollTimerRef.current = setTimeout(poll, POLL_INTERVAL_MS);
+            }
+          };
+          pollTimerRef.current = setTimeout(poll, POLL_INTERVAL_MS);
+        } else {
+          setIsLive(false);
         }
       } catch (err) {
         if (abortController.signal.aborted) return;
@@ -149088,11 +148543,20 @@ function useStreamReader(env2, streamId, runId, encryptionKey) {
     void readStreamData();
     return () => {
       mounted = false;
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
+      abortController.abort();
+      if (pollTimerRef.current) {
+        clearTimeout(pollTimerRef.current);
+        pollTimerRef.current = null;
       }
     };
-  }, [env2, streamId, runId, encryptionKey]);
+  }, [env2, streamId, runId, encryptionKey, processFrame]);
+  reactExports.useEffect(() => {
+    if (!isRunActive(runStatus) && pollTimerRef.current) {
+      clearTimeout(pollTimerRef.current);
+      pollTimerRef.current = null;
+      setIsLive(false);
+    }
+  }, [runStatus]);
   return { chunks, isLive, error: error2 };
 }
 const INITIAL_PAGE_SIZE = 100;
@@ -149229,900 +148693,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
@@ -150137,7 +148710,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) => {
@@ -150155,7 +148729,7 @@ function RunDetailView({
   );
   const setActiveTab = reactExports.useCallback(
     (tab2) => {
-      if (tab2 === "trace" || tab2 === "graph") {
+      if (tab2 !== "streams") {
         updateSearchParams({ tab: tab2, streamId: null });
       } else {
         updateSearchParams({ tab: tab2 });
@@ -150220,7 +148794,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,
@@ -150301,7 +148875,7 @@ function RunDetailView({
     chunks: streamChunks,
     isLive: streamIsLive,
     error: streamError
-  } = useStreamReader(env2, selectedStreamId, runId, encryptionKey);
+  } = useStreamReader(env2, selectedStreamId, runId, encryptionKey, run.status);
   const handleCancelClick = () => {
     setShowCancelDialog(true);
   };
@@ -150473,10 +149047,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"
@@ -150636,14 +149207,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
           ]
         }
       ) })
@@ -150783,27 +149347,32 @@ async function loader({
     });
   }
   const url2 = new URL(request2.url);
-  const startIndexParam = url2.searchParams.get("startIndex");
-  const startIndex = startIndexParam != null ? Number.parseInt(startIndexParam, 10) : void 0;
-  if (startIndex !== void 0 && Number.isNaN(startIndex)) {
+  const runId = url2.searchParams.get("runId");
+  if (!runId) {
     return Response.json({
-      message: "Invalid startIndex parameter",
+      message: "Missing runId parameter",
       layer: "server"
     }, {
       status: 400
     });
   }
+  const cursor = url2.searchParams.get("cursor") ?? void 0;
   try {
-    const stream = await readStreamServerAction({}, streamId, startIndex);
-    if (!stream || !(stream instanceof ReadableStream)) {
-      return Response.json(stream, {
+    const result = await readStreamChunksServerAction({}, streamId, runId, cursor);
+    if (!("buffer" in result)) {
+      return Response.json(result, {
         status: 500
       });
     }
-    return new Response(stream, {
-      headers: {
-        "Content-Type": "application/octet-stream"
-      }
+    const headers2 = {
+      "Content-Type": "application/octet-stream",
+      "X-Stream-Done": String(result.done)
+    };
+    if (result.cursor) {
+      headers2["X-Stream-Cursor"] = result.cursor;
+    }
+    return new Response(result.buffer, {
+      headers: headers2
     });
   } catch (error2) {
     const message2 = error2 instanceof Error ? error2.message : String(error2);
@@ -150819,7 +149388,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-DXnpwJxc.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-CrmlsXj3.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-CFxVErsy.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-DGcT3V07.js", "/assets/mermaid-3ZIDBTTL-CrmlsXj3.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-C6LG6p9l.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-DGcT3V07.js", "/assets/mermaid-3ZIDBTTL-CrmlsXj3.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-beaac576.js", "version": "beaac576", "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-Dae_xV-y.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-D95wSBpg.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-ClC-EMyL.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/workflow-graph-viewer-BZlGoIt2.js", "/assets/mermaid-3ZIDBTTL-D95wSBpg.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-Brs1Rm25.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/workflow-graph-viewer-BZlGoIt2.js", "/assets/mermaid-3ZIDBTTL-D95wSBpg.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-7a6ad03e.js", "version": "7a6ad03e", "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 };