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

package/build/server/assets/{server-build-B4JanZE6.js → server-build-Bz4qQd_8.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-T6TeeAd2.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;
@@ -34642,7 +34661,11 @@ const SerializationFormat$1 = {
   /** devalue stringify/parse with TextEncoder/TextDecoder */
   DEVALUE_V1: "devl",
   /** Encrypted payload (inner payload has its own format prefix after decryption) */
-  ENCRYPTED: "encr"
+  ENCRYPTED: "encr",
+  /** Gzip-compressed payload (inner payload has its own format prefix after decompression) */
+  GZIP: "gzip",
+  /** Zstandard-compressed payload (inner payload has its own format prefix after decompression) */
+  ZSTD: "zstd"
 };
 const FORMAT_PREFIX_LENGTH$1 = 4;
 new TextEncoder();
@@ -34688,6 +34711,71 @@ function isEncryptedData(data) {
   const prefix = formatDecoder$1.decode(data.subarray(0, FORMAT_PREFIX_LENGTH$1));
   return prefix === SerializationFormat$1.ENCRYPTED;
 }
+function isCompressedData(data) {
+  if (!(data instanceof Uint8Array) || data.length < FORMAT_PREFIX_LENGTH$1) {
+    return false;
+  }
+  const prefix = formatDecoder$1.decode(data.subarray(0, FORMAT_PREFIX_LENGTH$1));
+  return prefix === SerializationFormat$1.GZIP || prefix === SerializationFormat$1.ZSTD;
+}
+function getNodeZlib$1() {
+  var _a3, _b2;
+  try {
+    return (_b2 = (_a3 = globalThis.process) == null ? void 0 : _a3.getBuiltinModule) == null ? void 0 : _b2.call(_a3, "node:zlib");
+  } catch {
+    return void 0;
+  }
+}
+function decompressSyncIfAvailable(format2, payload) {
+  try {
+    const zlib = getNodeZlib$1();
+    if (format2 === SerializationFormat$1.GZIP && (zlib == null ? void 0 : zlib.gunzipSync)) {
+      return new Uint8Array(zlib.gunzipSync(payload));
+    }
+    if (format2 === SerializationFormat$1.ZSTD && (zlib == null ? void 0 : zlib.zstdDecompressSync)) {
+      return new Uint8Array(zlib.zstdDecompressSync(payload));
+    }
+  } catch {
+  }
+  return void 0;
+}
+let zstdBrowserDecoder;
+function registerZstdDecoder(decoder2) {
+  zstdBrowserDecoder = decoder2;
+}
+async function decompressAsync(format2, payload) {
+  if (format2 === SerializationFormat$1.ZSTD) {
+    const sync = decompressSyncIfAvailable(format2, payload);
+    if (sync)
+      return sync;
+    if (zstdBrowserDecoder)
+      return zstdBrowserDecoder(payload);
+    throw new Error("zstd-compressed workflow data encountered but no zstd decoder is available. Node.js 22.15+ decodes natively; in the browser register one via registerZstdDecoder (the web o11y package does this).");
+  }
+  const transform2 = new DecompressionStream("gzip");
+  const writer = transform2.writable.getWriter();
+  const writePromise = writer.write(payload).then(() => writer.close());
+  writePromise.catch(() => {
+  });
+  const chunks = [];
+  let total = 0;
+  const reader = transform2.readable.getReader();
+  for (; ; ) {
+    const { done, value } = await reader.read();
+    if (done)
+      break;
+    chunks.push(value);
+    total += value.length;
+  }
+  await writePromise;
+  const out = new Uint8Array(total);
+  let offset2 = 0;
+  for (const chunk of chunks) {
+    out.set(chunk, offset2);
+    offset2 += chunk.length;
+  }
+  return out;
+}
 function hydrateData(value, revivers) {
   if (value instanceof Uint8Array) {
     if (isEncryptedData(value)) {
@@ -34698,6 +34786,13 @@ function hydrateData(value, revivers) {
       const str = new TextDecoder().decode(payload);
       return parse$7(str, revivers);
     }
+    if (format2 === SerializationFormat$1.GZIP || format2 === SerializationFormat$1.ZSTD) {
+      const inflated = decompressSyncIfAvailable(format2, payload);
+      if (inflated === void 0) {
+        return value;
+      }
+      return hydrateData(inflated, revivers);
+    }
     throw new Error(`Unsupported serialization format: ${format2}`);
   }
   if (Array.isArray(value)) {
@@ -34706,13 +34801,17 @@ function hydrateData(value, revivers) {
   return value;
 }
 async function hydrateDataWithKey(value, revivers, key) {
-  if (value instanceof Uint8Array && isEncryptedData(value) && key) {
+  let data = value;
+  if (data instanceof Uint8Array && isEncryptedData(data) && key) {
     const { decrypt: decrypt2 } = await Promise.resolve().then(() => encryption);
-    const { payload } = decodeFormatPrefix$1(value);
-    const decrypted = await decrypt2(key, payload);
-    return hydrateData(decrypted, revivers);
+    const { payload } = decodeFormatPrefix$1(data);
+    data = await decrypt2(key, payload);
   }
-  return hydrateData(value, revivers);
+  if (data instanceof Uint8Array && isCompressedData(data)) {
+    const { format: format2, payload } = decodeFormatPrefix$1(data);
+    data = await decompressAsync(format2, payload);
+  }
+  return hydrateData(data, revivers);
 }
 const STREAM_ID_PREFIX = "strm_";
 const STREAM_REF_TYPE$1 = "__workflow_stream_ref__";
@@ -34965,10 +35064,12 @@ const serializationFormat = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   hydrateData,
   hydrateDataWithKey,
   hydrateResourceIO: hydrateResourceIO$1,
+  isCompressedData,
   isEncryptedData,
   isExpiredStub,
   isRunRef: isRunRef$1,
   observabilityRevivers,
+  registerZstdDecoder,
   serializedClassToString,
   serializedInstanceToRef,
   serializedRunToRunRef,
@@ -49242,7 +49343,8 @@ const SPEC_VERSION_LEGACY = 1;
 const SPEC_VERSION_SUPPORTS_EVENT_SOURCING = 2;
 const SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT = 3;
 const SPEC_VERSION_SUPPORTS_ATTRIBUTES = 4;
-const SPEC_VERSION_CURRENT = SPEC_VERSION_SUPPORTS_ATTRIBUTES;
+const SPEC_VERSION_SUPPORTS_COMPRESSION = 5;
+const SPEC_VERSION_CURRENT = SPEC_VERSION_SUPPORTS_COMPRESSION;
 function isLegacySpecVersion(v2) {
   return v2 === void 0 || v2 === null || v2 <= SPEC_VERSION_LEGACY;
 }
@@ -49770,6 +49872,8 @@ function replaceEncryptedAndExpiredWithMarkers(resource) {
 async function hydrateResourceIOWithKey(resource, key) {
   const { hydrateDataWithKey: hydrateDataWithKey2 } = await Promise.resolve().then(() => serializationFormat);
   const { importKey: importKey2 } = await Promise.resolve().then(() => encryption);
+  const { ensureZstdDecoderRegistered } = await import("./zstd-browser-decoder-xZ-YX1Lf.js");
+  ensureZstdDecoderRegistered();
   const cryptoKey = await importKey2(key);
   const revivers = getRevivers();
   async function decryptField(value, rev, k2) {
@@ -52287,9 +52391,7 @@ function ReservedBadge() {
 }
 function AttributeRow({ attributeKey, value, removed = false }) {
   const reserved = isReservedAttributeKey(attributeKey);
-  return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 py-1.5", children: [jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-label-12 font-mono", style: {
-    color: reserved ? "var(--ds-gray-700)" : "var(--ds-gray-900)"
-  }, children: [jsxRuntimeExports.jsx("span", { className: "truncate", children: attributeKey }), reserved && jsxRuntimeExports.jsx(ReservedBadge, {})] }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-label-12 italic", style: { color: "var(--ds-gray-700)" }, children: "removed" }) : jsxRuntimeExports.jsx("span", { className: "max-w-[60%] truncate text-right text-label-12 font-mono text-gray-1000", title: value, children: value })] });
+  return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-label-13 text-gray-900", style: reserved ? { color: "var(--ds-gray-700)" } : void 0, children: [jsxRuntimeExports.jsx("span", { className: "truncate", children: attributeKey }), reserved && jsxRuntimeExports.jsx(ReservedBadge, {})] }), removed ? jsxRuntimeExports.jsx("span", { className: "shrink-0 text-copy-13 italic text-gray-700", children: "removed" }) : jsxRuntimeExports.jsx("span", { className: "max-w-[60%] truncate text-copy-13 text-gray-1000", title: value, children: value })] });
 }
 function sortAttributeKeys(keys2) {
   return [...keys2].sort((a2, b2) => {
@@ -52304,7 +52406,7 @@ function RunAttributesCard({ attributes }) {
   const keys2 = sortAttributeKeys(Object.keys(attributes));
   if (keys2.length === 0)
     return null;
-  return jsxRuntimeExports.jsx(DetailCard, { summary: `Attributes (${keys2.length})`, defaultOpen: true, contentClassName: "mb-0", children: jsxRuntimeExports.jsx("div", { className: "flex flex-col divide-y divide-gray-alpha-400", children: keys2.map((key) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: key, value: attributes[key] }, key)) }) });
+  return jsxRuntimeExports.jsx(DetailCard, { summary: "Attributes", defaultOpen: true, contentClassName: "mb-4", children: jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: keys2.map((key) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: key, value: attributes[key] }, key)) }) });
 }
 function isAttrSetEventData(data) {
   if (data === null || typeof data !== "object")
@@ -52327,7 +52429,7 @@ function AttrSetEventBlock({ data }) {
     return jsxRuntimeExports.jsx(CopyableDataBlock, { data });
   }
   const writerLabel = describeWriter(data.writer);
-  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col px-3 py-1", children: [jsxRuntimeExports.jsx("div", { className: "flex flex-col divide-y divide-gray-alpha-400", children: data.changes.map((change, index2) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: change.key, removed: change.value === null, value: change.value ?? void 0 }, `${change.key}:${index2}`)) }), writerLabel && jsxRuntimeExports.jsx("div", { className: "border-t py-1.5 text-label-12", style: {
+  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col px-3 py-1", children: [jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: data.changes.map((change, index2) => jsxRuntimeExports.jsx(AttributeRow, { attributeKey: change.key, removed: change.value === null, value: change.value ?? void 0 }, `${change.key}:${index2}`)) }), writerLabel && jsxRuntimeExports.jsx("div", { className: "border-t py-1.5 text-label-12", style: {
     borderColor: "var(--ds-gray-alpha-400)",
     color: "var(--ds-gray-700)"
   }, children: writerLabel })] });
