@workflow/web 5.0.0-beta.16 → 5.0.0-beta.17

package/build/server/assets/{app-BxW1wRWj.js → app-BEmI6bFe.js}

@@ -9176,7 +9176,7 @@ const app = express();
 app.all(
   "/{*splat}",
   createRequestHandler({
-    build: () => import("./server-build-B4JanZE6.js").then((n) => n.a3)
+    build: () => import("./server-build-B3KD951q.js").then((n) => n.a3)
   })
 );
 app.use(

package/build/server/assets/{highlighted-body-B3W2YXNL-CP6Zp179.js → highlighted-body-B3W2YXNL-B_a6Jc52.js}

@@ -1,5 +1,5 @@
-import { Z as R, _ as Ks, $ as jsxRuntimeExports, a0 as Qe } from "./server-build-B4JanZE6.js";
-import { r as reactExports } from "./app-BxW1wRWj.js";
+import { Z as R, _ as Ks, $ as jsxRuntimeExports, a0 as Qe } from "./server-build-B3KD951q.js";
+import { r as reactExports } from "./app-BEmI6bFe.js";
 import "node:stream";
 import "util";
 import "crypto";

package/build/server/assets/{index-Cxv7xPiz.js → index-Bg5S_1qh.js}

@@ -1,6 +1,6 @@
-import { H as HookSchema } from "./server-build-B4JanZE6.js";
-import { A, a, b, c, d, e, B, D, f, E, g, h, i, L, M, P, Q, j, R, k, S, l, m, n, o, p, q, r, s, V, W, t, u, v, w, x, y, z, C, F, G, I, J, K, O, T, U, X, Y } from "./server-build-B4JanZE6.js";
-import "./app-BxW1wRWj.js";
+import { H as HookSchema } from "./server-build-B3KD951q.js";
+import { A, a, b, c, d, e, B, D, f, E, g, h, i, L, M, P, Q, j, R, k, S, l, m, n, o, p, q, r, s, V, W, t, u, v, w, x, y, z, C, F, G, I, J, K, O, T, U, X, Y } from "./server-build-B3KD951q.js";
+import "./app-BEmI6bFe.js";
 import "stream";
 import "express";
 import "node:stream";

package/build/server/assets/{mermaid-3ZIDBTTL-BMFjZDcW.js → mermaid-3ZIDBTTL-C7y9g953.js}

@@ -1,5 +1,5 @@
-import { N as Nt } from "./server-build-B4JanZE6.js";
-import "./app-BxW1wRWj.js";
+import { N as Nt } from "./server-build-B3KD951q.js";
+import "./app-BEmI6bFe.js";
 import "stream";
 import "express";
 import "node:stream";

package/build/server/assets/{server-build-B4JanZE6.js → server-build-B3KD951q.js}

@@ -14,7 +14,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
 var _a2, _b, _c, _d, _listeners, _onabort, _reader, _root, _hasMagic, _uflag, _parts, _parent, _parentIndex, _negs, _filledNegs, _options, _toString, _emptyExt, _AST_instances, fillNegs_fn, _AST_static, parseAST_fn, canAdoptWithSpace_fn, canAdopt_fn, canAdoptType_fn, adoptWithSpace_fn, adopt_fn, canUsurpType_fn, canUsurp_fn, usurp_fn, flatten_fn, partsToRegExp_fn, parseGlob_fn, _Minimatch_instances, matchGlobstar_fn, matchGlobStarBodySections_fn, matchOne_fn, _worldPromise, _Run_instances, lazyWorldPromise_get, _encryptionKeyPromise, _resilientStart, getEncryptionKey_fn, getEncryptionKeyLazily_fn, pollReturnValue_fn;
-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-BxW1wRWj.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-BEmI6bFe.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1 from "crypto";
@@ -30082,6 +30082,25 @@ function formatStepName(name2) {
 function formatWorkflowName(name2) {
   return formatParsedName(parseWorkflowName(name2), name2);
 }
+function workflowDisplayName(name2) {
+  var _a3;
+  return ((_a3 = parseWorkflowName(name2)) == null ? void 0 : _a3.shortName) ?? shortNameFromSanitized("workflow", name2) ?? name2;
+}
+function shortNameFromSanitized(tag, name2) {
+  var _a3;
+  if (!name2.startsWith(`${tag}--`))
+    return null;
+  const segments = name2.split("--").filter(Boolean);
+  const functionPart = segments.at(-1);
+  let shortName = (functionPart == null ? void 0 : functionPart.split("-").filter(Boolean).at(-1)) ?? "";
+  if (["default", "__default"].includes(shortName)) {
+    const moduleShortName = (_a3 = segments.at(-2)) == null ? void 0 : _a3.split("-").filter(Boolean).at(-1);
+    if (moduleShortName && moduleShortName !== tag) {
+      shortName = moduleShortName;
+    }
+  }
+  return shortName || null;
+}
 function formatParsedName(parsed, fallback) {
   if (!parsed)
     return fallback;
@@ -83123,7 +83142,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-CP6Zp179.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-B_a6Jc52.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 }) })] }) });
@@ -83445,7 +83464,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-BMFjZDcW.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-C7y9g953.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;
@@ -91151,6 +91170,19 @@ async function withOtel(fn2) {
     return void 0;
   return await fn2(otel);
 }
