@workflow/web 4.1.0-beta.40 → 4.1.0-beta.41

package/build/server/assets/{server-build-B-uZ5KmC.js → server-build-CKAakcyN.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, _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-DLRJr3zg.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-Bdxmgv4c.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1$1 from "crypto";
@@ -37045,16 +37045,69 @@ function ErrorStackBlock({ value }) {
   const copyText = message2 ? `${message2}
 
 ${stack}` : stack;
-  return jsxRuntimeExports.jsxs("div", { className: "relative overflow-x-auto rounded-md border p-3 pt-9", style: { borderColor: "var(--ds-gray-300)" }, children: [jsxRuntimeExports.jsx("button", { type: "button", "aria-label": "Copy error", title: "Copy", className: "!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border !bg-[var(--ds-background-100)] !text-[var(--ds-gray-800)] transition-transform transition-colors duration-100 hover:!bg-[var(--ds-gray-alpha-200)] active:!scale-95 active:!bg-[var(--ds-gray-alpha-300)]", style: { borderColor: "var(--ds-gray-300)" }, onClick: () => {
+  return jsxRuntimeExports.jsxs("div", { className: "relative overflow-hidden rounded-md border", style: {
+    borderColor: "var(--ds-red-400)",
+    background: "var(--ds-red-100)"
+  }, children: [jsxRuntimeExports.jsx("button", { type: "button", "aria-label": "Copy error", title: "Copy", className: "!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border transition-transform transition-colors duration-100 hover:!bg-[var(--ds-red-200)] active:!scale-95", style: {
+    borderColor: "var(--ds-red-400)",
+    background: "var(--ds-red-100)",
+    color: "var(--ds-red-900)"
+  }, onClick: () => {
     navigator.clipboard.writeText(copyText).then(() => {
       toast.success("Copied to clipboard");
     }).catch(() => {
       toast.error("Failed to copy");
     });
-  }, children: jsxRuntimeExports.jsx(Copy, { size: 12 }) }), message2 && jsxRuntimeExports.jsx("p", { className: "pb-2 mb-2 text-xs font-semibold font-mono", style: {
+  }, children: jsxRuntimeExports.jsx(Copy, { size: 12 }) }), message2 && jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 px-3 py-2.5 pr-10", style: {
+    color: "var(--ds-red-900)",
+    borderBottom: "1px solid var(--ds-red-400)"
+  }, children: [jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4 shrink-0", style: { marginTop: 1 } }), jsxRuntimeExports.jsx("p", { className: "text-xs font-semibold m-0 break-words", children: message2 })] }), jsxRuntimeExports.jsx("pre", { className: "px-3 py-2.5 text-xs font-mono whitespace-pre-wrap break-words overflow-auto m-0", style: {
     color: "var(--ds-red-900)",
-    borderBottom: "1px solid var(--ds-gray-300)"
-  }, children: message2 }), jsxRuntimeExports.jsx("pre", { className: "text-xs font-mono whitespace-pre-wrap break-words overflow-auto m-0", style: { color: "var(--ds-gray-1000)" }, children: stack })] });
+    background: "var(--ds-red-200)"
+  }, children: stack })] });
+}
+function MenuDropdown({ options, value, onChange }) {
+  var _a3, _b;
+  const [open, setOpen] = reactExports.useState(false);
+  const ref = reactExports.useRef(null);
+  const label = ((_a3 = options.find((o) => o.value === value)) == null ? void 0 : _a3.label) ?? ((_b = options[0]) == null ? void 0 : _b.label) ?? "";
+  reactExports.useEffect(() => {
+    if (!open)
+      return;
+    function handleClickOutside(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open]);
+  return jsxRuntimeExports.jsxs("div", { ref, style: { position: "relative", flexShrink: 0 }, children: [jsxRuntimeExports.jsx("style", { children: `
+        .wf-menu-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400);cursor:pointer;white-space:nowrap;transition:background 150ms}
+        .wf-menu-btn:hover{background:var(--ds-gray-alpha-200)}
+        .wf-menu-item{appearance:none;-webkit-appearance:none;border:none;display:flex;align-items:center;width:100%;height:40px;padding:0 8px;border-radius:6px;font-size:14px;color:var(--ds-gray-1000);background:transparent;cursor:pointer;transition:background 150ms}
+        .wf-menu-item:hover{background:var(--ds-gray-alpha-100)}
+      ` }), jsxRuntimeExports.jsxs("button", { type: "button", className: "wf-menu-btn", onClick: () => setOpen(!open), children: [jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", style: {
+    marginLeft: 16,
+    marginRight: -4,
+    color: "var(--ds-gray-900)"
+  }, children: jsxRuntimeExports.jsx("path", { d: "M4.5 6L8 9.5L11.5 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open && jsxRuntimeExports.jsx("div", { style: {
+    position: "absolute",
+    right: 0,
+    top: "100%",
+    marginTop: 4,
+    minWidth: 140,
+    padding: 4,
+    borderRadius: 12,
+    background: "var(--ds-background-100)",
+    boxShadow: "var(--ds-shadow-menu, var(--ds-shadow-medium))",
+    zIndex: 2001
+  }, role: "menu", children: options.map((option) => jsxRuntimeExports.jsx("button", { type: "button", role: "menuitem", className: "wf-menu-item", style: {
+    fontWeight: option.value === value ? 500 : 400
+  }, onClick: () => {
+    onChange(option.value);
+    setOpen(false);
+  }, children: option.label }, option.value)) })] });
 }
 function Skeleton$2({ className, style: style2, ...props }) {
   return jsxRuntimeExports.jsx("div", { ...props, className: cn$4("rounded-md", className), style: { backgroundColor: "var(--ds-gray-200)", ...style2 } });
@@ -37220,7 +37273,7 @@ function TreeGutter({ isFirst, isLast, isRunLevel: isRun, statusDotColor, pulse
     zIndex: 0
   } })] });
 }
-function CopyableCell({ value, className }) {
+function CopyableCell({ value, className, style: styleProp }) {
   const [copied, setCopied] = reactExports.useState(false);
   const resetCopiedTimeoutRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
@@ -37243,7 +37296,7 @@ function CopyableCell({ value, className }) {
       }, 1500);
     });
   }, [value]);
