@workflow/web 5.0.0-beta.4 → 5.0.0-beta.5

package/build/client/assets/{mermaid-3ZIDBTTL-w46Kr90n.js → mermaid-3ZIDBTTL-BQLU7GUr.js}

@@ -1,9 +1,9 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/highlighted-body-B3W2YXNL-B7T9pqeb.js","assets/index-DQa-BExo.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-CEh0YXii.js","assets/index-B4xuge0I.js","assets/index-BsV8i_Jn.js","assets/highlighted-body-B3W2YXNL-L1CrwoL_.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a2;
-import { r as reactExports, j as jsxRuntimeExports, f as reactDomExports, H as React, R as ReactExports, C as ReactDOM, I as getDefaultExportFromCjs } from "./index-DQa-BExo.js";
+import { r as reactExports, j as jsxRuntimeExports, f as reactDomExports, I as React, R as ReactExports, D as ReactDOM, g as getDefaultExportFromCjs } from "./index-BsV8i_Jn.js";
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler == null ? void 0 : originalEventHandler(event);
@@ -10359,9 +10359,9 @@ function hydrateData(value, revivers) {
 async function hydrateDataWithKey(value, revivers, key) {
   if (value instanceof Uint8Array && isEncryptedData(value) && key) {
     const { decrypt } = await __vitePreload(async () => {
-      const { decrypt: decrypt2 } = await import("./encryption-80GMP4r0.js");
+      const { decrypt: decrypt2 } = await import("./encryption-CEh0YXii.js");
       return { decrypt: decrypt2 };
-    }, true ? [] : void 0);
+    }, true ? __vite__mapDeps([0,1,2]) : void 0);
     const { payload } = decodeFormatPrefix(value);
     const decrypted = await decrypt(key, payload);
     return hydrateData(decrypted, revivers);
@@ -10441,6 +10441,34 @@ const observabilityRevivers = {
   ReadableStream: streamToStreamRef,
   WritableStream: streamToStreamRef,
   TransformStream: streamToStreamRef,
+  AbortController: (value) => `<AbortController(aborted: ${value.aborted})>`,
+  AbortSignal: (value) => `<AbortSignal(aborted: ${value.aborted})>`,
+  // DOMException needs an explicit reviver: without one, devalue.parse
+  // throws on the `["DOMException", ...]` tag and `hydrateStepIO`'s
+  // try/catch leaves the raw flat-encoded string in the UI. AbortController
+  // synthesizes a DOMException as the default `signal.reason` when abort()
+  // is called with no arg — so any abort that round-trips through a step
+  // boundary surfaces here. Reconstruct as a real DOMException when the
+  // global is available (modern browsers + Node 18+), else fall back to
+  // an Error preserving name/message/stack/cause for display.
+  DOMException: (value) => {
+    const G2 = globalThis;
+    if (typeof G2.DOMException === "function") {
+      const e2 = new G2.DOMException(value.message, value.name);
+      if (value.stack !== void 0)
+        e2.stack = value.stack;
+      if ("cause" in value)
+        e2.cause = value.cause;
+      return e2;
+    }
+    const e = new Error(value.message);
+    e.name = value.name;
+    if (value.stack !== void 0)
+      e.stack = value.stack;
+    if ("cause" in value)
+      e.cause = value.cause;
+    return e;
+  },
   StepFunction: serializedStepFunctionToString,
   WorkflowFunction: (value) => `<workflow:${value.workflowId}>`,
   Instance: serializedInstanceToRef,
@@ -10449,6 +10477,7 @@ const observabilityRevivers = {
 function hydrateStepIO(resource, revivers) {
   let hydratedInput = resource.input;
   let hydratedOutput = resource.output;
+  let hydratedError = resource.error;
   if (resource.input != null) {
     try {
       hydratedInput = hydrateData(resource.input, revivers);
@@ -10461,11 +10490,23 @@ function hydrateStepIO(resource, revivers) {
     } catch {
     }
   }
-  return { ...resource, input: hydratedInput, output: hydratedOutput };
+  if (resource.error != null) {
+    try {
+      hydratedError = hydrateData(resource.error, revivers);
+    } catch {
+    }
+  }
+  return {
+    ...resource,
+    input: hydratedInput,
+    output: hydratedOutput,
+    error: hydratedError
+  };
 }
 function hydrateWorkflowIO(resource, revivers) {
   let hydratedInput = resource.input;
   let hydratedOutput = resource.output;
+  let hydratedError = resource.error;
   if (resource.input != null) {
     try {
       hydratedInput = hydrateData(resource.input, revivers);
@@ -10478,7 +10519,18 @@ function hydrateWorkflowIO(resource, revivers) {
     } catch {
     }
   }
-  return { ...resource, input: hydratedInput, output: hydratedOutput };
+  if (resource.error != null) {
+    try {
+      hydratedError = hydrateData(resource.error, revivers);
+    } catch {
+    }
+  }
+  return {
+    ...resource,
+    input: hydratedInput,
+    output: hydratedOutput,
+    error: hydratedError
+  };
 }
 function hydrateEventData(resource, revivers) {
   if (!resource.eventData)
@@ -10514,6 +10566,12 @@ function hydrateEventData(resource, revivers) {
     } catch {
     }
   }
+  if ("error" in eventData && eventData.error != null) {
+    try {
+      eventData.error = hydrateData(eventData.error, revivers);
+    } catch {
+    }
+  }
   return { ...resource, eventData };
 }
 function hydrateHookMetadata(resource, revivers) {
@@ -15309,16 +15367,18 @@ const StepFailedEventSchema = BaseEventSchema.extend({
   eventType: literal("step_failed"),
   correlationId: string$2(),
   eventData: object({
-    error: any(),
-    stack: string$2().optional()
+    // The thrown value, serialized via the workflow serialization pipeline.
+    // Can be any JavaScript value (string, number, object, Error, etc.)
+    error: SerializedDataSchema
   })
 });
 const StepRetryingEventSchema = BaseEventSchema.extend({
   eventType: literal("step_retrying"),
   correlationId: string$2(),
   eventData: object({
-    error: any(),
-    stack: string$2().optional(),
+    // The thrown value, serialized via the workflow serialization pipeline.
+    // Can be any JavaScript value (string, number, object, Error, etc.)
+    error: SerializedDataSchema,
     retryAfter: date().optional()
   })
 });
@@ -15342,7 +15402,9 @@ const HookCreatedEventSchema = BaseEventSchema.extend({
   correlationId: string$2(),
   eventData: object({
     token: string$2(),
-    metadata: SerializedDataSchema.optional()
+    metadata: SerializedDataSchema.optional(),
+    isWebhook: boolean$2().optional(),
+    isSystem: boolean$2().optional()
   })
 });
 const HookReceivedEventSchema = BaseEventSchema.extend({
@@ -15401,7 +15463,13 @@ const RunCompletedEventSchema = BaseEventSchema.extend({
 const RunFailedEventSchema = BaseEventSchema.extend({
   eventType: literal("run_failed"),
   eventData: object({
-    error: any(),
+    // The thrown value, serialized via the workflow serialization pipeline.
+    // Can be any JavaScript value (string, number, object, Error, etc.)
+    error: SerializedDataSchema,
+    // The high-level error category (USER_ERROR, RUNTIME_ERROR, etc.) used
+    // for routing and classification. Kept as plaintext metadata so
+    // observability tools can filter/categorize without needing to decrypt
+    // the full error payload.
     errorCode: string$2().optional()
   })
 });
@@ -15469,7 +15537,8 @@ object({
   createdAt: date(),
   // Optional in database for backwards compatibility, defaults to 1 (legacy) when reading
   specVersion: number$2().optional(),
-  isWebhook: boolean$2().optional()
+  isWebhook: boolean$2().optional(),
+  isSystem: boolean$2().optional()
 });
 const QueuePrefix = union([
   literal("__wkf_step_"),
@@ -15491,6 +15560,11 @@ const WorkflowInvokePayloadSchema = object({
   requestedAt: date().optional(),
   /** Number of times this message has been re-enqueued due to server errors (5xx) */
   serverErrorRetryCount: number$2().int().optional(),
+  /** Step ID for inline step execution in combined handler. If provided, the flow execution
+   * will jump directly to execute the step with the given ID before doing an event replay. */
+  stepId: string$2().optional(),
+  /** Step name, sent alongside stepId to avoid loading the event log just to resolve the name. */
+  stepName: string$2().optional(),
   /** Run creation data, only present on the first queue delivery from start() */
   runInput: RunInputSchema.optional()
 });
@@ -15511,22 +15585,6 @@ union([
   StepInvokePayloadSchema,
   HealthCheckPayloadSchema
 ]);
-const zodJsonSchema = lazy(() => {
-  return union([
-    string$2(),
-    number$2(),
-    boolean$2(),
-    _null(),
-    array(zodJsonSchema),
-    record(string$2(), zodJsonSchema)
-  ]);
-});
-const StructuredErrorSchema = object({
-  message: string$2(),
-  stack: string$2().optional(),
-  code: string$2().optional()
-  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR) for run_failed events
-});
 const WorkflowRunStatusSchema = _enum([
   "pending",
   "running",
@@ -15564,7 +15622,20 @@ const WorkflowRunBaseSchema = object({
   executionContext: record(string$2(), any()).optional(),
   input: SerializedDataSchema,
   output: SerializedDataSchema.optional(),
-  error: StructuredErrorSchema.optional(),
+  /**
+   * The thrown value from a run_failed event, serialized via the workflow
+   * serialization pipeline. To display the error to a user, hydrate it via
+   * `hydrateRunError` (with the encryption key if encryption is enabled).
+   * Observability tools cannot view the error without going through the
+   * decryption + hydration pipeline.
+   */
+  error: SerializedDataSchema.optional(),
+  /**
+   * The high-level error category (USER_ERROR, RUNTIME_ERROR, etc.) from a
+   * run_failed event. Kept as plaintext metadata for routing and filtering
+   * without needing to decrypt the full error payload.
+   */
+  errorCode: string$2().optional(),
   expiredAt: date().optional(),
   startedAt: date().optional(),
   completedAt: date().optional(),
@@ -15575,32 +15646,48 @@ discriminatedUnion("status", [
   // Non-final states
   WorkflowRunBaseSchema.extend({
     status: _enum(["pending", "running"]),
-    output: _undefined(),
-    error: _undefined(),
-    completedAt: _undefined()
+    output: _undefined().optional(),
+    error: _undefined().optional(),
+    completedAt: _undefined().optional()
   }),
   // Cancelled state
   WorkflowRunBaseSchema.extend({
     status: literal("cancelled"),
-    output: _undefined(),
-    error: _undefined(),
+    output: _undefined().optional(),
+    error: _undefined().optional(),
     completedAt: date()
   }),
   // Completed state - output can be v1 or v2 format
   WorkflowRunBaseSchema.extend({
     status: literal("completed"),
     output: SerializedDataSchema,
-    error: _undefined(),
+    error: _undefined().optional(),
     completedAt: date()
   }),
   // Failed state
   WorkflowRunBaseSchema.extend({
     status: literal("failed"),
-    output: _undefined(),
-    error: StructuredErrorSchema,
+    output: _undefined().optional(),
+    error: SerializedDataSchema,
     completedAt: date()
   })
 ]);
+const zodJsonSchema = lazy(() => {
+  return union([
+    string$2(),
+    number$2(),
+    boolean$2(),
+    _null(),
+    array(zodJsonSchema),
+    record(string$2(), zodJsonSchema)
+  ]);
+});
+object({
+  message: string$2(),
+  stack: string$2().optional(),
+  code: string$2().optional()
+  // Populated with RunErrorCode values (USER_ERROR, RUNTIME_ERROR) for run_failed events
+});
 const StepStatusSchema = _enum([
   "pending",
   "running",
@@ -15636,11 +15723,16 @@ object({
   input: SerializedDataSchema,
   output: SerializedDataSchema.optional(),
   /**
-   * The error from a step_retrying or step_failed event.
-   * This tracks the most recent error the step encountered, which may
-   * be from a retry attempt (step_retrying) or the final failure (step_failed).
+   * The thrown value from a step_retrying or step_failed event, serialized
+   * via the workflow serialization pipeline. Tracks the most recent error
+   * the step encountered, which may be from a retry attempt (step_retrying)
+   * or the final failure (step_failed).
+   *
+   * To display the error to a user, hydrate it via `hydrateStepError` (with
+   * the encryption key if encryption is enabled). Observability tools cannot
+   * view the error without going through the decryption + hydration pipeline.
    */
-  error: StructuredErrorSchema.optional(),
+  error: SerializedDataSchema.optional(),
   attempt: number$2(),
   /**
    * When the step first started executing. Set by the first step_started event
@@ -15677,6 +15769,21 @@ function base64ToArrayBuffer(base642) {
   }
   return bytes.buffer;
 }
+function makeWebErrorSubclassReviver(name2) {
+  return (value) => {
+    const opts = "cause" in value ? { cause: value.cause } : void 0;
+    const Ctor = globalThis[name2];
+    let error;
+    if (typeof Ctor === "function") {
+      error = new Ctor(value.message, opts);
+    } else {
+      error = Object.assign(new Error(value.message, opts), { name: name2 });
+    }
+    if (value.stack !== void 0)
+      error.stack = value.stack;
+    return error;
+  };
+}
 function getWebRevivers() {
   function reviveArrayBuffer(value) {
     return base64ToArrayBuffer(value);
@@ -15691,10 +15798,83 @@ function getWebRevivers() {
     BigInt64Array: (value) => new BigInt64Array(reviveArrayBuffer(value)),
     BigUint64Array: (value) => new BigUint64Array(reviveArrayBuffer(value)),
     Date: (value) => new Date(value),
+    // Error family. The reducer side (see
+    // `packages/core/src/serialization/reducers/common.ts`) emits a tagged
+    // entry for each built-in Error subclass plus the workflow-specific
+    // `FatalError` / `RetryableError` and `AggregateError`. Without
+    // matching revivers here, `devalue.unflatten` throws "Unknown type X"
+    // — which surfaces in the web o11y UI as "Failed to load resource
+    // details: Unknown type FatalError".
     Error: (value) => {
+      const opts = "cause" in value ? { cause: value.cause } : void 0;
+      const error = new Error(value.message, opts);
+      error.name = value.name;
+      if (value.stack !== void 0)
+        error.stack = value.stack;
+      return error;
+    },
+    EvalError: makeWebErrorSubclassReviver("EvalError"),
+    RangeError: makeWebErrorSubclassReviver("RangeError"),
+    ReferenceError: makeWebErrorSubclassReviver("ReferenceError"),
+    SyntaxError: makeWebErrorSubclassReviver("SyntaxError"),
+    TypeError: makeWebErrorSubclassReviver("TypeError"),
+    URIError: makeWebErrorSubclassReviver("URIError"),
+    AggregateError: (value) => {
+      const opts = "cause" in value ? { cause: value.cause } : void 0;
+      const Ctor = globalThis.AggregateError;
+      const error = typeof Ctor === "function" ? new Ctor(value.errors, value.message, opts) : Object.assign(new Error(value.message, opts), {
+        name: "AggregateError",
+        errors: value.errors
+      });
+      if (value.stack !== void 0)
+        error.stack = value.stack;
+      return error;
+    },
+    // `FatalError` and `RetryableError` are not built-in browser globals,
+    // so we can't resolve a constructor from globalThis. The web o11y UI
+    // doesn't need `instanceof FatalError` to pass (no user code runs
+    // here) — it just needs `name`, `message`, `stack`, and any extra
+    // enumerable fields to render. Construct a plain `Error` with `name`
+    // set; ObjectInspector reads `constructor.name` for the displayed
+    // class label, but we don't have the real class, so we emit a tagged
+    // Error whose `name` field carries the class identity. This matches
+    // how the existing base `Error` reviver presents unknown subclasses.
+    FatalError: (value) => {
+      const opts = "cause" in value ? { cause: value.cause } : void 0;
+      const error = new Error(value.message, opts);
+      error.name = "FatalError";
+      if (value.stack !== void 0)
+        error.stack = value.stack;
+      return error;
+    },
+    RetryableError: (value) => {
+      const opts = "cause" in value ? { cause: value.cause } : void 0;
+      const error = new Error(value.message, opts);
+      error.name = "RetryableError";
+      if (value.stack !== void 0)
+        error.stack = value.stack;
+      if (value.retryAfter != null) {
+        error.retryAfter = new Date(value.retryAfter);
+      }
+      return error;
+    },
+    DOMException: (value) => {
+      const G2 = globalThis;
+      if (typeof G2.DOMException === "function") {
+        const e = new G2.DOMException(value.message, value.name);
+        if (value.stack !== void 0)
+          e.stack = value.stack;
+        if ("cause" in value)
+          e.cause = value.cause;
+        return e;
+      }
       const error = new Error(value.message);
       error.name = value.name;
-      error.stack = value.stack;
+      if (value.stack !== void 0)
+        error.stack = value.stack;
+      if ("cause" in value) {
+        error.cause = value.cause;
+      }
       return error;
     },
     Float32Array: (value) => new Float32Array(reviveArrayBuffer(value)),
@@ -15832,9 +16012,9 @@ async function hydrateResourceIOWithKey(resource, key) {
     return { hydrateDataWithKey: hydrateDataWithKey3 };
   }, true ? void 0 : void 0);
   const { importKey } = await __vitePreload(async () => {
-    const { importKey: importKey2 } = await import("./encryption-80GMP4r0.js");
+    const { importKey: importKey2 } = await import("./encryption-CEh0YXii.js");
     return { importKey: importKey2 };
-  }, true ? [] : void 0);
+  }, true ? __vite__mapDeps([0,1,2]) : void 0);
   const cryptoKey = await importKey(key);
   const revivers = getRevivers();
   async function decryptField(value, rev, k2) {
@@ -42964,7 +43144,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(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-B7T9pqeb.js"), true ? __vite__mapDeps([0,1]) : void 0).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(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-L1CrwoL_.js"), true ? __vite__mapDeps([3,2]) : void 0).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 }) })] }) });

package/build/client/assets/{root-sXuXrryl.js → root-Yk3JVwUh.js}

@@ -1,5 +1,5 @@
-import { r as reactExports, j as jsxRuntimeExports, w as withComponentProps, v as withErrorBoundaryProps, M as Meta, L as Links, S as ScrollRestoration, x as Scripts, O as Outlet, y as useRouteError, i as isRouteErrorResponse, z as Link, A as useNavigate, B as useSearchParams } from "./index-DQa-BExo.js";
-import { c as createLucideIcon, u as useServerConfig, T as Tooltip, a as TooltipTrigger, b as TooltipContent, r as runHealthCheck, t as toast, B as Button, L as LoaderCircle, d as cn, e as Toaster$1, S as ServerConfigProvider, f as TooltipProvider } from "./mermaid-3ZIDBTTL-w46Kr90n.js";
+import { r as reactExports, j as jsxRuntimeExports, w as withComponentProps, x as withErrorBoundaryProps, M as Meta, L as Links, S as ScrollRestoration, y as Scripts, O as Outlet, z as useRouteError, i as isRouteErrorResponse, A as Link, B as useNavigate, C as useSearchParams } from "./index-BsV8i_Jn.js";
+import { c as createLucideIcon, u as useServerConfig, T as Tooltip, a as TooltipTrigger, b as TooltipContent, r as runHealthCheck, t as toast, B as Button, L as LoaderCircle, d as cn, e as Toaster$1, S as ServerConfigProvider, f as TooltipProvider } from "./mermaid-3ZIDBTTL-BQLU7GUr.js";
 var M = (e, i, s, u, m, a, l, h) => {
   let d = document.documentElement, w = ["light", "dark"];
   function p(n) {

package/build/client/assets/{run-detail-7Pj2mQLs.js → run-detail-DMUaWXhb.js}

@@ -1,7 +1,8 @@
-import { j as jsxRuntimeExports, r as reactExports, f as reactDomExports, C as ReactDOM, A as useNavigate, B as useSearchParams, z as Link, w as withComponentProps, G as useParams } from "./index-DQa-BExo.js";
-import { N as Copy, C as CircleAlert, O as parseStepName, z as parseWorkflowName, j as ChevronRight, p as Check, Q as ErrorCard, Z as Zap, S as Send, R as ResolveHookModal, U as Circle, X, M as ErrorBoundary, H as unwrapServerActionResult, u as unwrapOrThrow, W as WorkflowWebAPIError, V as useEscapeKeydown, s as composeEventHandlers, Y as useCallbackRef, _ as useLayoutEffect2, q as useControllableState, $ as useId, a0 as createContext2, t as Presence, w as createContextScope, l as hideOthers, m as ReactRemoveScroll, a1 as useFocusGuards, a2 as LAYOUT, a3 as wakeUpRun, r as resumeHook, A as Alert, c as AlertTitle, d as AlertDescription, a as Skeleton$1, a4 as RunActionsButtons, B as StatusBadge, e as CopyableText, b as RelativeTime, T as Tabs, J as TabsList, K as TabsTrigger, L as TabsContent, x as cancelRun, a5 as recreateRun } from "./workflow-graph-viewer-De9JQkZc.js";
-import { c as createLucideIcon, M as Spinner, h as useToast, N as Skeleton, O as DecryptClickContext, Y as Yr, U as isEncryptedMarker, W as formatDuration, X as DataInspector, _ as _r, Z as RunClickContext, $ as StreamClickContext, a0 as isExpiredMarker, a1 as isDoStreamStep, a2 as extractConversation, a3 as Lock, a4 as EVENT_DATA_REF_FIELDS, a5 as clsx, a6 as cn, a7 as getSpanDurationMs, a8 as getHighResInMs, a9 as ActiveSpanProvider, aa as useActiveSpan, ab as useSidebarDataOptional, ac as computeRootBounds, ad as computeTimeMarkers, ae as TIMELINE_PADDING_PX, af as Timeline, ag as TimelineHeader, ah as SidebarDataProvider, ai as hydrateResourceIOWithKey, aj as hydrateResourceIO, ak as fetchHook, l as fetchEvents, F as fetchRun, al as fetchStep, am as hasEncryptedFields, an as fetchStreams, ao as Slot, E as useComposedRefs, ap as Slottable, d as cn$1, aq as buttonVariants, ar as isEncryptedData, as as hydrateData, at as getWebRevivers, T as Tooltip, a as TooltipTrigger, b as TooltipContent, au as LIVE_UPDATE_INTERVAL_MS$1, u as useServerConfig, av as fetchEvent, aw as getEncryptionKeyForRun, t as toast, L as LoaderCircle, ax as StreamViewer } from "./mermaid-3ZIDBTTL-w46Kr90n.js";
-import { decrypt, importKey } from "./encryption-80GMP4r0.js";
+import { j as jsxRuntimeExports, r as reactExports, f as reactDomExports, D as ReactDOM, B as useNavigate, C as useSearchParams, A as Link, w as withComponentProps, H as useParams } from "./index-BsV8i_Jn.js";
+import { N as Copy, C as CircleAlert, O as parseStepName, z as parseWorkflowName, j as ChevronRight, p as Check, Q as ErrorCard, Z as Zap, S as Send, R as ResolveHookModal, U as Circle, X, M as ErrorBoundary, H as unwrapServerActionResult, u as unwrapOrThrow, W as WorkflowWebAPIError, V as useEscapeKeydown, s as composeEventHandlers, Y as useCallbackRef, _ as useLayoutEffect2, q as useControllableState, $ as useId, a0 as createContext2, t as Presence, w as createContextScope, l as hideOthers, m as ReactRemoveScroll, a1 as useFocusGuards, a2 as LAYOUT, a3 as wakeUpRun, r as resumeHook, A as Alert, c as AlertTitle, d as AlertDescription, a as Skeleton$1, a4 as RunActionsButtons, B as StatusBadge, e as CopyableText, b as RelativeTime, T as Tabs, J as TabsList, K as TabsTrigger, L as TabsContent, x as cancelRun, a5 as recreateRun } from "./workflow-graph-viewer-yqeN-U_2.js";
+import { c as createLucideIcon, M as Spinner, h as useToast, N as Skeleton, O as DecryptClickContext, Y as Yr, U as isEncryptedMarker, W as formatDuration, X as DataInspector, _ as _r, Z as RunClickContext, $ as StreamClickContext, a0 as isExpiredMarker, a1 as isDoStreamStep, a2 as extractConversation, a3 as Lock, a4 as EVENT_DATA_REF_FIELDS, a5 as clsx, a6 as cn, a7 as getSpanDurationMs, a8 as getHighResInMs, a9 as ActiveSpanProvider, aa as useActiveSpan, ab as useSidebarDataOptional, ac as computeRootBounds, ad as computeTimeMarkers, ae as TIMELINE_PADDING_PX, af as Timeline, ag as TimelineHeader, ah as SidebarDataProvider, ai as hydrateResourceIOWithKey, aj as hydrateResourceIO, ak as fetchHook, l as fetchEvents, F as fetchRun, al as fetchStep, am as hasEncryptedFields, an as fetchStreams, ao as Slot, E as useComposedRefs, ap as Slottable, d as cn$1, aq as buttonVariants, ar as isEncryptedData, as as hydrateData, at as getWebRevivers, T as Tooltip, a as TooltipTrigger, b as TooltipContent, au as LIVE_UPDATE_INTERVAL_MS$1, u as useServerConfig, av as fetchEvent, aw as getEncryptionKeyForRun, t as toast, L as LoaderCircle, ax as StreamViewer } from "./mermaid-3ZIDBTTL-BQLU7GUr.js";
+import { decrypt, importKey } from "./encryption-CEh0YXii.js";
+import "./index-B4xuge0I.js";
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -83,10 +84,15 @@ function DecryptButton({ decrypted = false, loading = false, onClick }) {
 function isStructuredErrorWithStack(value) {
   return value != null && typeof value === "object" && "stack" in value && typeof value.stack === "string";
 }
+function deriveTitle(message) {
+  const firstLine = message.split("\n").find((line) => line.trim().length > 0) ?? message;
+  return firstLine.trim();
+}
 function ErrorStackBlock({ value }) {
   const toast2 = useToast();
   const stack = value.stack;
   const message = typeof value.message === "string" ? value.message : void 0;
+  const title = message ? deriveTitle(message) : void 0;
   const copyText = message ? `${message}
 
 ${stack}` : stack;
@@ -103,10 +109,18 @@ ${stack}` : stack;
     }).catch(() => {
       toast2.error("Failed to copy");
     });
-  }, children: jsxRuntimeExports.jsx(Copy, { size: 12 }) }), message && jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 px-3 py-2.5 pr-10", style: {
+  }, children: jsxRuntimeExports.jsx(Copy, { size: 12 }) }), title && jsxRuntimeExports.jsxs("div", { className: "flex items-center 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: message })] }), jsxRuntimeExports.jsx("pre", { className: "px-3 py-2.5 text-xs font-mono whitespace-pre-wrap break-words overflow-auto m-0", style: {
+  }, children: [jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4 shrink-0" }), jsxRuntimeExports.jsx("p", {
+    className: "text-xs font-semibold m-0 truncate",
+    // The full multi-line message is in the stack body below; the
+    // header just shows the first line, single-line, with overflow
+    // ellipsised so a long title doesn't push the copy button or
+    // wrap into the framed hint/docs lines.
+    title: message,
+    children: title
+  })] }), 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)",
     background: "var(--ds-red-200)"
   }, children: stack })] });
@@ -1220,7 +1234,7 @@ function hookToSpan(hookEvents, maxEndTime) {
   const endTime = hook.disposedAt || maxEndTime;
   return {
     spanId: String(hook.hookId),
-    name: String(hook.hookId),
+    name: hook.token ?? String(hook.hookId),
     kind: 1,
     // INTERNAL span kind
     resource: "hook",
@@ -1728,6 +1742,7 @@ const attributeToDisplayFn = {
   // Hook details
   token: (value) => String(value),
   isWebhook: (value) => String(value),
+  isSystem: (value) => String(value),
   receivedCount: (value) => String(value),
   lastReceivedAt: localMillisecondTimeOrNull,
   disposedAt: localMillisecondTimeOrNull,
@@ -1820,6 +1835,11 @@ const attributeToDisplayFn = {
     if (!hasDisplayContent(value))
       return null;
     return jsxRuntimeExports.jsx(DetailCard, { summary: "Event Data", children: JsonBlock(value) });
+  },
+  errorCode: (value) => {
+    if (typeof value !== "string" || value.length === 0)
+      return null;
+    return String(value);
   }
 };
 const resolvableAttributes = [
@@ -2971,17 +2991,23 @@ function NewTraceViewerContent({ trace }) {
     if (!(selectedSpan == null ? void 0 : selectedSpan.data))
       return "Details";
     const data = selectedSpan.data;
+    if (selectedSpan.resource === "hook") {
+      return data.token ?? data.hookId;
+    }
     const stepName = data.stepName;
     const workflowName = data.workflowName;
     return (stepName ? (_a = parseStepName(stepName)) == null ? void 0 : _a.shortName : void 0) ?? (workflowName ? (_b = parseWorkflowName(workflowName)) == null ? void 0 : _b.shortName : void 0) ?? stepName ?? workflowName ?? data.hookId ?? "Details";
-  }, [selectedSpan == null ? void 0 : selectedSpan.data]);
+  }, [selectedSpan == null ? void 0 : selectedSpan.data, selectedSpan == null ? void 0 : selectedSpan.resource]);
   const selectedResource = selectedSpan == null ? void 0 : selectedSpan.resource;
   const selectedResourceId = reactExports.useMemo(() => {
     if (!(selectedSpan == null ? void 0 : selectedSpan.data))
       return void 0;
     const data = selectedSpan.data;
+    if (selectedSpan.resource === "hook") {
+      return data.hookId ?? selectedSpan.spanId;
+    }
     return data.stepId ?? data.runId ?? data.hookId ?? selectedSpan.spanId;
-  }, [selectedSpan == null ? void 0 : selectedSpan.data, selectedSpan == null ? void 0 : selectedSpan.spanId]);
+  }, [selectedSpan == null ? void 0 : selectedSpan.data, selectedSpan == null ? void 0 : selectedSpan.resource, selectedSpan == null ? void 0 : selectedSpan.spanId]);
   return jsxRuntimeExports.jsxs("div", { "data-pane": "pane-root", "data-has-detail": activeSpan ? "" : void 0, className: "grid w-full h-full max-h-full grid-cols-[minmax(100px,1fr)] data-[has-detail]:grid-cols-[minmax(100px,1fr)_clamp(280px,420px,100%)]", children: [jsxRuntimeExports.jsxs("div", { id: "trace-parent", className: "grid grid-rows-[1fr] h-full min-h-0 overflow-hidden relative bg-background-100", children: [jsxRuntimeExports.jsxs(SplitPane, { startHeader: jsxRuntimeExports.jsxs("div", { className: "bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center px-2 gap-1.5", children: [jsxRuntimeExports.jsx(Search, { className: "w-3.5 h-3.5 shrink-0 text-gray-800" }), jsxRuntimeExports.jsx("input", { id: "trace-viewer-search", name: "trace-viewer-search", type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search spans...", "aria-label": "Search spans", className: "flex-1 min-w-0 bg-transparent text-sm text-gray-1000 placeholder:text-gray-800 outline-none" }), searchQuery && jsxRuntimeExports.jsx("button", { type: "button", onClick: () => setSearchQuery(""), className: "shrink-0 p-0.5 rounded-sm text-gray-800 hover:text-gray-1000 hover:bg-gray-200 transition-colors", children: jsxRuntimeExports.jsx(X, { className: "w-3 h-3" }) })] }), endHeader: jsxRuntimeExports.jsx(TimelineHeader, { markers: timeMarkers, hoverInfo }), children: [jsxRuntimeExports.jsx("div", { className: "block overflow-visible", children: jsxRuntimeExports.jsx(EventList, { spans: filteredSpans, activeSpanId, onSelectSpan: handleSelectSpan }) }), jsxRuntimeExports.jsx("div", { ref: timelineRef, className: "block min-h-0 overflow-visible relative", onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: jsxRuntimeExports.jsx(Timeline, { spans: filteredSpans, viewStart: viewport.start, viewEnd: viewport.end, markers: timeMarkers, selectedId: activeSpanId, onSelect: handleSelectSpan, hoverFraction, altHeld }) })] }), jsxRuntimeExports.jsxs("div", { className: "absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-lg bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400", children: [jsxRuntimeExports.jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100", onClick: zoomOut, "aria-label": "Zoom out", children: jsxRuntimeExports.jsx(ZoomOut, { className: "w-4 h-4" }) }), jsxRuntimeExports.jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100", onClick: resetZoom, "aria-label": "Reset zoom", children: jsxRuntimeExports.jsx(RotateCcw, { className: "w-3.5 h-3.5" }) }), jsxRuntimeExports.jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 text-gray-900 cursor-pointer transition-colors duration-[120ms] ease-in-out hover:text-gray-1000 hover:bg-gray-alpha-100", onClick: zoomIn, "aria-label": "Zoom in", children: jsxRuntimeExports.jsx(ZoomIn, { className: "w-4 h-4" }) })] })] }), activeSpan && sidebar ? jsxRuntimeExports.jsxs("aside", { className: "flex flex-col h-full max-h-full bg-background-100 border-l border-gray-alpha-400 overflow-auto", children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 px-4 pt-4 pb-3", children: jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntimeExports.jsx("span", { className: "text-[15px] font-semibold text-gray-1000 truncate block", children: selectedSpanName }), selectedResourceId && jsxRuntimeExports.jsxs("div", { className: "mt-1 flex items-center gap-2", children: [selectedResource && jsxRuntimeExports.jsx("span", { className: `inline-flex items-center rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-none shrink-0 ${selectedResource === "step" ? "bg-green-200 text-green-900" : selectedResource === "run" ? "bg-blue-200 text-blue-900" : selectedResource === "hook" ? "bg-yellow-200 text-yellow-900" : "bg-gray-200 text-gray-900"}`, children: selectedResource.charAt(0).toUpperCase() + selectedResource.slice(1) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-[13px] font-mono text-gray-700 min-w-0", title: selectedResourceId, children: [jsxRuntimeExports.jsx("span", { className: "truncate", children: selectedResourceId }), jsxRuntimeExports.jsx(CopyButton, { copyText: selectedResourceId, ariaLabel: "Copy ID", className: "shrink-0" })] })] })] }), jsxRuntimeExports.jsx("button", { type: "button", className: "p-1 rounded-md text-gray-900 hover:text-gray-1000 hover:bg-gray-alpha-200 transition-colors shrink-0", onClick: clearActiveSpan, children: jsxRuntimeExports.jsx(X, { className: "w-4 h-4" }) })] }) }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary, { children: jsxRuntimeExports.jsx(EntityDetailPanel, { run: sidebar.run, onStreamClick: sidebar.onStreamClick, onRunClick: sidebar.onRunClick, spanDetailData: sidebar.spanDetailData, spanDetailError: sidebar.spanDetailError, spanDetailLoading: sidebar.spanDetailLoading, onSpanSelect: sidebar.onSpanSelect, onWakeUpSleep: sidebar.onWakeUpSleep, onLoadEventData: sidebar.onLoadEventData, onResolveHook: sidebar.onResolveHook, encryptionKey: sidebar.encryptionKey, onDecrypt: sidebar.onDecrypt, isDecrypting: sidebar.isDecrypting, selectedSpan }) }) })] }) : activeSpan ? jsxRuntimeExports.jsx(DetailPanel, { span: activeSpan, rootStart: root.startTime, onClose: clearActiveSpan }) : null] });
 }
 const NewTraceViewer = ({ run, events, sidebarData }) => {
@@ -5135,7 +5161,6 @@ function RunDetailView({
         return;
       }
       setEncryptionKey(keyResult);
-      toast.success("Run data decrypted successfully");
     } finally {
       setIsDecrypting(false);
     }

package/build/client/assets/{workflow-graph-viewer-De9JQkZc.js → workflow-graph-viewer-yqeN-U_2.js}

@@ -1,8 +1,9 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { r as reactExports, j as jsxRuntimeExports, f as reactDomExports, R as ReactExports, H as React, C as ReactDOM, a as requireReact, I as getDefaultExportFromCjs } from "./index-DQa-BExo.js";
-import { c as createLucideIcon, a6 as cn, d as cn$1, G as cva, ay as composeRefs, E as useComposedRefs, az as useFloating, aA as offset, aB as shift, aC as limitShift, aD as flip, aE as size, aF as arrow, aG as hide, aH as autoUpdate, T as Tooltip, a as TooltipTrigger, b as TooltipContent, aI as cancelRun$1, aJ as reenqueueRun$1, aK as wakeUpRun$1, aL as resumeHook$1, aM as recreateRun$1, v as createContextScope$1, n as useComposedRefs$1, w as createSlot, W as formatDuration, B as Button, t as toast, p as useId$1, P as Primitive$1, o as composeEventHandlers$1, x as useControllableState$1, m as useCallbackRef$2, H as Presence$1 } from "./mermaid-3ZIDBTTL-w46Kr90n.js";
+import { r as reactExports, j as jsxRuntimeExports, f as reactDomExports, R as ReactExports, I as React, D as ReactDOM, a as requireReact, g as getDefaultExportFromCjs } from "./index-BsV8i_Jn.js";
+import { c as createLucideIcon, a6 as cn, d as cn$1, G as cva, ay as composeRefs, E as useComposedRefs, az as useFloating, aA as offset, aB as shift, aC as limitShift, aD as flip, aE as size, aF as arrow, aG as hide, aH as autoUpdate, T as Tooltip, a as TooltipTrigger, b as TooltipContent, aI as cancelRun$1, aJ as reenqueueRun$1, aK as wakeUpRun$1, aL as resumeHook$1, aM as recreateRun$1, v as createContextScope$1, n as useComposedRefs$1, w as createSlot, W as formatDuration, B as Button, t as toast, p as useId$1, P as Primitive$1, o as composeEventHandlers$1, x as useControllableState$1, m as useCallbackRef$2, H as Presence$1 } from "./mermaid-3ZIDBTTL-BQLU7GUr.js";
+import { V as VERCEL_403_ERROR_MESSAGE } from "./index-B4xuge0I.js";
 function parseName(tag, name) {
   if (typeof name !== "string") {
     return null;
@@ -5612,7 +5613,6 @@ function Skeleton({
     }
   );
 }
-const VERCEL_403_ERROR_MESSAGE = "Your current vercel account does not have access to this resource. Use `vercel login` or `vercel switch` to ensure you are linked to the right account.";
 class WorkflowWebAPIError extends Error {
   constructor(message2, options) {
     super(message2, { cause: options == null ? void 0 : options.cause });

package/build/server/assets/{app-CtOg8_v5.js → app-L1V62FgT.js}

@@ -9176,7 +9176,7 @@ const app = express();
 app.all(
   "*",
   createRequestHandler({
-    build: () => import("./server-build-DT0Hg0Yf.js").then((n) => n.G)
+    build: () => import("./server-build-DtcOUEHS.js").then((n) => n.F)
   })
 );
 app.use(

package/build/server/assets/{highlighted-body-B3W2YXNL-uaucauLI.js → highlighted-body-B3W2YXNL-CZjJIpdD.js}

@@ -1,5 +1,5 @@
-import { y as R, K as Ks, z as jsxRuntimeExports, A as Qe } from "./server-build-DT0Hg0Yf.js";
-import { r as reactExports } from "./app-CtOg8_v5.js";
+import { x as R, K as Ks, y as jsxRuntimeExports, z as Qe } from "./server-build-DtcOUEHS.js";
+import { r as reactExports } from "./app-L1V62FgT.js";
 import "node:stream";
 import "util";
 import "crypto";
@@ -11,12 +11,11 @@ import "node:path";
 import "node:url";
 import "module";
 import "node:fs/promises";
-import "tty";
-import "os";
+import "node:util";
+import "node:async_hooks";
 import "node:module";
 import "node:fs";
 import "node:child_process";
-import "node:util";
 import "node:timers/promises";
 import "events";
 import "node:assert";
@@ -32,14 +31,14 @@ import "node:perf_hooks";
 import "node:util/types";
 import "node:sqlite";
 import "node:worker_threads";
-import "node:async_hooks";
 import "node:console";
 import "node:timers";
 import "node:dns";
 import "path";
 import "fs";
-import "node:os";
+import "os";
 import "net";
+import "node:os";
 import "express";
 var L = ({ code: s, language: t, raw: e, className: n, ...d$1 }) => {
   let { shikiTheme: l } = reactExports.useContext(R), o = Ks(), [m, i] = reactExports.useState(e);