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

package/build/server/assets/{server-build-D5Nuwxaw.js → server-build-BRxoSdNU.js}

@@ -18,7 +18,7 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-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, d as withErrorBoundaryProps, M as Meta, L as Links, e as ScrollRestoration, f as Scripts, O as Outlet, u as useNavigate, h as useSearchParams, i as Link$1, j as useRouteError, k as isRouteErrorResponse, l as useLocation, m as useParams } from "./app-Cl6-bhGd.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, d as withErrorBoundaryProps, M as Meta, L as Links, e as ScrollRestoration, f as Scripts, O as Outlet, u as useNavigate, h as useSearchParams, i as Link$1, j as useRouteError, k as isRouteErrorResponse, l as useLocation, m as useParams } from "./app-jsOjV9W7.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1 from "crypto";
@@ -48922,6 +48922,22 @@ const BaseEventSchema = object$1({
   correlationId: string$3().optional(),
   specVersion: number$3().optional()
 });
+const stepLatencyTelemetryFields = {
+  // Time-to-first-step: milliseconds from run creation until the run's first
+  // step body began executing, minus time spent committing hook_created
+  // events. Only reported when nothing else (hooks received, waits,
+  // attributes, other steps) happened before the first step.
+  ttfs: number$3().optional(),
+  // Step-to-step overhead: milliseconds between the previous step's terminal
+  // event and this step's body beginning to execute. Only reported when the
+  // two steps ran back-to-back (the previous event-log entry is a
+  // step_completed/step_failed).
+  stso: number$3().optional(),
+  // Names of the runtime's optional startup-latency optimizations that were
+  // active for this measurement (e.g. 'turbo', 'lazyStepStart',
+  // 'optimisticStart'), so latency metrics can be segmented by them.
+  optimizations: array$1(string$3()).optional()
+};
 const StepCompletedEventSchema = BaseEventSchema.extend({
   eventType: literal("step_completed"),
   correlationId: string$3(),
@@ -48931,7 +48947,8 @@ const StepCompletedEventSchema = BaseEventSchema.extend({
     // the key without an extra run lookup on this hot per-step write.
     // Optional: older runtimes omit it and the backend falls back to a read.
     workflowName: string$3().optional(),
-    result: SerializedDataSchema
+    result: SerializedDataSchema,
+    ...stepLatencyTelemetryFields
   })
 });
 const StepFailedEventSchema = BaseEventSchema.extend({
@@ -48941,7 +48958,8 @@ const StepFailedEventSchema = BaseEventSchema.extend({
     stepName: string$3().optional(),
     // The thrown value, serialized via the workflow serialization pipeline.
     // Can be any JavaScript value (string, number, object, Error, etc.)
-    error: SerializedDataSchema
+    error: SerializedDataSchema,
+    ...stepLatencyTelemetryFields
   })
 });
 const StepRetryingEventSchema = BaseEventSchema.extend({
@@ -49088,7 +49106,13 @@ const RunFailedEventSchema = BaseEventSchema.extend({
   })
 });
 const RunCancelledEventSchema = BaseEventSchema.extend({
-  eventType: literal("run_cancelled")
+  eventType: literal("run_cancelled"),
+  eventData: object$1({
+    // Optional free-text reason for the cancellation. Kept as small
+    // plaintext metadata (like run_failed's errorCode) so it survives
+    // resolveData: 'none' and can be displayed without decryption.
+    cancelReason: string$3().max(512).optional()
+  }).optional()
 });
 discriminatedUnion("eventType", [
   // Run lifecycle events
@@ -50064,7 +50088,7 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
 }
 async function hydrateResourceIOAsync(resource, key) {
   const { hydrateDataWithKey: hydrateDataWithKey2 } = await Promise.resolve().then(() => serializationFormat);
-  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-zp5ZpR7T.js");
+  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-Cyb8--z9.js");
   ensureZstdDecoderRegistered();
   const cryptoKey = key ? await Promise.resolve().then(() => encryption).then(({ importKey: importKey2 }) => importKey2(key)) : void 0;
   const revivers = getRevivers();
@@ -52346,7 +52370,7 @@ function CopyableDataBlock({ data }) {
 function isReservedAttributeKey(key) {
   return key.startsWith(RESERVED_ATTRIBUTE_KEY_PREFIX);
 }
-const rowValueVariants = cva("max-w-[60%] truncate text-right text-copy-13 text-gray-1000", {
+const rowValueVariants = cva("min-w-0 flex-1 truncate text-right text-copy-13 text-gray-1000", {
   variants: {
     variant: {
       default: "",
@@ -52357,7 +52381,7 @@ const rowValueVariants = cva("max-w-[60%] truncate text-right text-copy-13 text-
     variant: "default"
   }
 });
-const rowCopyValueVariants = cva("flex min-w-0 max-w-[60%] items-center justify-end gap-1 text-copy-13 text-gray-1000", {
+const rowCopyValueVariants = cva("flex min-w-0 flex-1 items-center justify-end gap-1 text-copy-13 text-gray-1000", {
   variants: {
     variant: {
       default: "",
@@ -52368,9 +52392,9 @@ const rowCopyValueVariants = cva("flex min-w-0 max-w-[60%] items-center justify-
     variant: "default"
   }
 });
-function DetailKeyValueRowBase({ label, value, copyText, removed = false, variant }) {
+function DetailKeyValueRowBase({ label, value, copyText, href, removed = false, variant }) {
   const stringValue = typeof value === "string" ? value : void 0;
-  return jsxRuntimeExports.jsxs("div", { className: "px-1.5 hover:bg-gray-100 flex justify-between gap-3 -mx-1.5 py-0.5 rounded items-center", children: [jsxRuntimeExports.jsx("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-label-13 text-gray-900", children: label }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : copyText ? jsxRuntimeExports.jsxs("div", { className: cn$4(rowCopyValueVariants({ variant })), title: copyText, children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: cn$4(rowValueVariants({ variant, className: "text-right" })), style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(CopyButton, { copyText, ariaLabel: `Copy ${label}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: cn$4(rowValueVariants({ variant })), title: stringValue, children: value })] });
+  return jsxRuntimeExports.jsxs("div", { className: "px-1.5 hover:bg-gray-100 flex justify-between gap-3 -mx-1.5 py-0.5 rounded items-center", children: [jsxRuntimeExports.jsx("span", { className: "flex min-w-0 items-center gap-1.5 truncate text-label-13 text-gray-900", children: label }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : copyText ? jsxRuntimeExports.jsxs("div", { className: cn$4(rowCopyValueVariants({ variant })), title: copyText, children: [href ? jsxRuntimeExports.jsxs("a", { href, target: "_blank", rel: "noreferrer", className: cn$4(rowValueVariants({ variant }), "flex min-w-0 items-center gap-0.5 hover:underline"), children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: "min-w-0 text-right", style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(ArrowUpRight, { "aria-hidden": true, className: "h-3 w-3 shrink-0" })] }) : jsxRuntimeExports.jsx(MiddleTruncate, { value: copyText, className: cn$4(rowValueVariants({ variant, className: "text-right" })), style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(CopyButton, { copyText, ariaLabel: `Copy ${label}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: cn$4(rowValueVariants({ variant })), title: stringValue, children: href ? jsxRuntimeExports.jsx("a", { href, target: "_blank", rel: "noreferrer", className: "hover:underline", children: value }) : value })] });
 }
 function DetailKeyValueRow(props) {
   return jsxRuntimeExports.jsx(DetailKeyValueRowBase, { ...props });
@@ -53667,6 +53691,12 @@ function PayloadBlock({ data, eventType }) {
   if (eventType === "attr_set") {
     return jsxRuntimeExports.jsx(AttrSetEventBlock, { data: cleaned });
   }
+  if (eventType === "run_cancelled") {
+    const cancelReason = cleaned != null && typeof cleaned === "object" && typeof cleaned.cancelReason === "string" ? cleaned.cancelReason : null;
+    if (cancelReason) {
+      return jsxRuntimeExports.jsxs("div", { className: "p-2 text-xs", style: { color: "var(--ds-gray-1000)" }, children: [jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-gray-900)" }, children: "Reason: " }), jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", children: cancelReason })] });
+    }
+  }
   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" })] }) })] });
 }
 const SORT_OPTIONS = [
@@ -83026,7 +83056,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et = ({ className: e, language: t, style: o, isIncomplete: n, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot = ({ language: e }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e }) });
-var cn$1 = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-Daljn6fi.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-DpTmbI4L.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 }) })] }) });
@@ -83348,7 +83378,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-xnUhfFrD.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-Dl6hRpcE.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;
@@ -83933,9 +83963,9 @@ const conversationTabs = [
   { id: "conversation", label: "Conversation" },
   { id: "json", label: "Raw JSON" }
 ];
-function ConversationWithTabs({ conversation, args }) {
+function ConversationWithTabs({ conversation, args, defaultOpen, onOpenChange }) {
   const [activeTab, setActiveTab] = reactExports.useState("conversation");
-  return jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: jsxRuntimeExports.jsx(TabbedContainer, { tabs: conversationTabs, activeTab, onTabChange: setActiveTab, ariaLabel: "Conversation view", children: activeTab === "conversation" ? jsxRuntimeExports.jsx(ConversationView, { messages: conversation }) : jsxRuntimeExports.jsx("div", { className: "p-3", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }) }) });
+  return jsxRuntimeExports.jsx(Collapsible, { label: "Input", defaultOpen, onOpenChange, children: jsxRuntimeExports.jsx(TabbedContainer, { tabs: conversationTabs, activeTab, onTabChange: setActiveTab, ariaLabel: "Conversation view", children: activeTab === "conversation" ? jsxRuntimeExports.jsx(ConversationView, { messages: conversation }) : jsxRuntimeExports.jsx("div", { className: "p-3", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }) }) });
 }
 function EncryptedFieldBlock() {
   return jsxRuntimeExports.jsx(EncryptedDataBlock, {});
@@ -84137,7 +84167,7 @@ const attributeToDisplayFn = {
   },
   input: (value, context) => {
     if (isEncryptedMarker$1(value)) {
-      return jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Input", defaultOpen: context == null ? void 0 : context.sectionOpen, onOpenChange: context == null ? void 0 : context.onSectionOpenChange, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     if (isExpiredMarker(value))
       return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
@@ -84149,28 +84179,28 @@ const attributeToDisplayFn = {
       if ((context == null ? void 0 : context.stepName) && isDoStreamStep(context.stepName)) {
         const conversation = extractConversation(args);
         if (conversation && conversation.length > 0) {
-          return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ConversationWithTabs, { conversation, args }), hasClosureVars && jsxRuntimeExports.jsx(Collapsible, { label: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(Collapsible, { label: "This Value", children: JsonBlock(thisVal) })] });
+          return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ConversationWithTabs, { conversation, args, defaultOpen: context == null ? void 0 : context.sectionOpen, onOpenChange: context == null ? void 0 : context.onSectionOpenChange }), hasClosureVars && jsxRuntimeExports.jsx(Collapsible, { label: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(Collapsible, { label: "This Value", children: JsonBlock(thisVal) })] });
         }
       }
       if (!hasArgs && !hasClosureVars && !hasThisVal) {
         return jsxRuntimeExports.jsx(Collapsible, { label: "Input (no data)", disabled: true });
       }
-      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }), hasClosureVars && jsxRuntimeExports.jsx(Collapsible, { label: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(Collapsible, { label: "Context", children: JsonBlock(thisVal) })] });
+      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Collapsible, { label: "Input", defaultOpen: context == null ? void 0 : context.sectionOpen, onOpenChange: context == null ? void 0 : context.onSectionOpenChange, children: Array.isArray(args) ? args.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(args) }), hasClosureVars && jsxRuntimeExports.jsx(Collapsible, { label: "Closure Variables", children: JsonBlock(closureVars) }), hasThisVal && jsxRuntimeExports.jsx(Collapsible, { label: "Context", children: JsonBlock(thisVal) })] });
     }
     if (!hasDisplayContent(value)) {
       return jsxRuntimeExports.jsx(Collapsible, { label: "Input (no data)", disabled: true });
     }