-  return jsxRuntimeExports.jsxs("div", { className: `group/copy flex items-center gap-1 flex-1 min-w-0 px-4 ${className ?? ""}`, children: [jsxRuntimeExports.jsx("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: value || "-" }), value ? jsxRuntimeExports.jsx("button", { type: "button", onClick: handleCopy, className: "flex-shrink-0 opacity-0 group-hover/copy:opacity-100 transition-opacity p-0.5 rounded hover:bg-[var(--ds-gray-alpha-200)]", style: BUTTON_RESET_STYLE, "aria-label": `Copy ${value}`, children: copied ? jsxRuntimeExports.jsx(Check, { className: "h-3 w-3", style: { color: "var(--ds-green-700)" } }) : jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3", style: { color: "var(--ds-gray-700)" } }) }) : null] });
+  return jsxRuntimeExports.jsxs("div", { className: `group/copy flex items-center gap-1 min-w-0 px-4 ${className ?? ""}`, style: styleProp, children: [jsxRuntimeExports.jsx("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: value || "-" }), value ? jsxRuntimeExports.jsx("button", { type: "button", onClick: handleCopy, className: "flex-shrink-0 opacity-0 group-hover/copy:opacity-100 transition-opacity p-0.5 rounded hover:bg-[var(--ds-gray-alpha-200)]", style: BUTTON_RESET_STYLE, "aria-label": `Copy ${value}`, children: copied ? jsxRuntimeExports.jsx(Check, { className: "h-3 w-3", style: { color: "var(--ds-green-700)" } }) : jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3", style: { color: "var(--ds-gray-700)" } }) }) : null] });
 }
 function deepParseJson(value) {
   if (typeof value === "string") {
@@ -37321,18 +37374,16 @@ function PayloadBlock({ data, eventType }) {
   }
   return jsxRuntimeExports.jsxs("div", { className: "relative group/payload", children: [jsxRuntimeExports.jsx("div", { className: "overflow-x-auto p-2 text-[11px]", style: { color: "var(--ds-gray-1000)" }, children: jsxRuntimeExports.jsx(DataInspector, { data: cleaned, expandLevel: 2 }) }), jsxRuntimeExports.jsx("button", { type: "button", onClick: handleCopy, className: "absolute bottom-2 right-2 opacity-0 group-hover/payload:opacity-100 transition-opacity flex items-center gap-1 px-2 py-1 rounded-md text-xs hover:bg-[var(--ds-gray-alpha-200)]", style: { ...BUTTON_RESET_STYLE, color: "var(--ds-gray-700)" }, "aria-label": "Copy payload", children: copied ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Check, { className: "h-3 w-3", style: { color: "var(--ds-green-700)" } }), jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-green-700)" }, children: "Copied" })] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3" }), jsxRuntimeExports.jsx("span", { children: "Copy" })] }) })] });
 }
-function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, encryptionKey }) {
-  const [isExpanded, setIsExpanded] = reactExports.useState(false);
+const SORT_OPTIONS = [
+  { value: "desc", label: "Newest" },
+  { value: "asc", label: "Oldest" }
+];
+function EventRow({ event, index: index2, isFirst, isLast, isExpanded, onToggleExpand, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData, onCacheEventData, encryptionKey }) {
   const [isLoading, setIsLoading] = reactExports.useState(false);
-  const [loadedEventData, setLoadedEventData] = reactExports.useState(null);
+  const [loadedEventData, setLoadedEventData] = reactExports.useState(cachedEventData);
   const [loadError, setLoadError] = reactExports.useState(null);
-  const [hasAttemptedLoad, setHasAttemptedLoad] = reactExports.useState(false);
-  const rowGroupKey = event.correlationId ?? (isRunLevel(event.eventType) ? "__run__" : void 0);
-  reactExports.useEffect(() => {
-    if (selectedGroupKey !== void 0 && selectedGroupKey !== rowGroupKey) {
-      setIsExpanded(false);
-    }
-  }, [selectedGroupKey, rowGroupKey]);
+  const [hasAttemptedLoad, setHasAttemptedLoad] = reactExports.useState(cachedEventData !== null);
+  const rowGroupKey = isRunLevel(event.eventType) ? "__run__" : event.correlationId ?? void 0;
   const statusDotColor = getStatusDotColor(event.eventType);
   const createdAt = new Date(event.createdAt);
   const hasExistingEventData = "eventData" in event && event.eventData != null;
@@ -37359,9 +37410,10 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
         setLoadError("Event details unavailable");
         return;
       }
-      const eventData2 = await onLoadEventData(event);
-      if (eventData2 !== null && eventData2 !== void 0) {
-        setLoadedEventData(eventData2);
+      const data = await onLoadEventData(event);
+      if (data !== null && data !== void 0) {
+        setLoadedEventData(data);
+        onCacheEventData(event.eventId, data);
       }
     } catch (err) {
       setLoadError(err instanceof Error ? err.message : "Failed to load event details");
@@ -37369,7 +37421,18 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
       setIsLoading(false);
       setHasAttemptedLoad(true);
     }
-  }, [event, loadedEventData, hasExistingEventData, onLoadEventData]);
+  }, [
+    event,
+    loadedEventData,
+    hasExistingEventData,
+    onLoadEventData,
+    onCacheEventData
+  ]);
+  reactExports.useEffect(() => {
+    if (isExpanded && loadedEventData === null && !hasExistingEventData && !isLoading && !hasAttemptedLoad) {
+      loadEventDetails();
+    }
+  }, []);
   reactExports.useEffect(() => {
     if (encryptionKey && hasAttemptedLoad && onLoadEventData) {
       setLoadedEventData(null);
@@ -37377,6 +37440,7 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
       onLoadEventData(event).then((data) => {
         if (data !== null && data !== void 0) {
           setLoadedEventData(data);
+          onCacheEventData(event.eventId, data);
         }
         setHasAttemptedLoad(true);
       }).catch(() => {
@@ -37384,33 +37448,34 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
       });
     }
   }, [encryptionKey]);