+async function linkToTraceCarrier(carrier) {
+  if (!carrier)
+    return;
+  const [context, otel] = await Promise.all([
+    getSpanContextForTraceCarrier(carrier),
+    OtelApi.value
+  ]);
+  if (!context || !otel)
+    return;
+  if (!otel.trace.isSpanContextValid(context))
+    return;
+  return { context };
+}
 function matchesDebugNamespace(namespace2, patternList) {
   if (!patternList) {
     return false;
@@ -91279,7 +91311,7 @@ const encryption = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   encrypt: encrypt$1,
   importKey
 }, Symbol.toStringTag, { value: "Module" }));
-const version$1 = "5.0.0-beta.16";
+const version$1 = "5.0.0-beta.17";
 const WorldCacheKey = Symbol.for("@workflow/world//cache");
 const WorldCachePromiseKey = Symbol.for("@workflow/world//cachePromise");
 const GetWorldFnKey$1 = Symbol.for("@workflow/world//getWorldFn");
@@ -121719,7 +121751,7 @@ function createLocalWorld(args) {
         const basedir = mergedConfig.dataDir;
         const hooksDir = path$3.join(basedir, "hooks");
         const taggedHookFiles = await listTaggedFiles(hooksDir, tag);
-        const { HookSchema: HookSchema2 } = await import("./index-Cxv7xPiz.js");
+        const { HookSchema: HookSchema2 } = await import("./index-Bg5S_1qh.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) {
@@ -121872,8 +121904,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-Cw2FB_2n.js").then((n) => n.t),
-        await import("./token-w6r7bnnd.js").then((n) => n.t)
+        await import("./token-util-q0eyRDZK.js").then((n) => n.t),
+        await import("./token-B95VJmzW.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -122600,6 +122632,16 @@ async function getSpanKind(field) {
     return void 0;
   return otel.SpanKind[field];
 }
+async function injectTraceContextIntoHeaders(headers2) {
+  const otel = await getOtelApi();
+  if (!otel)
+    return;
+  const carrier = {};
+  otel.propagation.inject(otel.context.active(), carrier);
+  for (const [key, value] of Object.entries(carrier)) {
+    headers2.set(key, value);
+  }
+}
 function SemanticConvention(...names) {
   return (value) => Object.fromEntries(names.map((name2) => [name2, value]));
 }
@@ -127148,7 +127190,7 @@ var QueueClient = class {
     setApi(this, new ApiClient({ ...options, region }));
   }
 };
-const version = "5.0.0-beta.15";
+const version = "5.0.0-beta.16";
 const HTTP_DEBUG_ENABLED = typeof process !== "undefined" && typeof process.env.DEBUG === "string" && (process.env.DEBUG.includes("workflow:") || process.env.DEBUG === "*");
 function httpLog(method, endpoint, response2, ms2) {
   if (HTTP_DEBUG_ENABLED) {
@@ -127260,6 +127302,7 @@ async function makeRequest({ endpoint, options = {}, config: config2 = {}, schem
       ...RpcService("workflow-server")
     });
     headers2.set("Accept", "application/cbor");
+    await injectTraceContextIntoHeaders(headers2);
     let body2;
     if (data !== void 0) {
       headers2.set("Content-Type", "application/cbor");
@@ -131470,12 +131513,9 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
         span == null ? void 0 : span.setAttributes({
           ...WorkflowName(workflowRun.workflowName)
         });
-        const traceCarrier = (_c2 = workflowRun.executionContext) == null ? void 0 : _c2.traceCarrier;
-        if (traceCarrier) {
-          const context = await getSpanContextForTraceCarrier(traceCarrier);
-          if (context) {
-            (_d2 = span == null ? void 0 : span.addLink) == null ? void 0 : _d2.call(span, { context });
-          }
+        const originLink = await linkToTraceCarrier((_c2 = workflowRun.executionContext) == null ? void 0 : _c2.traceCarrier);
+        if (originLink) {
+          (_d2 = span == null ? void 0 : span.addLink) == null ? void 0 : _d2.call(span, originLink);
         }
         await world.queue(getWorkflowQueueName(workflowRun.workflowName), {
           runId: hook.runId,
@@ -131568,7 +131608,8 @@ async function start$1(workflow, argsOrOptions, options) {
     if (!workflowName) {
       throw new WorkflowRuntimeError(`'start' received an invalid workflow function. Ensure the Workflow SDK is configured correctly and the function includes a 'use workflow' directive.`, { slug: "start-invalid-workflow-function" });
     }
-    return trace$2(`workflow.start ${workflowName}`, async (span) => {
+    const spanName2 = `workflow.start ${workflowDisplayName(workflowName)}`;
+    return trace$2(spanName2, async (span) => {
       var _a3, _b2;
       span == null ? void 0 : span.setAttributes({
         ...WorkflowName(workflowName),

package/build/server/assets/{token-w6r7bnnd.js → token-B95VJmzW.js}

@@ -1,5 +1,5 @@
-import { g as getDefaultExportFromCjs } from "./app-BxW1wRWj.js";
-import { a2 as requireTokenError, a1 as requireTokenUtil } from "./server-build-B4JanZE6.js";
+import { g as getDefaultExportFromCjs } from "./app-BEmI6bFe.js";
+import { a2 as requireTokenError, a1 as requireTokenUtil } from "./server-build-B3KD951q.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/build/server/assets/{token-util-Cw2FB_2n.js → token-util-q0eyRDZK.js}

@@ -1,5 +1,5 @@
-import { g as getDefaultExportFromCjs } from "./app-BxW1wRWj.js";
-import { a1 as requireTokenUtil } from "./server-build-B4JanZE6.js";
+import { g as getDefaultExportFromCjs } from "./app-BEmI6bFe.js";
+import { a1 as requireTokenUtil } from "./server-build-B3KD951q.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/build/server/index.js

@@ -1,4 +1,4 @@
-import { n } from "./assets/app-BxW1wRWj.js";
+import { n } from "./assets/app-BEmI6bFe.js";
 import "express";
 import "stream";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@workflow/web",
   "description": "Workflow Observability UI",
-  "version": "5.0.0-beta.16",
+  "version": "5.0.0-beta.17",
   "type": "module",
   "private": false,
   "files": [
@@ -72,12 +72,12 @@
     "typescript": "^5.9.3",
     "vite": "^6",
     "vitest": "^3",
-    "@workflow/core": "5.0.0-beta.16",
-    "@workflow/errors": "5.0.0-beta.7",
-    "@workflow/utils": "5.0.0-beta.3",
-    "@workflow/web-shared": "5.0.0-beta.16",
+    "@workflow/core": "5.0.0-beta.17",
+    "@workflow/errors": "5.0.0-beta.8",
+    "@workflow/utils": "5.0.0-beta.4",
+    "@workflow/web-shared": "5.0.0-beta.17",
     "@workflow/world": "5.0.0-beta.10",
-    "@workflow/world-vercel": "5.0.0-beta.15"
+    "@workflow/world-vercel": "5.0.0-beta.16"
   },
   "scripts": {
     "dev": "react-router dev",