-    return jsxRuntimeExports.jsx(Collapsible, { label: "Input", children: Array.isArray(value) ? value.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(value) });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Input", defaultOpen: context == null ? void 0 : context.sectionOpen, onOpenChange: context == null ? void 0 : context.onSectionOpenChange, children: Array.isArray(value) ? value.map((v2, i) => jsxRuntimeExports.jsx("div", { className: "mt-2 first:mt-0", children: JsonBlock(v2) }, i)) : JsonBlock(value) });
   },
-  output: (value) => {
+  output: (value, context) => {
     if (isEncryptedMarker$1(value)) {
-      return jsxRuntimeExports.jsx(Collapsible, { label: "Output", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label: "Output", defaultOpen: context == null ? void 0 : context.sectionOpen, onOpenChange: context == null ? void 0 : context.onSectionOpenChange, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     if (!hasDisplayContent(value))
       return null;
     if (isExpiredMarker(value))
       return jsxRuntimeExports.jsx(ExpiredFieldBlock, {});
-    return jsxRuntimeExports.jsx(Collapsible, { label: "Output", children: JsonBlock(value) });
+    return jsxRuntimeExports.jsx(Collapsible, { label: "Output", defaultOpen: context == null ? void 0 : context.sectionOpen, onOpenChange: context == null ? void 0 : context.onSectionOpenChange, children: JsonBlock(value) });
   },
   error: (value) => {
     if (isEncryptedMarker$1(value)) {
@@ -84229,13 +84259,21 @@ const copyableBasicAttributes = /* @__PURE__ */ new Set([
   "deploymentId",
   "moduleSpecifier"
 ]);
+const loadingSectionLabels = {
+  input: "Input",
+  output: "Output",
+  eventData: "Event Data"
+};
 const AttributeBlock = ({ attribute, value, isLoading, inline = false, context }) => {
   const decryptCtx = reactExports.useContext(DecryptClickContext);
-  const isExpandableLoadingTarget = attribute === "input" || attribute === "output" || attribute === "eventData";
-  if (isLoading && isExpandableLoadingTarget && !hasDisplayContent(value)) {
-    const label = attribute === "eventData" ? "Event Data" : attribute === "output" ? "Output" : "Input";
+  const sectionOpenRef = reactExports.useRef(false);
+  const handleSectionOpenChange = reactExports.useCallback((open) => {
+    sectionOpenRef.current = open;
+  }, []);
+  const label = loadingSectionLabels[attribute];
+  if (isLoading && label && !hasDisplayContent(value)) {
     if (decryptCtx == null ? void 0 : decryptCtx.hasEncryptedData) {
-      return jsxRuntimeExports.jsx(Collapsible, { label, defaultOpen: attribute === "eventData", children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
+      return jsxRuntimeExports.jsx(Collapsible, { label, defaultOpen: attribute === "eventData" || sectionOpenRef.current, onOpenChange: handleSectionOpenChange, children: jsxRuntimeExports.jsx(EncryptedFieldBlock, {}) });
     }
     return jsxRuntimeExports.jsx(Collapsible, { label });
   }
@@ -84243,7 +84281,11 @@ const AttributeBlock = ({ attribute, value, isLoading, inline = false, context }
   if (!displayFn) {
     return null;
   }
-  const displayValue = displayFn(value, context);
+  const displayValue = displayFn(value, {
+    ...context,
+    sectionOpen: sectionOpenRef.current,
+    onSectionOpenChange: handleSectionOpenChange
+  });
   if (!displayValue) {
     return null;
   }
@@ -84255,7 +84297,7 @@ const AttributeBlock = ({ attribute, value, isLoading, inline = false, context }
   }
   return jsxRuntimeExports.jsxs("div", { className: "relative", children: [typeof isLoading === "boolean" && isLoading && jsxRuntimeExports.jsx("div", { className: "absolute top-9 right-4", children: jsxRuntimeExports.jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2", style: { borderColor: "var(--ds-gray-900)" } }) }), jsxRuntimeExports.jsxs("div", { className: "my-2 flex flex-col gap-0", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 text-gray-1000 font-medium first-letter:uppercase", children: attribute }), jsxRuntimeExports.jsx("span", { className: "text-xs", style: { color: "var(--ds-gray-1000)" }, children: displayValue })] }, attribute)] });
 };
-const AttributePanel = ({ data, moduleSpecifier, isLoading, error: error2, expiredAt, onStreamClick, onRunClick, onDecrypt, isDecrypting = false, resource }) => {
+const AttributePanel = ({ data, moduleSpecifier, moduleSourceUrl, isLoading, error: error2, expiredAt, onStreamClick, onRunClick, onDecrypt, isDecrypting = false, resource }) => {
   const displayData = reactExports.useMemo(() => {
     const result = { ...data };
     const execCtx = data.executionContext;
@@ -84328,7 +84370,7 @@ const AttributePanel = ({ data, moduleSpecifier, isLoading, error: error2, expir
     const displayValue = (_a3 = attributeToDisplayFn[attribute]) == null ? void 0 : _a3.call(attributeToDisplayFn, displayData[attribute]);
     const isCopyableBasicAttribute = copyableBasicAttributes.has(attribute) && typeof displayValue === "string";
     const label = getAttributeDisplayName(attribute);
-    return jsxRuntimeExports.jsx(DetailMonoKeyValueRow, { label, value: displayValue, copyText: isCopyableBasicAttribute ? displayValue : void 0 }, attribute);
+    return jsxRuntimeExports.jsx(DetailMonoKeyValueRow, { label, value: displayValue, copyText: isCopyableBasicAttribute ? displayValue : void 0, href: attribute === "moduleSpecifier" ? moduleSourceUrl : void 0 }, attribute);
   }), isLoading && resource === "sleep" && !displayData.resumeAt && jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [jsxRuntimeExports.jsx("span", { className: "text-label-13 text-gray-900", children: "Resume" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-4 w-[55%]" })] })] }) })] }), error2 ? jsxRuntimeExports.jsx(ErrorCard, { title: "Failed to load resource details", details: error2.message, className: "my-4" }) : hasExpired ? jsxRuntimeExports.jsx(ExpiredDataMessage, {}) : resolvedAttributes.length > 0 ? resolvedAttributes.map((attribute) => jsxRuntimeExports.jsx(AttributeBlock, { isLoading, attribute, value: displayData[attribute], context: displayContext }, attribute)) : null] }) }) }) });
 };
 const ERROR_EVENT_TYPES = /* @__PURE__ */ new Set(["step_failed", "step_retrying"]);
@@ -84624,7 +84666,7 @@ function useSelectedSpanDetail(selectedSpan, fetchSpanDetail) {
 function isHook(data) {
   return data !== null && typeof data === "object" && "hookId" in data;
 }
-function EntityDetailPanel({ run: run2, onStreamClick, onRunClick, fetchSpanDetail, onWakeUpSleep, onLoadEventData, onResolveHook, encryptionKey, onDecrypt, isDecrypting = false, selectedSpan, showSeparateEventOccurrenceTimestamps = false }) {
+function EntityDetailPanel({ run: run2, onStreamClick, onRunClick, fetchSpanDetail, onWakeUpSleep, onLoadEventData, onResolveHook, encryptionKey, onDecrypt, isDecrypting = false, selectedSpan, showSeparateEventOccurrenceTimestamps = false, getModuleSourceUrl }) {
   const toast2 = useToast();
   const [stoppingSleep, setStoppingSleep] = reactExports.useState(false);
   const [showResolveHookModal, setShowResolveHookModal] = reactExports.useState(false);
@@ -84768,6 +84810,18 @@ function EntityDetailPanel({ run: run2, onStreamClick, onRunClick, fetchSpanDeta
     }
     return void 0;
   }, [displayData, run2.workflowName]);
+  const moduleSourceUrl = reactExports.useMemo(() => {
+    if (!getModuleSourceUrl || !moduleSpecifier)
+      return void 0;
+    const parsed = parseStepName(moduleSpecifier) ?? parseWorkflowName(moduleSpecifier);
+    if (!parsed)
+      return void 0;
+    const dataDeploymentId = displayData.deploymentId;
+    return getModuleSourceUrl({
+      moduleSpecifier: parsed.moduleSpecifier,
+      deploymentId: typeof dataDeploymentId === "string" ? dataDeploymentId : run2.deploymentId
+    });
+  }, [getModuleSourceUrl, moduleSpecifier, displayData, run2.deploymentId]);
   if (!selectedSpan || !resource || !resourceId) {
     return null;
   }
@@ -84781,7 +84835,7 @@ function EntityDetailPanel({ run: run2, onStreamClick, onRunClick, fetchSpanDeta
   }, children: [jsxRuntimeExports.jsx(Zap, { className: "h-4 w-4" }), stoppingSleep ? "Waking up..." : "Wake Up Sleep"] }), resource === "hook" && canResolveHook && jsxRuntimeExports.jsxs("button", { type: "button", onClick: () => setShowResolveHookModal(true), disabled: resolvingHook, className: clsx("flex items-center justify-center gap-2 rounded-md px-3 py-2 text-sm font-medium", "disabled:opacity-50 disabled:cursor-not-allowed transition-colors", resolvingHook ? "opacity-50 cursor-not-allowed" : "cursor-pointer"), style: {
     background: "var(--ds-gray-1000)",
     color: "var(--ds-background-100)"
-  }, children: [jsxRuntimeExports.jsx(Send, { className: "h-4 w-4" }), "Resolve Hook"] })] })] }), jsxRuntimeExports.jsx(AttributePanel, { data: displayData, moduleSpecifier, expiredAt: run2.expiredAt, isLoading: loading, error: error2 ?? void 0, onStreamClick, onRunClick, onDecrypt, isDecrypting, resource }), rawEvents && jsxRuntimeExports.jsx(EventsList, { events: rawEvents, onLoadEventData, onStreamClick, onRunClick, encryptionKey, showSeparateEventOccurrenceTimestamps })] }) }), jsxRuntimeExports.jsx(ResolveHookModal, { isOpen: showResolveHookModal, onClose: () => setShowResolveHookModal(false), onSubmit: handleResolveHook, isSubmitting: resolvingHook })] });
+  }, children: [jsxRuntimeExports.jsx(Send, { className: "h-4 w-4" }), "Resolve Hook"] })] })] }), jsxRuntimeExports.jsx(AttributePanel, { data: displayData, moduleSpecifier, moduleSourceUrl, expiredAt: run2.expiredAt, isLoading: loading, error: error2 ?? void 0, onStreamClick, onRunClick, onDecrypt, isDecrypting, resource }), rawEvents && jsxRuntimeExports.jsx(EventsList, { events: rawEvents, onLoadEventData, onStreamClick, onRunClick, encryptionKey, showSeparateEventOccurrenceTimestamps })] }) }), jsxRuntimeExports.jsx(ResolveHookModal, { isOpen: showResolveHookModal, onClose: () => setShowResolveHookModal(false), onSubmit: handleResolveHook, isSubmitting: resolvingHook })] });
 }
 const MAP_HEIGHT = 56;
 const TIMELINE_PADDING = 8;