-  const handleExpandToggle = reactExports.useCallback((e) => {
-    e.stopPropagation();
-    const newExpanded = !isExpanded;
-    setIsExpanded(newExpanded);
-    if (newExpanded && loadedEventData === null && !hasExistingEventData) {
-      loadEventDetails();
-    }
-  }, [isExpanded, loadedEventData, hasExistingEventData, loadEventDetails]);
   const handleRowClick = reactExports.useCallback(() => {
-    if (selectedGroupKey === rowGroupKey) {
-      onSelectGroup(void 0);
-    } else {
-      onSelectGroup(rowGroupKey);
+    onSelectGroup(rowGroupKey === selectedGroupKey ? void 0 : rowGroupKey);
+    onToggleExpand(event.eventId);
+    if (!isExpanded && loadedEventData === null && !hasExistingEventData) {
+      loadEventDetails();
     }
-  }, [selectedGroupKey, rowGroupKey, onSelectGroup]);
+  }, [
+    selectedGroupKey,
+    rowGroupKey,
+    onSelectGroup,
+    onToggleExpand,
+    event.eventId,
+    isExpanded,
+    loadedEventData,
+    hasExistingEventData,
+    loadEventDetails
+  ]);
   const eventData = hasExistingEventData ? event.eventData : loadedEventData;
   const contentOpacity = isDimmed ? 0.3 : 1;
   return jsxRuntimeExports.jsxs("div", { "data-event-id": event.eventId, onMouseEnter: () => onHoverGroup(rowGroupKey), onMouseLeave: () => onHoverGroup(void 0), children: [jsxRuntimeExports.jsxs("div", { role: "button", tabIndex: 0, onClick: handleRowClick, onKeyDown: (e) => {
     if (e.key === "Enter" || e.key === " ")
       handleRowClick();
-  }, className: "w-full text-left flex items-center gap-0 text-sm hover:bg-[var(--ds-gray-alpha-100)] transition-colors cursor-pointer", style: { minHeight: 40 }, children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst, isLast: isLast && !isExpanded, isRunLevel: isRun, statusDotColor, pulse: isPulsing, hasSelection: hasActive, showBranch, showLaneLine, isLaneStart, isLaneEnd }), jsxRuntimeExports.jsxs("div", { className: "flex items-center flex-1 min-w-0", style: { opacity: contentOpacity, transition: "opacity 150ms" }, children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: handleExpandToggle, className: "flex items-center justify-center w-5 h-5 flex-shrink-0 rounded hover:bg-[var(--ds-gray-alpha-200)] transition-colors", style: {
-    ...BUTTON_RESET_STYLE,
-    border: "1px solid var(--ds-gray-alpha-400)"
-  }, "aria-label": isExpanded ? "Collapse details" : "Expand details", children: jsxRuntimeExports.jsx(ChevronRight, { className: "h-3 w-3 transition-transform", style: {
-    color: "var(--ds-gray-700)",
+  }, className: "w-full text-left flex items-center gap-0 text-[13px] hover:bg-[var(--ds-gray-alpha-100)] transition-colors cursor-pointer", style: { minHeight: 40 }, children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst, isLast: isLast && !isExpanded, isRunLevel: isRun, statusDotColor, pulse: isPulsing, hasSelection: hasActive, showBranch, showLaneLine, isLaneStart, isLaneEnd }), jsxRuntimeExports.jsxs("div", { className: "flex items-center flex-1 min-w-0", style: { opacity: contentOpacity, transition: "opacity 150ms" }, children: [jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center w-5 h-5 flex-shrink-0 rounded", style: {
+    border: "1px solid var(--ds-gray-400)"
+  }, children: jsxRuntimeExports.jsx(ChevronRight, { className: "h-3 w-3 transition-transform", style: {
+    color: "var(--ds-gray-900)",
     transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)"
-  } }) }), jsxRuntimeExports.jsx("div", { className: "text-xs tabular-nums flex-1 min-w-0 px-4", style: { color: "var(--ds-gray-900)" }, children: formatEventTime(createdAt) }), jsxRuntimeExports.jsx("div", { className: "text-xs font-medium flex-1 min-w-0 px-4", children: jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", style: { color: "var(--ds-gray-900)" }, children: [jsxRuntimeExports.jsxs("span", { style: {
+  } }) }), jsxRuntimeExports.jsx("div", { className: "tabular-nums min-w-0 px-4", style: { color: "var(--ds-gray-900)", flex: "2 1 0%" }, children: formatEventTime(createdAt) }), jsxRuntimeExports.jsx("div", { className: "font-medium min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", style: { color: "var(--ds-gray-900)" }, children: [jsxRuntimeExports.jsxs("span", { style: {
     position: "relative",
     display: "inline-flex",
     width: 6,
@@ -37429,7 +37494,7 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
     height: 6,
     borderRadius: "50%",
     backgroundColor: statusDotColor
-  } })] }), formatEventType(event.eventType)] }) }), jsxRuntimeExports.jsx("div", { className: "text-xs flex-1 min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap", title: eventName2 !== "-" ? eventName2 : void 0, children: eventName2 }), jsxRuntimeExports.jsx(CopyableCell, { value: event.correlationId || "", className: "font-mono text-xs" }), jsxRuntimeExports.jsx(CopyableCell, { value: event.eventId, className: "font-mono text-xs" })] })] }), isExpanded && jsxRuntimeExports.jsxs("div", { className: "flex", children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst: false, isLast, isRunLevel: isRun, hasSelection: hasActive, showBranch: false, showLaneLine: showLaneLine && !isLaneEnd, isLaneStart: false, isLaneEnd: false, continuationOnly: true }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsxs("div", { className: "flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden", style: {
+  } })] }), formatEventType(event.eventType)] }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap", style: { flex: "2 1 0%" }, title: eventName2 !== "-" ? eventName2 : void 0, children: eventName2 }), jsxRuntimeExports.jsx(CopyableCell, { value: event.correlationId || "", className: "font-mono", style: { flex: "3 1 0%" } }), jsxRuntimeExports.jsx(CopyableCell, { value: event.eventId, className: "font-mono", style: { flex: "3 1 0%" } })] })] }), isExpanded && jsxRuntimeExports.jsxs("div", { className: "flex", children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst: false, isLast, isRunLevel: isRun, hasSelection: hasActive, showBranch: false, showLaneLine: showLaneLine && !isLaneEnd, isLaneStart: false, isLaneEnd: false, continuationOnly: true }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsxs("div", { className: "flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     opacity: contentOpacity,
     transition: "opacity 150ms"
@@ -37439,12 +37504,22 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
     color: "var(--ds-red-900)"
   }, children: loadError }) : isLoading || !hasExistingEventData && !hasAttemptedLoad && event.correlationId ? jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 p-3", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: "75%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: "50%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: "60%" } })] }) : jsxRuntimeExports.jsx("div", { className: "p-2 text-xs", style: { color: "var(--ds-gray-900)" }, children: "No data" })] })] })] });
 }
-function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents = false, isLoadingMoreEvents = false, onLoadMoreEvents, encryptionKey }) {
+function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents = false, isLoadingMoreEvents = false, onLoadMoreEvents, encryptionKey, isLoading = false, sortOrder: sortOrderProp, onSortOrderChange }) {
+  const [internalSortOrder, setInternalSortOrder] = reactExports.useState("asc");
+  const effectiveSortOrder = sortOrderProp ?? internalSortOrder;
+  const handleSortOrderChange = reactExports.useCallback((order2) => {
+    if (onSortOrderChange) {
+      onSortOrderChange(order2);
+    } else {
+      setInternalSortOrder(order2);
+    }
+  }, [onSortOrderChange]);
   const sortedEvents2 = reactExports.useMemo(() => {
     if (!events2 || events2.length === 0)
       return [];
-    return [...events2].sort((a2, b2) => new Date(a2.createdAt).getTime() - new Date(b2.createdAt).getTime());
-  }, [events2]);
+    const dir = effectiveSortOrder === "desc" ? -1 : 1;
+    return [...events2].sort((a2, b2) => dir * (new Date(a2.createdAt).getTime() - new Date(b2.createdAt).getTime()));
+  }, [events2, effectiveSortOrder]);
   const { correlationNameMap, workflowName } = reactExports.useMemo(() => buildNameMaps(events2 ?? null, run ?? null), [events2, run]);
   const durationMap = reactExports.useMemo(() => buildDurationMap(sortedEvents2), [sortedEvents2]);
   const [selectedGroupKey, setSelectedGroupKey] = reactExports.useState(void 0);
