@workflow/web 5.0.0-beta.31 → 5.0.0-beta.32

package/build/server/assets/{app-BgN_e9S7.js → app-TShfJF1A.js}

@@ -9180,7 +9180,7 @@ const app = express();
 app.all(
   "/{*splat}",
   createRequestHandler({
-    build: () => import("./server-build-CQLvkWL5.js").then((n) => n.aB)
+    build: () => import("./server-build-GYVyEwoy.js").then((n) => n.aB)
   })
 );
 app.use(

package/build/server/assets/{highlighted-body-B3W2YXNL-CsR2wqX2.js → highlighted-body-B3W2YXNL-Cn3Ldhfl.js}

@@ -2,8 +2,8 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { au as R, av as Ks, aw as jsxRuntimeExports, ax as Qe } from "./server-build-CQLvkWL5.js";
-import { r as reactExports } from "./app-BgN_e9S7.js";
+import { au as R, av as Ks, aw as jsxRuntimeExports, ax as Qe } from "./server-build-GYVyEwoy.js";
+import { r as reactExports } from "./app-TShfJF1A.js";
 import "node:stream";
 import "util";
 import "crypto";

package/build/server/assets/{index-BbpsBsGO.js → index-BuK37-uW.js}

@@ -2,9 +2,9 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { H as HookSchema } from "./server-build-CQLvkWL5.js";
-import { A, a, b, c, d, e, f, g, h, i, j, B, C, D, k, E, l, m, n, o, p, q, r, L, M, P, Q, s, R, t, S, u, v, w, x, y, z, F, G, I, T, J, K, O, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at } from "./server-build-CQLvkWL5.js";
-import "./app-BgN_e9S7.js";
+import { H as HookSchema } from "./server-build-GYVyEwoy.js";
+import { A, a, b, c, d, e, f, g, h, i, j, B, C, D, k, E, l, m, n, o, p, q, r, L, M, P, Q, s, R, t, S, u, v, w, x, y, z, F, G, I, T, J, K, O, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at } from "./server-build-GYVyEwoy.js";
+import "./app-TShfJF1A.js";
 import "stream";
 import "express";
 import "node:stream";

package/build/server/assets/{mermaid-3ZIDBTTL-B-ddv9lk.js → mermaid-3ZIDBTTL-Conbg-cC.js}

@@ -2,8 +2,8 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { N as Nt } from "./server-build-CQLvkWL5.js";
-import "./app-BgN_e9S7.js";
+import { N as Nt } from "./server-build-GYVyEwoy.js";
+import "./app-TShfJF1A.js";
 import "stream";
 import "express";
 import "node:stream";

package/build/server/assets/{server-build-CQLvkWL5.js → server-build-GYVyEwoy.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-BgN_e9S7.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-TShfJF1A.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1 from "crypto";
@@ -50143,7 +50143,7 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
 }
 async function hydrateResourceIOAsync(resource, key) {
   const { hydrateDataWithKey: hydrateDataWithKey2 } = await Promise.resolve().then(() => serializationFormat);
-  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-vLGtEQW6.js");
+  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-DmzLFSRd.js");
   ensureZstdDecoderRegistered();
   const cryptoKey = key ? await Promise.resolve().then(() => encryption).then(({ importKey: importKey2 }) => importKey2(key)) : void 0;
   const revivers = getRevivers();
@@ -83108,7 +83108,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-CsR2wqX2.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-Cn3Ldhfl.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 }) })] }) });
@@ -83430,7 +83430,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-B-ddv9lk.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-Conbg-cC.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;
@@ -91965,7 +91965,7 @@ const encryption = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   encrypt: encrypt$1,
   importKey
 }, Symbol.toStringTag, { value: "Module" }));