@@ -86424,7 +86478,7 @@ function TraceDetailPanel({ containerRef, onNavigateToSpan, onClose }) {
   }, [selectedSpan == null ? void 0 : selectedSpan.data, selectedSpan == null ? void 0 : selectedSpan.resource]);
   if (!activeSpan)
     return null;
-  return jsxRuntimeExports.jsxs("aside", { ref: asideRef, id: DETAIL_PANEL_ID, className: "relative flex flex-col h-full max-h-full shrink-0 bg-background-100 border-l border-gray-alpha-400", style: { width: panelWidth }, children: [jsxRuntimeExports.jsx(DraggableBorder, { element: asideRef, position: "left", onWidthChange: handleResize, onReset: () => handleResize(PANEL_DEFAULT_WIDTH), "aria-label": "Resize span details panel", "aria-controls": DETAIL_PANEL_ID, "aria-valuemin": PANEL_MIN_WIDTH, "aria-valuemax": panelMaxWidth, "aria-valuenow": Math.min(Math.max(Math.round(panelWidth), PANEL_MIN_WIDTH), panelMaxWidth) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 py-[7.5px]", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 font-medium text-gray-1000 truncate block", children: selectedSpanName }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate up", "aria-keyshortcuts": "K", onClick: handleSelectPrev, disabled: !prevSpanId, children: jsxRuntimeExports.jsx(ChevronUp, { className: "w-4 h-4" }) }) }), prevSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate up", jsxRuntimeExports.jsx(Kbd, { children: "K" })] }) : null] }), jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate down", "aria-keyshortcuts": "J", onClick: handleSelectNext, disabled: !nextSpanId, children: jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4" }) }) }), nextSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate down", jsxRuntimeExports.jsx(Kbd, { children: "J" })] }) : null] }), jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "w-px h-4 bg-gray-alpha-400 mx-1" }), jsxRuntimeExports.jsx(IconButton, { "aria-label": "Close span details", "aria-keyshortcuts": "Escape", onClick: onClose, children: jsxRuntimeExports.jsx(X$3, { className: "w-4 h-4" }) })] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary$1, { children: jsxRuntimeExports.jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, fetchSpanDetail: sidebar.fetchSpanDetail, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan, showSeparateEventOccurrenceTimestamps: sidebar.showSeparateEventOccurrenceTimestamps }) }) })] });
+  return jsxRuntimeExports.jsxs("aside", { ref: asideRef, id: DETAIL_PANEL_ID, className: "relative flex flex-col h-full max-h-full shrink-0 bg-background-100 border-l border-gray-alpha-400", style: { width: panelWidth }, children: [jsxRuntimeExports.jsx(DraggableBorder, { element: asideRef, position: "left", onWidthChange: handleResize, onReset: () => handleResize(PANEL_DEFAULT_WIDTH), "aria-label": "Resize span details panel", "aria-controls": DETAIL_PANEL_ID, "aria-valuemin": PANEL_MIN_WIDTH, "aria-valuemax": panelMaxWidth, "aria-valuenow": Math.min(Math.max(Math.round(panelWidth), PANEL_MIN_WIDTH), panelMaxWidth) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 py-[7.5px]", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 font-medium text-gray-1000 truncate block", children: selectedSpanName }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate up", "aria-keyshortcuts": "K", onClick: handleSelectPrev, disabled: !prevSpanId, children: jsxRuntimeExports.jsx(ChevronUp, { className: "w-4 h-4" }) }) }), prevSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate up", jsxRuntimeExports.jsx(Kbd, { children: "K" })] }) : null] }), jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx(IconButton, { "aria-label": "Navigate down", "aria-keyshortcuts": "J", onClick: handleSelectNext, disabled: !nextSpanId, children: jsxRuntimeExports.jsx(ChevronDown, { className: "w-4 h-4" }) }) }), nextSpanId ? jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Navigate down", jsxRuntimeExports.jsx(Kbd, { children: "J" })] }) : null] }), jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "w-px h-4 bg-gray-alpha-400 mx-1" }), jsxRuntimeExports.jsx(IconButton, { "aria-label": "Close span details", "aria-keyshortcuts": "Escape", onClick: onClose, children: jsxRuntimeExports.jsx(X$3, { className: "w-4 h-4" }) })] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary$1, { children: jsxRuntimeExports.jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, fetchSpanDetail: sidebar.fetchSpanDetail, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan, showSeparateEventOccurrenceTimestamps: sidebar.showSeparateEventOccurrenceTimestamps, getModuleSourceUrl: sidebar.getModuleSourceUrl }) }) })] });
 }
 const WorkflowIcon = () => {
   return jsxRuntimeExports.jsx("svg", { "data-testid": "geist-icon", height: "16", strokeLinejoin: "round", style: { color: "currentColor" }, viewBox: "0 0 16 16", width: "16", children: jsxRuntimeExports.jsx("path", { d: "M5.75 7L6.4209 7.33594L4.85254 10.4717C5.38789 10.771 5.75 11.3431 5.75 12V14C5.75 14.9665 4.96648 15.75 4 15.75H2C1.03352 15.75 0.25 14.9665 0.25 14V12C0.25 11.0335 1.03352 10.25 2 10.25H3.28711L5.0791 6.66504L5.75 7ZM14 10.25C14.9665 10.25 15.75 11.0335 15.75 12V14C15.75 14.9665 14.9665 15.75 14 15.75H12C11.1185 15.75 10.3909 15.098 10.2695 14.25H7V12.75H10.25V12C10.25 11.0335 11.0335 10.25 12 10.25H14ZM2 11.75C1.86192 11.75 1.75 11.8619 1.75 12V14C1.75 14.1381 1.86192 14.25 2 14.25H4C4.13808 14.25 4.25 14.1381 4.25 14V12C4.25 11.8619 4.13808 11.75 4 11.75H2ZM12 11.75C11.8619 11.75 11.75 11.8619 11.75 12V14C11.75 14.1381 11.8619 14.25 12 14.25H14C14.1381 14.25 14.25 14.1381 14.25 14V12C14.25 11.8619 14.1381 11.75 14 11.75H12ZM9 0.25C9.96649 0.25 10.75 1.03351 10.75 2V4C10.75 4.44642 10.5808 4.85197 10.3057 5.16113L12.2041 8.6416L10.8877 9.36035L8.91895 5.75H7C6.03351 5.75 5.25 4.96649 5.25 4V2C5.25 1.03351 6.03351 0.25 7 0.25H9ZM7 1.75C6.86193 1.75 6.75 1.86193 6.75 2V4C6.75 4.13807 6.86193 4.25 7 4.25H9C9.13807 4.25 9.25 4.13807 9.25 4V2C9.25 1.86193 9.13807 1.75 9 1.75H7Z", fill: "currentColor" }) });
@@ -87021,7 +87075,7 @@ const EventRow = ({ span, isSelected, isDimmed, onSelectSpan }) => {
 const EventList = ({ spans, activeSpanId, searchResult, onSelectSpan }) => {
   const listRef = reactExports.useRef(null);
   const { start: start2, end } = useRowWindow(listRef, spans.length, ROW_HEIGHT_PX);
-  return jsxRuntimeExports.jsx("ul", { ref: listRef, id: "event-list", role: "tree", className: "block min-h-0 overflow-visible divide-y divide-gray-alpha-400 border-b border-gray-alpha-400", style: {
+  return jsxRuntimeExports.jsx("ul", { ref: listRef, id: "event-list", role: "tree", className: "block min-h-0 overflow-visible divide-y divide-gray-400 border-b border-gray-400", style: {
     paddingTop: start2 * ROW_HEIGHT_PX,
     paddingBottom: (spans.length - end) * ROW_HEIGHT_PX
   }, children: spans.slice(start2, end).map((span) => jsxRuntimeExports.jsx(EventRow, { span, isSelected: span.spanId === activeSpanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelectSpan }, span.spanId)) });
@@ -87541,6 +87595,7 @@ const Minimap = reactExports.memo(function Minimap2({ spans, root: root2, viewpo
     (drag2 == null ? void 0 : drag2.mode) === "pan" ? "cursor-grabbing" : "cursor-grab"
   ), style: brushStyle, children: [jsxRuntimeExports.jsx("div", { "data-minimap-handle": "left", className: "absolute inset-y-0 -left-1 flex w-2.5 cursor-ew-resize items-center justify-center", children: jsxRuntimeExports.jsx("span", { className: cn$4("h-3.5 w-[3px] rounded-full bg-gray-600 opacity-0 transition-opacity group-hover/minimap-brush:opacity-100 group-focus-visible/minimap-brush:opacity-100", drag2 && "opacity-100") }) }), jsxRuntimeExports.jsx("div", { "data-minimap-handle": "right", className: "absolute inset-y-0 -right-1 flex w-2.5 cursor-ew-resize items-center justify-center", children: jsxRuntimeExports.jsx("span", { className: cn$4("h-3.5 w-[3px] rounded-full bg-gray-600 opacity-0 transition-opacity group-hover/minimap-brush:opacity-100 group-focus-visible/minimap-brush:opacity-100", drag2 && "opacity-100") }) })] })] });
 });
+const SPLIT_PANE_START_ID = "trace-split-start";
 function SplitPane({ children: children2, className, startHeader, endHeader, scrollContainerRef }) {
   const parts = reactExports.Children.toArray(children2);
   if (parts.length !== 2) {
@@ -87548,19 +87603,9 @@ function SplitPane({ children: children2, className, startHeader, endHeader, scr
   }
   const [start2, end] = parts;
   const [startPx, setStartPx] = reactExports.useState(DEFAULT_START_PX);
-  const [isDragging, setIsDragging] = reactExports.useState(false);
   const containerRef = reactExports.useRef(null);
-  const gutterRef = reactExports.useRef(null);
-  const rafRef = reactExports.useRef(null);
-  const pendingPx = reactExports.useRef(DEFAULT_START_PX);
-  const pointerIdRef = reactExports.useRef(null);
+  const startRef = reactExports.useRef(null);
   const containerWidth = useElementWidth(containerRef);
-  reactExports.useEffect(() => {
-    return () => {
-      if (rafRef.current)
-        cancelAnimationFrame(rafRef.current);
-    };
-  }, []);
   const setContainerRef = reactExports.useCallback((node2) => {
     containerRef.current = node2;
     if (scrollContainerRef) {
@@ -87574,64 +87619,12 @@ function SplitPane({ children: children2, className, startHeader, endHeader, scr
     const maxPx = el.getBoundingClientRect().width - MIN_PX - GUTTER_PX;
     return Math.min(maxPx, Math.max(MIN_PX, px));
   }, []);
-  reactExports.useEffect(() => {
-    if (!isDragging)
-      return;
-    const onPointerMove = (e) => {
-      if (e.pointerId !== pointerIdRef.current)
-        return;
-      const container = containerRef.current;
-      if (!container)
-        return;
-      const rect = container.getBoundingClientRect();
-      pendingPx.current = clampPx(e.clientX - rect.left);
-      if (!rafRef.current) {
-        rafRef.current = requestAnimationFrame(() => {
-          rafRef.current = null;
-          setStartPx(pendingPx.current);
-        });
-      }
-    };
-    const onPointerUp = (e) => {
-      if (e.pointerId !== pointerIdRef.current)
-        return;
-      const gutter2 = gutterRef.current;
-      if (gutter2 == null ? void 0 : gutter2.hasPointerCapture(e.pointerId)) {
-        gutter2.releasePointerCapture(e.pointerId);
-      }
-      if (rafRef.current) {
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-      }
-      pointerIdRef.current = null;
-      setIsDragging(false);
-    };
-    document.addEventListener("pointermove", onPointerMove);
-    document.addEventListener("pointerup", onPointerUp);
-    document.addEventListener("pointercancel", onPointerUp);
-    return () => {
-      document.removeEventListener("pointermove", onPointerMove);
-      document.removeEventListener("pointerup", onPointerUp);
-      document.removeEventListener("pointercancel", onPointerUp);
-    };
-  }, [isDragging, clampPx]);
-  const handlePointerDown = (e) => {
-    e.currentTarget.setPointerCapture(e.pointerId);
-    pointerIdRef.current = e.pointerId;
-    setIsDragging(true);
-  };
-  const handleLostPointerCapture = () => {
-    pointerIdRef.current = null;
-    setIsDragging(false);
-    if (rafRef.current) {
-      cancelAnimationFrame(rafRef.current);
-      rafRef.current = null;
-    }
-  };
+  const handleWidthChange = reactExports.useCallback((next2) => setStartPx(clampPx(next2)), [clampPx]);
+  const handleReset = reactExports.useCallback(() => setStartPx(clampPx(DEFAULT_START_PX)), [clampPx]);
   const effectiveStartPx = containerWidth > 0 ? Math.max(MIN_PX, Math.min(containerWidth - MIN_PX - GUTTER_PX, startPx)) : startPx;
   const colTemplate = paneColTemplate(effectiveStartPx);
-  const gutter = jsxRuntimeExports.jsx("div", { ref: gutterRef, className: "relative z-20 isolate flex shrink-0 cursor-col-resize justify-center", onPointerDown: handlePointerDown, onLostPointerCapture: handleLostPointerCapture, children: jsxRuntimeExports.jsx("span", { className: "pointer-events-none relative z-10 h-full w-px shrink-0 bg-gray-alpha-400", "aria-hidden": true }) });
-  return jsxRuntimeExports.jsxs("div", { className: cn$4("flex flex-col h-full min-h-0", className), children: [jsxRuntimeExports.jsxs("div", { className: "shrink-0 grid", style: { gridTemplateColumns: colTemplate }, children: [jsxRuntimeExports.jsx("div", { children: startHeader }), jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: jsxRuntimeExports.jsx("span", { className: "h-full w-px bg-gray-alpha-400", "aria-hidden": true }) }), jsxRuntimeExports.jsx("div", { children: endHeader })] }), jsxRuntimeExports.jsxs("div", { ref: setContainerRef, className: cn$4("grid flex-1 min-h-0 overflow-x-hidden overflow-y-auto", isDragging && "select-none"), style: { gridTemplateColumns: colTemplate }, children: [start2, gutter, end] })] });
+  const maxStartPx = Math.max(MIN_PX, containerWidth > 0 ? containerWidth - MIN_PX - GUTTER_PX : startPx);
+  return jsxRuntimeExports.jsxs("div", { className: cn$4("flex flex-col h-full min-h-0", className), children: [jsxRuntimeExports.jsxs("div", { className: "shrink-0 grid", style: { gridTemplateColumns: colTemplate }, children: [jsxRuntimeExports.jsx("div", { children: startHeader }), jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: jsxRuntimeExports.jsx("span", { className: "h-full w-px bg-gray-alpha-400", "aria-hidden": true }) }), jsxRuntimeExports.jsx("div", { children: endHeader })] }), jsxRuntimeExports.jsxs("div", { ref: setContainerRef, className: "grid flex-1 min-h-0 overflow-x-hidden overflow-y-auto", style: { gridTemplateColumns: colTemplate }, children: [jsxRuntimeExports.jsx("div", { ref: startRef, id: SPLIT_PANE_START_ID, className: "min-w-0", children: start2 }), jsxRuntimeExports.jsxs("div", { className: "relative z-20 isolate flex shrink-0 justify-center", children: [jsxRuntimeExports.jsx("span", { className: "pointer-events-none relative z-10 h-full w-px shrink-0 bg-gray-alpha-400", "aria-hidden": true }), jsxRuntimeExports.jsx(DraggableBorder, { element: startRef, position: "right", onWidthChange: handleWidthChange, onReset: handleReset, "aria-label": "Resize event list", "aria-controls": SPLIT_PANE_START_ID, "aria-valuemin": MIN_PX, "aria-valuemax": maxStartPx, "aria-valuenow": Math.min(Math.max(Math.round(effectiveStartPx), MIN_PX), maxStartPx) })] }), end] })] });
 }
 const hint$1 = "_hint_1dmsq_3";
 const styles$1 = {
@@ -87708,8 +87701,8 @@ function useAnimatedViewport(initial) {
     const from = currentRef.current;
     const anim = { raf: 0, from, to: target2, start: performance.now() };
     const tick = () => {
-      const t = Math.min((performance.now() - anim.start) / 150, 1);
-      const e = 1 - (1 - t) * (1 - t);
+      const t = Math.min((performance.now() - anim.start) / 240, 1);
+      const e = t < 0.5 ? 8 * t * t * t * t : 1 - (-2 * t + 2) ** 4 / 2;
       setViewportState({
         start: anim.from.start + (anim.to.start - anim.from.start) * e,
         end: anim.from.end + (anim.to.end - anim.from.end) * e
@@ -91928,7 +91921,7 @@ const encryption = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   encrypt: encrypt$1,
   importKey
 }, Symbol.toStringTag, { value: "Module" }));
-const version$1 = "5.0.0-beta.28";
+const version$1 = "5.0.0-beta.29";
 function assertWorldSupportsRuntimeProtocol(world) {
   if (world.specVersion === SPEC_VERSION_CURRENT) {
     return;
@@ -97704,16 +97697,17 @@ async function recreateRunFromExisting(world, runId, options = {}) {
     throw new Error(`Failed to recreate run from ${runId}: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
   }
 }
-async function cancelRun$2(world, runId) {
+async function cancelRun$2(world, runId, options) {
   try {
     const run2 = await world.runs.get(runId, { resolveData: "none" });
     const specVersion = run2.specVersion ?? SPEC_VERSION_LEGACY;
     const compatMode = isLegacySpecVersion(specVersion);
-    const eventData = {
+    const eventRequest = {
       eventType: "run_cancelled",
-      specVersion
+      specVersion,
+      ...(options == null ? void 0 : options.cancelReason) !== void 0 ? { eventData: { cancelReason: options.cancelReason } } : {}
     };
-    await world.events.create(runId, eventData, { v1Compat: compatMode });
+    await world.events.create(runId, eventRequest, { v1Compat: compatMode });
   } catch (err) {
     throw new Error(`Failed to cancel run ${runId}: ${err instanceof Error ? err.message : String(err)}`, { cause: err });
   }
@@ -97847,13 +97841,18 @@ const _Run = class _Run {
   }
   /**
    * Cancels the workflow run.
+   *
+   * @param options - Optional cancellation settings. `cancelReason` records a
+   *   free-text reason (max 512 chars) on the run_cancelled event, surfaced in
+   *   the run detail view.
    */
-  async cancel() {
+  async cancel(options) {
     "use step";
     const world = await __privateGet(this, _Run_instances, lazyWorldPromise_get);
     await world.events.create(this.runId, {
       eventType: "run_cancelled",
-      specVersion: SPEC_VERSION_CURRENT
+      specVersion: SPEC_VERSION_CURRENT,
+      ...(options == null ? void 0 : options.cancelReason) !== void 0 ? { eventData: { cancelReason: options.cancelReason } } : {}
     });
   }
   /**
@@ -98678,21 +98677,26 @@ async function paginatedFileSystemQuery(config2) {
       return true;
     });
   }
+  const readConcurrency = 32;
   const validItems = [];
-  for (const fileId of candidateFileIds) {
-    const filePath = path$3.join(resolvedDirectory, `${fileId}.json`);
-    let item = null;
-    try {
-      const cachedItem = cachedItems == null ? void 0 : cachedItems.get(filePath);
-      item = cachedItem === void 0 ? await readJSON(filePath, schema) : structuredClone(cachedItem);
-    } catch (error2) {
-      if (error2 instanceof ZodError) {
-        console.warn(`Skipping item ${fileId} due to malformed JSON: ${error2.message}`);
-        continue;
+  for (let batchStart = 0; batchStart < candidateFileIds.length; batchStart += readConcurrency) {
+    const batch = candidateFileIds.slice(batchStart, batchStart + readConcurrency);
+    const loadedBatch = await Promise.all(batch.map(async (fileId) => {
+      const filePath = path$3.join(resolvedDirectory, `${fileId}.json`);
+      try {
+        const cachedItem = cachedItems == null ? void 0 : cachedItems.get(filePath);
+        return cachedItem === void 0 ? await readJSON(filePath, schema) : structuredClone(cachedItem);
+      } catch (error2) {
+        if (error2 instanceof ZodError) {
+          console.warn(`Skipping item ${fileId} due to malformed JSON: ${error2.message}`);
+          return null;
+        }
+        throw error2;
       }
-      throw error2;
-    }
-    if (item) {
+    }));
+    for (const item of loadedBatch) {
+      if (!item)
+        continue;
       if (filter2 && !filter2(item))
         continue;
       if (parsedCursor) {
@@ -124917,21 +124921,212 @@ function hookRecoveryMarkerPath(basedir, token, runId, hookId) {
   return path$3.join(basedir, "hooks", "tokens", `${key}.recovery.json`);
 }
 const monotonicUlid$1 = monotonicFactory(() => Math.random());
-const getObjectCreatedAt = (idPrefix) => (filename) => {
-  const cleanName = stripTag(filename.replace(/\.json$/, "")) + ".json";
+const getObjectCreatedAt = (idPrefix) => {
   const replaceRegex = new RegExp(`^${idPrefix}_`, "g");
-  const dashIndex = cleanName.indexOf("-");
-  if (dashIndex === -1) {
-    const ulid3 = cleanName.replace(/\.json$/, "").replace(replaceRegex, "");
-    return ulidToDate(ulid3);
+  return (filename) => {
+    const cleanName = stripTag(filename.replace(/\.json$/, "")) + ".json";
+    const dashIndex = cleanName.indexOf("-");
+    if (dashIndex === -1) {
+      const ulid3 = cleanName.replace(/\.json$/, "").replace(replaceRegex, "");
+      return ulidToDate(ulid3);
+    }
+    if (idPrefix === "step") {
+      return null;
+    }
+    const id2 = cleanName.substring(dashIndex + 1).replace(/\.json$/, "");
+    const ulid2 = id2.replace(replaceRegex, "");
+    return ulidToDate(ulid2);
+  };
+};
+const IndexEntrySchema = object$1({
+  runId: string$3()
+});
+const ByRunMarkerSchema = object$1({
+  hookId: string$3(),
+  tag: string$3().optional()
+});
+const INDEX_COMPLETE_MARKER = ".hook-index-complete";
+function tokenIndexDir(basedir, token) {
+  return resolveWithinBase(basedir, "hooks", "token-index", hashToken(token));
+}
+function idIndexDir(basedir, hookId) {
+  assertSafeEntityId("hookId", hookId);
+  return resolveWithinBase(basedir, "hooks", "id-index", hookId);
+}
+function byRunDir(basedir) {
+  return resolveWithinBase(basedir, "hooks", "by-run");
+}
+function tagOf(fileId) {
+  const stripped = stripTag(fileId);
+  return stripped === fileId ? void 0 : fileId.slice(stripped.length + 1);
+}
+function isVisibleToTag(fileId, tag) {
+  return tag ? isUntagged(fileId) || hasTag(fileId, tag) : isUntagged(fileId);
+}
+async function readEventLenient(filePath) {
+  try {
+    return await readJSON(filePath, EventSchema);
+  } catch (error2) {
+    if (error2 instanceof SyntaxError || error2 instanceof ZodError) {
+      return null;
+    }
+    throw error2;
+  }
+}
+async function writeHookCreatedIndexEntries(basedir, token, runId, hookId, eventId, tag) {
+  assertSafeEntityId("runId", runId);
+  assertSafeEntityId("eventId", eventId);
+  if (tag !== void 0)
+    assertSafeEntityId("tag", tag);
+  const fileName = tag ? `${eventId}.${tag}.json` : `${eventId}.json`;
+  const content2 = JSON.stringify({ runId });
+  await Promise.all([
+    writeExclusive(path$3.join(tokenIndexDir(basedir, token), fileName), content2),
+    writeExclusive(path$3.join(idIndexDir(basedir, hookId), fileName), content2)
+  ]);
+}
+function hookByRunMarkerPath(basedir, runId, hookId, tag) {
+  return taggedPath(basedir, "hooks/by-run", `${runId}-${hookId}`, tag);
+}
+async function writeHookByRunMarker(basedir, runId, hookId, tag) {
+  await writeExclusive(hookByRunMarkerPath(basedir, runId, hookId, tag), JSON.stringify(tag ? { hookId, tag } : { hookId }));
+}
+async function deleteHookByRunMarker(basedir, runId, hookId, tag) {
+  await deleteJSON(hookByRunMarkerPath(basedir, runId, hookId, tag));
+  if (tag) {
+    await deleteJSON(hookByRunMarkerPath(basedir, runId, hookId));
+  }
+}
+async function listHookByRunMarkers(basedir, runId) {
+  assertSafeEntityId("runId", runId);
+  const dir = byRunDir(basedir);
+  const prefix = `${runId}-`;
+  const out = [];
+  for (const fileId of await listJSONFiles(dir)) {
+    if (!fileId.startsWith(prefix))
+      continue;
+    let marker2 = null;
+    try {
+      marker2 = await readJSON(path$3.join(dir, `${fileId}.json`), ByRunMarkerSchema);
+    } catch (error2) {
+      if (!(error2 instanceof SyntaxError || error2 instanceof ZodError)) {
+        throw error2;
+      }
+    }
+    out.push({
+      fileId,
+      hookId: (marker2 == null ? void 0 : marker2.hookId) ?? null,
+      tag: marker2 == null ? void 0 : marker2.tag
+    });
+  }
+  return out;
+}
+async function deleteHookByRunMarkerFile(basedir, fileId) {
+  await deleteJSON(path$3.join(byRunDir(basedir), `${fileId}.json`));
+}
+const ensuredBasedirs = /* @__PURE__ */ new Map();
+function resetHookIndexEnsureCache() {
+  ensuredBasedirs.clear();
+}
+async function ensureHookIndexes(basedir) {
+  const key = path$3.resolve(basedir);
+  let pending = ensuredBasedirs.get(key);
+  if (!pending) {
+    pending = ensureHookIndexesImpl(key).catch((error2) => {
+      ensuredBasedirs.delete(key);
+      throw error2;
+    });
+    ensuredBasedirs.set(key, pending);
+  }
+  return pending;
+}
+async function forEachConcurrent(items, concurrency, fn2) {
+  for (let start2 = 0; start2 < items.length; start2 += concurrency) {
+    await Promise.all(items.slice(start2, start2 + concurrency).map(fn2));
+  }
+}
+async function ensureHookIndexesImpl(basedir) {
+  const markerPath = path$3.join(basedir, "hooks", INDEX_COMPLETE_MARKER);
+  try {
+    await fs$1.access(markerPath);
+    return;
+  } catch {
   }
-  if (idPrefix === "step") {
+  const eventsDir = path$3.join(basedir, "events");
+  await forEachConcurrent(await listJSONFiles(eventsDir), 32, async (fileId) => {
+    var _a3;
+    const event = await readEventLenient(path$3.join(eventsDir, `${fileId}.json`));
+    if (!event || event.eventType !== "hook_created")
+      return;
+    if (typeof event.correlationId !== "string")
+      return;
+    const token = (_a3 = event.eventData) == null ? void 0 : _a3.token;
+    if (typeof token !== "string")
+      return;
+    try {
+      await writeHookCreatedIndexEntries(basedir, token, event.runId, event.correlationId, event.eventId, tagOf(fileId));
+    } catch {
+    }
+  });
+  const hooksDir = path$3.join(basedir, "hooks");
+  await forEachConcurrent(await listJSONFiles(hooksDir), 32, async (fileId) => {
+    let hook = null;
+    try {
+      hook = await readJSON(path$3.join(hooksDir, `${fileId}.json`), HookSchema);
+    } catch (error2) {
+      if (!(error2 instanceof SyntaxError || error2 instanceof ZodError)) {
+        throw error2;
+      }
+    }
+    if (!hook)
+      return;
+    try {
+      await writeHookByRunMarker(basedir, hook.runId, hook.hookId, tagOf(fileId));
+    } catch {
+    }
+  });
+  await writeExclusive(markerPath, "");
+}
+async function findNewestIndexedHookCreatedEvent(basedir, index2, matches, tag) {
+  await ensureHookIndexes(basedir);
+  let dir;
+  try {
+    dir = index2.kind === "token" ? tokenIndexDir(basedir, index2.token) : idIndexDir(basedir, index2.hookId);
+  } catch {
     return null;
   }
-  const id2 = cleanName.substring(dashIndex + 1).replace(/\.json$/, "");
-  const ulid2 = id2.replace(replaceRegex, "");
-  return ulidToDate(ulid2);
-};
+  const entryIds = (await listJSONFiles(dir)).filter((fileId) => isVisibleToTag(fileId, tag)).sort((a2, b2) => stripTag(b2).localeCompare(stripTag(a2)));
+  for (const entryId of entryIds) {
+    let entry2 = null;
+    try {
+      entry2 = await readJSON(path$3.join(dir, `${entryId}.json`), IndexEntrySchema);
+    } catch (error2) {
+      if (!(error2 instanceof SyntaxError || error2 instanceof ZodError)) {
+        throw error2;
+      }
+    }
+    if (!entry2)
+      continue;
+    const eventId = stripTag(entryId);
+    let eventPath;
+    try {
+      eventPath = taggedPath(basedir, "events", `${entry2.runId}-${eventId}`, tagOf(entryId));
+    } catch {
+      continue;
+    }
+    const event = await readEventLenient(eventPath);
+    if (!event)
+      continue;
+    if (event.eventType !== "hook_created")
+      continue;
+    if (typeof event.correlationId !== "string")
+      continue;
+    if (!matches(event))
+      continue;
+    return event;
+  }
+  return null;
+}
 function filterRunData$1(run2, resolveData) {
   if (resolveData === "none") {
     return {
@@ -124959,9 +125154,6 @@ function filterHookData$1(hook, resolveData) {
   }
   return hook;
 }
-function isVisibleToTag(fileId, tag) {
-  return tag ? isUntagged(fileId) || hasTag(fileId, tag) : isUntagged(fileId);
-}
 function getHookCreatedToken(event) {
   if (event.eventType !== "hook_created")
     return void 0;
@@ -124987,56 +125179,22 @@ function hookFromCreatedEvent(event) {
 function isMatchingHookCreatedEvent(event, matches) {
   return event.eventType === "hook_created" && typeof event.correlationId === "string" && matches(event);
 }
-function closesLiveHook(event, liveEvent) {
-  if (event.runId !== liveEvent.runId)
-    return false;
-  return event.eventType === "hook_disposed" && event.correlationId === liveEvent.correlationId || isTerminalRunEventType(event.eventType);
-}
-async function readEventForHookScan(filePath) {
-  try {
-    return await readJSON(filePath, EventSchema);
-  } catch (error2) {
-    if (error2 instanceof SyntaxError || error2 instanceof ZodError) {
-      return null;
-    }
-    throw error2;
-  }
-}
 async function isTerminalRunCache(basedir, runId, tag) {
   const run2 = await readJSONWithFallback(basedir, "runs", runId, WorkflowRunSchema, tag);
   return run2 ? isTerminalWorkflowRunStatus(run2.status) : false;
 }
-async function findLiveHookCreatedEvent(basedir, matches, tag) {
-  const eventsDir = path$3.join(basedir, "events");
-  const events2 = [];
-  for (const fileId of await listJSONFiles(eventsDir)) {
-    if (!isVisibleToTag(fileId, tag))
-      continue;
-    const event = await readEventForHookScan(path$3.join(eventsDir, `${fileId}.json`));
-    if (event)
-      events2.push(event);
-  }
-  events2.sort((a2, b2) => {
-    const byTime = a2.createdAt.getTime() - b2.createdAt.getTime();
-    return byTime === 0 ? a2.eventId.localeCompare(b2.eventId) : byTime;
-  });
-  let liveEvent = null;
-  for (const event of events2) {
-    if (isMatchingHookCreatedEvent(event, matches)) {
-      liveEvent = event;
-      continue;
-    }
-    if (liveEvent && closesLiveHook(event, liveEvent)) {
-      liveEvent = null;
-    }
+async function findLiveHookCreatedEvent(basedir, index2, matches, tag) {
+  const newest = await findNewestIndexedHookCreatedEvent(basedir, index2, (event) => isMatchingHookCreatedEvent(event, matches), tag);
+  if (!newest || !isMatchingHookCreatedEvent(newest, matches)) {
+    return null;
   }
-  if (liveEvent && await isTerminalRunCache(basedir, liveEvent.runId, tag)) {
+  if (await isTerminalRunCache(basedir, newest.runId, tag)) {
     return null;
   }
-  if (liveEvent && await isHookDisposalCommitted(basedir, liveEvent.correlationId, tag)) {
+  if (await isHookDisposalCommitted(basedir, newest.correlationId, tag)) {
     return null;
   }
-  return liveEvent;
+  return newest;
 }
 async function restoreHookCachesFromEvent(basedir, event, tag) {
   const hook = hookFromCreatedEvent(event);
@@ -125047,19 +125205,43 @@ async function restoreHookCachesFromEvent(basedir, event, tag) {
     runId: hook.runId,
     eventId: event.eventId
   }));
+  await writeHookByRunMarker(basedir, hook.runId, hook.hookId, tag);
   await writeExclusive(taggedPath(basedir, "hooks", hook.hookId, tag), JSON.stringify(hook, jsonReplacer, 2));
   return hook;
 }
 async function rebuildLiveHookByTokenFromEventLog(basedir, token, tag) {
-  const event = await findLiveHookCreatedEvent(basedir, (candidate) => getHookCreatedToken(candidate) === token, tag);
+  const event = await findLiveHookCreatedEvent(basedir, { kind: "token", token }, (candidate) => getHookCreatedToken(candidate) === token, tag);
   return event ? restoreHookCachesFromEvent(basedir, event, tag) : null;
 }
 async function rebuildLiveHookByIdFromEventLog(basedir, hookId, tag) {
-  const event = await findLiveHookCreatedEvent(basedir, (candidate) => candidate.correlationId === hookId, tag);
+  const event = await findLiveHookCreatedEvent(basedir, { kind: "id", hookId }, (candidate) => candidate.correlationId === hookId, tag);
   return event ? restoreHookCachesFromEvent(basedir, event, tag) : null;
 }
 function createHooksStorage(basedir, tag) {
+  const TokenClaimPointerSchema = object$1({
+    hookId: string$3().optional()
+  });
   async function findHookByToken(token) {
+    let claim = null;
+    try {
+      claim = await readJSON(hookTokenClaimPath(basedir, token), TokenClaimPointerSchema);
+    } catch (error2) {
+      if (!(error2 instanceof SyntaxError || error2 instanceof ZodError)) {
+        throw error2;
+      }
+    }
+    if (claim == null ? void 0 : claim.hookId) {
+      try {
+        const hook = await readJSONWithFallback(basedir, "hooks", claim.hookId, HookSchema, tag);
+        if (hook && hook.token === token) {
+          return { ...hook, isWebhook: hook.isWebhook ?? true };
+        }
+      } catch (error2) {
+        if (!UnsafeEntityIdError.is(error2)) {
+          throw error2;
+        }
+      }
+    }
     const hooksDir = path$3.join(basedir, "hooks");
     const files = await listJSONFiles(hooksDir);
     for (const file2 of files) {
@@ -125123,16 +125305,26 @@ function createHooksStorage(basedir, tag) {
   return { get: get2, getByToken, list: list2 };
 }
 async function deleteAllHooksForRun(basedir, runId) {
-  const hooksDir = path$3.join(basedir, "hooks");
-  const files = await listJSONFiles(hooksDir);
-  for (const file2 of files) {
-    const hookPath = path$3.join(hooksDir, `${file2}.json`);
-    const hook = await readJSON(hookPath, HookSchema);
-    if (hook && hook.runId === runId) {
-      await releaseHookTokenClaimIfOwnedBy(basedir, hook.token, hook.runId, hook.hookId);
-      await deleteJSON(hookRecoveryMarkerPath(basedir, hook.token, hook.runId, hook.hookId));
-      await deleteJSON(hookPath);
+  await ensureHookIndexes(basedir);
+  for (const marker2 of await listHookByRunMarkers(basedir, runId)) {
+    if (marker2.hookId) {
+      let hook = null;
+      let hookPath = null;
+      try {
+        hookPath = taggedPath(basedir, "hooks", marker2.hookId, marker2.tag);
+        hook = await readJSON(hookPath, HookSchema);
+      } catch (error2) {
+        if (!UnsafeEntityIdError.is(error2) && !(error2 instanceof SyntaxError || error2 instanceof ZodError)) {
+          throw error2;
+        }
+      }
+      if (hook && hookPath && hook.runId === runId) {
+        await releaseHookTokenClaimIfOwnedBy(basedir, hook.token, hook.runId, hook.hookId);
+        await deleteJSON(hookRecoveryMarkerPath(basedir, hook.token, hook.runId, hook.hookId));
+        await deleteJSON(hookPath);
+      }
     }
+    await deleteHookByRunMarkerFile(basedir, marker2.fileId);
   }
 }
 async function handleLegacyEvent(basedir, runId, data, currentRun, params) {
@@ -125233,7 +125425,10 @@ function createRunsStorage(basedir, tag) {
           return true;
         },
         sortOrder: ((_a3 = params == null ? void 0 : params.pagination) == null ? void 0 : _a3.sortOrder) ?? "desc",
-        limit: (_b2 = params == null ? void 0 : params.pagination) == null ? void 0 : _b2.limit,
+        // Each page pays a full directory scan, so larger default pages
+        // keep unpaginated consumers (e.g. startup recovery) cheap over
+        // large run histories.
+        limit: ((_b2 = params == null ? void 0 : params.pagination) == null ? void 0 : _b2.limit) ?? 200,
         cursor: (_c2 = params == null ? void 0 : params.pagination) == null ? void 0 : _c2.cursor,
         getCreatedAt: getObjectCreatedAt("wrun"),
         getId: (run2) => run2.runId
@@ -125374,6 +125569,8 @@ async function repairHookEntityFromPersistedEvent(basedir, runId, hookId, persis
     isWebhook: eventData.isWebhook ?? true,
     isSystem: eventData.isSystem ?? false
   };
+  await writeHookCreatedIndexEntries(basedir, eventData.token, runId, hookId, persistedEventId, tag);
+  await writeHookByRunMarker(basedir, runId, hookId, tag);
   await writeExclusive(taggedPath(basedir, "hooks", hookId, tag), JSON.stringify(hook, jsonReplacer, 2));
 }
 async function pinCanonicalEventIdForLegacyClaim(basedir, token, runId, hookId, candidateEventId) {
@@ -126114,6 +126311,7 @@ function createEventsStorage(basedir, tag) {
             isSystem: hookData.isSystem ?? false
           };
           hookEntityWriteOptions = writeHookEntityWithOverwrite ? { overwrite: true } : void 0;
+          await writeHookCreatedIndexEntries(basedir, hookData.token, effectiveRunId, data.correlationId, eventId, tag);
         } else if (data.eventType === "hook_disposed") {
           const lockPath = hookDisposeLockPath(basedir, data.correlationId, tag);
           const claimed = await writeExclusive(lockPath, "");
@@ -126127,6 +126325,7 @@ function createEventsStorage(basedir, tag) {
             await deleteJSON(hookRecoveryMarkerPath(basedir, existingHook.token, existingHook.runId, existingHook.hookId));
           }
           await deleteJSON(hookPath);
+          await deleteHookByRunMarker(basedir, effectiveRunId, data.correlationId, tag);
         } else if (data.eventType === "wait_created" && "eventData" in data) {
           const waitCompositeKey = `${effectiveRunId}-${data.correlationId}`;
           const waitCreatedLockName = tag ? `${waitCompositeKey}.created.${tag}` : `${waitCompositeKey}.created`;
@@ -126184,6 +126383,7 @@ function createEventsStorage(basedir, tag) {
         }
         rememberStoredEvent(event, eventPath, serializedEvent);
         if (hook && data.eventType === "hook_created") {
+          await writeHookByRunMarker(basedir, hook.runId, hook.hookId, tag);
           await writeJSON(taggedPath(basedir, "hooks", hook.hookId, tag), hook, hookEntityWriteOptions);
         }
         const resolveData = (params == null ? void 0 : params.resolveData) ?? DEFAULT_RESOLVE_DATA_OPTION$1;
@@ -126767,7 +126967,7 @@ function createWorld$1(args) {
         const basedir = mergedConfig.dataDir;
         const hooksDir = path$3.join(basedir, "hooks");
         const taggedHookFiles = await listTaggedFiles(hooksDir, tag);
-        const { HookSchema: HookSchema2 } = await import("./index-B_N7SdQh.js");
+        const { HookSchema: HookSchema2 } = await import("./index-CJPCT6Jd.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) {
@@ -126780,6 +126980,7 @@ function createWorld$1(args) {
           "steps",
           "events",
           "hooks",
+          "hooks/by-run",
           "waits",
           "streams/runs"
         ];
@@ -126788,6 +126989,22 @@ function createWorld$1(args) {
           const files = await listTaggedFiles(fullDir, tag);
           await Promise.all(files.map((f2) => deleteJSON(path$3.join(fullDir, f2))));
         }));
+        for (const indexDir of ["token-index", "id-index"]) {
+          const fullIndexDir = path$3.join(basedir, "hooks", indexDir);
+          let keyDirEntries;
+          try {
+            keyDirEntries = await promises.readdir(fullIndexDir, {
+              withFileTypes: true
+            });
+          } catch {
+            keyDirEntries = [];
+          }
+          await Promise.all(keyDirEntries.filter((entry2) => entry2.isDirectory()).map(async (entry2) => {
+            const keyDir = path$3.join(fullIndexDir, entry2.name);
+            const taggedEntryFiles = await listTaggedFiles(keyDir, tag);
+            await Promise.all(taggedEntryFiles.map((f2) => deleteJSON(path$3.join(keyDir, f2))));
+          }));
+        }
         await promises.rm(path$3.join(basedir, ".locks"), { recursive: true, force: true }).catch(() => {
         });
         const chunksDir = path$3.join(basedir, "streams", "chunks");
@@ -126808,6 +127025,7 @@ function createWorld$1(args) {
         clearCreatedFilesCache();
       } else {
         clearCreatedFilesCache();
+        resetHookIndexEnsureCache();
         await rm(mergedConfig.dataDir, { recursive: true, force: true });
         await initDataDir(mergedConfig.dataDir);
       }
@@ -126932,8 +127150,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-CthtfGuG.js").then((n) => n.t),
-        await import("./token-DDgfwjzz.js").then((n) => n.t)
+        await import("./token-util-DaPlIe_a.js").then((n) => n.t),
+        await import("./token-BqP-cpRD.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -127774,7 +127992,7 @@ async function instrumentedFetch(opts) {
     return response2;
   });
 }
-const version = "5.0.0-beta.24";
+const version = "5.0.0-beta.25";
 const IDEMPOTENT_METHODS = /* @__PURE__ */ new Set(["GET", "HEAD"]);
 const MAX_BODY_PARSE_RETRIES = 2;
 const BODY_PARSE_RETRY_BASE_MS = 100;
@@ -133407,6 +133625,8 @@ function buildPostFrameMeta(input) {
     meta2.hookIsSystem = input.hookIsSystem;
   if (input.errorCode !== void 0)
     meta2.errorCode = input.errorCode;
+  if (input.cancelReason !== void 0)
+    meta2.cancelReason = input.cancelReason;
   if (input.executionContext !== void 0) {
     meta2.executionContext = input.executionContext;
   }
@@ -133419,6 +133639,13 @@ function buildPostFrameMeta(input) {
   if (input.allowReservedAttributes !== void 0) {
     meta2.allowReservedAttributes = input.allowReservedAttributes;
   }
+  if (input.ttfs !== void 0)
+    meta2.ttfs = input.ttfs;
+  if (input.stso !== void 0)
+    meta2.stso = input.stso;
+  if (input.optimizations !== void 0) {
+    meta2.optimizations = input.optimizations;
+  }
   if (input.sinceCursor !== void 0)
     meta2.sinceCursor = input.sinceCursor;
   if (input.skipPreload !== void 0)
@@ -133932,6 +134159,9 @@ function splitEventDataForV4(data) {
   if (typeof eventData.errorCode === "string") {
     meta2.errorCode = eventData.errorCode;
   }
+  if (typeof eventData.cancelReason === "string") {
+    meta2.cancelReason = eventData.cancelReason;
+  }
   if (eventData.executionContext !== void 0 && eventData.executionContext !== null && typeof eventData.executionContext === "object") {
     meta2.executionContext = eventData.executionContext;
   }
@@ -133947,6 +134177,15 @@ function splitEventDataForV4(data) {
   if (typeof eventData.allowReservedAttributes === "boolean") {
     meta2.allowReservedAttributes = eventData.allowReservedAttributes;
   }
+  if (typeof eventData.ttfs === "number") {
+    meta2.ttfs = eventData.ttfs;
+  }
+  if (typeof eventData.stso === "number") {
+    meta2.stso = eventData.stso;
+  }
+  if (Array.isArray(eventData.optimizations) && eventData.optimizations.every((o) => typeof o === "string")) {
+    meta2.optimizations = eventData.optimizations;
+  }
   let payload;
   if (payloadField && payloadField in eventData) {
     const value = eventData[payloadField];
@@ -157520,7 +157759,7 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-DQZ2hM2V.js", "imports": ["/assets/index-BXZSIDEp.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": true, "module": "/assets/root-BiHTsCtP.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/mermaid-3ZIDBTTL-QcES6x1o.js"], "css": ["/assets/root-BT69a3LD.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.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-DuZRFOMe.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-CyKfZJOQ.js", "/assets/mermaid-3ZIDBTTL-QcES6x1o.js", "/assets/index-ConSkUmc.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.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-DSpZ5dnN.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-CyKfZJOQ.js", "/assets/mermaid-3ZIDBTTL-QcES6x1o.js", "/assets/encryption-BQTnudEZ.js", "/assets/index-ConSkUmc.js"], "css": ["/assets/run-detail-CWoGxu_0.css", "/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.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-bb838d97.js", "version": "bb838d97", "sri": void 0 };
+const serverManifest = { "entry": { "module": "/assets/entry.client-Q4eUIqMI.js", "imports": ["/assets/index-Q81MFBxC.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": true, "module": "/assets/root-DOkL1_-J.js", "imports": ["/assets/index-Q81MFBxC.js", "/assets/mermaid-3ZIDBTTL-BfwKRFTU.js", "/assets/arrow-up-right-nUJMbeWN.js"], "css": ["/assets/root-okIQN2A_.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.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-W4Ja_rr1.js", "imports": ["/assets/index-Q81MFBxC.js", "/assets/workflow-graph-viewer-CvsdACR5.js", "/assets/mermaid-3ZIDBTTL-BfwKRFTU.js", "/assets/index-STTN0-2V.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.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-CRleiBxx.js", "imports": ["/assets/index-Q81MFBxC.js", "/assets/workflow-graph-viewer-CvsdACR5.js", "/assets/mermaid-3ZIDBTTL-BfwKRFTU.js", "/assets/arrow-up-right-nUJMbeWN.js", "/assets/encryption-CLVP4klT.js", "/assets/index-STTN0-2V.js"], "css": ["/assets/run-detail-CWoGxu_0.css", "/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DDxQhcP4.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-56b6d9e0.js", "version": "56b6d9e0", "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 };