@@ -37456,6 +37531,49 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     setHoveredGroupKey(groupKey);
   }, []);
   const activeGroupKey = selectedGroupKey ?? hoveredGroupKey;
+  const [expandedEventIds, setExpandedEventIds] = reactExports.useState(() => /* @__PURE__ */ new Set());
+  const toggleEventExpanded = reactExports.useCallback((eventId) => {
+    setExpandedEventIds((prev) => {
+      const next2 = new Set(prev);
+      if (next2.has(eventId)) {
+        next2.delete(eventId);
+      } else {
+        next2.add(eventId);
+      }
+      return next2;
+    });
+  }, []);
+  const eventDataCacheRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const cacheEventData = reactExports.useCallback((eventId, data) => {
+    eventDataCacheRef.current.set(eventId, data);
+  }, []);
+  const eventGroupKeyMap = reactExports.useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    for (const ev of sortedEvents2) {
+      const gk = isRunLevel(ev.eventType) ? "__run__" : ev.correlationId ?? "";
+      if (gk)
+        map2.set(ev.eventId, gk);
+    }
+    return map2;
+  }, [sortedEvents2]);
+  reactExports.useEffect(() => {
+    if (selectedGroupKey === void 0)
+      return;
+    setExpandedEventIds((prev) => {
+      if (prev.size === 0)
+        return prev;
+      let changed = false;
+      const next2 = /* @__PURE__ */ new Set();
+      for (const eventId of prev) {
+        if (eventGroupKeyMap.get(eventId) === selectedGroupKey) {
+          next2.add(eventId);
+        } else {
+          changed = true;
+        }
+      }
+      return changed ? next2 : prev;
+    });
+  }, [selectedGroupKey, eventGroupKeyMap]);
   const selectedGroupRange = reactExports.useMemo(() => {
     if (!activeGroupKey || activeGroupKey === "__run__")
       return null;
@@ -37476,15 +37594,23 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     const entries = [];
     for (let i = 0; i < sortedEvents2.length; i++) {
       const ev = sortedEvents2[i];
+      const isRun = isRunLevel(ev.eventType);
+      const name2 = isRun ? workflowName ?? "" : ev.correlationId ? correlationNameMap.get(ev.correlationId) ?? "" : "";
       entries.push({
-        text: [ev.eventId, ev.correlationId ?? ""].join(" ").toLowerCase(),
-        groupKey: ev.correlationId ?? (isRunLevel(ev.eventType) ? "__run__" : void 0),
+        fields: [
+          ev.eventId,
+          ev.correlationId ?? "",
+          ev.eventType,
+          formatEventType(ev.eventType),
+          name2
+        ].map((f2) => f2.toLowerCase()),
+        groupKey: ev.correlationId ?? (isRun ? "__run__" : void 0),
         eventId: ev.eventId,
         index: i
       });
     }
     return entries;
-  }, [sortedEvents2]);
+  }, [sortedEvents2, correlationNameMap, workflowName]);
   reactExports.useEffect(() => {
     var _a3;
     const q2 = searchQuery.trim().toLowerCase();
@@ -37492,27 +37618,49 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
       setSelectedGroupKey(void 0);
       return;
     }
-    const match2 = searchIndex.find((entry2) => entry2.text.includes(q2));
-    if (match2) {
-      setSelectedGroupKey(match2.groupKey);
+    let bestMatch = null;
+    let bestScore = 0;
+    for (const entry2 of searchIndex) {
+      for (const field of entry2.fields) {
+        if (field && field.includes(q2)) {
+          const score = q2.length / field.length;
+          if (score > bestScore) {
+            bestScore = score;
+            bestMatch = entry2;
+          }
+        }
+      }
+    }
+    if (bestMatch) {
+      setSelectedGroupKey(bestMatch.groupKey);
       (_a3 = virtuosoRef.current) == null ? void 0 : _a3.scrollToIndex({
-        index: match2.index,
+        index: bestMatch.index,
         align: "center",
         behavior: "smooth"
       });
     }
   }, [searchQuery, searchIndex]);
   if (!events2 || events2.length === 0) {
+    if (isLoading) {
+      return jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [jsxRuntimeExports.jsx("div", { style: { padding: 6 }, children: jsxRuntimeExports.jsx(Skeleton$2, { style: { height: 40, borderRadius: 6 } }) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 h-10 border-b flex-shrink-0 px-4", style: { borderColor: "var(--ds-gray-alpha-200)" }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 60 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 80 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 50 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 90 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 70 } })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-hidden", children: Array.from({ length: 8 }, (_2, i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4", style: { height: 40 }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-2 w-2 flex-shrink-0", style: { borderRadius: "50%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 90 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 100 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 80 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 flex-1" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 flex-1" })] }, i)) })] });
+    }
     return jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-sm", style: { color: "var(--ds-gray-700)" }, children: "No events found" });
   }
-  return jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [jsxRuntimeExports.jsx("style", { children: `@keyframes workflow-dot-pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.2);opacity:0}}` }), jsxRuntimeExports.jsx("div", { style: { padding: 6, backgroundColor: "var(--ds-background-100)" }, children: jsxRuntimeExports.jsxs("label", { style: {
+  return jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [jsxRuntimeExports.jsx("style", { children: `@keyframes workflow-dot-pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.2);opacity:0}}` }), jsxRuntimeExports.jsxs("div", { style: {
+    padding: 6,
+    backgroundColor: "var(--ds-background-100)",
+    display: "flex",
+    gap: 6
+  }, children: [jsxRuntimeExports.jsxs("label", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     borderRadius: 6,
     boxShadow: "0 0 0 1px var(--ds-gray-alpha-400)",
     background: "var(--ds-background-100)",
-    height: 40
+    height: 40,
+    flex: 1,
+    minWidth: 0
   }, children: [jsxRuntimeExports.jsx("div", { style: {
     width: 40,
     height: 40,
@@ -37521,7 +37669,7 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     justifyContent: "center",
     color: "var(--ds-gray-800)",
     flexShrink: 0
-  }, children: jsxRuntimeExports.jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: [jsxRuntimeExports.jsx("circle", { cx: "7", cy: "7", r: "4.5", stroke: "currentColor", strokeWidth: "1.5" }), jsxRuntimeExports.jsx("path", { d: "M11.5 11.5L14 14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }), jsxRuntimeExports.jsx("input", { type: "search", placeholder: "Search by event ID or correlation ID…", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: {
+  }, children: jsxRuntimeExports.jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: [jsxRuntimeExports.jsx("circle", { cx: "7", cy: "7", r: "4.5", stroke: "currentColor", strokeWidth: "1.5" }), jsxRuntimeExports.jsx("path", { d: "M11.5 11.5L14 14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }), jsxRuntimeExports.jsx("input", { type: "search", placeholder: "Search by name, event type, or ID…", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: {
     marginLeft: -16,
     paddingInline: 12,
     fontFamily: "inherit",
@@ -37531,27 +37679,29 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     outline: "none",
     height: 40,
     width: "100%"
-  } })] }) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 text-sm font-medium h-10 border-b flex-shrink-0", style: {
+  } })] }), jsxRuntimeExports.jsx(MenuDropdown, { options: SORT_OPTIONS, value: effectiveSortOrder, onChange: handleSortOrderChange })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 text-[13px] font-medium h-10 border-b flex-shrink-0", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     color: "var(--ds-gray-900)",
     backgroundColor: "var(--ds-background-100)"
-  }, children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", style: { width: GUTTER_WIDTH } }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Time" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Event Type" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Name" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Correlation ID" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Event ID" })] }), jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: sortedEvents2.length, overscan: 20, defaultItemHeight: 40, endReached: () => {
+  }, children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", style: { width: GUTTER_WIDTH } }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Time" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Event Type" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Name" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: "Correlation ID" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: "Event ID" })] }), jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: sortedEvents2.length, overscan: 20, defaultItemHeight: 40, endReached: () => {
     if (!hasMoreEvents || isLoadingMoreEvents) {
       return;
     }
     void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents());
   }, itemContent: (index2) => {
-    return jsxRuntimeExports.jsx(EventRow, { event: sortedEvents2[index2], index: index2, isFirst: index2 === 0, isLast: index2 === sortedEvents2.length - 1, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, encryptionKey });
+    const ev = sortedEvents2[index2];
+    return jsxRuntimeExports.jsx(EventRow, { event: ev, index: index2, isFirst: index2 === 0, isLast: index2 === sortedEvents2.length - 1, isExpanded: expandedEventIds.has(ev.eventId), onToggleExpand: toggleEventExpanded, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData: eventDataCacheRef.current.get(ev.eventId) ?? null, onCacheEventData: cacheEventData, encryptionKey });
   }, components: {
-    Footer: () => jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [hasMoreEvents && jsxRuntimeExports.jsx("div", { className: "px-3 pt-3 flex justify-center", children: jsxRuntimeExports.jsx("button", { type: "button", onClick: () => void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents()), disabled: isLoadingMoreEvents, className: "h-8 px-3 text-xs rounded-md border transition-colors disabled:opacity-60 disabled:cursor-not-allowed", style: {
+    Footer: hasMoreEvents ? () => jsxRuntimeExports.jsx("div", { className: "px-3 pt-3 flex justify-center", children: jsxRuntimeExports.jsx("button", { type: "button", onClick: () => void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents()), disabled: isLoadingMoreEvents, className: "h-8 px-3 text-xs rounded-md border transition-colors disabled:opacity-60 disabled:cursor-not-allowed", style: {
       borderColor: "var(--ds-gray-alpha-400)",
       color: "var(--ds-gray-900)",
       backgroundColor: "var(--ds-background-100)"
-    }, children: isLoadingMoreEvents ? "Loading more events..." : "Load more" }) }), jsxRuntimeExports.jsxs("div", { className: "mt-4 pt-3 border-t text-xs px-3", style: {
-      borderColor: "var(--ds-gray-alpha-200)",
-      color: "var(--ds-gray-900)"
-    }, children: [sortedEvents2.length, " event", sortedEvents2.length !== 1 ? "s" : "", " total"] })] })
-  }, style: { flex: 1, minHeight: 0 } })] });
+    }, children: isLoadingMoreEvents ? "Loading more events..." : "Load more" }) }) : void 0
+  }, style: { flex: 1, minHeight: 0 } }), jsxRuntimeExports.jsxs("div", { className: "flex-shrink-0 border-t text-xs px-3 py-2", style: {
+    borderColor: "var(--ds-gray-alpha-200)",
+    color: "var(--ds-gray-900)",
+    backgroundColor: "var(--ds-background-100)"
+  }, children: [sortedEvents2.length, " event", sortedEvents2.length !== 1 ? "s" : "", " total"] })] });
 }
 function ResolveHookModal({ isOpen, onClose, onSubmit, isSubmitting = false }) {
   var _a3;
@@ -64427,7 +64577,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-7BMdhIzo.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-uEj5-2nD.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 }) })] }) });
@@ -64749,7 +64899,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-C-mhM4Cx.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BvjkIiuk.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;
@@ -69841,9 +69991,9 @@ function PanelResizeHandle({ onResize }) {
   }, [onResize]);
   return jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-blue-400/50 z-10", onPointerDown: handlePointerDown });
 }