-const version$1 = "5.0.0-beta.31";
+const version$1 = "5.0.0-beta.32";
 function assertWorldSupportsRuntimeProtocol(world) {
   if (world.specVersion === SPEC_VERSION_CURRENT) {
     return;
@@ -93635,6 +93635,21 @@ const STREAM_FLUSH_INTERVAL_MS = 10;
 const getStreamFlushIntervalMs = () => envNumber("WORKFLOW_STREAM_FLUSH_INTERVAL_MS", STREAM_FLUSH_INTERVAL_MS, {
   integer: true
 });
+function recordStreamWriteFlush(startEpochMs, dispatchEpochMs, runId, name2, chunkCount, byteCount) {
+  void (async () => {
+    await recordElapsedSpan("workflow.stream.flush", startEpochMs, {
+      kind: await getSpanKind$2("CLIENT"),
+      attributes: {
+        "workflow.run.id": runId,
+        "workflow.stream.name": name2,
+        "workflow.stream.operation": "flush",
+        "workflow.stream.flush.buffer_dwell_ms": dispatchEpochMs - startEpochMs,
+        "workflow.stream.flush.chunks": chunkCount,
+        "workflow.stream.flush.bytes": byteCount
+      }
+    });
+  })();
+}
 class WorkflowServerWritableStream extends WritableStream {
   /**
    * @param runReadyBarrier Turbo mode only: a promise that resolves once the
@@ -93667,6 +93682,7 @@ class WorkflowServerWritableStream extends WritableStream {
     let flushTimer = null;
     let flushPromise = null;
     let resolvedFlushIntervalMs;
+    let batchStartAt;
     const flush = async () => {
       if (flushTimer) {
         clearTimeout(flushTimer);
@@ -93676,16 +93692,29 @@ class WorkflowServerWritableStream extends WritableStream {
         return;
       await ensureRunReady();
       const chunksToFlush = buffer2.slice();
+      const batchStart = batchStartAt;
+      batchStartAt = void 0;
+      const dispatchAt = Date.now();
       const world = await worldPromise;
       if (resolvedFlushIntervalMs === void 0) {
         resolvedFlushIntervalMs = world.streamFlushIntervalMs ?? getStreamFlushIntervalMs();
       }
-      if (typeof world.streams.writeMulti === "function" && chunksToFlush.length > 1) {
-        await world.streams.writeMulti(runId, name2, chunksToFlush);
-      } else {
-        for (const chunk of chunksToFlush) {
-          await world.streams.write(runId, name2, chunk);
+      try {
+        if (typeof world.streams.writeMulti === "function" && chunksToFlush.length > 1) {
+          await world.streams.writeMulti(runId, name2, chunksToFlush);
+        } else {
+          for (const chunk of chunksToFlush) {
+            await world.streams.write(runId, name2, chunk);
+          }
+        }
+      } catch (error2) {
+        if (batchStart !== void 0) {
+          batchStartAt = batchStartAt === void 0 ? batchStart : Math.min(batchStartAt, batchStart);
         }
+        throw error2;
+      }
+      if (batchStart !== void 0) {
+        recordStreamWriteFlush(batchStart, dispatchAt, runId, name2, chunksToFlush.length, chunksToFlush.reduce((sum, c) => sum + c.byteLength, 0));
       }
       buffer2 = [];
     };
@@ -93708,6 +93737,8 @@ class WorkflowServerWritableStream extends WritableStream {
     };
     super({
       async write(chunk) {
+        if (batchStartAt === void 0)
+          batchStartAt = Date.now();
         if (flushPromise) {
           await flushPromise;
           flushPromise = null;
@@ -127038,7 +127069,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-BbpsBsGO.js");
+        const { HookSchema: HookSchema2 } = await import("./index-BuK37-uW.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) {
@@ -127221,8 +127252,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-C03rrkmJ.js").then((n) => n.t),
-        await import("./token-Batv2rdg.js").then((n) => n.t)
+        await import("./token-util-B_XNC39V.js").then((n) => n.t),
+        await import("./token-B0_1Gw9R.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -127849,7 +127880,12 @@ function getDefaultStreamDispatcher() {
 let otelApiPromise$1 = null;
 async function getOtelApi$1() {
   if (!otelApiPromise$1) {
-    otelApiPromise$1 = import("./index-Dq5jTBN4.js").catch(() => null);
+    otelApiPromise$1 = import("./index-Dq5jTBN4.js").catch((error2) => {
+      if (typeof process !== "undefined" && typeof process.env.DEBUG === "string" && (process.env.DEBUG.includes("workflow:") || process.env.DEBUG === "*")) {
+        console.warn("[workflow] @opentelemetry/api unavailable — world-vercel spans disabled:", error2 instanceof Error ? error2.message : error2);
+      }
+      return null;
+    });
   }
   return otelApiPromise$1;
 }
@@ -128070,7 +128106,7 @@ async function instrumentedFetch(opts) {
     return response2;
   });
 }
-const version = "5.0.0-beta.27";
+const version = "5.0.0-beta.28";
 const IDEMPOTENT_METHODS = /* @__PURE__ */ new Set(["GET", "HEAD"]);
 const MAX_BODY_PARSE_RETRIES = 2;
 const BODY_PARSE_RETRY_BASE_MS = 100;

package/build/server/assets/{token-Batv2rdg.js → token-B0_1Gw9R.js}

@@ -2,8 +2,8 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { g as getDefaultExportFromCjs } from "./app-BgN_e9S7.js";
-import { aA as requireTokenError, az as requireTokenUtil } from "./server-build-CQLvkWL5.js";
+import { g as getDefaultExportFromCjs } from "./app-TShfJF1A.js";
+import { aA as requireTokenError, az as requireTokenUtil } from "./server-build-GYVyEwoy.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/build/server/assets/{token-util-C03rrkmJ.js → token-util-B_XNC39V.js}

@@ -2,8 +2,8 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { g as getDefaultExportFromCjs } from "./app-BgN_e9S7.js";
-import { az as requireTokenUtil } from "./server-build-CQLvkWL5.js";
+import { g as getDefaultExportFromCjs } from "./app-TShfJF1A.js";
+import { az as requireTokenUtil } from "./server-build-GYVyEwoy.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/build/server/assets/{zstd-browser-decoder-vLGtEQW6.js → zstd-browser-decoder-DmzLFSRd.js}

@@ -2,8 +2,8 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { ay as registerZstdDecoder } from "./server-build-CQLvkWL5.js";
-import "./app-BgN_e9S7.js";
+import { ay as registerZstdDecoder } from "./server-build-GYVyEwoy.js";
+import "./app-TShfJF1A.js";
 import "stream";
 import "express";
 import "node:stream";

package/build/server/index.js

@@ -2,7 +2,7 @@ import { createRequire as __wkfCreateRequire } from "node:module";
 if (typeof require === "undefined") {
   globalThis.require = __wkfCreateRequire(import.meta.url);
 }
-import { n } from "./assets/app-BgN_e9S7.js";
+import { n } from "./assets/app-TShfJF1A.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.31",
+  "version": "5.0.0-beta.32",
   "type": "module",
   "private": false,
   "files": [
@@ -74,12 +74,12 @@
     "typescript": "^6.0.3",
     "vite": "^6",
     "vitest": "^3",
-    "@workflow/core": "5.0.0-beta.31",
+    "@workflow/core": "5.0.0-beta.32",
     "@workflow/errors": "5.0.0-beta.10",
     "@workflow/utils": "5.0.0-beta.6",
-    "@workflow/web-shared": "5.0.0-beta.31",
+    "@workflow/web-shared": "5.0.0-beta.32",
     "@workflow/world": "5.0.0-beta.19",
-    "@workflow/world-vercel": "5.0.0-beta.27"
+    "@workflow/world-vercel": "5.0.0-beta.28"
   },
   "scripts": {
     "dev": "react-router dev",