@@ -83123,7 +83225,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-8kPdQ9EU.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 +83547,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-BCwBQ2L6.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;
@@ -84317,7 +84419,8 @@ const copyableBasicAttributes = /* @__PURE__ */ new Set([
   "stepId",
   "hookId",
   "eventId",
-  "deploymentId"
+  "deploymentId",
+  "moduleSpecifier"
 ]);
 const AttributeBlock = ({ attribute, value, isLoading, inline = false, context }) => {
   const decryptCtx = reactExports.useContext(DecryptClickContext);
@@ -84346,7 +84449,6 @@ 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 toast2 = useToast();
   const displayData = reactExports.useMemo(() => {
     const result = { ...data };
     const execCtx = data.executionContext;
@@ -84408,13 +84510,6 @@ const AttributePanel = ({ data, moduleSpecifier, isLoading, error: error2, expir
   const displayContext = reactExports.useMemo(() => ({
     stepName: displayData.stepName
   }), [displayData.stepName]);
-  const handleCopyModuleSpecifier = reactExports.useCallback((value) => {
-    navigator.clipboard.writeText(value).then(() => {
-      toast2.success("moduleSpecifier copied");
-    }).catch(() => {
-      toast2.error("Failed to copy moduleSpecifier");
-    });
-  }, []);
   const outerDecryptCtx = reactExports.useContext(DecryptClickContext);
   const decryptValue = onDecrypt ? {
     onDecrypt,
@@ -84424,17 +84519,8 @@ const AttributePanel = ({ data, moduleSpecifier, isLoading, error: error2, expir
   return jsxRuntimeExports.jsx(ContextCardProvider, { children: jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: jsxRuntimeExports.jsxs(DecryptClickContext.Provider, { value: decryptValue, children: [visibleBasicAttributes.length > 0 && jsxRuntimeExports.jsxs("div", { className: "flex flex-col overflow-hidden divide-y divide-gray-alpha-400 mb-3", children: [orderedBasicAttributes.map((attribute) => {
     var _a3;
     const displayValue = (_a3 = attributeToDisplayFn[attribute]) == null ? void 0 : _a3.call(attributeToDisplayFn, displayData[attribute]);
-    const isModuleSpecifier = attribute === "moduleSpecifier";
     const isCopyableBasicAttribute = copyableBasicAttributes.has(attribute) && typeof displayValue === "string";
-    const moduleSpecifierValue = typeof displayValue === "string" ? displayValue : String(displayValue ?? displayData.moduleSpecifier ?? "");
-    return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between py-2", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 text-gray-900", children: getAttributeDisplayName(attribute) }), isModuleSpecifier ? jsxRuntimeExports.jsx("button", { type: "button", className: "min-w-0 max-w-[70%] truncate text-right text-label-13 font-mono", style: {
-      color: "var(--ds-gray-1000)",
-      background: "transparent",
-      border: "none",
-      padding: 0
-    }, title: moduleSpecifierValue, onClick: () => handleCopyModuleSpecifier(moduleSpecifierValue), children: moduleSpecifierValue }) : isCopyableBasicAttribute ? jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 max-w-[70%] items-center justify-end gap-1 text-right text-[13px] font-mono", style: {
-      color: "var(--ds-gray-1000)"
-    }, title: displayValue, children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: displayValue, className: "flex-1" }), jsxRuntimeExports.jsx(CopyButton, { copyText: displayValue, ariaLabel: `Copy ${getAttributeDisplayName(attribute)}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: "text-right text-label-13 font-mono", children: displayValue })] }, attribute);
+    return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between py-2", children: [jsxRuntimeExports.jsx("span", { className: "text-label-14 text-gray-900", children: getAttributeDisplayName(attribute) }), isCopyableBasicAttribute ? jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 max-w-[70%] items-center justify-end gap-1 text-[13px] font-mono text-gray-1000", title: displayValue, children: [jsxRuntimeExports.jsx(MiddleTruncate, { value: displayValue, className: "text-right", style: { gridTemplateColumns: "minmax(0, 1fr)" } }), jsxRuntimeExports.jsx(CopyButton, { copyText: displayValue, ariaLabel: `Copy ${getAttributeDisplayName(attribute)}`, className: "shrink-0 -mr-1" })] }) : jsxRuntimeExports.jsx("span", { className: "text-right text-label-13 font-mono", children: displayValue })] }, attribute);
   }), isLoading && resource === "sleep" && !displayData.resumeAt && jsxRuntimeExports.jsx("div", { className: "py-1", children: jsxRuntimeExports.jsxs("div", { className: "flex min-h-[32px] items-center justify-between gap-4 rounded-sm px-2.5 py-1", children: [jsxRuntimeExports.jsx("span", { className: "text-[14px] first-letter:uppercase", style: { color: "var(--ds-gray-700)" }, children: "resumeAt" }), 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 ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: 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"]);
@@ -84841,127 +84927,127 @@ const TraceViewerContext = reactExports.createContext({
 TraceViewerContext.displayName = "TraceViewerContext";
 const useTraceViewer = () => reactExports.useContext(TraceViewerContext);
 reactExports.createContext(null);
-const traceNode = "_traceNode_1fmf2_1";
-const childRow = "_childRow_1fmf2_5";
-const spanNode = "_spanNode_1fmf2_11";
-const huge = "_huge_1fmf2_31";
-const spanName = "_spanName_1fmf2_34";
-const spanSpacer = "_spanSpacer_1fmf2_40";
-const spanDuration = "_spanDuration_1fmf2_44";
-const small = "_small_1fmf2_62";
-const xHover = "_xHover_1fmf2_62";
-const spanNodeEvent = "_spanNodeEvent_1fmf2_118";
-const eventDiamond = "_eventDiamond_1fmf2_124";
-const customEventColor = "_customEventColor_1fmf2_140";
-const hoverInfo = "_hoverInfo_1fmf2_145";
-const eventName = "_eventName_1fmf2_149";
-const eventTimestamp = "_eventTimestamp_1fmf2_153";
-const alignStart = "_alignStart_1fmf2_174";
-const alignEnd = "_alignEnd_1fmf2_178";
-const colorVercel = "_colorVercel_1fmf2_205";
-const color0 = "_color0_1fmf2_213";
-const color1 = "_color1_1fmf2_220";
-const color2 = "_color2_1fmf2_227";
-const color3 = "_color3_1fmf2_234";
-const color4 = "_color4_1fmf2_241";
-const colorHighlight = "_colorHighlight_1fmf2_248";
-const unlit = "_unlit_1fmf2_256";
-const mapContainer = "_mapContainer_1fmf2_262";
-const spanDetailPanel = "_spanDetailPanel_1fmf2_329";
-const spanDetailPanelResizer = "_spanDetailPanelResizer_1fmf2_338";
-const spanDetailPanelTop = "_spanDetailPanelTop_1fmf2_353";
-const spanDetailPanelBody = "_spanDetailPanelBody_1fmf2_362";
-const spanDetailPanelTopInfo = "_spanDetailPanelTopInfo_1fmf2_375";
-const spanNameDetailPanel = "_spanNameDetailPanel_1fmf2_389";
-const spanDetailPanelTruncatedHeading = "_spanDetailPanelTruncatedHeading_1fmf2_395";
-const spanDetailPanelName = "_spanDetailPanelName_1fmf2_405";
-const spanDetailPanelDuration = "_spanDetailPanelDuration_1fmf2_416";
-const spanDetailPanelCorner = "_spanDetailPanelCorner_1fmf2_427";
-const spanDetailPanelCornerInner = "_spanDetailPanelCornerInner_1fmf2_437";
-const spanDetailPanelCloseVerticalRule = "_spanDetailPanelCloseVerticalRule_1fmf2_445";
-const spanDetailPanelClose = "_spanDetailPanelClose_1fmf2_445";
-const spanDetailPanelAttribute = "_spanDetailPanelAttribute_1fmf2_467";
-const spanDetailPanelAttributeKey = "_spanDetailPanelAttributeKey_1fmf2_484";
-const spanDetailPanelAttributeValue = "_spanDetailPanelAttributeValue_1fmf2_492";
-const spanDetailPanelQuickLink = "_spanDetailPanelQuickLink_1fmf2_503";
-const spanDetailPanelQuickLinkLabel = "_spanDetailPanelQuickLinkLabel_1fmf2_506";
-const detailGroup = "_detailGroup_1fmf2_519";
-const expanded = "_expanded_1fmf2_533";
-const collapsed = "_collapsed_1fmf2_534";
-const ancestorGroup = "_ancestorGroup_1fmf2_535";
-const detailHeading = "_detailHeading_1fmf2_539";
-const buttonLink = "_buttonLink_1fmf2_562";
-const note = "_note_1fmf2_581";
-const skeleton = "_skeleton_1fmf2_589";
-const skeletonRounded = "_skeletonRounded_1fmf2_595";
-const detailHeadingIcon = "_detailHeadingIcon_1fmf2_599";
-const infraSpanDescription = "_infraSpanDescription_1fmf2_603";
-const ancestorNode = "_ancestorNode_1fmf2_613";
-const ancestorText = "_ancestorText_1fmf2_629";
-const ancestorName = "_ancestorName_1fmf2_639";
-const ancestorDuration = "_ancestorDuration_1fmf2_644";
-const ancestorLineContainer = "_ancestorLineContainer_1fmf2_649";
-const ancestorLine = "_ancestorLine_1fmf2_649";
-const zoomButtonGroup = "_zoomButtonGroup_1fmf2_701";
-const zoomButton = "_zoomButton_1fmf2_701";
-const divider = "_divider_1fmf2_751";
-const markersContainer = "_markersContainer_1fmf2_758";
-const markers = "_markers_1fmf2_758";
-const marker = "_marker_1fmf2_758";
-const notch = "_notch_1fmf2_792";
-const markerLabel = "_markerLabel_1fmf2_798";
-const markerClockTime = "_markerClockTime_1fmf2_807";
-const eventMarkersContainer = "_eventMarkersContainer_1fmf2_816";
-const eventMarkers = "_eventMarkers_1fmf2_816";
-const eventMarker = "_eventMarker_1fmf2_816";
-const cursorMarkerStickyParent = "_cursorMarkerStickyParent_1fmf2_839";
-const cursorMarkerLabelContainer = "_cursorMarkerLabelContainer_1fmf2_848";
-const cursorMarkerLabel = "_cursorMarkerLabel_1fmf2_848";
-const cursorMarkerContainer = "_cursorMarkerContainer_1fmf2_898";
-const cursorMarker = "_cursorMarker_1fmf2_839";
-const cursorSelection = "_cursorSelection_1fmf2_916";
-const traceViewer = "_traceViewer_1fmf2_966";
-const mapCanvas = "_mapCanvas_1fmf2_972";
-const zoomButtonTraceViewer = "_zoomButtonTraceViewer_1fmf2_988";
-const timeline = "_timeline_1fmf2_1011";
-const searchBar = "_searchBar_1fmf2_1019";
-const searchInput = "_searchInput_1fmf2_1031";
-const searchInputLabel = "_searchInputLabel_1fmf2_1038";
-const searchInputPrefix = "_searchInputPrefix_1fmf2_1063";
-const mapThumb = "_mapThumb_1fmf2_1101";
-const spanDetailPanelTraceViewer = "_spanDetailPanelTraceViewer_1fmf2_1115";
-const traceViewerContent = "_traceViewerContent_1fmf2_1134";
-const inert = "_inert_1fmf2_1144";
-const hidden = "_hidden_1fmf2_1180";
-const mobile = "_mobile_1fmf2_1184";
-const spanRunning = "_spanRunning_1fmf2_1194";
-const spanPending = "_spanPending_1fmf2_1195";
-const spanCompleted = "_spanCompleted_1fmf2_1203";
-const spanCancelled = "_spanCancelled_1fmf2_1211";
-const spanFailed = "_spanFailed_1fmf2_1219";
-const spanPendingStriped = "_spanPendingStriped_1fmf2_1228";
-const hasQueuedTime = "_hasQueuedTime_1fmf2_1242";
-const spanSleep = "_spanSleep_1fmf2_1254";
-const spanHook = "_spanHook_1fmf2_1263";
-const segmentLayer = "_segmentLayer_1fmf2_1275";
-const segment = "_segment_1fmf2_1275";
-const segmentLabel = "_segmentLabel_1fmf2_1291";
-const segmentTag = "_segmentTag_1fmf2_1306";
-const segQueued = "_segQueued_1fmf2_1314";
-const segRunning = "_segRunning_1fmf2_1325";
-const segFailed = "_segFailed_1fmf2_1330";
-const segRetrying = "_segRetrying_1fmf2_1335";
-const segSucceeded = "_segSucceeded_1fmf2_1346";
-const segWaiting = "_segWaiting_1fmf2_1351";
-const segSleeping = "_segSleeping_1fmf2_1362";
-const segReceived = "_segReceived_1fmf2_1367";
-const boundaryMarker = "_boundaryMarker_1fmf2_1372";
-const boundaryLine = "_boundaryLine_1fmf2_1373";
-const hasSegments = "_hasSegments_1fmf2_1395";
-const eventFailed = "_eventFailed_1fmf2_1432";
-const eventRetrying = "_eventRetrying_1fmf2_1441";
-const eventHook = "_eventHook_1fmf2_1450";
-const eventDefault = "_eventDefault_1fmf2_1459";
+const traceNode = "_traceNode_1ytrx_1";
+const childRow = "_childRow_1ytrx_5";
+const spanNode = "_spanNode_1ytrx_11";
+const huge = "_huge_1ytrx_31";
+const spanName = "_spanName_1ytrx_34";
+const spanSpacer = "_spanSpacer_1ytrx_40";
+const spanDuration = "_spanDuration_1ytrx_44";
+const small = "_small_1ytrx_62";
+const xHover = "_xHover_1ytrx_62";
+const spanNodeEvent = "_spanNodeEvent_1ytrx_118";
+const eventDiamond = "_eventDiamond_1ytrx_124";
+const customEventColor = "_customEventColor_1ytrx_140";
+const hoverInfo = "_hoverInfo_1ytrx_145";
+const eventName = "_eventName_1ytrx_149";
+const eventTimestamp = "_eventTimestamp_1ytrx_153";
+const alignStart = "_alignStart_1ytrx_174";
+const alignEnd = "_alignEnd_1ytrx_178";
+const colorVercel = "_colorVercel_1ytrx_205";
+const color0 = "_color0_1ytrx_213";
+const color1 = "_color1_1ytrx_220";
+const color2 = "_color2_1ytrx_227";
+const color3 = "_color3_1ytrx_234";
+const color4 = "_color4_1ytrx_241";
+const colorHighlight = "_colorHighlight_1ytrx_248";
+const unlit = "_unlit_1ytrx_256";
+const mapContainer = "_mapContainer_1ytrx_262";
+const spanDetailPanel = "_spanDetailPanel_1ytrx_329";
+const spanDetailPanelResizer = "_spanDetailPanelResizer_1ytrx_338";
+const spanDetailPanelTop = "_spanDetailPanelTop_1ytrx_353";
+const spanDetailPanelBody = "_spanDetailPanelBody_1ytrx_362";
+const spanDetailPanelTopInfo = "_spanDetailPanelTopInfo_1ytrx_375";
+const spanNameDetailPanel = "_spanNameDetailPanel_1ytrx_389";
+const spanDetailPanelTruncatedHeading = "_spanDetailPanelTruncatedHeading_1ytrx_395";
+const spanDetailPanelName = "_spanDetailPanelName_1ytrx_405";
+const spanDetailPanelDuration = "_spanDetailPanelDuration_1ytrx_416";
+const spanDetailPanelCorner = "_spanDetailPanelCorner_1ytrx_427";
+const spanDetailPanelCornerInner = "_spanDetailPanelCornerInner_1ytrx_437";
+const spanDetailPanelCloseVerticalRule = "_spanDetailPanelCloseVerticalRule_1ytrx_445";
+const spanDetailPanelClose = "_spanDetailPanelClose_1ytrx_445";
+const spanDetailPanelAttribute = "_spanDetailPanelAttribute_1ytrx_467";
+const spanDetailPanelAttributeKey = "_spanDetailPanelAttributeKey_1ytrx_484";
+const spanDetailPanelAttributeValue = "_spanDetailPanelAttributeValue_1ytrx_492";
+const spanDetailPanelQuickLink = "_spanDetailPanelQuickLink_1ytrx_503";
+const spanDetailPanelQuickLinkLabel = "_spanDetailPanelQuickLinkLabel_1ytrx_506";
+const detailGroup = "_detailGroup_1ytrx_519";
+const expanded = "_expanded_1ytrx_533";
+const collapsed = "_collapsed_1ytrx_534";
+const ancestorGroup = "_ancestorGroup_1ytrx_535";
+const detailHeading = "_detailHeading_1ytrx_539";
+const buttonLink = "_buttonLink_1ytrx_562";
+const note = "_note_1ytrx_581";
+const skeleton = "_skeleton_1ytrx_589";
+const skeletonRounded = "_skeletonRounded_1ytrx_595";
+const detailHeadingIcon = "_detailHeadingIcon_1ytrx_599";
+const infraSpanDescription = "_infraSpanDescription_1ytrx_603";
+const ancestorNode = "_ancestorNode_1ytrx_613";
+const ancestorText = "_ancestorText_1ytrx_629";
+const ancestorName = "_ancestorName_1ytrx_639";
+const ancestorDuration = "_ancestorDuration_1ytrx_644";
+const ancestorLineContainer = "_ancestorLineContainer_1ytrx_649";
+const ancestorLine = "_ancestorLine_1ytrx_649";
+const zoomButtonGroup = "_zoomButtonGroup_1ytrx_701";
+const zoomButton = "_zoomButton_1ytrx_701";
+const divider = "_divider_1ytrx_751";
+const markersContainer = "_markersContainer_1ytrx_758";
+const markers = "_markers_1ytrx_758";
+const marker = "_marker_1ytrx_758";
+const notch = "_notch_1ytrx_792";
+const markerLabel = "_markerLabel_1ytrx_798";
+const markerClockTime = "_markerClockTime_1ytrx_807";
+const eventMarkersContainer = "_eventMarkersContainer_1ytrx_816";
+const eventMarkers = "_eventMarkers_1ytrx_816";
+const eventMarker = "_eventMarker_1ytrx_816";
+const cursorMarkerStickyParent = "_cursorMarkerStickyParent_1ytrx_839";
+const cursorMarkerLabelContainer = "_cursorMarkerLabelContainer_1ytrx_848";
+const cursorMarkerLabel = "_cursorMarkerLabel_1ytrx_848";
+const cursorMarkerContainer = "_cursorMarkerContainer_1ytrx_898";
+const cursorMarker = "_cursorMarker_1ytrx_839";
+const cursorSelection = "_cursorSelection_1ytrx_916";
+const traceViewer = "_traceViewer_1ytrx_966";
+const mapCanvas = "_mapCanvas_1ytrx_972";
+const zoomButtonTraceViewer = "_zoomButtonTraceViewer_1ytrx_988";
+const timeline = "_timeline_1ytrx_1011";
+const searchBar = "_searchBar_1ytrx_1019";
+const searchInput = "_searchInput_1ytrx_1031";
+const searchInputLabel = "_searchInputLabel_1ytrx_1038";
+const searchInputPrefix = "_searchInputPrefix_1ytrx_1063";
+const mapThumb = "_mapThumb_1ytrx_1101";
+const spanDetailPanelTraceViewer = "_spanDetailPanelTraceViewer_1ytrx_1115";
+const traceViewerContent = "_traceViewerContent_1ytrx_1134";
+const inert = "_inert_1ytrx_1144";
+const hidden = "_hidden_1ytrx_1180";
+const mobile = "_mobile_1ytrx_1184";
+const spanRunning = "_spanRunning_1ytrx_1194";
+const spanPending = "_spanPending_1ytrx_1195";
+const spanCompleted = "_spanCompleted_1ytrx_1203";
+const spanCancelled = "_spanCancelled_1ytrx_1211";
+const spanFailed = "_spanFailed_1ytrx_1219";
+const spanPendingStriped = "_spanPendingStriped_1ytrx_1228";
+const hasQueuedTime = "_hasQueuedTime_1ytrx_1242";
+const spanSleep = "_spanSleep_1ytrx_1254";
+const spanHook = "_spanHook_1ytrx_1263";
+const segmentLayer = "_segmentLayer_1ytrx_1275";
+const segment = "_segment_1ytrx_1275";
+const segmentLabel = "_segmentLabel_1ytrx_1291";
+const segmentTag = "_segmentTag_1ytrx_1306";
+const segQueued = "_segQueued_1ytrx_1314";
+const segRunning = "_segRunning_1ytrx_1325";
+const segFailed = "_segFailed_1ytrx_1330";
+const segRetrying = "_segRetrying_1ytrx_1335";
+const segSucceeded = "_segSucceeded_1ytrx_1346";
+const segWaiting = "_segWaiting_1ytrx_1351";
+const segSleeping = "_segSleeping_1ytrx_1362";
+const segReceived = "_segReceived_1ytrx_1367";
+const boundaryMarker = "_boundaryMarker_1ytrx_1372";
+const boundaryLine = "_boundaryLine_1ytrx_1373";
+const hasSegments = "_hasSegments_1ytrx_1395";
+const eventFailed = "_eventFailed_1ytrx_1432";
+const eventRetrying = "_eventRetrying_1ytrx_1441";
+const eventHook = "_eventHook_1ytrx_1450";
+const eventDefault = "_eventDefault_1ytrx_1459";
 const styles$2 = {
   traceNode,
   childRow,
@@ -85025,7 +85111,7 @@ const styles$2 = {
   ancestorLineContainer,
   ancestorLine,
   zoomButtonGroup,
-  "zoom-buttons-fade-in": "_zoom-buttons-fade-in_1fmf2_1",
+  "zoom-buttons-fade-in": "_zoom-buttons-fade-in_1ytrx_1",
   zoomButton,
   divider,
   markersContainer,
@@ -85044,7 +85130,7 @@ const styles$2 = {
   cursorMarker,
   cursorSelection,
   traceViewer,
-  "span-skeleton": "_span-skeleton_1fmf2_1",
+  "span-skeleton": "_span-skeleton_1ytrx_1",
   mapCanvas,
   zoomButtonTraceViewer,
   timeline,
@@ -86437,7 +86523,7 @@ function computeStepSegmentsFromSpan(startMs, duration2, events2) {
     "step_completed"
   ]);
   if (marks.length === 0) {
-    segments.push({ startFraction: 0, endFraction: 1, status: "running" });
+    segments.push({ startFraction: 0, endFraction: 1, status: "queued" });
     return segments;
   }
   const firstFraction = timeToFraction(marks[0].time, startMs, duration2);
@@ -86462,7 +86548,7 @@ function computeStepSegmentsFromSpan(startMs, duration2, events2) {
         });
       } else {
         const nextType = nextMark.type;
-        const attemptStatus = nextType === "step_retrying" || nextType === "step_failed" ? "failed" : nextType === "step_completed" ? "succeeded" : "running";
+        const attemptStatus = nextType === "step_retrying" || nextType === "step_failed" ? "failed" : nextType === "step_completed" ? "succeeded" : "retrying";
         segments.push({
           startFraction: markFrac,
           endFraction: nextFrac,
@@ -86491,35 +86577,16 @@ function computeHookSegmentsFromSpan(startMs, duration2, events2) {
   const segments = [];
   if (duration2 <= 0)
     return segments;
-  const sorted = [...events2].map((e) => ({ name: e.name, time: getHighResInMs(e.timestamp) })).sort((a2, b2) => a2.time - b2.time);
-  const received = sorted.find((e) => e.name === "hook_received");
-  const disposed = sorted.find((e) => e.name === "hook_disposed");
-  if (!received && !disposed) {
-    segments.push({ startFraction: 0, endFraction: 1, status: "waiting" });
-    return segments;
-  }
-  const receivedFrac = received ? timeToFraction(received.time, startMs, duration2) : null;
+  const disposed = sortedEventMarks(events2, ["hook_disposed"])[0];
   const disposedFrac = disposed ? timeToFraction(disposed.time, startMs, duration2) : null;
-  if (receivedFrac !== null && receivedFrac > 1e-3) {
+  const waitingEnd = disposedFrac ?? 1;
+  if (waitingEnd > 1e-3) {
     segments.push({
       startFraction: 0,
-      endFraction: receivedFrac,
-      status: "waiting"
-    });
-  } else if (receivedFrac === null && disposedFrac !== null) {
-    segments.push({
-      startFraction: 0,
-      endFraction: disposedFrac,
+      endFraction: waitingEnd,
       status: "waiting"
     });
   }
-  if (receivedFrac !== null) {
-    segments.push({
-      startFraction: receivedFrac,
-      endFraction: disposedFrac ?? 1,
-      status: "received"
-    });
-  }
   if (disposedFrac !== null && disposedFrac < 0.999) {
     segments.push({
       startFraction: disposedFrac,
@@ -86610,6 +86677,33 @@ function computeSpanSegments(span) {
       return [];
   }
 }
+const MARKER_EVENT_NAMES = ["hook_received", "attr_set"];
+function computeSpanMarkers(span) {
+  return sortedEventMarks(span.events, MARKER_EVENT_NAMES).map((mark2) => ({
+    timeMs: mark2.time
+  }));
+}
+function computeOffscreenMarkers(markers2, visibleStartMs, visibleEndMs) {
+  let leftCount = 0;
+  let rightCount = 0;
+  let nearestLeft = Number.NEGATIVE_INFINITY;
+  let nearestRight = Number.POSITIVE_INFINITY;
+  for (const { timeMs } of markers2) {
+    if (timeMs < visibleStartMs) {
+      leftCount++;
+      if (timeMs > nearestLeft)
+        nearestLeft = timeMs;
+    } else if (timeMs > visibleEndMs) {
+      rightCount++;
+      if (timeMs < nearestRight)
+        nearestRight = timeMs;
+    }
+  }
+  return {
+    left: leftCount > 0 ? { count: leftCount, nearestMs: nearestLeft } : null,
+    right: rightCount > 0 ? { count: rightCount, nearestMs: nearestRight } : null
+  };
+}
 const INITIAL_VISIBLE_ROWS = 60;
 function getScrollParent(el) {
   let node2 = (el == null ? void 0 : el.parentElement) ?? null;
@@ -86658,6 +86752,30 @@ function useRowWindow(ref, rowCount, rowHeight, overscan = 12) {
   return range2;
 }
 const ROW_HEIGHT_PX = 40;
+function scrollRowIntoView(listEl, index2, rowHeight, opts) {
+  const scroller = listEl ? getScrollParent(listEl) : null;
+  if (!listEl || !scroller)
+    return;
+  const margin = (opts == null ? void 0 : opts.margin) ?? rowHeight;
+  const listOffset = listEl.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
+  const rowTop = listOffset + index2 * rowHeight;
+  const rowBottom = rowTop + rowHeight;
+  const viewTop = scroller.scrollTop;
+  const viewBottom = viewTop + scroller.clientHeight;
+  let top = null;
+  if (rowTop < viewTop) {
+    top = rowTop - margin;
+  } else if (rowBottom > viewBottom) {
+    top = rowBottom + margin - scroller.clientHeight;
+  }
+  if (top === null)
+    return;
+  const max2 = scroller.scrollHeight - scroller.clientHeight;
+  scroller.scrollTo({
+    top: Math.max(0, Math.min(top, max2)),
+    behavior: opts == null ? void 0 : opts.behavior
+  });
+}
 const eventStyles = {
   run: { icon: WorkflowIcon, className: "text-blue-900" },
   step: { icon: StepForwardIcon, className: "text-green-900" },
@@ -86789,6 +86907,51 @@ function SplitPane({ children: children2, className, defaultStartWidth = DEFAULT
   }
   return jsxRuntimeExports.jsxs("div", { ref: setContainerRef, className: cn$4("grid h-full min-h-0 content-start overflow-x-hidden overflow-y-auto", isDragging && "select-none", className), style: { gridTemplateColumns: colTemplate, height: "100%" }, children: [start2, gutter, end] });
 }
+function projectMarkers(markers2, visibleStartMs, visibleEndMs) {
+  const visibleDurationMs = visibleEndMs - visibleStartMs;
+  if (visibleDurationMs <= 0)
+    return [];
+  return markers2.flatMap((m2) => {
+    if (m2.timeMs < visibleStartMs || m2.timeMs > visibleEndMs) {
+      return [];
+    }
+    return [
+      {
+        leftPct: (m2.timeMs - visibleStartMs) / visibleDurationMs * 100,
+        timeMs: m2.timeMs
+      }
+    ];
+  });
+}
+const MARKER_MIN_GAP_PX = 16;
+function cullCollidingMarkers(projected, pixelWidth) {
+  const kept = [];
+  let lastKeptPct = Number.NEGATIVE_INFINITY;
+  for (const m2 of projected) {
+    const gapPx = (m2.leftPct - lastKeptPct) / 100 * pixelWidth;
+    if (gapPx < MARKER_MIN_GAP_PX)
+      continue;
+    kept.push(m2);
+    lastKeptPct = m2.leftPct;
+  }
+  return kept;
+}
+function MarkerTick({ className }) {
+  return jsxRuntimeExports.jsx("span", { className: cn$4("block w-[3px] rounded-full bg-gray-1000", className) });
+}
+function MarkerLayer({ markers: markers2 }) {
+  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: markers2.map((m2) => jsxRuntimeExports.jsx("span", { className: "pointer-events-auto absolute top-0 bottom-0 z-10 flex w-8 -translate-x-1/2 items-center justify-center", style: { left: `clamp(8px, ${m2.leftPct}%, calc(100% - 8px))` }, children: jsxRuntimeExports.jsx(TimestampTooltip, { date: m2.timeMs, children: jsxRuntimeExports.jsx("span", { className: "flex h-6 w-8 items-center justify-center", children: jsxRuntimeExports.jsx(MarkerTick, { className: "h-3" }) }) }) }, m2.timeMs)) });
+}
+function OffscreenMarkerIndicator({ direction, count: count2, targetMs, onReveal }) {
+  const Chevron = direction === "right" ? ArrowRight : ArrowLeft;
+  const label = `${count2} marker${count2 === 1 ? "" : "s"} ${direction === "right" ? "ahead" : "behind"} — click to scroll to ${count2 === 1 ? "it" : "the nearest"}`;
+  const chevron = jsxRuntimeExports.jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center", children: jsxRuntimeExports.jsx(Chevron, { className: "size-3 text-gray-900" }) });
+  const tick = jsxRuntimeExports.jsx(MarkerTick, { className: "h-3.5 shrink-0" });
+  return jsxRuntimeExports.jsx("button", { type: "button", "aria-label": label, title: label, onClick: (e) => {
+    e.stopPropagation();
+    onReveal == null ? void 0 : onReveal(targetMs);
+  }, className: cn$4("pointer-events-auto absolute top-1/2 z-20 flex h-6 -translate-y-1/2 cursor-pointer items-center rounded-[0.25rem] border border-gray-alpha-400 bg-background-100 shadow-sm hover:bg-gray-100", direction === "right" ? "right-0 pl-1.5" : "left-0 pr-1.5"), children: direction === "left" ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [chevron, tick] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [tick, chevron] }) });
+}
 const runningStripes = "_runningStripes_62ud0_1";
 const styles$1 = {
   runningStripes
@@ -86799,7 +86962,7 @@ const TIMELINE_PADDING_PX = 16;
 const SEGMENT_CLASSES = {
   queued: "bg-gray-400 border border-gray-500",
   retrying: "bg-gray-400 border border-gray-500",
-  waiting: "bg-gray-400 border border-gray-500",
+  waiting: "bg-gray-200 border border-gray-500",
   running: "bg-blue-200 border border-blue-500",
   completed: "bg-blue-200 border border-blue-500",
   failed: "bg-red-200 border border-red-500",
@@ -86880,8 +87043,8 @@ function projectSegments(segments, spanStartMs, spanDurationMs, geometry) {
     ];
   });
 }
-function DurationLabel({ label }) {
-  return jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-start overflow-hidden px-1 text-[10px] font-mono font-medium leading-none whitespace-nowrap text-left text-gray-1000 tabular-nums opacity-0 group-hover/timeline-row:opacity-100", children: label });
+function DurationLabel({ label, className }) {
+  return jsxRuntimeExports.jsx("span", { className: cn$4("pointer-events-none absolute inset-0 flex items-center justify-start overflow-hidden px-1 text-[10px] font-mono font-medium leading-none whitespace-nowrap text-left text-gray-1000 tabular-nums opacity-0 group-hover/timeline-row:opacity-100", className), children: label });
 }
 function BoundaryArrow({ direction }) {
   const Icon2 = direction === "right" ? ArrowRight : ArrowLeft;
@@ -86896,15 +87059,18 @@ function LeadInConnector({ leftPct, widthPct, label }) {
     width: `calc(${widthPct}% - 1px)`
   }, children: [jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-1/2 h-4 w-px -translate-y-1/2 bg-gray-500" }), jsxRuntimeExports.jsx("div", { className: "absolute inset-x-0 top-1/2 h-px -translate-y-1/2 bg-gray-500" }), label ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null] });
 }
-function SegmentBar({ segments }) {
+function SegmentBar({ segments, showLabels = true }) {
   return jsxRuntimeExports.jsx("div", { className: "relative h-6 w-full", children: segments.map((seg, i) => {
     if (seg.status === "queued") {
       const leadInLabel = formatDurationPrecise(seg.fullDurationMs);
-      const showLeadInLabel = seg.pixelWidth >= Math.max(40, leadInLabel.length * 6 + 12);
-      return jsxRuntimeExports.jsx(LeadInConnector, { leftPct: seg.leftPct, widthPct: seg.widthPct, label: showLeadInLabel ? leadInLabel : null }, i);
+      const showLeadInLabel = showLabels && seg.pixelWidth >= Math.max(40, leadInLabel.length * 6 + 12);
+      const isFullWidthQueued = segments.length === 1;
+      return jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [jsxRuntimeExports.jsx(LeadInConnector, { leftPct: seg.leftPct, widthPct: seg.widthPct, label: showLeadInLabel ? leadInLabel : null }), isFullWidthQueued ? jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-4 w-px -translate-y-1/2 bg-gray-500", style: {
+        left: `calc(${seg.leftPct + seg.widthPct}% - 1.5px)`
+      } }) : null] }, i);
     }
     const label = formatDurationPrecise(seg.fullDurationMs);
-    const showLabel = seg.pixelWidth >= Math.max(40, label.length * 6 + 12);
+    const showLabel = showLabels && seg.pixelWidth >= Math.max(40, label.length * 6 + 12);
     return jsxRuntimeExports.jsxs("div", { className: cn$4("absolute h-full overflow-hidden rounded-[0.25rem]", SEGMENT_CLASSES[seg.status]), style: {
       // 1px gap between adjacent segments, distributed equally.
       left: `calc(${seg.leftPct}% + 0.5px)`,
@@ -86913,31 +87079,7 @@ function SegmentBar({ segments }) {
     }, children: [ACTIVE_SEGMENT_STATUSES.has(seg.status) ? jsxRuntimeExports.jsx(RunningStripes, {}) : null, showLabel ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null] }, i);
   }) });
 }
-function formatMarkerTime(ms2) {
-  const date2 = new Date(ms2);
-  return date2.toLocaleTimeString("en-US", {
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hour12: false
-  }) + "." + date2.getMilliseconds().toString().padStart(3, "0");
-}
-function AttrSetMarkers({ span, viewStart, viewDuration }) {
-  const markers2 = reactExports.useMemo(() => span.events.filter((e) => e.name === "attr_set"), [span.events]);
-  if (markers2.length === 0 || viewDuration <= 0)
-    return null;
-  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: markers2.map((event, index2) => {
-    const timeMs = getHighResInMs(event.timestamp);
-    const frac = (timeMs - viewStart) / viewDuration;
-    if (frac < 0 || frac > 1)
-      return null;
-    return jsxRuntimeExports.jsxs(Tooltip$1, { children: [jsxRuntimeExports.jsx(TooltipTrigger$1, { asChild: true, children: jsxRuntimeExports.jsx("div", { "aria-label": "Attributes set", className: "absolute top-1/2 z-10 flex h-4 w-4 -translate-x-1/2 -translate-y-1/2 cursor-pointer items-center justify-center", style: { left: `${frac * 100}%` }, children: jsxRuntimeExports.jsx("div", { className: "h-2 w-2 rotate-45 rounded-[1px] border", style: {
-      backgroundColor: "var(--ds-teal-400)",
-      borderColor: "var(--ds-teal-900)"
-    } }) }) }), jsxRuntimeExports.jsxs(TooltipContent$1, { children: ["Attributes set · ", formatMarkerTime(timeMs)] })] }, `attr-set-${index2}`);
-  }) });
-}
-const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, viewDuration, containerWidth, isSelected, isDimmed, onSelect }) {
+const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, viewDuration, containerWidth, isSelected, isDimmed, onSelect, onRevealTime }) {
   var _a3;
   const startMs = getHighResInMs(span.startTime);
   const endMs = getHighResInMs(span.endTime);
@@ -86945,6 +87087,10 @@ const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, v
   const geometry = reactExports.useMemo(() => computeBarGeometry(startMs, endMs, viewStart, viewStart + viewDuration, containerWidth), [startMs, endMs, viewStart, viewDuration, containerWidth]);
   const baseSegments = reactExports.useMemo(() => computeSpanSegments(span), [span]);
   const segments = reactExports.useMemo(() => geometry.mode.kind === "full" ? projectSegments(baseSegments, startMs, totalDurationMs, geometry) : [], [geometry, baseSegments, startMs, totalDurationMs]);
+  const baseMarkers = reactExports.useMemo(() => computeSpanMarkers(span), [span]);
+  const markers2 = reactExports.useMemo(() => geometry.mode.kind === "full" ? cullCollidingMarkers(projectMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs), geometry.visiblePixelWidth) : [], [geometry, baseMarkers]);
+  const offscreen = reactExports.useMemo(() => geometry.mode.kind === "full" ? computeOffscreenMarkers(baseMarkers, geometry.visibleStartMs, geometry.visibleEndMs) : { left: null, right: null }, [geometry, baseMarkers]);
+  const hasMarkers = markers2.length > 0 || offscreen.left !== null || offscreen.right !== null;
   const workflowStatus = (_a3 = span.attributes.data) == null ? void 0 : _a3.status;
   const isErrored = span.status.code === 2 || workflowStatus === "failed";
   const colors = getResourceColor(span.resource);
@@ -86955,7 +87101,11 @@ const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, v
   const handleClick = reactExports.useCallback(() => {
     onSelect(span.spanId);
   }, [onSelect, span.spanId]);
-  return jsxRuntimeExports.jsx("div", { role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, className: cn$4("group/timeline-row h-10 relative flex items-center hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:hover:bg-gray-200 transition-opacity", isDimmed && "opacity-35"), onClick: handleClick, children: jsxRuntimeExports.jsxs("div", { className: "absolute inset-y-0", style: TIMELINE_INSET_STYLE, children: [jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-6 -translate-y-1/2 rounded-[0.25rem]", style: getBarPositionStyle(geometry), children: geometry.mode.kind === "arrow" ? jsxRuntimeExports.jsx(BoundaryArrow, { direction: geometry.mode.direction }) : geometry.mode.kind === "tiny" ? jsxRuntimeExports.jsx("div", { className: "h-6 rounded-[0.25rem] border", style: { background: fallbackBg, borderColor: fallbackBorder } }) : segments.length > 0 ? jsxRuntimeExports.jsx(SegmentBar, { segments }) : jsxRuntimeExports.jsx(PlainBar, { bg: fallbackBg, border: fallbackBorder, label: showTotalLabel ? totalLabel : null }) }), jsxRuntimeExports.jsx(AttrSetMarkers, { span, viewStart, viewDuration })] }) });
+  return jsxRuntimeExports.jsx("div", { role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, className: cn$4("group/timeline-row h-10 relative flex items-center hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:hover:bg-gray-200 transition-opacity", isDimmed && "opacity-35"), onClick: handleClick, children: jsxRuntimeExports.jsxs("div", { className: "absolute inset-y-0", style: TIMELINE_INSET_STYLE, children: [jsxRuntimeExports.jsx("div", { className: "absolute top-1/2 h-6 -translate-y-1/2 overflow-hidden rounded-[0.25rem]", style: getBarPositionStyle(geometry), children: geometry.mode.kind === "arrow" ? jsxRuntimeExports.jsx(BoundaryArrow, { direction: geometry.mode.direction }) : geometry.mode.kind === "tiny" ? jsxRuntimeExports.jsx("div", { className: "h-6 rounded-[0.25rem] border", style: { background: fallbackBg, borderColor: fallbackBorder } }) : segments.length > 0 ? jsxRuntimeExports.jsx(SegmentBar, { segments, showLabels: !hasMarkers }) : jsxRuntimeExports.jsx(PlainBar, { bg: fallbackBg, border: fallbackBorder, label: showTotalLabel ? totalLabel : null }) }), hasMarkers ? jsxRuntimeExports.jsxs("div", { className: "pointer-events-none absolute top-1/2 h-6 -translate-y-1/2", style: getBarPositionStyle(geometry), children: [markers2.length > 0 ? jsxRuntimeExports.jsx(MarkerLayer, { markers: markers2 }) : null, offscreen.left ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "left", count: offscreen.left.count, targetMs: offscreen.left.nearestMs, onReveal: onRevealTime }) : null, offscreen.right ? jsxRuntimeExports.jsx(OffscreenMarkerIndicator, { direction: "right", count: offscreen.right.count, targetMs: offscreen.right.nearestMs, onReveal: onRevealTime }) : null, showTotalLabel ? jsxRuntimeExports.jsx(DurationLabel, {
+    label: totalLabel,
+    // Shift clear of the left edge indicator so it isn't covered.
+    className: offscreen.left ? "pl-10" : void 0
+  }) : null] }) : null] }) });
 });
 const DELTA_CAP_HEIGHT_PX = 8;
 const DELTA_ROW_OFFSET_PX = 8;
@@ -86971,7 +87121,7 @@ const DeltaIndicator = reactExports.memo(function DeltaIndicator2({ leftFrac, ri
 function TimelineHeader({ markers: markers2, hoverInfo: hoverInfo2 }) {
   return jsxRuntimeExports.jsx("div", { className: "relative bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-end px-4 pb-1", children: jsxRuntimeExports.jsxs("div", { className: "relative h-full flex-1", children: [markers2.map((m2) => jsxRuntimeExports.jsx("span", { className: "absolute bottom-1 font-mono text-xs font-normal leading-4 text-gray-900 whitespace-nowrap", style: { left: `${m2.position * 100}%` }, children: m2.label }, String(m2.value))), hoverInfo2 && jsxRuntimeExports.jsx("span", { className: "absolute top-1 pointer-events-none z-10 font-mono text-[11px] leading-4 text-gray-1000 whitespace-nowrap bg-background-100 border border-gray-alpha-400 rounded px-1 -translate-x-1/2", style: { left: `${hoverInfo2.fraction * 100}%` }, children: hoverInfo2.label })] }) });
 }
-function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, searchResult, onSelect, hoverFraction, altHeld = false }) {
+function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, searchResult, onSelect, onRevealTime, hoverFraction, altHeld = false }) {
   const containerRef = reactExports.useRef(null);
   const [containerWidth, setContainerWidth] = reactExports.useState(0);
   const viewDuration = viewEnd - viewStart;
@@ -86991,7 +87141,7 @@ function Timeline({ spans, viewStart, viewEnd, markers: markers2, selectedId, se
   return jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative h-full overflow-hidden", style: { minHeight: spans.length * ROW_HEIGHT_PX }, children: [jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: markers2.map((marker2) => (
     // Skip the "0s" origin marker since the left edge already implies it.
     Math.abs(marker2.value) > 1e-6 ? jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-300", style: { left: `${marker2.position * 100}%` } }, String(marker2.value)) : null
-  )) }), hoverFraction != null && jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 pointer-events-none z-10", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-500", style: { left: `${hoverFraction * 100}%` } }) }), jsxRuntimeExports.jsx("div", { style: { transform: `translateY(${start2 * ROW_HEIGHT_PX}px)` }, children: spans.slice(start2, end).map((span) => jsxRuntimeExports.jsx(TimelineBar, { span, viewStart, viewDuration, containerWidth: timelineWidth, isSelected: selectedId === span.spanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelect }, span.spanId)) }), altHeld && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: gaps.map((gap) => jsxRuntimeExports.jsx(DeltaIndicator, { leftFrac: gap.leftFrac, rightFrac: gap.rightFrac, label: formatDuration(gap.gapMs, true), rowIndex: gap.rowIndex }, gap.rowIndex)) })] });
+  )) }), hoverFraction != null && jsxRuntimeExports.jsx("div", { className: "absolute inset-y-0 pointer-events-none z-10", style: TIMELINE_INSET_STYLE, children: jsxRuntimeExports.jsx("div", { className: "absolute top-0 bottom-0 w-px bg-gray-alpha-500", style: { left: `${hoverFraction * 100}%` } }) }), jsxRuntimeExports.jsx("div", { style: { transform: `translateY(${start2 * ROW_HEIGHT_PX}px)` }, children: spans.slice(start2, end).map((span) => jsxRuntimeExports.jsx(TimelineBar, { span, viewStart, viewDuration, containerWidth: timelineWidth, isSelected: selectedId === span.spanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelect, onRevealTime }, span.spanId)) }), altHeld && jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "absolute inset-y-0 pointer-events-none", style: TIMELINE_INSET_STYLE, children: gaps.map((gap) => jsxRuntimeExports.jsx(DeltaIndicator, { leftFrac: gap.leftFrac, rightFrac: gap.rightFrac, label: formatDuration(gap.gapMs, true), rowIndex: gap.rowIndex }, gap.rowIndex)) })] });
 }
 const ActiveSpanContext = reactExports.createContext(null);
 ActiveSpanContext.displayName = "ActiveSpanContext";
@@ -87037,6 +87187,7 @@ const useActiveSpan = () => {
   return context;
 };
 const MIN_VIEWPORT_MS = 1e-3;
+const ZOOM_DEBOUNCE_MS = 150;
 function useAnimatedViewport(initial) {
   const [viewport, setViewportState] = reactExports.useState(initial);
   const animRef = reactExports.useRef(null);
@@ -87113,6 +87264,7 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
   const { activeSpan, activeSpanId, setActiveSpan, clearActiveSpan } = useActiveSpan();
   const sidebar = useSidebarData();
   const selectedSpan = useSelectedSpanInfo();
+  const reducedMotion = useReducedMotion();
   const [searchQuery, setSearchQuery] = reactExports.useState("");
   const deferredSearchQuery = reactExports.useDeferredValue(searchQuery);
   const searchResult = reactExports.useMemo(() => searchSpans(trace2.spans, deferredSearchQuery), [trace2.spans, deferredSearchQuery]);
@@ -87148,10 +87300,29 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
     prevRootRef.current = { start: newStart, end: newEnd };
   }, [root2.startTime, root2.duration, setViewport]);
   const viewDuration = viewport.end - viewport.start;
+  const viewportRef = reactExports.useRef(viewport);
+  viewportRef.current = viewport;
   const timeMarkers = reactExports.useMemo(() => computeTimeMarkers(viewDuration, viewport.start - root2.startTime), [viewDuration, viewport.start, root2.startTime]);
   const resetZoom = reactExports.useCallback(() => {
     animateTo({ start: root2.startTime, end: root2.startTime + root2.duration });
   }, [animateTo, root2.startTime, root2.duration]);
+  const handleRevealTime = reactExports.useCallback((timeMs) => {
+    const rootS = root2.startTime;
+    const rootE = root2.startTime + root2.duration;
+    const { start: start2, end } = viewportRef.current;
+    const duration2 = end - start2;
+    let newStart = timeMs - duration2 / 2;
+    let newEnd = timeMs + duration2 / 2;
+    if (newStart < rootS) {
+      newStart = rootS;
+      newEnd = rootS + duration2;
+    }
+    if (newEnd > rootE) {
+      newEnd = rootE;
+      newStart = Math.max(rootS, rootE - duration2);
+    }
+    animateTo({ start: newStart, end: newEnd });
+  }, [animateTo, root2.startTime, root2.duration]);
   const ZOOM_FACTOR = 0.5;
   const zoomBy = reactExports.useCallback((factor) => {
     const rootS = root2.startTime;
@@ -87176,12 +87347,7 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
   }, [setViewport, root2.startTime, root2.duration]);
   const zoomIn = reactExports.useCallback(() => zoomBy(ZOOM_FACTOR), [zoomBy]);
   const zoomOut = reactExports.useCallback(() => zoomBy(1 / ZOOM_FACTOR), [zoomBy]);
-  const handleSelectSpan = reactExports.useCallback((spanId) => {
-    if (spanId === activeSpanId) {
-      clearActiveSpan();
-      return;
-    }
-    setActiveSpan(spanId);
+  const focusViewportOnSpan = reactExports.useCallback((spanId) => {
     const span = trace2.spans.find((s2) => s2.spanId === spanId);
     if (!span)
       return;
@@ -87214,15 +87380,53 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
       newStart = Math.max(rootS, rootE - duration2);
     }
     animateTo({ start: newStart, end: newEnd });
+  }, [animateTo, trace2.spans, root2.startTime, root2.duration]);
+  const scrollSpanIntoView = reactExports.useCallback((spanId) => {
+    var _a3;
+    const index2 = trace2.spans.findIndex((s2) => s2.spanId === spanId);
+    if (index2 === -1)
+      return;
+    const list2 = ((_a3 = scrollContainerRef.current) == null ? void 0 : _a3.querySelector("#event-list")) ?? null;
+    scrollRowIntoView(list2, index2, ROW_HEIGHT_PX, {
+      behavior: reducedMotion ? "auto" : "smooth"
+    });
+  }, [trace2.spans, reducedMotion]);
+  const zoomTimerRef = reactExports.useRef(null);
+  const cancelPendingZoom = reactExports.useCallback(() => {
+    if (zoomTimerRef.current !== null) {
+      clearTimeout(zoomTimerRef.current);
+      zoomTimerRef.current = null;
+    }
+  }, []);
+  reactExports.useEffect(() => cancelPendingZoom, [cancelPendingZoom]);
+  const handleClearActiveSpan = reactExports.useCallback(() => {
+    cancelPendingZoom();
+    clearActiveSpan();
+  }, [cancelPendingZoom, clearActiveSpan]);
+  const handleSelectSpan = reactExports.useCallback((spanId) => {
+    cancelPendingZoom();
+    if (spanId === activeSpanId) {
+      clearActiveSpan();
+      return;
+    }
+    setActiveSpan(spanId);
+    focusViewportOnSpan(spanId);
   }, [
-    animateTo,
-    setActiveSpan,
-    clearActiveSpan,
+    cancelPendingZoom,
     activeSpanId,
-    trace2.spans,
-    root2.startTime,
-    root2.duration
+    clearActiveSpan,
+    setActiveSpan,
+    focusViewportOnSpan
   ]);
+  const navigateToSpan = reactExports.useCallback((spanId) => {
+    setActiveSpan(spanId);
+    scrollSpanIntoView(spanId);
+    cancelPendingZoom();
+    zoomTimerRef.current = setTimeout(() => {
+      zoomTimerRef.current = null;
+      focusViewportOnSpan(spanId);
+    }, ZOOM_DEBOUNCE_MS);
+  }, [setActiveSpan, scrollSpanIntoView, cancelPendingZoom, focusViewportOnSpan]);
   const [altHeld, setAltHeld] = reactExports.useState(false);
   reactExports.useEffect(() => {
     const handleSidebarNavKey = (e) => {
@@ -87233,12 +87437,12 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
       const targetId = e.key === "k" ? prevSpanIdRef.current : nextSpanIdRef.current;
       if (targetId) {
         e.preventDefault();
-        handleSelectSpanRef.current(targetId);
+        navigateToSpanRef.current(targetId);
       }
     };
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
-        clearActiveSpan();
+        handleClearActiveSpan();
       } else if (e.key === "Alt") {
         e.preventDefault();
         setAltHeld(true);
@@ -87259,7 +87463,7 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
       window.removeEventListener("keyup", onKeyUp);
       window.removeEventListener("blur", onBlur);
     };
-  }, [clearActiveSpan]);
+  }, [handleClearActiveSpan]);
   const timelineRef = reactExports.useRef(null);
   const [hoverFraction, setHoverFraction] = reactExports.useState(null);
   const hoverInfo2 = reactExports.useMemo(() => {
@@ -87375,25 +87579,25 @@ function NewTraceViewerContent({ trace: trace2, onLoadMore, hasMore, isLoadingMo
   }, [activeSpanId, trace2.spans]);
   const handleSelectPrevSpan = reactExports.useCallback(() => {
     if (prevSpanId)
-      handleSelectSpan(prevSpanId);
-  }, [prevSpanId, handleSelectSpan]);
+      navigateToSpan(prevSpanId);
+  }, [prevSpanId, navigateToSpan]);
   const handleSelectNextSpan = reactExports.useCallback(() => {
     if (nextSpanId)
-      handleSelectSpan(nextSpanId);
-  }, [nextSpanId, handleSelectSpan]);
+      navigateToSpan(nextSpanId);
+  }, [nextSpanId, navigateToSpan]);
   const prevSpanIdRef = reactExports.useRef(prevSpanId);
   const nextSpanIdRef = reactExports.useRef(nextSpanId);
-  const handleSelectSpanRef = reactExports.useRef(handleSelectSpan);
+  const navigateToSpanRef = reactExports.useRef(navigateToSpan);
   prevSpanIdRef.current = prevSpanId;
   nextSpanIdRef.current = nextSpanId;
-  handleSelectSpanRef.current = handleSelectSpan;
+  navigateToSpanRef.current = navigateToSpan;
   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,360px,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, { scrollContainerRef, startHeader: jsxRuntimeExports.jsxs("div", { className: "bg-background-100 border-b border-gray-alpha-400 h-10 min-h-10 flex items-center pl-4 pr-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), onKeyDown: (e) => {
     if (e.key === "Escape" && searchQuery) {
       e.preventDefault();
       e.stopPropagation();
       setSearchQuery("");
     }
-  }, 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", "aria-label": "Clear search", onClick: () => setSearchQuery(""), className: "-mr-2 hidden h-full max-w-full shrink-0 cursor-pointer items-center rounded-r-md border-0 bg-transparent px-2.5 font-inherit text-base text-gray-900 no-underline transition-colors duration-150 ease-in hover:text-gray-1000 focus-visible:-outline-offset-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--ds-focus-color)] min-[961px]:flex", children: jsxRuntimeExports.jsx("kbd", { className: "inline-flex h-5 min-h-5 min-w-5 items-center justify-center rounded border border-gray-alpha-400 bg-background-100 px-1 font-sans text-[13px] font-medium leading-[1.7em] text-gray-900", children: "Esc" }) })] }), endHeader: jsxRuntimeExports.jsx(TimelineHeader, { markers: timeMarkers, hoverInfo: hoverInfo2 }), children: [jsxRuntimeExports.jsxs("div", { className: "block overflow-visible", children: [jsxRuntimeExports.jsx(EventList, { spans: trace2.spans, activeSpanId, searchResult, onSelectSpan: handleSelectSpan }), jsxRuntimeExports.jsx("div", { ref: loadMoreSentinelRef, className: "flex justify-center", children: isLoadingMore ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-sm text-gray-800", children: [jsxRuntimeExports.jsx(Spinner, { size: 14 }), jsxRuntimeExports.jsx("span", { children: "Loading spans…" })] }) : null })] }), jsxRuntimeExports.jsx("div", { ref: timelineRef, className: "block min-h-0 overflow-visible relative", onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: jsxRuntimeExports.jsx(Timeline, { spans: trace2.spans, viewStart: viewport.start, viewEnd: viewport.end, markers: timeMarkers, selectedId: activeSpanId, searchResult, onSelect: handleSelectSpan, hoverFraction, altHeld }) })] }), jsxRuntimeExports.jsxs("div", { className: "absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-md bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400", children: [jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomOut, "aria-label": "Zoom out", children: jsxRuntimeExports.jsx(ZoomOut, { className: "w-4 h-4" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: resetZoom, "aria-label": "Reset zoom", children: jsxRuntimeExports.jsx(RotateCcw, { className: "w-3.5 h-3.5" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomIn, "aria-label": "Zoom in", children: jsxRuntimeExports.jsx(ZoomIn, { className: "w-4 h-4" }) })] })] }), activeSpan ? 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.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 pt-3 pb-3", 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: handleSelectPrevSpan, 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: handleSelectNextSpan, 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: clearActiveSpan, 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, 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 }) }) })] }) : null] });
+  }, 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", "aria-label": "Clear search", onClick: () => setSearchQuery(""), className: "-mr-2 hidden h-full max-w-full shrink-0 cursor-pointer items-center rounded-r-md border-0 bg-transparent px-2.5 font-inherit text-base text-gray-900 no-underline transition-colors duration-150 ease-in hover:text-gray-1000 focus-visible:-outline-offset-1 focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--ds-focus-color)] min-[961px]:flex", children: jsxRuntimeExports.jsx("kbd", { className: "inline-flex h-5 min-h-5 min-w-5 items-center justify-center rounded border border-gray-alpha-400 bg-background-100 px-1 font-sans text-[13px] font-medium leading-[1.7em] text-gray-900", children: "Esc" }) })] }), endHeader: jsxRuntimeExports.jsx(TimelineHeader, { markers: timeMarkers, hoverInfo: hoverInfo2 }), children: [jsxRuntimeExports.jsxs("div", { className: "block overflow-visible", children: [jsxRuntimeExports.jsx(EventList, { spans: trace2.spans, activeSpanId, searchResult, onSelectSpan: handleSelectSpan }), jsxRuntimeExports.jsx("div", { ref: loadMoreSentinelRef, className: "flex justify-center", children: isLoadingMore ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-sm text-gray-800", children: [jsxRuntimeExports.jsx(Spinner, { size: 14 }), jsxRuntimeExports.jsx("span", { children: "Loading spans…" })] }) : null })] }), jsxRuntimeExports.jsx("div", { ref: timelineRef, className: "block min-h-0 overflow-visible relative", onDoubleClick: resetZoom, onMouseMove: handleTimelineMouseMove, onMouseLeave: handleTimelineMouseLeave, children: jsxRuntimeExports.jsx(Timeline, { spans: trace2.spans, viewStart: viewport.start, viewEnd: viewport.end, markers: timeMarkers, selectedId: activeSpanId, searchResult, onSelect: handleSelectSpan, onRevealTime: handleRevealTime, hoverFraction, altHeld }) })] }), jsxRuntimeExports.jsxs("div", { className: "absolute right-3 bottom-3 z-[5] flex items-center border border-gray-alpha-400 rounded-md bg-background-100 shadow-sm overflow-hidden divide-x divide-gray-alpha-400", children: [jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomOut, "aria-label": "Zoom out", children: jsxRuntimeExports.jsx(ZoomOut, { className: "w-4 h-4" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: resetZoom, "aria-label": "Reset zoom", children: jsxRuntimeExports.jsx(RotateCcw, { className: "w-3.5 h-3.5" }) }), jsxRuntimeExports.jsx(IconButton, { variant: "muted", size: "small", onClick: zoomIn, "aria-label": "Zoom in", children: jsxRuntimeExports.jsx(ZoomIn, { className: "w-4 h-4" }) })] })] }), activeSpan ? 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.jsxs("div", { className: "flex items-center justify-between gap-2 shrink-0 px-4 pt-3 pb-3", 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: handleSelectPrevSpan, 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: handleSelectNextSpan, 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: handleClearActiveSpan, 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, 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 }) }) })] }) : null] });
 }
 const NewTraceViewer = ({ run: run2, events: events2, sidebarData, onLoadMore, hasMore, isLoadingMore, loading = false }) => {
   const trace2 = reactExports.useMemo(() => {
@@ -91068,6 +91272,12 @@ const WorkflowSuspensionState = SemanticConvention$2("workflow.suspension.state"
 const WorkflowSuspensionHookCount = SemanticConvention$2("workflow.suspension.hook_count");
 const WorkflowSuspensionStepCount = SemanticConvention$2("workflow.suspension.step_count");
 const WorkflowSuspensionWaitCount = SemanticConvention$2("workflow.suspension.wait_count");
+const SerializationOperation = SemanticConvention$2("workflow.serialization.operation");
+const SerializationCompressed = SemanticConvention$2("workflow.serialization.compressed");
+const SerializationCodec = SemanticConvention$2("workflow.serialization.codec");
+const SerializationUncompressedBytes = SemanticConvention$2("workflow.serialization.uncompressed_bytes");
+const SerializationStoredBytes = SemanticConvention$2("workflow.serialization.stored_bytes");
+const SerializationCompressionRatio = SemanticConvention$2("workflow.serialization.compression_ratio");
 async function serializeTraceCarrier() {
   const otel = await OtelApi.value;
   if (!otel)
@@ -91151,6 +91361,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 +91502,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.18";
 const WorldCacheKey = Symbol.for("@workflow/world//cache");
 const WorldCachePromiseKey = Symbol.for("@workflow/world//cachePromise");
 const GetWorldFnKey$1 = Symbol.for("@workflow/world//getWorldFn");
@@ -92078,7 +92301,11 @@ const SerializationFormat = {
   /** devalue stringify/parse with TextEncoder/TextDecoder */
   DEVALUE_V1: "devl",
   /** Encrypted payload (inner payload has its own format prefix) */
-  ENCRYPTED: "encr"
+  ENCRYPTED: "encr",
+  /** Gzip-compressed payload (inner payload has its own format prefix) */
+  GZIP: "gzip",
+  /** Zstandard-compressed payload (inner payload has its own format prefix) */
+  ZSTD: "zstd"
 };
 const encoder = new TextEncoder();
 const decoder = new TextDecoder();
@@ -92197,6 +92424,148 @@ function decodeFormatPrefix(data) {
   const payload = data.subarray(FORMAT_PREFIX_LENGTH);
   return { format: str, payload };
 }
+const COMPRESSION_MIN_BYTES = 1024;
+const COMPRESSION_MIN_SAVINGS_RATIO = 0.05;
+const ZSTD_LEVEL = 3;
+function isCompressionDisabledByEnv() {
+  var _a3;
+  try {
+    return typeof process !== "undefined" && ((_a3 = process.env) == null ? void 0 : _a3.WORKFLOW_DISABLE_COMPRESSION) === "1";
+  } catch {
+    return false;
+  }
+}
+function codecOverrideFromEnv() {
+  var _a3;
+  try {
+    const v2 = (_a3 = process.env) == null ? void 0 : _a3.WORKFLOW_COMPRESSION_CODEC;
+    return v2 === "gzip" || v2 === "zstd" ? v2 : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function getNodeZlib() {
+  var _a3, _b2;
+  try {
+    return (_b2 = (_a3 = globalThis.process) == null ? void 0 : _a3.getBuiltinModule) == null ? void 0 : _b2.call(_a3, "node:zlib");
+  } catch {
+    return void 0;
+  }
+}
+function isZstdAvailable() {
+  const z2 = getNodeZlib();
+  return typeof (z2 == null ? void 0 : z2.zstdCompressSync) === "function" && typeof (z2 == null ? void 0 : z2.zstdDecompressSync) === "function";
+}
+function isGzipAvailable() {
+  return typeof CompressionStream === "function" && typeof DecompressionStream === "function";
+}
+async function pipeThroughTransform(data, transform2) {
+  const writer = transform2.writable.getWriter();
+  const writePromise = writer.write(data).then(() => writer.close());
+  writePromise.catch(() => {
+  });
+  const chunks = [];
+  let total = 0;
+  const reader = transform2.readable.getReader();
+  for (; ; ) {
+    const { done, value } = await reader.read();
+    if (done)
+      break;
+    chunks.push(value);
+    total += value.length;
+  }
+  await writePromise;
+  const out = new Uint8Array(total);
+  let offset2 = 0;
+  for (const chunk of chunks) {
+    out.set(chunk, offset2);
+    offset2 += chunk.length;
+  }
+  return out;
+}
+async function gzipBytes(data) {
+  return pipeThroughTransform(data, new CompressionStream("gzip"));
+}
+async function gunzipBytes(data) {
+  return pipeThroughTransform(data, new DecompressionStream("gzip"));
+}
+function zstdBytes(data) {
+  var _a3;
+  const z2 = getNodeZlib();
+  const level = (_a3 = z2 == null ? void 0 : z2.constants) == null ? void 0 : _a3.ZSTD_c_compressionLevel;
+  const opts = level !== void 0 ? { params: { [level]: ZSTD_LEVEL } } : void 0;
+  return new Uint8Array(z2.zstdCompressSync(data, opts));
+}
+function unzstdBytes(data) {
+  const z2 = getNodeZlib();
+  if (!(z2 == null ? void 0 : z2.zstdDecompressSync)) {
+    throw new Error("Compressed (zstd) workflow data encountered but node:zlib zstd support is not available in this runtime (requires Node.js 22.15+). In the browser, register a zstd decoder via registerZstdDecoder (serialization-format.ts).");
+  }
+  return new Uint8Array(z2.zstdDecompressSync(data));
+}
+function recordStats(stats2, codec2, uncompressedBytes, storedBytes) {
+  if (!stats2)
+    return;
+  stats2.recorded = true;
+  stats2.compressed = codec2 !== "none";
+  stats2.codec = codec2;
+  stats2.uncompressedBytes = uncompressedBytes;
+  stats2.storedBytes = storedBytes;
+}
+function selectWriteCodec() {
+  const override = codecOverrideFromEnv();
+  if (override === "gzip")
+    return isGzipAvailable() ? "gzip" : "none";
+  if (isZstdAvailable())
+    return "zstd";
+  if (isGzipAvailable())
+    return "gzip";
+  return "none";
+}
+async function compress(data, enabled, stats2) {
+  if (!(data instanceof Uint8Array))
+    return data;
+  if (!enabled || data.length < COMPRESSION_MIN_BYTES || isCompressionDisabledByEnv()) {
+    recordStats(stats2, "none", data.length, data.length);
+    return data;
+  }
+  const codec2 = selectWriteCodec();
+  if (codec2 === "none") {
+    recordStats(stats2, "none", data.length, data.length);
+    return data;
+  }
+  const compressed = codec2 === "zstd" ? zstdBytes(data) : await gzipBytes(data);
+  const format2 = codec2 === "zstd" ? SerializationFormat.ZSTD : SerializationFormat.GZIP;
+  const wrappedLength = 4 + compressed.length;
+  if (wrappedLength >= data.length * (1 - COMPRESSION_MIN_SAVINGS_RATIO)) {
+    recordStats(stats2, "none", data.length, data.length);
+    return data;
+  }
+  recordStats(stats2, codec2, data.length, wrappedLength);
+  return encodeWithFormatPrefix(format2, compressed);
+}
+async function decompress$1(data, stats2) {
+  if (!(data instanceof Uint8Array))
+    return data;
+  const prefix = peekFormatPrefix(data);
+  if (prefix === SerializationFormat.ZSTD) {
+    const { payload } = decodeFormatPrefix(data);
+    const inflated = unzstdBytes(payload);
+    recordStats(stats2, "zstd", inflated.length, data.length);
+    return inflated;
+  }
+  if (prefix === SerializationFormat.GZIP) {
+    if (!isGzipAvailable()) {
+      throw new Error("Compressed (gzip) workflow data encountered but DecompressionStream is not available in this runtime. Node.js 18+, browsers, and edge runtimes all support it.");
+    }
+    const { payload } = decodeFormatPrefix(data);
+    const inflated = await gunzipBytes(payload);
+    recordStats(stats2, "gzip", inflated.length, data.length);
+    return inflated;
+  }
+  recordStats(stats2, "none", data.length, data.length);
+  return data;
+}
 async function resolveEncryptionKey(key) {
   return typeof key === "function" ? key() : key;
 }
@@ -92255,7 +92624,8 @@ async function serialize$1(value, encryptionKey, options) {
   try {
     const payload = devalueCodec.serialize(value, "client", options);
     const prefixed = encodeWithFormatPrefix(SerializationFormat.DEVALUE_V1, payload);
-    return encrypt(prefixed, encryptionKey);
+    const compressed = await compress(prefixed, (options == null ? void 0 : options.compression) === true, options == null ? void 0 : options.compressionStats);
+    return encrypt(compressed, encryptionKey);
   } catch (error2) {
     rethrowIfRuntimeError(error2);
     const { message: message2, hint: hint2 } = formatSerializationError("client value", error2);
@@ -92263,7 +92633,7 @@ async function serialize$1(value, encryptionKey, options) {
   }
 }
 async function deserialize$2(data, encryptionKey, options) {
-  const decrypted = await decrypt(data, encryptionKey);
+  const decrypted = await decompress$1(await decrypt(data, encryptionKey), options == null ? void 0 : options.compressionStats);
   if (!(decrypted instanceof Uint8Array)) {
     if (devalueCodec.deserializeLegacy) {
       return devalueCodec.deserializeLegacy(decrypted, "client", options);
@@ -92280,7 +92650,8 @@ async function serialize(value, encryptionKey, options) {
   try {
     const payload = devalueCodec.serialize(value, "step", options);
     const prefixed = encodeWithFormatPrefix(SerializationFormat.DEVALUE_V1, payload);
-    return encrypt(prefixed, encryptionKey);
+    const compressed = await compress(prefixed, (options == null ? void 0 : options.compression) === true, options == null ? void 0 : options.compressionStats);
+    return encrypt(compressed, encryptionKey);
   } catch (error2) {
     rethrowIfRuntimeError(error2);
     const { message: message2, hint: hint2 } = formatSerializationError("step value", error2);
@@ -92288,7 +92659,7 @@ async function serialize(value, encryptionKey, options) {
   }
 }
 async function deserialize$1(data, encryptionKey, options) {
-  const decrypted = await decrypt(data, encryptionKey);
+  const decrypted = await decompress$1(await decrypt(data, encryptionKey), options == null ? void 0 : options.compressionStats);
   if (!(decrypted instanceof Uint8Array)) {
     if (devalueCodec.deserializeLegacy) {
       return devalueCodec.deserializeLegacy(decrypted, "step", options);
@@ -92414,6 +92785,26 @@ function unwrapSerializationCause(error2) {
   }
   return error2;
 }
+async function recordCompression(stats2, operation) {
+  if (!stats2.recorded)
+    return;
+  try {
+    const span = await getActiveSpan();
+    if (!span)
+      return;
+    const uncompressedBytes = stats2.uncompressedBytes ?? 0;
+    const storedBytes = stats2.storedBytes ?? 0;
+    span.setAttributes({
+      ...SerializationOperation(operation),
+      ...SerializationCompressed(stats2.compressed ?? false),
+      ...SerializationCodec(stats2.codec ?? "none"),
+      ...SerializationUncompressedBytes(uncompressedBytes),
+      ...SerializationStoredBytes(storedBytes),
+      ...stats2.compressed && uncompressedBytes > 0 ? SerializationCompressionRatio(1 - storedBytes / uncompressedBytes) : {}
+    });
+  } catch {
+  }
+}
 function getSerializeStream(reducers, cryptoKey) {
   const encoder2 = new TextEncoder();
   const keyState = { resolved: false, key: void 0 };
@@ -93586,16 +93977,21 @@ function getStepRevivers(global2 = globalThis, ops, runId, cryptoKey, deployment
 async function maybeDecrypt(data, key) {
   return decrypt(data, key);
 }
-async function dehydrateWorkflowArguments(value, runId, key, ops = [], global2 = globalThis, v1Compat = false, framedByteStreams = false) {
+async function dehydrateWorkflowArguments(value, runId, key, ops = [], global2 = globalThis, v1Compat = false, framedByteStreams = false, compression = false) {
   if (v1Compat) {
     const str = stringify$2(value, getExternalReducers(global2, ops, runId, key, framedByteStreams));
     return revive(str);
   }
   try {
-    return await serialize$1(value, key, {
+    const compressionStats = {};
+    const result = await serialize$1(value, key, {
       global: global2,
-      extraReducers: getStreamAndRequestReducers(getExternalReducers(global2, ops, runId, key, framedByteStreams))
+      extraReducers: getStreamAndRequestReducers(getExternalReducers(global2, ops, runId, key, framedByteStreams)),
+      compression,
+      compressionStats
     });
+    await recordCompression(compressionStats, "serialize");
+    return result;
   } catch (error2) {
     const cause = unwrapSerializationCause(error2);
     const { message: message2, hint: hint2 } = formatSerializationError("workflow arguments", cause);
@@ -93603,7 +93999,10 @@ async function dehydrateWorkflowArguments(value, runId, key, ops = [], global2 =
   }
 }
 async function hydrateWorkflowArguments(value, _runId, key, global2 = globalThis, extraRevivers = {}) {
-  return deserialize(await maybeDecrypt(value, key), {
+  const compressionStats = {};
+  const inflated = await decompress$1(await maybeDecrypt(value, key), compressionStats);
+  await recordCompression(compressionStats, "deserialize");
+  return deserialize(inflated, {
     global: global2,
     extraRevivers: {
       ...getStreamAndRequestRevivers(getWorkflowRevivers(global2)),
@@ -93612,24 +94011,33 @@ async function hydrateWorkflowArguments(value, _runId, key, global2 = globalThis
   });
 }
 async function hydrateWorkflowReturnValue(value, runId, key, ops = [], global2 = globalThis, extraRevivers = {}) {
-  return deserialize$2(value, key, {
+  const compressionStats = {};
+  const result = await deserialize$2(value, key, {
     global: global2,
     extraRevivers: {
       ...getStreamAndRequestRevivers(getExternalRevivers(global2, ops, runId, key)),
       ...extraRevivers
-    }
+    },
+    compressionStats
   });
+  await recordCompression(compressionStats, "deserialize");
+  return result;
 }
-async function dehydrateStepArguments(value, _runId, key, global2 = globalThis, v1Compat = false) {
+async function dehydrateStepArguments(value, _runId, key, global2 = globalThis, v1Compat = false, compression = false) {
   if (v1Compat) {
     const str = stringify$2(value, getWorkflowReducers(global2));
     return revive(str);
   }
   try {
-    return await serialize(value, key, {
+    const compressionStats = {};
+    const result = await serialize(value, key, {
       global: global2,
-      extraReducers: getStreamAndRequestReducers(getWorkflowReducers(global2))
+      extraReducers: getStreamAndRequestReducers(getWorkflowReducers(global2)),
+      compression,
+      compressionStats
     });
+    await recordCompression(compressionStats, "serialize");
+    return result;
   } catch (error2) {
     const cause = unwrapSerializationCause(error2);
     const { message: message2, hint: hint2 } = formatSerializationError("step arguments", cause);
@@ -93637,24 +94045,33 @@ async function dehydrateStepArguments(value, _runId, key, global2 = globalThis,
   }
 }
 async function hydrateStepArguments(value, runId, key, ops = [], global2 = globalThis, extraRevivers = {}, deploymentId) {
-  return deserialize$1(value, key, {
+  const compressionStats = {};
+  const result = await deserialize$1(value, key, {
     global: global2,
     extraRevivers: {
       ...getStreamAndRequestRevivers(getStepRevivers(global2, ops, runId, key, deploymentId)),
       ...extraRevivers
-    }
+    },
+    compressionStats
   });
+  await recordCompression(compressionStats, "deserialize");
+  return result;
 }
-async function dehydrateStepReturnValue(value, runId, key, ops = [], global2 = globalThis, v1Compat = false, framedByteStreams = false) {
+async function dehydrateStepReturnValue(value, runId, key, ops = [], global2 = globalThis, v1Compat = false, framedByteStreams = false, compression = false) {
   if (v1Compat) {
     const str = stringify$2(value, getStepReducers(global2, ops, runId, key, framedByteStreams));
     return revive(str);
   }
   try {
-    return await serialize(value, key, {
+    const compressionStats = {};
+    const result = await serialize(value, key, {
       global: global2,
-      extraReducers: getStreamAndRequestReducers(getStepReducers(global2, ops, runId, key, framedByteStreams))
+      extraReducers: getStreamAndRequestReducers(getStepReducers(global2, ops, runId, key, framedByteStreams)),
+      compression,
+      compressionStats
     });
+    await recordCompression(compressionStats, "serialize");
+    return result;
   } catch (error2) {
     const cause = unwrapSerializationCause(error2);
     const { message: message2, hint: hint2 } = formatSerializationError("step return value", cause);
@@ -93662,7 +94079,9 @@ async function dehydrateStepReturnValue(value, runId, key, ops = [], global2 = g
   }
 }
 async function hydrateRunError(value, runId, key, ops = [], global2 = globalThis, extraRevivers = {}) {
-  const decrypted = await maybeDecrypt(value, key);
+  const compressionStats = {};
+  const decrypted = await decompress$1(await maybeDecrypt(value, key), compressionStats);
+  await recordCompression(compressionStats, "deserialize");
   if (!(decrypted instanceof Uint8Array)) {
     return unflatten(decrypted, {
       ...getExternalRevivers(global2, ops, runId, key),
@@ -121719,7 +122138,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-Beyp1GBB.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 +122291,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-BuFs3aOE.js").then((n) => n.t),
+        await import("./token-BxHJXzbi.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -122600,6 +123019,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 +127577,7 @@ var QueueClient = class {
     setApi(this, new ApiClient({ ...options, region }));
   }
 };
-const version = "5.0.0-beta.15";
+const version = "5.0.0-beta.17";
 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 +127689,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");
@@ -127909,14 +128339,20 @@ async function consumeListFrameStream(url2, headers2, config2, opName) {
   }
   return { events: events2, ...next2 ? { next: next2 } : {} };
 }
-function paginationToQuery(params) {
-  const sp = new URLSearchParams();
+function appendListParams(sp, params) {
   if (params.cursor)
     sp.set("cursor", params.cursor);
   if (params.limit !== void 0)
     sp.set("limit", String(params.limit));
   if (params.sortOrder)
     sp.set("sortOrder", params.sortOrder);
+  if (params.remoteRefBehavior) {
+    sp.set("remoteRefBehavior", params.remoteRefBehavior);
+  }
+}
+function paginationToQuery(params) {
+  const sp = new URLSearchParams();
+  appendListParams(sp, params);
   const qs = sp.toString();
   return qs ? `?${qs}` : "";
 }
@@ -127929,12 +128365,7 @@ async function getEventsByCorrelationIdV4(correlationId, params = {}, config2) {
   const { baseUrl, headers: headers2 } = await getHttpConfig(config2);
   const sp = new URLSearchParams();
   sp.set("correlationId", correlationId);
-  if (params.cursor)
-    sp.set("cursor", params.cursor);
-  if (params.limit !== void 0)
-    sp.set("limit", String(params.limit));
-  if (params.sortOrder)
-    sp.set("sortOrder", params.sortOrder);
+  appendListParams(sp, params);
   const url2 = `${baseUrl}/v4/events?${sp.toString()}`;
   return consumeListFrameStream(url2, headers2, config2, "listEventsByCorrelationId");
 }
@@ -128290,7 +128721,8 @@ async function getWorkflowRunEvents(params, config2) {
   const wirePagination = {
     cursor: (pagination == null ? void 0 : pagination.cursor) ?? void 0,
     limit: pagination == null ? void 0 : pagination.limit,
-    sortOrder: pagination == null ? void 0 : pagination.sortOrder
+    sortOrder: pagination == null ? void 0 : pagination.sortOrder,
+    remoteRefBehavior: resolveData === "none" ? "lazy" : "resolve"
   };
   const result = await ("correlationId" in params ? getEventsByCorrelationIdV4(params.correlationId, wirePagination, config2) : getWorkflowRunEventsV4(params.runId, wirePagination, config2));
   const events2 = result.events.map((listed) => buildEventFromV4(listed.event, listed.body, resolveData));
@@ -128621,11 +129053,14 @@ function createVercelWorld(config2) {
   var _a3, _b2;
   const projectId = ((_a3 = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _a3.projectId) || process.env.VERCEL_PROJECT_ID;
   return {
-    // Spec v4: the workflow-server materializes native `attr_set` events
-    // and accepts initial run attributes on creation. New runs are stamped
-    // with this version; the server must be at least this version (it
-    // rejects runs newer than its own SPEC_VERSION_CURRENT).
-    specVersion: SPEC_VERSION_SUPPORTS_ATTRIBUTES,
+    // Spec v5: new runs may carry gzip-compressed payloads (compression is
+    // entirely client-side — the workflow-server stores payloads opaquely
+    // via RemoteRef and never deserializes them). Spec 5 is a superset of
+    // spec 4, so native `attr_set` events and initial run attributes still
+    // work. New runs are stamped with this version; the server must support
+    // at least it — workflow-server declared spec-5 support in
+    // vercel/workflow-server#520.
+    specVersion: SPEC_VERSION_SUPPORTS_COMPRESSION,
     // On Vercel the platform fails the function invocation when the
     // process exits non-zero, and VQS redelivers the queue message via a
     // fresh invocation. The core runtime uses this to decide whether
@@ -131363,7 +131798,15 @@ function requireSemver() {
 var semverExports = requireSemver();
 const semver = /* @__PURE__ */ getDefaultExportFromCjs(semverExports);
 const FORMAT_VERSION_TABLE = [
-  { format: SerializationFormat.ENCRYPTED, minVersion: "4.2.0-beta.64" }
+  { format: SerializationFormat.ENCRYPTED, minVersion: "4.2.0-beta.64" },
+  // TODO(release): verify this matches the actual version that ships payload
+  // compression. If a "Version Packages (beta)" PR merges before this change,
+  // bump to the next beta. A too-low cutoff makes new producers write
+  // compressed payloads to consumers that cannot decompress them; too-high
+  // merely delays the optimization (safe). gzip and zstd ship together, so
+  // they share a min version — a run that can read one can read both.
+  { format: SerializationFormat.GZIP, minVersion: "5.0.0-beta.18" },
+  { format: SerializationFormat.ZSTD, minVersion: "5.0.0-beta.18" }
   // Future entries:
   // { format: SerializationFormat.CBOR, minVersion: '5.x.y' },
   // { format: SerializationFormat.ENCRYPTED_V2, minVersion: '5.x.y' },
@@ -131446,9 +131889,10 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
         if (!capabilities.supportedFormats.has(SerializationFormat.ENCRYPTED)) {
           encryptionKey = void 0;
         }
+        const compression = (workflowRun.specVersion ?? 0) >= SPEC_VERSION_SUPPORTS_COMPRESSION && capabilities.supportedFormats.has(SerializationFormat.GZIP);
         const ops = [];
         const v1Compat = isLegacySpecVersion(hook.specVersion);
-        const dehydratedPayload = await dehydrateStepReturnValue(payload, hook.runId, encryptionKey, ops, globalThis, v1Compat, capabilities.framedByteStreams);
+        const dehydratedPayload = await dehydrateStepReturnValue(payload, hook.runId, encryptionKey, ops, globalThis, v1Compat, capabilities.framedByteStreams, compression);
         safeWaitUntil(Promise.all(ops), (err) => {
           if (err === void 0)
             return;
@@ -131470,12 +131914,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,
@@ -131561,6 +132002,7 @@ function normalizeAttributeChanges(attrs, options = {}) {
 }
 const CROSS_DEPLOYMENT_CAPABILITY_PROBE_TIMEOUT_MS = 2e3;
 const ulid = monotonicFactory();
+let hasWarnedLatestNoOp = false;
 async function start$1(workflow, argsOrOptions, options) {
   "use step";
   return await waitedUntil(() => {
@@ -131568,7 +132010,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),
@@ -131588,22 +132031,32 @@ async function start$1(workflow, argsOrOptions, options) {
       const currentDeploymentId = await world.getDeploymentId();
       let deploymentId = opts.deploymentId ?? currentDeploymentId;
       if (deploymentId === "latest") {
-        if (!world.resolveLatestDeploymentId) {
-          throw new WorkflowRuntimeError("deploymentId 'latest' requires a World that implements resolveLatestDeploymentId()");
+        if (world.resolveLatestDeploymentId) {
+          deploymentId = await world.resolveLatestDeploymentId();
+        } else {
+          if (!hasWarnedLatestNoOp) {
+            hasWarnedLatestNoOp = true;
+            runtimeLogger.warn("deploymentId: 'latest' has no effect in this world and was ignored. It is only supported by worlds with atomic deployments, such as Vercel. The run will target the current deployment.", { currentDeploymentId });
+          }
+          deploymentId = currentDeploymentId;
         }
-        deploymentId = await world.resolveLatestDeploymentId();
       }
       let framedByteStreams;
+      let targetSupportsCompression;
       if (deploymentId === currentDeploymentId) {
         framedByteStreams = true;
+        targetSupportsCompression = true;
       } else if (typeof ((_a3 = world.streams) == null ? void 0 : _a3.get) !== "function") {
         framedByteStreams = false;
+        targetSupportsCompression = false;
       } else {
         const probe = await healthCheck(world, "workflow", {
           deploymentId,
           timeout: CROSS_DEPLOYMENT_CAPABILITY_PROBE_TIMEOUT_MS
         }).catch(() => void 0);
-        framedByteStreams = getRunCapabilities(probe == null ? void 0 : probe.workflowCoreVersion).framedByteStreams;
+        const capabilities = getRunCapabilities(probe == null ? void 0 : probe.workflowCoreVersion);
+        framedByteStreams = capabilities.framedByteStreams;
+        targetSupportsCompression = capabilities.supportedFormats.has(SerializationFormat.GZIP);
       }
       const ops = [];
       const runId = `wrun_${ulid()}`;
@@ -131635,7 +132088,8 @@ async function start$1(workflow, argsOrOptions, options) {
         deploymentId
       }));
       const encryptionKey = rawKey ? await importKey(rawKey) : void 0;
-      const workflowArguments = await dehydrateWorkflowArguments(args, runId, encryptionKey, ops, globalThis, v1Compat, framedByteStreams);
+      const compression = targetSupportsCompression && specVersion >= SPEC_VERSION_SUPPORTS_COMPRESSION;
+      const workflowArguments = await dehydrateWorkflowArguments(args, runId, encryptionKey, ops, globalThis, v1Compat, framedByteStreams, compression);
       const executionContext = {
         traceCarrier,
         workflowCoreVersion: version$1,
@@ -153792,7 +154246,7 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-DOJDY_4b.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-QCHdCGTF.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/mermaid-3ZIDBTTL-DQJ4rkIZ.js"], "css": ["/assets/root-D1iC2mNY.css", "/assets/mermaid-3ZIDBTTL-CVTQRy2j.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-C2tAadK2.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-BEhdopGj.js", "/assets/mermaid-3ZIDBTTL-DQJ4rkIZ.js", "/assets/index-B6-SzLmT.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-CVTQRy2j.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-D4mcR51B.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-BEhdopGj.js", "/assets/mermaid-3ZIDBTTL-DQJ4rkIZ.js", "/assets/encryption-g14N5vQl.js", "/assets/index-B6-SzLmT.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-CVTQRy2j.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-96e6bcc7.js", "version": "96e6bcc7", "sri": void 0 };
+const serverManifest = { "entry": { "module": "/assets/entry.client-DOJDY_4b.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-YgrrwLRm.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/mermaid-3ZIDBTTL-CO5WTIpO.js"], "css": ["/assets/root-1hd8ZXAx.css", "/assets/mermaid-3ZIDBTTL-DYmT7Gxj.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-CJauHJtz.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-DE9gHUqH.js", "/assets/mermaid-3ZIDBTTL-CO5WTIpO.js", "/assets/index-B6-SzLmT.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DYmT7Gxj.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-QryL_6ec.js", "imports": ["/assets/index-BXZSIDEp.js", "/assets/workflow-graph-viewer-DE9gHUqH.js", "/assets/mermaid-3ZIDBTTL-CO5WTIpO.js", "/assets/encryption-g14N5vQl.js", "/assets/index-B6-SzLmT.js"], "css": ["/assets/workflow-graph-viewer-DnlNuQQH.css", "/assets/mermaid-3ZIDBTTL-DYmT7Gxj.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-41c15b7c.js", "version": "41c15b7c", "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 };
@@ -153861,39 +154315,41 @@ const serverBuild = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   ssr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  jsxRuntimeExports as $,
+  Ks as $,
   ATTRIBUTE_KEY_MAX_LENGTH as A,
   BaseEventSchema as B,
-  isLegacySpecVersion as C,
+  getQueueTopicPrefix as C,
   DEFAULT_TIMESTAMP_THRESHOLD_FUTURE_MS as D,
   EVENT_DATA_REF_FIELDS as E,
-  parseQueueName as F,
-  reenqueueActiveRuns as G,
+  isLegacySpecVersion as F,
+  parseQueueName as G,
   HookSchema as H,
-  requiresNewerWorld as I,
-  resolveQueueNamespace as J,
-  stripEventDataRefs as K,
+  reenqueueActiveRuns as I,
+  requiresNewerWorld as J,
+  resolveQueueNamespace as K,
   LegacySerializedDataSchemaV1 as L,
   MessageId as M,
   Nt as N,
-  ulidToDate as O,
+  stripEventDataRefs as O,
   PaginatedResponseSchema as P,
   QueuePayloadSchema as Q,
   RESERVED_ATTRIBUTE_KEY_PREFIX as R,
   SPEC_VERSION_CURRENT as S,
-  validateAttributeChanges as T,
-  validateAttributeKey as U,
+  ulidToDate as T,
+  validateAttributeChanges as U,
   ValidQueueName as V,
   WaitSchema as W,
-  validateAttributeValue as X,
-  validateUlidTimestamp as Y,
-  R as Z,
-  Ks as _,
+  validateAttributeKey as X,
+  validateAttributeValue as Y,
+  validateUlidTimestamp as Z,
+  R as _,
   ATTRIBUTE_MAX_PER_RUN as a,
-  Qe as a0,
-  requireTokenUtil as a1,
-  requireTokenError as a2,
-  serverBuild as a3,
+  jsxRuntimeExports as a0,
+  Qe as a1,
+  registerZstdDecoder as a2,
+  requireTokenUtil as a3,
+  requireTokenError as a4,
+  serverBuild as a5,
   ATTRIBUTE_VALUE_MAX_BYTES as b,
   AttributeChangeSchema as c,
   AttributeChangesSchema as d,
@@ -153907,16 +154363,16 @@ export {
   SPEC_VERSION_LEGACY as l,
   SPEC_VERSION_SUPPORTS_ATTRIBUTES as m,
   SPEC_VERSION_SUPPORTS_CBOR_QUEUE_TRANSPORT as n,
-  SPEC_VERSION_SUPPORTS_EVENT_SOURCING as o,
-  SerializedDataSchema as p,
-  StepInvokePayloadSchema as q,
-  StepSchema as r,
-  StepStatusSchema as s,
-  WaitStatusSchema as t,
-  WorkflowInvokePayloadSchema as u,
-  WorkflowRunBaseSchema as v,
-  WorkflowRunSchema as w,
-  WorkflowRunStatusSchema as x,
-  applyAttributeChanges as y,
-  getQueueTopicPrefix as z
+  SPEC_VERSION_SUPPORTS_COMPRESSION as o,
+  SPEC_VERSION_SUPPORTS_EVENT_SOURCING as p,
+  SerializedDataSchema as q,
+  StepInvokePayloadSchema as r,
+  StepSchema as s,
+  StepStatusSchema as t,
+  WaitStatusSchema as u,
+  WorkflowInvokePayloadSchema as v,
+  WorkflowRunBaseSchema as w,
+  WorkflowRunSchema as x,
+  WorkflowRunStatusSchema as y,
+  applyAttributeChanges as z
 };