-function TraceViewerFooter({ hasMore, isLive }) {
+function TraceViewerFooter({ hasMore, isLive, isInitialLoading }) {
   const style2 = { color: "var(--ds-gray-900)" };
-  if (hasMore) {
+  if (hasMore || isInitialLoading) {
     return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-xs", style: style2, children: [jsxRuntimeExports.jsxs("svg", { className: "h-3.5 w-3.5 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntimeExports.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntimeExports.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }), "Loading more events…"] });
   }
   if (isLive) {
@@ -69951,7 +70101,7 @@ const WorkflowTraceViewer = ({ run, events: events2, isLoading, error: error2, s
   if (!trace2) {
     return jsxRuntimeExports.jsxs("div", { className: "relative w-full h-full", children: [jsxRuntimeExports.jsx("div", { className: "border-b border-gray-alpha-400 w-full" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-full ml-2 mt-1 mb-1 h-[56px]" }), jsxRuntimeExports.jsxs("div", { className: "p-2 relative w-full", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "w-full mt-6 h-[20px]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-[10%] mt-2 ml-6 h-[20px]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-[10%] mt-2 ml-12 h-[20px]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-[20%] mt-2 ml-16 h-[20px]" })] })] });
   }
-  return jsxRuntimeExports.jsxs("div", { className: "relative w-full h-full flex", children: [jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 relative", children: jsxRuntimeExports.jsxs(TraceViewerContextProvider, { customSpanClassNameFunc: getCustomSpanClassName, customSpanEventClassNameFunc: getCustomSpanEventClassName, children: [jsxRuntimeExports.jsx(SelectionBridge, { onSelectionChange: handleSelectionChange }), jsxRuntimeExports.jsx(DeselectBridge, { triggerDeselect: deselectTrigger }), jsxRuntimeExports.jsx(SelectBridge, { selectRequest }), jsxRuntimeExports.jsx(TraceViewerWithContextMenu, { trace: trace2, run, isLive, onWakeUpSleep, onCancelRun, onResolveHook, onLoadMoreSpans, hasMoreSpans, isLoadingMoreSpans, children: jsxRuntimeExports.jsx(TraceViewerTimeline, { eagerRender: true, height: "100%", isLive, trace: trace2, knownDurationMs: traceWithMeta == null ? void 0 : traceWithMeta.knownDurationMs, hasMoreData: hasMoreSpans, footer: jsxRuntimeExports.jsx(TraceViewerFooter, { hasMore: hasMoreSpans, isLive }) }) })] }) }), selectedSpan && jsxRuntimeExports.jsxs("div", { className: "relative border-l flex-shrink-0 flex flex-col", style: {
+  return jsxRuntimeExports.jsxs("div", { className: "relative w-full h-full flex", children: [jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 relative", children: jsxRuntimeExports.jsxs(TraceViewerContextProvider, { customSpanClassNameFunc: getCustomSpanClassName, customSpanEventClassNameFunc: getCustomSpanEventClassName, children: [jsxRuntimeExports.jsx(SelectionBridge, { onSelectionChange: handleSelectionChange }), jsxRuntimeExports.jsx(DeselectBridge, { triggerDeselect: deselectTrigger }), jsxRuntimeExports.jsx(SelectBridge, { selectRequest }), jsxRuntimeExports.jsx(TraceViewerWithContextMenu, { trace: trace2, run, isLive, onWakeUpSleep, onCancelRun, onResolveHook, onLoadMoreSpans, hasMoreSpans, isLoadingMoreSpans, children: jsxRuntimeExports.jsx(TraceViewerTimeline, { eagerRender: true, height: "100%", isLive, trace: trace2, knownDurationMs: traceWithMeta == null ? void 0 : traceWithMeta.knownDurationMs, hasMoreData: hasMoreSpans || Boolean(isLoading), footer: jsxRuntimeExports.jsx(TraceViewerFooter, { hasMore: hasMoreSpans, isLive, isInitialLoading: Boolean(isLoading) }) }) })] }) }), selectedSpan && jsxRuntimeExports.jsxs("div", { className: "relative border-l flex-shrink-0 flex flex-col", style: {
     width: panelWidth,
     borderColor: "var(--ds-gray-200)",
     backgroundColor: "var(--ds-background-100)"
@@ -89523,8 +89673,8 @@ function requireGetVercelOidcToken$1() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-YAVqVR6-.js").then((n) => n.t),
-        await import("./token-mzBpVePm.js").then((n) => n.t)
+        await import("./token-util-DMDYM1rE.js").then((n) => n.t),
+        await import("./token-CNug9NIq.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token))) {
         await refreshToken();
@@ -115634,17 +115784,84 @@ const LOCAL_QUEUE_MAX_VISIBILITY = parseInt(process.env.WORKFLOW_LOCAL_QUEUE_MAX
 const MAX_SAFE_TIMEOUT_MS = 2147483647;
 const DEFAULT_CONCURRENCY_LIMIT = 1e3;
 const WORKFLOW_LOCAL_QUEUE_CONCURRENCY = parseInt(process.env.WORKFLOW_LOCAL_QUEUE_CONCURRENCY ?? "0", 10) || DEFAULT_CONCURRENCY_LIMIT;
-function createQueue$2(config2) {
+function getQueueRoute(queueName) {
+  if (queueName.startsWith("__wkf_step_")) {
+    return { pathname: "step", prefix: "__wkf_step_" };
+  }
+  if (queueName.startsWith("__wkf_workflow_")) {
+    return { pathname: "flow", prefix: "__wkf_workflow_" };
+  }
+  throw new Error("Unknown queue name prefix");
+}
+function createQueueExecutor(config2) {
   const httpAgent = new undiciExports.Agent({
     headersTimeout: 0,
     connections: 1e3,
     keepAliveTimeout: 3e4
   });
+  const directHandlers = /* @__PURE__ */ new Map();
+  const executeMessage = async ({ queueName, messageId, attempt, body: body2, headers: extraHeaders }) => {
+    const { pathname, prefix } = getQueueRoute(queueName);
+    const headers2 = {
+      ...extraHeaders,
+      "content-type": "application/json",
+      "x-vqs-queue-name": queueName,
+      "x-vqs-message-id": messageId,
+      "x-vqs-message-attempt": String(attempt)
+    };
+    const directHandler = directHandlers.get(prefix);
+    let response2;
+    if (directHandler) {
+      const req = new Request("http://localhost/.well-known/workflow/v1/" + pathname, {
+        method: "POST",
+        headers: headers2,
+        body: body2
+      });
+      response2 = await directHandler(req);
+    } else {
+      const baseUrl = await resolveBaseUrl$1(config2);
+      response2 = await fetch(`${baseUrl}/.well-known/workflow/v1/${pathname}`, {
+        method: "POST",
+        duplex: "half",
+        dispatcher: httpAgent,
+        headers: headers2,
+        body: body2
+      });
+    }
+    const text2 = await response2.text();
+    if (!response2.ok) {
+      return {
+        type: "error",
+        status: response2.status,
+        text: text2,
+        headers: Object.fromEntries(response2.headers.entries())
+      };
+    }
+    try {
+      const timeoutSeconds = Number(JSON.parse(text2).timeoutSeconds);
+      if (Number.isFinite(timeoutSeconds) && timeoutSeconds >= 0) {
+        return { type: "reschedule", timeoutSeconds };
+      }
+    } catch {
+    }
+    return { type: "completed" };
+  };
+  return {
+    executeMessage,
+    registerHandler(prefix, handler) {
+      directHandlers.set(prefix, handler);
+    },
+    async close() {
+      await httpAgent.close();
+    }
+  };
+}
+function createQueue$2(config2) {
+  const executor = createQueueExecutor(config2);
   const transport = new JsonTransport();
   const generateId2 = monotonicFactory();
   const semaphore = new libExports.Sema(WORKFLOW_LOCAL_QUEUE_CONCURRENCY);
   const inflightMessages = /* @__PURE__ */ new Map();
-  const directHandlers = /* @__PURE__ */ new Map();
   const queue = async (queueName, message2, opts) => {
     const cleanup = [];
     if (opts == null ? void 0 : opts.idempotencyKey) {
@@ -115654,17 +115871,7 @@ function createQueue$2(config2) {
       }
     }
     const body2 = transport.serialize(message2);
-    let pathname;
-    let prefix;
-    if (queueName.startsWith("__wkf_step_")) {
-      pathname = `step`;
-      prefix = "__wkf_step_";
-    } else if (queueName.startsWith("__wkf_workflow_")) {
-      pathname = `flow`;
-      prefix = "__wkf_workflow_";
-    } else {
-      throw new Error("Unknown queue name prefix");
-    }
+    getQueueRoute(queueName);
     const messageId = MessageId.parse(`msg_${generateId2()}`);
     if (opts == null ? void 0 : opts.idempotencyKey) {
       const key = opts.idempotencyKey;
@@ -115681,55 +115888,31 @@ function createQueue$2(config2) {
       }
       try {
         let defaultRetriesLeft = 3;
-        const directHandler = directHandlers.get(prefix);
         for (let attempt = 0; defaultRetriesLeft > 0; attempt++) {
           defaultRetriesLeft--;
-          let response2;
-          const headers2 = {
-            ...opts == null ? void 0 : opts.headers,
-            "content-type": "application/json",
-            "x-vqs-queue-name": queueName,
-            "x-vqs-message-id": messageId,
-            "x-vqs-message-attempt": String(attempt + 1)
-          };
-          if (directHandler) {
-            const req = new Request("http://localhost/.well-known/workflow/v1/" + pathname, {
-              method: "POST",
-              headers: headers2,
-              body: body2
-            });
-            response2 = await directHandler(req);
-          } else {
-            const baseUrl = await resolveBaseUrl$1(config2);
-            response2 = await fetch(`${baseUrl}/.well-known/workflow/v1/${pathname}`, {
-              method: "POST",
-              duplex: "half",
-              dispatcher: httpAgent,
-              headers: headers2,
-              body: body2
-            });
+          const result = await executor.executeMessage({
+            queueName,
+            messageId,
+            attempt: attempt + 1,
+            body: body2,
+            headers: opts == null ? void 0 : opts.headers
+          });
+          if (result.type === "completed") {
+            return;
           }
-          const text2 = await response2.text();
-          if (response2.ok) {
-            try {
-              const timeoutSeconds = Number(JSON.parse(text2).timeoutSeconds);
-              if (Number.isFinite(timeoutSeconds) && timeoutSeconds >= 0) {
-                if (timeoutSeconds > 0) {
-                  const timeoutMs = Math.min(timeoutSeconds * 1e3, MAX_SAFE_TIMEOUT_MS);
-                  await setTimeout$1(timeoutMs);
-                }
-                defaultRetriesLeft++;
-                continue;
-              }
-            } catch {
+          if (result.type === "reschedule") {
+            if (result.timeoutSeconds > 0) {
+              const timeoutMs = Math.min(result.timeoutSeconds * 1e3, MAX_SAFE_TIMEOUT_MS);
+              await setTimeout$1(timeoutMs);
             }
-            return;
+            defaultRetriesLeft++;
+            continue;
           }
           console.error(`[local world] Failed to queue message`, {
             queueName,
-            text: text2,
-            status: response2.status,
-            headers: Object.fromEntries(response2.headers.entries()),
+            text: result.text,
+            status: result.status,
+            headers: result.headers,
             body: body2.toString()
           });
         }
@@ -115792,11 +115975,9 @@ function createQueue$2(config2) {
     queue,
     createQueueHandler,
     getDeploymentId,
-    registerHandler(prefix, handler) {
-      directHandlers.set(prefix, handler);
-    },
+    registerHandler: executor.registerHandler,
     async close() {
-      await httpAgent.close();
+      await executor.close();
     }
   };
 }
@@ -117227,8 +117408,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-D7WmNSMO.js").then((n) => n.t),
-        await import("./token-BRJJ012D.js").then((n) => n.t)
+        await import("./token-util-_HYGsI73.js").then((n) => n.t),
+        await import("./token-DLqvw7I2.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -117957,7 +118138,7 @@ const PeerService = SemanticConvention("peer.service");
 const RpcSystem = SemanticConvention("rpc.system");
 const RpcService = SemanticConvention("rpc.service");
 const RpcMethod = SemanticConvention("rpc.method");
-const version$1 = "4.1.0-beta.42";
+const version$1 = "4.1.0-beta.43";
 const DEFAULT_RESOLVE_DATA_OPTION = "all";
 function deserializeError(obj) {
   const { error: error2, ...rest } = obj;
@@ -118270,6 +118451,46 @@ function createQueue$1(config2) {
   };
   return { queue, createQueueHandler, getDeploymentId };
 }
+const ResolveLatestDeploymentResponseSchema = object$1({
+  id: string$1()
+});
+function createResolveLatestDeploymentId(config2) {
+  return async function resolveLatestDeploymentId() {
+    const currentDeploymentId = process.env.VERCEL_DEPLOYMENT_ID;
+    if (!currentDeploymentId) {
+      throw new Error("Cannot resolve latest deployment: VERCEL_DEPLOYMENT_ID environment variable is not set");
+    }
+    const oidcToken = await distExports.getVercelOidcToken().catch(() => null);
+    const token = (config2 == null ? void 0 : config2.token) ?? oidcToken ?? process.env.VERCEL_TOKEN;
+    if (!token) {
+      throw new Error("Cannot resolve latest deployment: no OIDC token or VERCEL_TOKEN available");
+    }
+    const url2 = `https://api.vercel.com/v1/workflow/resolve-latest-deployment/${encodeURIComponent(currentDeploymentId)}`;
+    const response2 = await fetch(url2, {
+      method: "GET",
+      headers: {
+        authorization: `Bearer ${token}`
+      },
+      // @ts-expect-error -- undici dispatcher is accepted by Node.js fetch but not in @types/node's RequestInit
+      dispatcher: getDispatcher()
+    });
+    if (!response2.ok) {
+      let body2;
+      try {
+        body2 = await response2.text();
+      } catch {
+        body2 = "<unable to read response body>";
+      }
+      throw new Error(`Failed to resolve latest deployment for ${currentDeploymentId}: HTTP ${response2.status} ${response2.statusText}${body2 ? ` — ${body2}` : ""}`);
+    }
+    const data = await response2.json();
+    const result = ResolveLatestDeploymentResponseSchema.safeParse(data);
+    if (!result.success) {
+      throw new Error(`Invalid response from Vercel API: expected { id: string }. Zod error: ${result.error.message}`);
+    }
+    return result.data.id;
+  };
+}
 function isRefDescriptor(value) {
   return typeof value === "object" && value !== null && "_type" in value && "_ref" in value && typeof value._ref === "string" && value._type === "RemoteRef";
 }
@@ -118427,7 +118648,7 @@ async function getWorkflowRun(id2, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${id2}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v2/runs/${encodeURIComponent(id2)}${queryString ? `?${queryString}` : ""}`;
   try {
     const run = await makeRequest({
       endpoint,
@@ -118449,7 +118670,7 @@ async function cancelWorkflowRunV1(id2, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v1/runs/${id2}/cancel${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v1/runs/${encodeURIComponent(id2)}/cancel${queryString ? `?${queryString}` : ""}`;
   try {
     const run = await makeRequest({
       endpoint,
@@ -118548,7 +118769,7 @@ async function listWorkflowRunSteps(params, config2) {
   const remoteRefBehavior = resolveData === "none" ? "lazy" : "resolve";
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${runId}/steps${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v2/runs/${encodeURIComponent(runId)}/steps${queryString ? `?${queryString}` : ""}`;
   const response2 = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118566,7 +118787,7 @@ async function getStep(runId, stepId, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = runId ? `/v2/runs/${runId}/steps/${stepId}${queryString ? `?${queryString}` : ""}` : `/v2/steps/${stepId}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = runId ? `/v2/runs/${encodeURIComponent(runId)}/steps/${encodeURIComponent(stepId)}${queryString ? `?${queryString}` : ""}` : `/v2/steps/${encodeURIComponent(stepId)}${queryString ? `?${queryString}` : ""}`;
   const step = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118703,7 +118924,7 @@ async function getEvent(runId, eventId, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${runId}/events/${eventId}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v2/runs/${encodeURIComponent(runId)}/events/${encodeURIComponent(eventId)}${queryString ? `?${queryString}` : ""}`;
   const event = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118736,7 +118957,7 @@ async function getWorkflowRunEvents(params, config2) {
   searchParams.set("remoteRefBehavior", "lazy");
   const queryString = searchParams.toString();
   const query = queryString ? `?${queryString}` : "";
-  const endpoint = correlationId ? `/v2/events${query}` : `/v2/runs/${runId}/events${query}`;
+  const endpoint = correlationId ? `/v2/events${query}` : `/v2/runs/${encodeURIComponent(runId)}/events${query}`;
   let refResolveConcurrency;
   const response2 = await makeRequest({
     endpoint,
@@ -118787,7 +119008,7 @@ async function createWorkflowRunEvent(id2, data, params, config2) {
       return { run };
     }
     const wireResult2 = await makeRequest({
-      endpoint: `/v1/runs/${id2}/events`,
+      endpoint: `/v1/runs/${encodeURIComponent(id2)}/events`,
       options: { method: "POST" },
       data,
       config: config2,
@@ -118801,7 +119022,7 @@ async function createWorkflowRunEvent(id2, data, params, config2) {
       throw new WorkflowAPIError(validationError, { status: 400 });
     }
   }
-  const runIdPath = id2 === null ? "null" : id2;
+  const runIdPath = id2 === null ? "null" : encodeURIComponent(id2);
   const remoteRefBehavior = eventsNeedingResolve.has(data.eventType) ? "resolve" : "lazy";
   if (remoteRefBehavior === "resolve") {
     const wireResult2 = await makeRequest({
@@ -118872,7 +119093,7 @@ async function listHooks(params, config2) {
 }
 async function getHook(hookId, params, config2) {
   const resolveData = (params == null ? void 0 : params.resolveData) || "all";
-  const endpoint = `/v2/hooks/${hookId}`;
+  const endpoint = `/v2/hooks/${encodeURIComponent(hookId)}`;
   const hook = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118974,7 +119195,7 @@ function createStorage(config2) {
 }
 function getStreamUrl(name2, runId, httpConfig) {
   if (runId) {
-    return new URL(`${httpConfig.baseUrl}/v2/runs/${runId}/stream/${encodeURIComponent(name2)}`);
+    return new URL(`${httpConfig.baseUrl}/v2/runs/${encodeURIComponent(runId)}/stream/${encodeURIComponent(name2)}`);
   }
   return new URL(`${httpConfig.baseUrl}/v2/stream/${encodeURIComponent(name2)}`);
 }
@@ -119053,7 +119274,7 @@ function createStreamer(config2) {
     },
     async listStreamsByRunId(runId) {
       const httpConfig = await getHttpConfig(config2);
-      const url2 = new URL(`${httpConfig.baseUrl}/v2/runs/${runId}/streams`);
+      const url2 = new URL(`${httpConfig.baseUrl}/v2/runs/${encodeURIComponent(runId)}/streams`);
       const response2 = await fetch(url2, {
         headers: httpConfig.headers
       });
@@ -119071,7 +119292,8 @@ function createVercelWorld(config2) {
     ...createQueue$1(config2),
     ...createStorage(config2),
     ...createStreamer(config2),
-    getEncryptionKeyForRun: createGetEncryptionKeyForRun(projectId, (_b = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _b.teamId, config2 == null ? void 0 : config2.token)
+    getEncryptionKeyForRun: createGetEncryptionKeyForRun(projectId, (_b = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _b.teamId, config2 == null ? void 0 : config2.token),
+    resolveLatestDeploymentId: createResolveLatestDeploymentId(config2)
   };
 }
 const require$1 = createRequire$1(join$1(process.cwd(), "index.js"));
@@ -122312,7 +122534,7 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
     });
   });
 }
-const version = "4.2.0-beta.68";
+const version = "4.2.0-beta.69";
 const ulid = monotonicFactory();
 async function start$1(workflow, argsOrOptions, options) {
   return await waitedUntil(() => {
@@ -122337,7 +122559,13 @@ async function start$1(workflow, argsOrOptions, options) {
         ...WorkflowArgumentsCount(args.length)
       });
       const world = (opts == null ? void 0 : opts.world) ?? getWorld();
-      const deploymentId = opts.deploymentId ?? await world.getDeploymentId();
+      let deploymentId = opts.deploymentId ?? await world.getDeploymentId();
+      if (deploymentId === "latest") {
+        if (!world.resolveLatestDeploymentId) {
+          throw new WorkflowRuntimeError("deploymentId 'latest' requires a World that implements resolveLatestDeploymentId()");
+        }
+        deploymentId = await world.resolveLatestDeploymentId();
+      }
       const ops = [];
       const runId = `wrun_${ulid()}`;
       const traceCarrier = await serializeTraceCarrier();
@@ -122553,6 +122781,17 @@ class Run {
       specVersion: SPEC_VERSION_CURRENT
     });
   }
+  /**
+   * Whether the workflow run exists.
+   */
+  get exists() {
+    return this.world.runs.get(this.runId, { resolveData: "none" }).then(() => true).catch((error2) => {
+      if (WorkflowRunNotFoundError.is(error2)) {
+        return false;
+      }
+      throw error2;
+    });
+  }
   /**
    * The status of the workflow run.
    */
@@ -147215,7 +147454,8 @@ function RunDetailView({
                 events: allEvents,
                 run,
                 onLoadEventData: handleLoadEventData,
-                encryptionKey: encryptionKey ?? void 0
+                encryptionKey: encryptionKey ?? void 0,
+                isLoading: loading
               }
             ) }) }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "streams", className: "mt-0 flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { title: "Failed to load stream data", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex gap-4", children: [
@@ -147478,7 +147718,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-D-041AAq.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-RlQIshou.js"], "css": ["/assets/root-9gRDb_Jz.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-Xl3EX8M3.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-C-GqGBPl.js", "/assets/mermaid-3ZIDBTTL-RlQIshou.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-BPOihWwO.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-C-GqGBPl.js", "/assets/mermaid-3ZIDBTTL-RlQIshou.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-0e172cba.js", "version": "0e172cba", "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-DQpGl57T.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-BPJg8vAL.js"], "css": ["/assets/root-BMRA92qM.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-MMGoJh7w.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-B8LKXrpA.js", "/assets/mermaid-3ZIDBTTL-BPJg8vAL.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-DZDSfYol.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-B8LKXrpA.js", "/assets/mermaid-3ZIDBTTL-BPJg8vAL.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-678c3cbf.js", "version": "678c3cbf", "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 };