@workflow/web 5.0.0-beta.14 → 5.0.0-beta.15

package/build/client/assets/{highlighted-body-B3W2YXNL-BEqiCpJd.js → highlighted-body-B3W2YXNL-BQ1pmB9V.js}

@@ -1,4 +1,4 @@
-import { R, K as Ks, Q as Qe } from "./mermaid-3ZIDBTTL-C02sm-ZS.js";
+import { R, K as Ks, Q as Qe } from "./mermaid-3ZIDBTTL-BMWEihLr.js";
 import { r as reactExports, j as jsxRuntimeExports } from "./index-BXZSIDEp.js";
 var L = ({ code: s, language: t, raw: e, className: n, ...d$1 }) => {
   let { shikiTheme: l } = reactExports.useContext(R), o = Ks(), [m, i] = reactExports.useState(e);

package/build/client/assets/{home-D9oyGYfj.js → home-DmsdVk2U.js}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports, A as Link, f as reactDomExports, C as useSearchParams, B as useNavigate, D as useLocation, w as withComponentProps } from "./index-BXZSIDEp.js";
-import { R as ResolveHookModal, S as Send, a as Skeleton, u as unwrapOrThrow, W as WorkflowWebAPIError, b as RelativeTime, A as Alert, C as CircleAlert, c as AlertTitle, d as AlertDescription, g as getErrorMessage, e as CopyableText, D as DropdownMenu, f as DropdownMenuTrigger, E as Ellipsis, h as DropdownMenuContent, i as DropdownMenuItem, j as ChevronRight, r as resumeHook, k as createCollection, l as hideOthers, m as ReactRemoveScroll, n as useDirection, o as ChevronDown, p as ChevronUp, q as Check, X, s as useControllableState$1, P as Primitive$1, t as composeEventHandlers$1, v as Presence, w as useSize, x as createContextScope$1, y as cancelRun, z as reenqueueRun, B as parseWorkflowName, F as StatusBadge, Z as Zap, G as CircleX, H as RunActionsDropdownItems, I as unwrapServerActionResult, J as WorkflowGraphViewer, T as Tabs, K as TabsList, L as TabsTrigger, M as TabsContent, N as ErrorBoundary } from "./workflow-graph-viewer-CU0UU458.js";
-import { c as createLucideIcon, g as useToast, d as cn, D as DEFAULT_PAGE_SIZE, h as fetchRuns, i as fetchHooks, j as getPaginationDisplay, T as Tooltip, a as TooltipTrigger, B as Button, b as TooltipContent, k as fetchEvents, l as useCallbackRef, m as useComposedRefs, P as Primitive, A as Anchor, n as composeEventHandlers, o as useLayoutEffect2, p as Portal$2, q as useId, s as createPopperScope, v as DismissableLayer, w as createContextScope, x as createSlot, C as Content$1, y as useControllableState, z as Root2$1, V as VISUALLY_HIDDEN_STYLES, E as Arrow, F as useComposedRefs$1, u as useServerConfig, t as toast, L as LoaderCircle, G as fetchRun, H as cva, I as Presence$1, J as createContext2, M as fetchWorkflowsManifest } from "./mermaid-3ZIDBTTL-C02sm-ZS.js";
+import { R as ResolveHookModal, S as Send, a as Skeleton, u as unwrapOrThrow, W as WorkflowWebAPIError, b as RelativeTime, A as Alert, C as CircleAlert, c as AlertTitle, d as AlertDescription, g as getErrorMessage, e as CopyableText, D as DropdownMenu, f as DropdownMenuTrigger, E as Ellipsis, h as DropdownMenuContent, i as DropdownMenuItem, j as ChevronRight, r as resumeHook, k as createCollection, l as hideOthers, m as ReactRemoveScroll, n as useDirection, o as ChevronDown, p as ChevronUp, q as Check, X, s as useControllableState$1, P as Primitive$1, t as composeEventHandlers$1, v as Presence, w as useSize, x as createContextScope$1, y as cancelRun, z as reenqueueRun, B as parseWorkflowName, F as StatusBadge, Z as Zap, G as CircleX, H as RunActionsDropdownItems, I as unwrapServerActionResult, J as WorkflowGraphViewer, T as Tabs, K as TabsList, L as TabsTrigger, M as TabsContent, N as ErrorBoundary } from "./workflow-graph-viewer-fgQ2XQ5R.js";
+import { c as createLucideIcon, g as useToast, d as cn, D as DEFAULT_PAGE_SIZE, h as fetchRuns, i as fetchHooks, j as getPaginationDisplay, T as Tooltip, a as TooltipTrigger, B as Button, b as TooltipContent, k as fetchEvents, l as useCallbackRef, m as useComposedRefs, P as Primitive, A as Anchor, n as composeEventHandlers, o as useLayoutEffect2, p as Portal$2, q as useId, s as createPopperScope, v as DismissableLayer, w as createContextScope, x as createSlot, C as Content$1, y as useControllableState, z as Root2$1, V as VISUALLY_HIDDEN_STYLES, E as Arrow, F as useComposedRefs$1, u as useServerConfig, t as toast, L as LoaderCircle, G as fetchRun, H as cva, I as Presence$1, J as createContext2, M as fetchWorkflowsManifest } from "./mermaid-3ZIDBTTL-BMWEihLr.js";
 import "./index-B6-SzLmT.js";
 /**
  * @license lucide-react v0.575.0 - ISC

package/build/client/assets/{manifest-6fc92124.js → manifest-67209c1f.js}

@@ -1 +1 @@
-window.__reactRouterManifest={"entry":{"module":"/assets/entry.client-DOJDY_4b.js","imports":["/assets/index-BXZSIDEp.js"],"css":[]},"routes":{"root":{"id":"root","path":"","hasAction":true,"hasLoader":true,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":true,"hasErrorBoundary":true,"module":"/assets/root-Dduz44vX.js","imports":["/assets/index-BXZSIDEp.js","/assets/mermaid-3ZIDBTTL-C02sm-ZS.js"],"css":["/assets/root-Bqr5evzw.css","/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"]},"routes/home":{"id":"routes/home","parentId":"root","index":true,"hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":true,"hasErrorBoundary":false,"module":"/assets/home-D9oyGYfj.js","imports":["/assets/index-BXZSIDEp.js","/assets/workflow-graph-viewer-CU0UU458.js","/assets/mermaid-3ZIDBTTL-C02sm-ZS.js","/assets/index-B6-SzLmT.js"],"css":["/assets/workflow-graph-viewer-DnlNuQQH.css","/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"]},"routes/run-detail":{"id":"routes/run-detail","parentId":"root","path":"run/:runId","hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":true,"hasErrorBoundary":false,"module":"/assets/run-detail-uOQTua8_.js","imports":["/assets/index-BXZSIDEp.js","/assets/workflow-graph-viewer-CU0UU458.js","/assets/mermaid-3ZIDBTTL-C02sm-ZS.js","/assets/encryption-g14N5vQl.js","/assets/index-B6-SzLmT.js"],"css":["/assets/workflow-graph-viewer-DnlNuQQH.css","/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"]},"routes/api.rpc":{"id":"routes/api.rpc","parentId":"root","path":"api/rpc","hasAction":true,"hasLoader":true,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":false,"hasErrorBoundary":false,"module":"/assets/api.rpc-l0sNRNKZ.js","imports":[],"css":[]},"routes/api.stream.$streamId":{"id":"routes/api.stream.$streamId","parentId":"root","path":"api/stream/:streamId","hasAction":false,"hasLoader":true,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":false,"hasErrorBoundary":false,"module":"/assets/api.stream._streamId-l0sNRNKZ.js","imports":[],"css":[]}},"url":"/assets/manifest-6fc92124.js","version":"6fc92124"};
+window.__reactRouterManifest={"entry":{"module":"/assets/entry.client-DOJDY_4b.js","imports":["/assets/index-BXZSIDEp.js"],"css":[]},"routes":{"root":{"id":"root","path":"","hasAction":true,"hasLoader":true,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":true,"hasErrorBoundary":true,"module":"/assets/root-BABNjrUh.js","imports":["/assets/index-BXZSIDEp.js","/assets/mermaid-3ZIDBTTL-BMWEihLr.js"],"css":["/assets/root-Bqr5evzw.css","/assets/mermaid-3ZIDBTTL-CVTQRy2j.css"]},"routes/home":{"id":"routes/home","parentId":"root","index":true,"hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":true,"hasErrorBoundary":false,"module":"/assets/home-DmsdVk2U.js","imports":["/assets/index-BXZSIDEp.js","/assets/workflow-graph-viewer-fgQ2XQ5R.js","/assets/mermaid-3ZIDBTTL-BMWEihLr.js","/assets/index-B6-SzLmT.js"],"css":["/assets/workflow-graph-viewer-DnlNuQQH.css","/assets/mermaid-3ZIDBTTL-CVTQRy2j.css"]},"routes/run-detail":{"id":"routes/run-detail","parentId":"root","path":"run/:runId","hasAction":false,"hasLoader":false,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":true,"hasErrorBoundary":false,"module":"/assets/run-detail-9xQOGhVk.js","imports":["/assets/index-BXZSIDEp.js","/assets/workflow-graph-viewer-fgQ2XQ5R.js","/assets/mermaid-3ZIDBTTL-BMWEihLr.js","/assets/encryption-g14N5vQl.js","/assets/index-B6-SzLmT.js"],"css":["/assets/workflow-graph-viewer-DnlNuQQH.css","/assets/mermaid-3ZIDBTTL-CVTQRy2j.css"]},"routes/api.rpc":{"id":"routes/api.rpc","parentId":"root","path":"api/rpc","hasAction":true,"hasLoader":true,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":false,"hasErrorBoundary":false,"module":"/assets/api.rpc-l0sNRNKZ.js","imports":[],"css":[]},"routes/api.stream.$streamId":{"id":"routes/api.stream.$streamId","parentId":"root","path":"api/stream/:streamId","hasAction":false,"hasLoader":true,"hasClientAction":false,"hasClientLoader":false,"hasClientMiddleware":false,"hasDefaultExport":false,"hasErrorBoundary":false,"module":"/assets/api.stream._streamId-l0sNRNKZ.js","imports":[],"css":[]}},"url":"/assets/manifest-67209c1f.js","version":"67209c1f"};

package/build/client/assets/{mermaid-3ZIDBTTL-C02sm-ZS.js → mermaid-3ZIDBTTL-BMWEihLr.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-g14N5vQl.js","assets/index-B6-SzLmT.js","assets/index-BXZSIDEp.js","assets/highlighted-body-B3W2YXNL-BEqiCpJd.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-g14N5vQl.js","assets/index-B6-SzLmT.js","assets/index-BXZSIDEp.js","assets/highlighted-body-B3W2YXNL-BQ1pmB9V.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -15311,10 +15311,11 @@ function _instanceof(cls, params = {}) {
 function date(params) {
   return /* @__PURE__ */ _coercedDate(ZodDate, params);
 }
-object({
+const AttributeChangeSchema = object({
   key: string$2(),
   value: union([string$2(), _null()])
 });
+const AttributeChangesSchema = array(AttributeChangeSchema);
 const BinarySerializedDataSchema = _instanceof(Uint8Array);
 const LegacySerializedDataSchemaV1 = any();
 const SerializedDataSchema = union([
@@ -15339,6 +15340,8 @@ const EventTypeSchema = _enum([
   "run_completed",
   "run_failed",
   "run_cancelled",
+  // Run attribute events
+  "attr_set",
   // Step lifecycle events
   "step_created",
   "step_completed",
@@ -15454,13 +15457,34 @@ const WaitCompletedEventSchema = BaseEventSchema.extend({
     resumeAt: date().optional()
   }).optional()
 });
+const AttributeWriterSchema = discriminatedUnion("type", [
+  object({
+    type: literal("workflow")
+  }),
+  object({
+    type: literal("step"),
+    stepId: string$2(),
+    attempt: number$2()
+  })
+]);
+const AttrSetEventSchema = BaseEventSchema.extend({
+  eventType: literal("attr_set"),
+  correlationId: string$2().optional(),
+  eventData: object({
+    changes: AttributeChangesSchema,
+    writer: AttributeWriterSchema,
+    allowReservedAttributes: literal(true).optional()
+  })
+});
 const RunCreatedEventSchema = BaseEventSchema.extend({
   eventType: literal("run_created"),
   eventData: object({
     deploymentId: string$2(),
     workflowName: string$2(),
     input: SerializedDataSchema,
-    executionContext: record(string$2(), any()).optional()
+    executionContext: record(string$2(), any()).optional(),
+    attributes: record(string$2(), string$2()).optional(),
+    allowReservedAttributes: literal(true).optional()
   })
 });
 const RunStartedEventSchema = BaseEventSchema.extend({
@@ -15469,7 +15493,9 @@ const RunStartedEventSchema = BaseEventSchema.extend({
     input: SerializedDataSchema.optional(),
     deploymentId: string$2().optional(),
     workflowName: string$2().optional(),
-    executionContext: record(string$2(), any()).optional()
+    executionContext: record(string$2(), any()).optional(),
+    attributes: record(string$2(), string$2()).optional(),
+    allowReservedAttributes: literal(true).optional()
   }).optional()
 });
 const RunCompletedEventSchema = BaseEventSchema.extend({
@@ -15501,6 +15527,7 @@ discriminatedUnion("eventType", [
   RunCompletedEventSchema,
   RunFailedEventSchema,
   RunCancelledEventSchema,
+  AttrSetEventSchema,
   // Step lifecycle events
   StepCreatedEventSchema,
   StepCompletedEventSchema,
@@ -15522,6 +15549,7 @@ const AllEventsSchema = discriminatedUnion("eventType", [
   RunCompletedEventSchema,
   RunFailedEventSchema,
   RunCancelledEventSchema,
+  AttrSetEventSchema,
   // Step lifecycle events
   StepCreatedEventSchema,
   StepCompletedEventSchema,
@@ -15568,7 +15596,9 @@ const RunInputSchema = object({
   deploymentId: string$2(),
   workflowName: string$2(),
   specVersion: number$2(),
-  executionContext: record(string$2(), any()).optional()
+  executionContext: record(string$2(), any()).optional(),
+  /** Initial plaintext run attributes, for resilient run creation. */
+  attributes: record(string$2(), string$2()).optional()
 });
 const WorkflowInvokePayloadSchema = object({
   runId: string$2(),
@@ -43282,7 +43312,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et = ({ className: e, language: t, style: o, isIncomplete: n, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot = ({ language: e }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e }) });
-var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-BEqiCpJd.js"), true ? __vite__mapDeps([3,2]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
+var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-BQ1pmB9V.js"), true ? __vite__mapDeps([3,2]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
   let i = reactExports.useMemo(() => e.replace(cn$1, ""), [e]), c = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i]);
   return jsxRuntimeExports.jsx(Se.Provider, { value: { code: e }, children: jsxRuntimeExports.jsxs(et, { isIncomplete: s2, language: t, children: [jsxRuntimeExports.jsx(ot, { language: t }), n ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe, { className: o, language: t, result: c, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o, code: i, language: t, raw: c, ...r2 }) })] }) });
@@ -44224,7 +44254,7 @@ const eventFailed = "_eventFailed_1fmf2_1432";
 const eventRetrying = "_eventRetrying_1fmf2_1441";
 const eventHook = "_eventHook_1fmf2_1450";
 const eventDefault = "_eventDefault_1fmf2_1459";
-const styles = {
+const styles$1 = {
   traceNode,
   childRow,
   spanNode,
@@ -44694,15 +44724,15 @@ const SEGMENT_LABELS = {
 function SegmentLayer({ segments, spanDuration: spanDuration2 }) {
   if (segments.length === 0)
     return null;
-  return jsxRuntimeExports.jsx("div", { className: styles.segmentLayer, children: segments.map((seg, i) => {
-    const className = styles[SEGMENT_CLASS_MAP[seg.status]];
+  return jsxRuntimeExports.jsx("div", { className: styles$1.segmentLayer, children: segments.map((seg, i) => {
+    const className = styles$1[SEGMENT_CLASS_MAP[seg.status]];
     const segDuration = (seg.endFraction - seg.startFraction) * spanDuration2;
     const label = SEGMENT_LABELS[seg.status];
     const style2 = {
       left: `${seg.startFraction * 100}%`,
       width: `${(seg.endFraction - seg.startFraction) * 100}%`
     };
-    return jsxRuntimeExports.jsx("div", { className: `${styles.segment} ${String(className)}`, style: style2, title: label ? `${label} ${formatDuration(segDuration)}` : formatDuration(segDuration) }, `seg-${seg.status}-${String(i)}`);
+    return jsxRuntimeExports.jsx("div", { className: `${styles$1.segment} ${String(className)}`, style: style2, title: label ? `${label} ${formatDuration(segDuration)}` : formatDuration(segDuration) }, `seg-${seg.status}-${String(i)}`);
   }) });
 }
 function getSegmentTags(segments, spanDuration2) {
@@ -44731,7 +44761,7 @@ function TextContent({ node: node2, layout, durationMs, segmentTags }) {
     return null;
   }
   const showTags = segmentTags && segmentTags.length > 0 && (layout.isHovered || layout.width > 200);
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("span", { className: styles.spanName, children: [node2.label || node2.span.name, showTags ? segmentTags.map((tag, i) => jsxRuntimeExports.jsxs("span", { className: styles.segmentTag, children: [" · ", tag.label, " ", tag.duration] }, i)) : null] }), layout.isHuge ? jsxRuntimeExports.jsx("span", { className: styles.spanSpacer }) : null, layout.isHovered || layout.width > 128 ? jsxRuntimeExports.jsx("span", { className: styles.spanDuration, children: duration2 }) : null] });
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("span", { className: styles$1.spanName, children: [node2.label || node2.span.name, showTags ? segmentTags.map((tag, i) => jsxRuntimeExports.jsxs("span", { className: styles$1.segmentTag, children: [" · ", tag.label, " ", tag.duration] }, i)) : null] }), layout.isHuge ? jsxRuntimeExports.jsx("span", { className: styles$1.spanSpacer }) : null, layout.isHovered || layout.width > 128 ? jsxRuntimeExports.jsx("span", { className: styles$1.spanDuration, children: duration2 }) : null] });
 }
 function DefaultContent({ node: node2, layout }) {
   return jsxRuntimeExports.jsx(TextContent, { node: node2, layout });
@@ -44854,8 +44884,8 @@ function getSpanLayout(resourceType, node2, root2, scale, scrollSnapshotRef) {
 }
 const getSpanColorClassName = (node2) => {
   if (node2.isVercel)
-    return String(styles.colorVercel);
-  return String(styles[`color${node2.resourceIndex % 5}`]);
+    return String(styles$1.colorVercel);
+  return String(styles$1[`color${node2.resourceIndex % 5}`]);
 };
 function getTerminalTimestamp(resourceType, node2) {
   const events = node2.events;
@@ -44998,7 +45028,7 @@ const SpanComponent = reactExports.memo(function SpanComponent2({ node: node2, r
     return () => cancelAnimationFrame(rafId);
   }, [isLive, canonicalStartTime, scale]);
   const renderNode = segmentNode;
-  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("button", { "aria-label": `${span.name} - ${duration2}`, className: clsx(styles.spanNode, layout.isHuge && styles.huge, layout.isSmall && styles.small, layout.isExpanded && styles.xHover, node2.isHighlighted ? styles.colorHighlight : getSpanColorClassName(node2), node2.isHighlighted === false && styles.unlit, customClassName, hasSegments2 && styles.hasSegments), "data-span-id": span.spanId, "data-start-time": segmentNode.startTime - root2.startTime, "data-right-side": layout.isNearRightSide, "data-selected": node2.isSelected ? "" : void 0, ref, style: getSpanStyle(layout, segmentNode, root2, scale), type: "button", children: jsxRuntimeExports.jsx(SpanContent, { durationMs, resourceType, node: renderNode, layout }) }), segmentNode.events && !layout.isSmall ? segmentNode.events.map((x2) => jsxRuntimeExports.jsx(SpanEventComponent, { customSpanEventClassNameFunc, event: x2, node: segmentNode, root: root2, scale, asBoundary: isWorkflowSpan }, x2.key)) : null] });
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("button", { "aria-label": `${span.name} - ${duration2}`, className: clsx(styles$1.spanNode, layout.isHuge && styles$1.huge, layout.isSmall && styles$1.small, layout.isExpanded && styles$1.xHover, node2.isHighlighted ? styles$1.colorHighlight : getSpanColorClassName(node2), node2.isHighlighted === false && styles$1.unlit, customClassName, hasSegments2 && styles$1.hasSegments), "data-span-id": span.spanId, "data-start-time": segmentNode.startTime - root2.startTime, "data-right-side": layout.isNearRightSide, "data-selected": node2.isSelected ? "" : void 0, ref, style: getSpanStyle(layout, segmentNode, root2, scale), type: "button", children: jsxRuntimeExports.jsx(SpanContent, { durationMs, resourceType, node: renderNode, layout }) }), segmentNode.events && !layout.isSmall ? segmentNode.events.map((x2) => jsxRuntimeExports.jsx(SpanEventComponent, { customSpanEventClassNameFunc, event: x2, node: segmentNode, root: root2, scale, asBoundary: isWorkflowSpan }, x2.key)) : null] });
 });
 const BOUNDARY_LABELS = {
   step_started: "Started",
@@ -45056,17 +45086,17 @@ const SpanEventComponent = reactExports.memo(function SpanEventComponent2({ even
   const isLeftAligned = node2.duration <= 0 || (event.timestamp - node2.startTime) / node2.duration < 0.5;
   const customClassName = customSpanEventClassNameFunc ? customSpanEventClassNameFunc(event) : "";
   return jsxRuntimeExports.jsxs("div", { title: phaseDuration ? `${displayLabel} ${timestamp}
-${phaseLabel} ${phaseDuration}` : `${displayLabel} ${timestamp}`, className: clsx(styles.spanNodeEvent, customClassName, asBoundary && styles.boundaryMarker, node2.isHighlighted ? styles.colorHighlight : getSpanColorClassName(node2), node2.isHighlighted === false && styles.unlit), "data-hovered": event.isHovered, ref, style: {
+${phaseLabel} ${phaseDuration}` : `${displayLabel} ${timestamp}`, className: clsx(styles$1.spanNodeEvent, customClassName, asBoundary && styles$1.boundaryMarker, node2.isHighlighted ? styles$1.colorHighlight : getSpanColorClassName(node2), node2.isHighlighted === false && styles$1.unlit), "data-hovered": event.isHovered, ref, style: {
     left,
     top
-  }, children: [jsxRuntimeExports.jsx("div", { className: clsx(styles.hoverInfo, isLeftAligned ? styles.alignStart : styles.alignEnd), children: asBoundary ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles.eventName, children: displayLabel }), jsxRuntimeExports.jsx("span", { className: styles.eventTimestamp, children: timestamp }), phaseDuration ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles.eventName, children: phaseLabel }), jsxRuntimeExports.jsx("span", { className: styles.eventTimestamp, children: phaseDuration })] }) : null] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles.eventName, children: name2 }), jsxRuntimeExports.jsx("span", { className: styles.eventTimestamp, children: timestamp })] }) }), asBoundary ? jsxRuntimeExports.jsx("div", { className: styles.boundaryLine }) : jsxRuntimeExports.jsx("div", { className: styles.eventDiamond })] });
+  }, children: [jsxRuntimeExports.jsx("div", { className: clsx(styles$1.hoverInfo, isLeftAligned ? styles$1.alignStart : styles$1.alignEnd), children: asBoundary ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$1.eventName, children: displayLabel }), jsxRuntimeExports.jsx("span", { className: styles$1.eventTimestamp, children: timestamp }), phaseDuration ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$1.eventName, children: phaseLabel }), jsxRuntimeExports.jsx("span", { className: styles$1.eventTimestamp, children: phaseDuration })] }) : null] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("span", { className: styles$1.eventName, children: name2 }), jsxRuntimeExports.jsx("span", { className: styles$1.eventTimestamp, children: timestamp })] }) }), asBoundary ? jsxRuntimeExports.jsx("div", { className: styles$1.boundaryLine }) : jsxRuntimeExports.jsx("div", { className: styles$1.eventDiamond })] });
 });
 const colorTokenMap = {
   "gray-700": "var(--ds-gray-700)",
   "gray-900": "var(--ds-gray-900)"
 };
 function IconChevronDown({ size: size2 = 16 }) {
-  return jsxRuntimeExports.jsxs("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: styles.detailHeadingIcon, children: [jsxRuntimeExports.jsx("title", { children: "Chevron Down" }), jsxRuntimeExports.jsx("path", { d: "M6 9l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] });
+  return jsxRuntimeExports.jsxs("svg", { width: size2, height: size2, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: styles$1.detailHeadingIcon, children: [jsxRuntimeExports.jsx("title", { children: "Chevron Down" }), jsxRuntimeExports.jsx("path", { d: "M6 9l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] });
 }
 function IconExternalSmall({ size: size2 = 16, color: color5 = "gray-900" }) {
   const style2 = { color: colorTokenMap[color5] || color5 };
@@ -45081,7 +45111,7 @@ function Link(props) {
   return jsxRuntimeExports.jsx("a", { className, href, ...rest, children: children2 });
 }
 function Skeleton({ width, height, rounded }) {
-  return jsxRuntimeExports.jsx("span", { className: clsx(styles.skeleton, rounded && styles.skeletonRounded), style: { width, height }, "aria-hidden": true });
+  return jsxRuntimeExports.jsx("span", { className: clsx(styles$1.skeleton, rounded && styles$1.skeletonRounded), style: { width, height }, "aria-hidden": true });
 }
 const EXPANDED_STORAGE_KEY_PREFIX = "vc-trace-span-exp:";
 function DetailGroup({ name: name2, className = "", children: children2 }) {
@@ -45097,7 +45127,7 @@ function DetailGroup({ name: name2, className = "", children: children2 }) {
       return willBeExpanded;
     });
   }, [name2]);
-  return jsxRuntimeExports.jsxs("div", { className: clsx(styles.detailGroup, isExpanded ? styles.expanded : styles.collapsed, className), children: [jsxRuntimeExports.jsxs("button", { className: styles.detailHeading, onClick: toggleExpanded, type: "button", children: [jsxRuntimeExports.jsx("span", { children: name2 }), jsxRuntimeExports.jsx(IconChevronDown, {})] }), isExpanded ? children2 : null] });
+  return jsxRuntimeExports.jsxs("div", { className: clsx(styles$1.detailGroup, isExpanded ? styles$1.expanded : styles$1.collapsed, className), children: [jsxRuntimeExports.jsxs("button", { className: styles$1.detailHeading, onClick: toggleExpanded, type: "button", children: [jsxRuntimeExports.jsx("span", { children: name2 }), jsxRuntimeExports.jsx(IconChevronDown, {})] }), isExpanded ? children2 : null] });
 }
 reactExports.memo(function EntrySpanLinks({ getQuickLinks, span }) {
   const links = getQuickLinks(span);
@@ -45121,7 +45151,7 @@ function usePromise(promise) {
 }
 function EntrySpanLink({ name: name2, link: linkPromise }) {
   const link2 = usePromise(linkPromise);
-  return jsxRuntimeExports.jsxs(Link, { as: link2 ? void 0 : "span", className: clsx(styles.spanDetailPanelAttribute, styles.spanDetailPanelQuickLink), href: (link2 == null ? void 0 : link2.href) || "", children: [jsxRuntimeExports.jsx("span", { className: styles.spanDetailPanelAttributeKey, children: name2 }), jsxRuntimeExports.jsx("span", { className: clsx(styles.spanDetailPanelAttributeValue, styles.spanDetailPanelQuickLinkLabel), children: link2 ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [link2.label, link2.icon || jsxRuntimeExports.jsx(IconExternalSmall, { color: "gray-900" })] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Skeleton, { height: 18, width: 32 + name2.length * 8 }), jsxRuntimeExports.jsx(Skeleton, { height: 18, rounded: true, width: 18 })] }) })] });
+  return jsxRuntimeExports.jsxs(Link, { as: link2 ? void 0 : "span", className: clsx(styles$1.spanDetailPanelAttribute, styles$1.spanDetailPanelQuickLink), href: (link2 == null ? void 0 : link2.href) || "", children: [jsxRuntimeExports.jsx("span", { className: styles$1.spanDetailPanelAttributeKey, children: name2 }), jsxRuntimeExports.jsx("span", { className: clsx(styles$1.spanDetailPanelAttributeValue, styles$1.spanDetailPanelQuickLinkLabel), children: link2 ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [link2.label, link2.icon || jsxRuntimeExports.jsx(IconExternalSmall, { color: "gray-900" })] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Skeleton, { height: 18, width: 32 + name2.length * 8 }), jsxRuntimeExports.jsx(Skeleton, { height: 18, rounded: true, width: 18 })] }) })] });
 }
 function useImmediateStyle(ref) {
   const styleRef = reactExports.useRef({});
@@ -45280,10 +45310,10 @@ reactExports.memo(function MiniMap({ timelineRef, rows, scale }) {
       $timeline.removeEventListener("scroll", onScroll);
     };
   }, [timelineRef, thumbRatio, setThumbStyle]);
-  return jsxRuntimeExports.jsxs("div", { className: styles.mapContainer, ref: containerRef, style: {
+  return jsxRuntimeExports.jsxs("div", { className: styles$1.mapContainer, ref: containerRef, style: {
     width: thumbWidth > 0 ? mapWidth : "100%",
     height: MAP_HEIGHT
-  }, children: [jsxRuntimeExports.jsx("canvas", { className: styles.mapCanvas, height: MAP_HEIGHT * dpi, ref: canvasRef, style: { width: mapWidth, height: MAP_HEIGHT }, width: mapWidth * dpi }), jsxRuntimeExports.jsx("div", { className: styles.mapThumb, ref: thumbRef, style: {
+  }, children: [jsxRuntimeExports.jsx("canvas", { className: styles$1.mapCanvas, height: MAP_HEIGHT * dpi, ref: canvasRef, style: { width: mapWidth, height: MAP_HEIGHT }, width: mapWidth * dpi }), jsxRuntimeExports.jsx("div", { className: styles$1.mapThumb, ref: thumbRef, style: {
     transform: thumbStyle.transform,
     width: thumbWidth > 0 ? thumbWidth : `calc(100% - ${TIMELINE_PADDING * 2}px)`,
     top: 2,
@@ -45724,15 +45754,22 @@ function computeSleepSegmentsFromSpan(_startMs, duration2, _events) {
     return [];
   return [{ startFraction: 0, endFraction: 1, status: "sleeping" }];
 }
+function runSegmentStatus(runStatus) {
+  if (runStatus === "failed")
+    return "failed";
+  if (runStatus === "running" || runStatus === "pending")
+    return "running";
+  return "completed";
+}
 function computeRunSegmentsFromSpan(startMs, duration2, activeStartMs, events, attributes) {
   const segments = [];
   if (duration2 <= 0)
     return segments;
   const sorted = [...events].map((e) => ({ name: e.name, time: getHighResInMs(e.timestamp) })).sort((a2, b2) => a2.time - b2.time);
+  const runData = attributes == null ? void 0 : attributes.data;
+  const runStatus = runData == null ? void 0 : runData.status;
   const hasRunCreated = sorted.some((e) => e.name === "run_created");
   if (!hasRunCreated) {
-    const runData = attributes == null ? void 0 : attributes.data;
-    const runStatus = runData == null ? void 0 : runData.status;
     return computeV1RunSegments(startMs, duration2, activeStartMs, runStatus);
   }
   const failedEvent = sorted.find((e) => e.name === "run_failed");
@@ -45751,7 +45788,7 @@ function computeRunSegmentsFromSpan(startMs, duration2, activeStartMs, events, a
   segments.push({
     startFraction: cursor,
     endFraction: 1,
-    status: failedEvent ? "failed" : "running"
+    status: failedEvent ? "failed" : runSegmentStatus(runStatus)
   });
   return segments;
 }
@@ -45772,7 +45809,7 @@ function computeV1RunSegments(startMs, duration2, activeStartMs, runStatus) {
   segments.push({
     startFraction: cursor,
     endFraction: 1,
-    status: runStatus === "failed" ? "failed" : "running"
+    status: runSegmentStatus(runStatus)
   });
   return segments;
 }
@@ -45841,6 +45878,10 @@ function useRowWindow(ref, rowCount, rowHeight, overscan = 12) {
   return range;
 }
 const ROW_HEIGHT_PX = 40;
+const runningStripes = "_runningStripes_62ud0_1";
+const styles = {
+  runningStripes
+};
 const TINY_BAR_BOX_SIZE_PX = 24;
 const TINY_BAR_WIDTH_PX = 4;
 const TIMELINE_PADDING_PX = 16;
@@ -45849,6 +45890,7 @@ const SEGMENT_CLASSES = {
   retrying: "bg-gray-400 border border-gray-500",
   waiting: "bg-gray-400 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",
   succeeded: "bg-green-200 border border-green-500",
   sleeping: "bg-gray-400 border border-gray-500",
@@ -45858,6 +45900,13 @@ const TIMELINE_INSET_STYLE = {
   left: TIMELINE_PADDING_PX,
   right: TIMELINE_PADDING_PX
 };
+const ACTIVE_SEGMENT_STATUSES = /* @__PURE__ */ new Set([
+  "running",
+  "received"
+]);
+function RunningStripes() {
+  return jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: styles.runningStripes });
+}
 function computeBarGeometry(startMs, endMs, viewStart, viewEnd, containerWidth) {
   const viewDuration = viewEnd - viewStart;
   const visibleStartMs = Math.max(startMs, viewStart);
@@ -45930,21 +45979,27 @@ function BoundaryArrow({ direction }) {
 function PlainBar({ bg, border, label }) {
   return jsxRuntimeExports.jsx("div", { className: "relative h-6 w-full min-w-1 rounded-[0.25rem] border", style: { background: bg, borderColor: border }, children: label ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null });
 }
+function LeadInConnector({ leftPct, widthPct, label }) {
+  return jsxRuntimeExports.jsxs("div", { className: "absolute top-1/2 h-6 -translate-y-1/2", style: {
+    left: `calc(${leftPct}% + 0.5px)`,
+    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 }) {
   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 label = formatDurationPrecise(seg.fullDurationMs);
     const showLabel = seg.pixelWidth >= Math.max(40, label.length * 6 + 12);
-    const isNarrowQueued = seg.status === "queued" && seg.pixelWidth < 20;
-    const overrideBg = isNarrowQueued ? "var(--ds-gray-400)" : void 0;
-    const overrideBorder = isNarrowQueued ? "var(--ds-gray-500)" : void 0;
-    return jsxRuntimeExports.jsx("div", { className: cn$4("absolute h-full rounded-[0.25rem]", SEGMENT_CLASSES[seg.status]), style: {
+    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)`,
       width: `calc(${seg.widthPct}% - 1px)`,
-      minWidth: 1,
-      background: overrideBg,
-      borderColor: overrideBorder
-    }, children: showLabel ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null }, i);
+      minWidth: 1
+    }, children: [ACTIVE_SEGMENT_STATUSES.has(seg.status) ? jsxRuntimeExports.jsx(RunningStripes, {}) : null, showLabel ? jsxRuntimeExports.jsx(DurationLabel, { label }) : null] }, i);
   }) });
 }
 const TimelineBar = reactExports.memo(function TimelineBar2({ span, viewStart, viewDuration, containerWidth, isSelected, isDimmed, onSelect }) {

package/build/client/assets/{mermaid-3ZIDBTTL-DKxHcEOp.css → mermaid-3ZIDBTTL-CVTQRy2j.css}

@@ -1 +1 @@
-._traceNode_1fmf2_1{position:relative}._childRow_1fmf2_5{display:flex;flex-direction:row;align-items:flex-start}._spanNode_1fmf2_11{position:absolute;display:flex;flex-direction:row;align-items:center;padding:0;background-color:var(--span-background);color:var(--span-text);border:1px solid var(--span-border);border-radius:8px;white-space:nowrap;box-shadow:var(--ds-shadow-small);overflow:hidden;text-overflow:ellipsis;content-visibility:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2}._spanNode_1fmf2_11._huge_1fmf2_31{overflow:visible}._spanNode_1fmf2_11._huge_1fmf2_31 ._spanName_1fmf2_34{flex:0 1 auto;position:sticky;left:0}._spanNode_1fmf2_11._huge_1fmf2_31 ._spanSpacer_1fmf2_40{flex:1 0 0}._spanNode_1fmf2_11._huge_1fmf2_31 ._spanDuration_1fmf2_44{position:sticky;right:0;background-color:var(--span-background);padding-left:6px;box-shadow:-8px 0 16px 8px var(--span-background)}._spanNode_1fmf2_11:after{position:absolute;left:-1px;top:-1px;width:var(--span-width);height:var(--row-height);content:""}._spanNode_1fmf2_11._small_1fmf2_62:not(._xHover_1fmf2_62):after{top:-7px}._spanNode_1fmf2_11:hover:not([data-selected]){filter:brightness(.95)}._spanNode_1fmf2_11._xHover_1fmf2_62{z-index:3;min-width:var(--span-width);max-width:75%;background:linear-gradient(90deg,var(--span-background) calc(var(--span-width) - 1px),var(--span-line),var(--geist-background) calc(var(--span-width) + 1px))}._spanNode_1fmf2_11._xHover_1fmf2_62[data-right-side=true]{background:linear-gradient(270deg,var(--span-background) calc(var(--span-width) - 1px),var(--span-line),var(--geist-background) calc(var(--span-width) + 1px))}._spanNode_1fmf2_11._xHover_1fmf2_62 ._spanName_1fmf2_34{max-width:max(var(--span-width),40vw)}._spanNode_1fmf2_11._xHover_1fmf2_62 ._spanDuration_1fmf2_44{background:none;box-shadow:none}._spanNode_1fmf2_11._small_1fmf2_62:not(._xHover_1fmf2_62){background-color:var(--span-background);border-color:var(--span-border);border-radius:4px}._spanNode_1fmf2_11[data-selected]{border-width:2px;outline:2px solid var(--span-border);outline-offset:-1px}._spanNode_1fmf2_11[data-selected]:hover{filter:brightness(.95)}._spanNodeEvent_1fmf2_118{position:absolute;height:var(--row-height);pointer-events:none;z-index:4}._spanNodeEvent_1fmf2_118 ._eventDiamond_1fmf2_124{--size: 7px;--offset: -4px;position:absolute;left:var(--offset);bottom:calc(var(--offset) + 1px);width:var(--size);height:var(--size);border:1px solid var(--span-secondary);border-radius:2px;background:var(--span-background);transform-origin:50% 50% 0;transform:rotate(45deg)}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._eventDiamond_1fmf2_124{border-color:var(--event-color, var(--span-border));background:var(--event-color, var(--span-background));opacity:.8}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._hoverInfo_1fmf2_145{border-color:var(--span-border);background:var(--span-background)}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._hoverInfo_1fmf2_145 ._eventName_1fmf2_149{color:var(--span-text);font-weight:500}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._hoverInfo_1fmf2_145 ._eventTimestamp_1fmf2_153{color:var(--span-secondary)}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145{position:absolute;margin-top:-1px;top:100%;display:none;flex-direction:row;align-items:center;gap:6px;padding:3px 6px;font-size:12px;line-height:1;background:var(--span-background);border:1px solid var(--span-border);border-radius:6px;box-shadow:var(--ds-shadow-small);transform:translateY(-50%)}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145._alignStart_1fmf2_174{left:-10px;padding-left:18px}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145._alignEnd_1fmf2_178{right:-10px;padding-right:18px}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145 ._eventName_1fmf2_149{color:var(--span-text)}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145 ._eventTimestamp_1fmf2_153{color:var(--span-secondary);font-variant-numeric:tabular-nums}._spanNodeEvent_1fmf2_118[data-hovered=true]{z-index:4}._spanNodeEvent_1fmf2_118[data-hovered=true] ._eventDiamond_1fmf2_124{background:var(--span-text);border-color:var(--span-text)}._spanNodeEvent_1fmf2_118[data-hovered=true] ._hoverInfo_1fmf2_145{display:flex}._colorVercel_1fmf2_205{--span-background: var(--ds-background-100);--span-border: var(--ds-gray-500);--span-line: var(--ds-gray-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-gray-900);--geist-background: var(--ds-gray-100)}._color0_1fmf2_213{--span-background: var(--ds-teal-200);--span-border: var(--ds-teal-500);--span-line: var(--ds-teal-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-teal-900)}._color1_1fmf2_220{--span-background: var(--ds-blue-200);--span-border: var(--ds-blue-500);--span-line: var(--ds-blue-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-blue-900)}._color2_1fmf2_227{--span-background: var(--ds-green-200);--span-border: var(--ds-green-500);--span-line: var(--ds-green-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-green-900)}._color3_1fmf2_234{--span-background: var(--ds-purple-200);--span-border: var(--ds-purple-500);--span-line: var(--ds-purple-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-purple-900)}._color4_1fmf2_241{--span-background: var(--ds-pink-200);--span-border: var(--ds-pink-500);--span-line: var(--ds-pink-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-pink-900)}._colorHighlight_1fmf2_248{--span-background: var(--ds-amber-200);--span-border: var(--ds-amber-500);--span-line: var(--ds-amber-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-amber-900)}._unlit_1fmf2_256{opacity:.3}.dark-theme ._mapContainer_1fmf2_262 canvas,.dark ._mapContainer_1fmf2_262 canvas{filter:invert(1)}.dark-theme ._spanNode_1fmf2_11._small_1fmf2_62._xHover_1fmf2_62:before,.dark-theme ._spanNode_1fmf2_11._small_1fmf2_62:focus-visible:before,.dark ._spanNode_1fmf2_11._small_1fmf2_62._xHover_1fmf2_62:before,.dark ._spanNode_1fmf2_11._small_1fmf2_62:focus-visible:before{text-shadow:0 1px 0 black}.dark-theme ._spanNode_1fmf2_11:hover:not([data-selected]),.dark ._spanNode_1fmf2_11:hover:not([data-selected]){filter:brightness(1.05)}.dark-theme ._spanNode_1fmf2_11[data-selected]:hover,.dark ._spanNode_1fmf2_11[data-selected]:hover{filter:brightness(1.05)}@media(prefers-color-scheme:dark){:root:not(.light) ._mapContainer_1fmf2_262 canvas{filter:invert(1)}:root:not(.light) ._spanNode_1fmf2_11._small_1fmf2_62._xHover_1fmf2_62:before,:root:not(.light) ._spanNode_1fmf2_11._small_1fmf2_62:focus-visible:before{text-shadow:0 1px 0 black}:root:not(.light) ._spanNode_1fmf2_11:hover:not([data-selected]){filter:brightness(1.05)}:root:not(.light) ._spanNode_1fmf2_11[data-selected]:hover{filter:brightness(1.05)}}._spanName_1fmf2_34{flex:1 1 auto;padding-inline:6px;text-align:left;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}._spanDuration_1fmf2_44{flex:0 0 auto;padding-right:6px;font-variant-numeric:tabular-nums;color:var(--span-secondary, var(--ds-gray-alpha-700));position:relative;z-index:1}._spanDetailPanel_1fmf2_329{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:flex-start;flex:0 1 auto}._spanDetailPanelResizer_1fmf2_338{position:absolute;left:0;top:0;width:20px;height:100%;cursor:col-resize;z-index:1;display:none}@media(hover:hover){._spanDetailPanelResizer_1fmf2_338{display:block}}._spanDetailPanelTop_1fmf2_353{display:flex;flex-direction:row;align-items:stretch;flex:0 1 auto;justify-content:space-between;position:relative}._spanDetailPanelBody_1fmf2_362{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;flex:1 1 0;min-height:0;padding:16px 12px 24px;overflow-x:hidden;overflow-y:auto}._spanDetailPanelTopInfo_1fmf2_375{--row-height: 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;width:100%;font-size:12px;border-bottom:1px solid var(--border-color);flex:0 1 auto}._spanNameDetailPanel_1fmf2_389{font-size:inherit;color:var(--ds-gray-1000);word-break:break-word}._spanDetailPanelTruncatedHeading_1fmf2_395{display:flex;flex-direction:row;align-items:center;gap:8px;flex:0 1 100%;overflow:hidden;justify-content:flex-start}._spanDetailPanelName_1fmf2_405{flex:1 1 0;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-gray-1000)}._spanDetailPanelDuration_1fmf2_416{font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;color:var(--ds-gray-600);background-color:var(--ds-gray-200);padding:2px 6px;border-radius:4px;flex-shrink:0}._spanDetailPanelCorner_1fmf2_427{display:flex;flex-direction:row;align-items:center;gap:8px;flex:0 0 auto;height:var(--row-height);justify-content:flex-end}._spanDetailPanelCornerInner_1fmf2_437{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 1 auto}._spanDetailPanelCloseVerticalRule_1fmf2_445{border-left:1px solid var(--ds-gray-300);height:16px}._spanDetailPanelClose_1fmf2_445{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;cursor:pointer}._spanDetailPanelClose_1fmf2_445:hover,._spanDetailPanelClose_1fmf2_445:focus-visible{background-color:var(--ds-gray-200)}._spanDetailPanelAttribute_1fmf2_467{margin:0;padding-block:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--border-color)}._spanDetailPanelAttribute_1fmf2_467:last-child{border-bottom:none}._spanDetailPanelAttributeKey_1fmf2_484{flex:0 0 auto;margin:0;padding-left:8px;font-size:inherit;color:var(--ds-gray-900)}._spanDetailPanelAttributeValue_1fmf2_492{flex:0 1 auto;margin:0;padding-right:8px;font-family:var(--font-mono);font-size:13px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}._spanDetailPanelQuickLink_1fmf2_503{color:inherit;text-decoration:none}._spanDetailPanelQuickLink_1fmf2_503:hover ._spanDetailPanelQuickLinkLabel_1fmf2_506{text-decoration:underline}._spanDetailPanelQuickLinkLabel_1fmf2_506{display:flex;flex-direction:row;align-items:center;gap:8px;font:inherit}._detailGroup_1fmf2_519{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:0 1 auto}._detailGroup_1fmf2_519:after{margin:12px -12px 0;height:1px;background:var(--border-color);content:""}._detailHeading_1fmf2_539{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;font-family:inherit;font-size:14px;font-weight:500;background:none;color:var(--ds-gray-1000);border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}._detailHeading_1fmf2_539:hover,._detailHeading_1fmf2_539:focus-visible{background-color:var(--ds-gray-100)}._buttonLink_1fmf2_562{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;line-height:1;color:var(--ds-gray-1000);text-decoration:none;background-color:var(--ds-background-100);border:1px solid var(--accents-2);border-radius:6px}._buttonLink_1fmf2_562:hover,._buttonLink_1fmf2_562:focus-visible{background-color:var(--ds-gray-100)}._note_1fmf2_581{padding:8px 10px;color:var(--ds-gray-900);background-color:var(--ds-background-100);border:1px solid var(--ds-gray-300);border-radius:6px}._skeleton_1fmf2_589{display:inline-block;background-color:var(--ds-gray-200);border-radius:4px}._skeletonRounded_1fmf2_595{border-radius:50%}._detailGroup_1fmf2_519._collapsed_1fmf2_534 ._detailHeadingIcon_1fmf2_599{transform:rotate(-90deg)}._infraSpanDescription_1fmf2_603{padding:8px;font-size:14px;line-height:1.4;color:var(--ds-gray-900);display:flex;flex-direction:column;gap:16px}._ancestorNode_1fmf2_613{padding:8px;font-family:inherit;font-size:13px;background:none;border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}._ancestorNode_1fmf2_613:hover,._ancestorNode_1fmf2_613:focus-visible{background:var(--ds-gray-100)}._ancestorText_1fmf2_629{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;color:var(--ds-gray-900);white-space:nowrap}._ancestorName_1fmf2_639{overflow:hidden;text-overflow:ellipsis}._ancestorDuration_1fmf2_644{font-variant-numeric:tabular-nums}._ancestorLineContainer_1fmf2_649{position:relative;margin-top:6px;display:block;width:100%;height:1px;background-color:var(--ds-gray-alpha-400)}._ancestorLineContainer_1fmf2_649:before,._ancestorLineContainer_1fmf2_649:after{position:absolute;top:-2px;width:1px;height:5px;background-color:inherit;content:""}._ancestorLineContainer_1fmf2_649:before{left:0}._ancestorLineContainer_1fmf2_649:after{right:0}._ancestorLine_1fmf2_649{position:absolute;top:-2px;height:5px;background-color:var(--span-background);border:1px solid var(--span-line);border-radius:1px}._ancestorNode_1fmf2_613:hover ._ancestorName_1fmf2_639,._ancestorNode_1fmf2_613:focus-visible ._ancestorName_1fmf2_639,._ancestorNode_1fmf2_613:last-of-type ._ancestorName_1fmf2_639{color:var(--ds-gray-1000)}._ancestorNode_1fmf2_613:hover ._ancestorLine_1fmf2_649,._ancestorNode_1fmf2_613:focus-visible ._ancestorLine_1fmf2_649,._ancestorNode_1fmf2_613:last-of-type ._ancestorLine_1fmf2_649{background-color:var(--span-line);border-color:var(--span-border)}._zoomButtonGroup_1fmf2_701{display:inline-flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 1 auto;background-color:var(--geist-background);border-radius:10ex;box-shadow:var(--ds-shadow-small);border:1px solid var(--accents-2);animation:_zoom-buttons-fade-in_1fmf2_1 .3s ease .3s backwards}@keyframes _zoom-buttons-fade-in_1fmf2_1{0%{opacity:0}to{opacity:1}}._zoomButton_1fmf2_701{display:flex;align-items:center;justify-content:center;padding:6px;height:32px;width:38px;background-color:transparent;border:none;color:var(--accents-5);box-shadow:none!important;cursor:pointer}._zoomButton_1fmf2_701:hover,._zoomButton_1fmf2_701:focus-visible{color:var(--accents-7)}._zoomButton_1fmf2_701:hover{background-color:transparent;color:var(--accents-7)}._divider_1fmf2_751{width:1px;background-color:var(--accents-2);margin:-1px}._markersContainer_1fmf2_758{position:absolute;left:-8px;top:-8px;width:100%;height:calc(100% - var(--scrollbar-width));line-height:1;z-index:4;pointer-events:none}._markers_1fmf2_758{position:sticky;top:0;display:flex;flex-direction:row;gap:calc(var(--marker-width) - 1px);height:var(--marker-height);padding-left:8px;background:var(--ds-background-200);overflow:hidden;box-shadow:0 4px 8px 0 var(--ds-background-200);border-bottom:1px solid var(--marker-color)}._marker_1fmf2_758{position:relative;flex:0 0 1px;border-left:1px solid var(--marker-color);font-size:10px;font-variant-numeric:tabular-nums;color:var(--ds-gray-900);height:var(--marker-height)}._marker_1fmf2_758._notch_1fmf2_792{top:calc(var(--marker-height) - var(--marker-notch-height));height:var(--marker-notch-height)}._markerLabel_1fmf2_798{position:absolute;left:2px;bottom:6px;color:var(--ds-gray-900);-webkit-user-select:none;user-select:none;white-space:nowrap}._markerClockTime_1fmf2_807{display:block;font-size:9px;color:var(--ds-gray-alpha-500);margin-top:1px;letter-spacing:.02em;white-space:nowrap}._eventMarkersContainer_1fmf2_816{position:absolute;top:-8px;width:var(--timeline-scroll-width);height:calc(100% - var(--scrollbar-width));line-height:1;z-index:1;pointer-events:none}._eventMarkers_1fmf2_816{position:sticky;top:0;height:calc(100% + 2 * var(--timeline-padding));overflow:hidden}._eventMarker_1fmf2_816{position:absolute;border-left:1px dotted var(--ds-gray-500);height:100%}._cursorMarkerStickyParent_1fmf2_839{position:absolute;left:0;top:-8px;width:var(--timeline-scroll-width);height:calc(100% + 2 * var(--timeline-padding));pointer-events:none}._cursorMarkerLabelContainer_1fmf2_848{position:sticky;top:0;left:0;display:none;width:1px;height:100%;z-index:5;pointer-events:none}._cursorMarkerLabel_1fmf2_848{position:sticky;top:4px;width:1px;height:var(--marker-height);background-color:var(--marker-color)}._cursorMarkerLabel_1fmf2_848[data-text]:before{margin:0;position:absolute;left:0;top:0;padding:0 6px;height:18px;line-height:16px;transform:translate(-50%);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);border-radius:10ex;box-shadow:var(--ds-shadow-small);content:attr(data-text)}._cursorMarkerLabel_1fmf2_848[data-align=left]:before{left:-6px;transform:unset}._cursorMarkerLabel_1fmf2_848[data-align=right]:before{left:unset;right:-6px;transform:unset}._cursorMarkerContainer_1fmf2_898{position:sticky;top:0;width:1px;height:100%;pointer-events:none}._cursorMarker_1fmf2_839{position:sticky;top:0;width:1px;height:100%;display:none;background-color:var(--marker-color);z-index:1}._cursorSelection_1fmf2_916{position:absolute;top:0;height:100%;display:none;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;background-color:var(--ds-gray-100);border-inline:1px solid var(--ds-gray-300)}._cursorSelection_1fmf2_916:before,._cursorSelection_1fmf2_916:after{position:sticky;bottom:8px;padding:0 6px;height:18px;line-height:16px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);border-radius:10ex;box-shadow:var(--ds-shadow-small);white-space:nowrap}._cursorSelection_1fmf2_916:before{margin-left:8px;content:attr(data-range)}._cursorSelection_1fmf2_916:after{margin-right:8px;content:attr(data-duration)}@keyframes _span-skeleton_1fmf2_1{0%{opacity:.6}to{opacity:.3}}._traceViewer_1fmf2_966._skeleton_1fmf2_589 *{pointer-events:none!important}._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._mapCanvas_1fmf2_972,._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._markerLabel_1fmf2_798{display:none}._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._spanNode_1fmf2_11{animation:_span-skeleton_1fmf2_1 1s infinite alternate}._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._spanNode_1fmf2_11 *,._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._zoomButtonTraceViewer_1fmf2_988{display:none}._traceViewer_1fmf2_966 ._markers_1fmf2_758{border-top:1px solid var(--marker-color);border-bottom:none}._traceViewer_1fmf2_966 ._marker_1fmf2_758._notch_1fmf2_792{top:0}._traceViewer_1fmf2_966 ._markerLabel_1fmf2_798{bottom:3px}._traceViewer_1fmf2_966 ._cursorMarkerLabel_1fmf2_848{top:8px}._timeline_1fmf2_1011:hover ._cursorMarkerLabelContainer_1fmf2_848,._timeline_1fmf2_1011:hover ._cursorMarker_1fmf2_839{display:block}._searchBar_1fmf2_1019{position:absolute;left:0;top:var(--search-gap);display:flex;flex-direction:row;gap:var(--search-gap);width:100%;padding-inline:var(--search-gap);height:var(--search-height)}._searchInput_1fmf2_1031{flex:0 1 100%;position:relative;height:var(--search-height);background:var(--ds-background-100)}._searchInputLabel_1fmf2_1038{display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:0 0 0 1px var(--border-color, var(--ds-gray-alpha-400))}._searchInputLabel_1fmf2_1038 input{margin-left:-16px;padding-inline:12px;font-family:inherit;font-size:14px;background:transparent;border:none;outline:none}._searchInputLabel_1fmf2_1038 input::-webkit-search-decoration,._searchInputLabel_1fmf2_1038 input::-webkit-search-cancel-button,._searchInputLabel_1fmf2_1038 input::-webkit-search-results-button,._searchInputLabel_1fmf2_1038 input::-webkit-search-results-decoration{display:none}._searchInputPrefix_1fmf2_1063{width:var(--search-height);height:var(--search-height);display:flex;align-items:center;justify-content:center;color:var(--ds-gray-800)}._mapContainer_1fmf2_262{position:absolute;left:0;top:calc(var(--search-height) + 2 * var(--search-gap));cursor:move}._mapCanvas_1fmf2_972{position:absolute;left:0;top:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.dark-theme ._mapCanvas_1fmf2_972,.dark ._mapCanvas_1fmf2_972{mix-blend-mode:screen}@media(prefers-color-scheme:dark){:root:not(.light) ._mapCanvas_1fmf2_972{mix-blend-mode:screen}}._mapThumb_1fmf2_1101{position:absolute;top:0;height:var(--map-height);background:var(--ds-gray-alpha-200);border:1px solid var(--ds-gray-alpha-400);border-radius:3px;box-shadow:var(--ds-shadow-small);transform:translate(var(--timeline-padding));pointer-events:none}._traceViewer_1fmf2_966,._spanDetailPanelTraceViewer_1fmf2_1115{--border-color: var(--ds-gray-300);--marker-color: var(--ds-gray-300)}._traceViewer_1fmf2_966{--scrollbar-width: 0;position:relative;display:flex;font-family:var(--font-sans);text-rendering:optimizeLegibility;text-size-adjust:100%;background-color:var(--ds-background-200)}._traceViewer_1fmf2_966 button{font-family:inherit}._traceViewerContent_1fmf2_1134{position:absolute;left:0;top:calc(var(--search-height) + 3 * var(--search-gap) + var(--map-height));width:calc(var(--timeline-width) + 2 * var(--timeline-padding));height:calc(var(--timeline-height) - 2 * var(--timeline-padding) - var(--scrollbar-width) - var(--marker-height) - var(--search-height))}._traceViewerContent_1fmf2_1134._inert_1fmf2_1144{display:none}._timeline_1fmf2_1011{width:calc(var(--timeline-width) + 2 * var(--timeline-padding));height:var(--timeline-height);font-size:13px;overflow-y:scroll;overflow-x:scroll;-webkit-overflow-scrolling:touch;position:relative}._zoomButtonTraceViewer_1fmf2_988{position:absolute;bottom:calc(-12px - var(--search-height) - var(--scrollbar-width));right:calc(var(--scrollbar-width) + 12px);z-index:10}._spanDetailPanelTraceViewer_1fmf2_1115{position:absolute;margin-top:-1px;right:0;top:calc(var(--search-height) + 2 * var(--search-gap) + var(--map-height) + 9px);bottom:0;width:var(--panel-width);border-top:1px solid var(--ds-gray-200);border-left:1px solid var(--ds-gray-200);background-color:var(--geist-background);z-index:10}._spanDetailPanelTraceViewer_1fmf2_1115._hidden_1fmf2_1180{display:none}._spanDetailPanelTraceViewer_1fmf2_1115._mobile_1fmf2_1184{--panel-width: calc(var(--timeline-width) + 2 * var(--timeline-padding));top:0;border-left:none}._spanRunning_1fmf2_1194,._spanPending_1fmf2_1195{--span-background: var(--ds-blue-200);--span-border: var(--ds-blue-500);--span-line: var(--ds-blue-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-blue-900)}._spanCompleted_1fmf2_1203{--span-background: var(--ds-green-200);--span-border: var(--ds-green-500);--span-line: var(--ds-green-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-green-900)}._spanCancelled_1fmf2_1211{--span-background: var(--ds-amber-200);--span-border: var(--ds-amber-500);--span-line: var(--ds-amber-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-amber-900)}._spanFailed_1fmf2_1219{--span-background: var(--ds-red-200);--span-border: var(--ds-red-500);--span-line: var(--ds-red-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-red-900)}._spanPendingStriped_1fmf2_1228{--span-background: repeating-linear-gradient( 45deg, var(--ds-blue-200), var(--ds-blue-200) 10px, color-mix(in srgb, var(--ds-blue-200) 70%, white) 10px, color-mix(in srgb, var(--ds-blue-200) 70%, white) 20px );--span-border: var(--ds-blue-500);--span-line: var(--ds-blue-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-blue-900)}._hasQueuedTime_1fmf2_1242:before{content:"";position:absolute;left:var(--queued-width);height:100%;border-left:2px dotted var(--ds-gray-700);pointer-events:none}._spanSleep_1fmf2_1254{--span-background: var(--ds-amber-200);--span-border: var(--ds-amber-500);--span-line: var(--ds-amber-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-amber-900)}._spanHook_1fmf2_1263{--span-background: var(--ds-gray-200);--span-border: var(--ds-gray-500);--span-line: var(--ds-gray-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-gray-900)}._segmentLayer_1fmf2_1275{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none}._segment_1fmf2_1275{position:absolute;top:0;bottom:0;pointer-events:auto;overflow:hidden}._segmentLabel_1fmf2_1291{display:flex;align-items:center;height:100%;padding:0 4px;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ds-gray-900);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}._segmentTag_1fmf2_1306{font-size:10px;font-variant-numeric:tabular-nums;opacity:.6;white-space:nowrap}._segQueued_1fmf2_1314{background:repeating-linear-gradient(45deg,var(--ds-gray-alpha-200),var(--ds-gray-alpha-200) 6px,var(--ds-gray-alpha-100) 6px,var(--ds-gray-alpha-100) 12px)}._segRunning_1fmf2_1325{background-color:var(--ds-blue-200)}._segFailed_1fmf2_1330{background-color:var(--ds-red-200)}._segRetrying_1fmf2_1335{background:repeating-linear-gradient(45deg,var(--ds-gray-alpha-200),var(--ds-gray-alpha-200) 6px,var(--ds-gray-alpha-100) 6px,var(--ds-gray-alpha-100) 12px)}._segSucceeded_1fmf2_1346{background-color:var(--ds-green-200)}._segWaiting_1fmf2_1351{background:repeating-linear-gradient(45deg,var(--ds-gray-alpha-200),var(--ds-gray-alpha-200) 6px,var(--ds-gray-alpha-100) 6px,var(--ds-gray-alpha-100) 12px)}._segSleeping_1fmf2_1362{background-color:var(--ds-amber-200)}._segReceived_1fmf2_1367{background-color:var(--ds-blue-200)}._boundaryMarker_1fmf2_1372 ._boundaryLine_1fmf2_1373{position:absolute;left:-.5px;top:0;bottom:0;width:1px;background-color:transparent;z-index:0;transition:background-color .15s ease}._boundaryMarker_1fmf2_1372[data-hovered=true] ._boundaryLine_1fmf2_1373{background-color:var(--ds-gray-alpha-400)}._boundaryMarker_1fmf2_1372 ._hoverInfo_1fmf2_145{z-index:1}._spanNode_1fmf2_11._hasSegments_1fmf2_1395{background-color:transparent}._spanNode_1fmf2_11._hasSegments_1fmf2_1395._small_1fmf2_62:not(._xHover_1fmf2_62){background-color:transparent}._spanNode_1fmf2_11._hasSegments_1fmf2_1395._xHover_1fmf2_62{background:none;min-width:var(--span-width);max-width:var(--span-width)}._spanNode_1fmf2_11._hasSegments_1fmf2_1395._xHover_1fmf2_62[data-right-side=true]{background:none}._spanNode_1fmf2_11._hasSegments_1fmf2_1395 ._spanDuration_1fmf2_44{background-color:transparent;box-shadow:none}._spanNode_1fmf2_11._hasSegments_1fmf2_1395:after{pointer-events:none}._spanNode_1fmf2_11._hasSegments_1fmf2_1395 ._segmentLayer_1fmf2_1275{pointer-events:auto}._eventFailed_1fmf2_1432{--event-color: var(--ds-red-600);--span-background: var(--ds-red-100);--span-border: var(--ds-red-500);--span-text: var(--ds-red-900);--span-secondary: var(--ds-red-700)}._eventRetrying_1fmf2_1441{--event-color: var(--ds-amber-600);--span-background: var(--ds-amber-100);--span-border: var(--ds-amber-500);--span-text: var(--ds-amber-900);--span-secondary: var(--ds-amber-700)}._eventHook_1fmf2_1450{--event-color: var(--ds-purple-600);--span-background: var(--ds-purple-100);--span-border: var(--ds-purple-500);--span-text: var(--ds-purple-900);--span-secondary: var(--ds-purple-700)}._eventDefault_1fmf2_1459{--event-color: var(--ds-blue-600);--span-background: var(--ds-blue-100);--span-border: var(--ds-blue-500);--span-text: var(--ds-blue-900);--span-secondary: var(--ds-blue-700)}
+._traceNode_1fmf2_1{position:relative}._childRow_1fmf2_5{display:flex;flex-direction:row;align-items:flex-start}._spanNode_1fmf2_11{position:absolute;display:flex;flex-direction:row;align-items:center;padding:0;background-color:var(--span-background);color:var(--span-text);border:1px solid var(--span-border);border-radius:8px;white-space:nowrap;box-shadow:var(--ds-shadow-small);overflow:hidden;text-overflow:ellipsis;content-visibility:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2}._spanNode_1fmf2_11._huge_1fmf2_31{overflow:visible}._spanNode_1fmf2_11._huge_1fmf2_31 ._spanName_1fmf2_34{flex:0 1 auto;position:sticky;left:0}._spanNode_1fmf2_11._huge_1fmf2_31 ._spanSpacer_1fmf2_40{flex:1 0 0}._spanNode_1fmf2_11._huge_1fmf2_31 ._spanDuration_1fmf2_44{position:sticky;right:0;background-color:var(--span-background);padding-left:6px;box-shadow:-8px 0 16px 8px var(--span-background)}._spanNode_1fmf2_11:after{position:absolute;left:-1px;top:-1px;width:var(--span-width);height:var(--row-height);content:""}._spanNode_1fmf2_11._small_1fmf2_62:not(._xHover_1fmf2_62):after{top:-7px}._spanNode_1fmf2_11:hover:not([data-selected]){filter:brightness(.95)}._spanNode_1fmf2_11._xHover_1fmf2_62{z-index:3;min-width:var(--span-width);max-width:75%;background:linear-gradient(90deg,var(--span-background) calc(var(--span-width) - 1px),var(--span-line),var(--geist-background) calc(var(--span-width) + 1px))}._spanNode_1fmf2_11._xHover_1fmf2_62[data-right-side=true]{background:linear-gradient(270deg,var(--span-background) calc(var(--span-width) - 1px),var(--span-line),var(--geist-background) calc(var(--span-width) + 1px))}._spanNode_1fmf2_11._xHover_1fmf2_62 ._spanName_1fmf2_34{max-width:max(var(--span-width),40vw)}._spanNode_1fmf2_11._xHover_1fmf2_62 ._spanDuration_1fmf2_44{background:none;box-shadow:none}._spanNode_1fmf2_11._small_1fmf2_62:not(._xHover_1fmf2_62){background-color:var(--span-background);border-color:var(--span-border);border-radius:4px}._spanNode_1fmf2_11[data-selected]{border-width:2px;outline:2px solid var(--span-border);outline-offset:-1px}._spanNode_1fmf2_11[data-selected]:hover{filter:brightness(.95)}._spanNodeEvent_1fmf2_118{position:absolute;height:var(--row-height);pointer-events:none;z-index:4}._spanNodeEvent_1fmf2_118 ._eventDiamond_1fmf2_124{--size: 7px;--offset: -4px;position:absolute;left:var(--offset);bottom:calc(var(--offset) + 1px);width:var(--size);height:var(--size);border:1px solid var(--span-secondary);border-radius:2px;background:var(--span-background);transform-origin:50% 50% 0;transform:rotate(45deg)}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._eventDiamond_1fmf2_124{border-color:var(--event-color, var(--span-border));background:var(--event-color, var(--span-background));opacity:.8}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._hoverInfo_1fmf2_145{border-color:var(--span-border);background:var(--span-background)}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._hoverInfo_1fmf2_145 ._eventName_1fmf2_149{color:var(--span-text);font-weight:500}._spanNodeEvent_1fmf2_118._customEventColor_1fmf2_140 ._hoverInfo_1fmf2_145 ._eventTimestamp_1fmf2_153{color:var(--span-secondary)}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145{position:absolute;margin-top:-1px;top:100%;display:none;flex-direction:row;align-items:center;gap:6px;padding:3px 6px;font-size:12px;line-height:1;background:var(--span-background);border:1px solid var(--span-border);border-radius:6px;box-shadow:var(--ds-shadow-small);transform:translateY(-50%)}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145._alignStart_1fmf2_174{left:-10px;padding-left:18px}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145._alignEnd_1fmf2_178{right:-10px;padding-right:18px}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145 ._eventName_1fmf2_149{color:var(--span-text)}._spanNodeEvent_1fmf2_118 ._hoverInfo_1fmf2_145 ._eventTimestamp_1fmf2_153{color:var(--span-secondary);font-variant-numeric:tabular-nums}._spanNodeEvent_1fmf2_118[data-hovered=true]{z-index:4}._spanNodeEvent_1fmf2_118[data-hovered=true] ._eventDiamond_1fmf2_124{background:var(--span-text);border-color:var(--span-text)}._spanNodeEvent_1fmf2_118[data-hovered=true] ._hoverInfo_1fmf2_145{display:flex}._colorVercel_1fmf2_205{--span-background: var(--ds-background-100);--span-border: var(--ds-gray-500);--span-line: var(--ds-gray-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-gray-900);--geist-background: var(--ds-gray-100)}._color0_1fmf2_213{--span-background: var(--ds-teal-200);--span-border: var(--ds-teal-500);--span-line: var(--ds-teal-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-teal-900)}._color1_1fmf2_220{--span-background: var(--ds-blue-200);--span-border: var(--ds-blue-500);--span-line: var(--ds-blue-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-blue-900)}._color2_1fmf2_227{--span-background: var(--ds-green-200);--span-border: var(--ds-green-500);--span-line: var(--ds-green-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-green-900)}._color3_1fmf2_234{--span-background: var(--ds-purple-200);--span-border: var(--ds-purple-500);--span-line: var(--ds-purple-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-purple-900)}._color4_1fmf2_241{--span-background: var(--ds-pink-200);--span-border: var(--ds-pink-500);--span-line: var(--ds-pink-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-pink-900)}._colorHighlight_1fmf2_248{--span-background: var(--ds-amber-200);--span-border: var(--ds-amber-500);--span-line: var(--ds-amber-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-amber-900)}._unlit_1fmf2_256{opacity:.3}.dark-theme ._mapContainer_1fmf2_262 canvas,.dark ._mapContainer_1fmf2_262 canvas{filter:invert(1)}.dark-theme ._spanNode_1fmf2_11._small_1fmf2_62._xHover_1fmf2_62:before,.dark-theme ._spanNode_1fmf2_11._small_1fmf2_62:focus-visible:before,.dark ._spanNode_1fmf2_11._small_1fmf2_62._xHover_1fmf2_62:before,.dark ._spanNode_1fmf2_11._small_1fmf2_62:focus-visible:before{text-shadow:0 1px 0 black}.dark-theme ._spanNode_1fmf2_11:hover:not([data-selected]),.dark ._spanNode_1fmf2_11:hover:not([data-selected]){filter:brightness(1.05)}.dark-theme ._spanNode_1fmf2_11[data-selected]:hover,.dark ._spanNode_1fmf2_11[data-selected]:hover{filter:brightness(1.05)}@media(prefers-color-scheme:dark){:root:not(.light) ._mapContainer_1fmf2_262 canvas{filter:invert(1)}:root:not(.light) ._spanNode_1fmf2_11._small_1fmf2_62._xHover_1fmf2_62:before,:root:not(.light) ._spanNode_1fmf2_11._small_1fmf2_62:focus-visible:before{text-shadow:0 1px 0 black}:root:not(.light) ._spanNode_1fmf2_11:hover:not([data-selected]){filter:brightness(1.05)}:root:not(.light) ._spanNode_1fmf2_11[data-selected]:hover{filter:brightness(1.05)}}._spanName_1fmf2_34{flex:1 1 auto;padding-inline:6px;text-align:left;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}._spanDuration_1fmf2_44{flex:0 0 auto;padding-right:6px;font-variant-numeric:tabular-nums;color:var(--span-secondary, var(--ds-gray-alpha-700));position:relative;z-index:1}._spanDetailPanel_1fmf2_329{display:flex;flex-direction:column;height:100%;align-items:stretch;justify-content:flex-start;flex:0 1 auto}._spanDetailPanelResizer_1fmf2_338{position:absolute;left:0;top:0;width:20px;height:100%;cursor:col-resize;z-index:1;display:none}@media(hover:hover){._spanDetailPanelResizer_1fmf2_338{display:block}}._spanDetailPanelTop_1fmf2_353{display:flex;flex-direction:row;align-items:stretch;flex:0 1 auto;justify-content:space-between;position:relative}._spanDetailPanelBody_1fmf2_362{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;flex:1 1 0;min-height:0;padding:16px 12px 24px;overflow-x:hidden;overflow-y:auto}._spanDetailPanelTopInfo_1fmf2_375{--row-height: 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;width:100%;font-size:12px;border-bottom:1px solid var(--border-color);flex:0 1 auto}._spanNameDetailPanel_1fmf2_389{font-size:inherit;color:var(--ds-gray-1000);word-break:break-word}._spanDetailPanelTruncatedHeading_1fmf2_395{display:flex;flex-direction:row;align-items:center;gap:8px;flex:0 1 100%;overflow:hidden;justify-content:flex-start}._spanDetailPanelName_1fmf2_405{flex:1 1 0;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-gray-1000)}._spanDetailPanelDuration_1fmf2_416{font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;color:var(--ds-gray-600);background-color:var(--ds-gray-200);padding:2px 6px;border-radius:4px;flex-shrink:0}._spanDetailPanelCorner_1fmf2_427{display:flex;flex-direction:row;align-items:center;gap:8px;flex:0 0 auto;height:var(--row-height);justify-content:flex-end}._spanDetailPanelCornerInner_1fmf2_437{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 1 auto}._spanDetailPanelCloseVerticalRule_1fmf2_445{border-left:1px solid var(--ds-gray-300);height:16px}._spanDetailPanelClose_1fmf2_445{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;cursor:pointer}._spanDetailPanelClose_1fmf2_445:hover,._spanDetailPanelClose_1fmf2_445:focus-visible{background-color:var(--ds-gray-200)}._spanDetailPanelAttribute_1fmf2_467{margin:0;padding-block:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:1.4;border-bottom:1px solid var(--border-color)}._spanDetailPanelAttribute_1fmf2_467:last-child{border-bottom:none}._spanDetailPanelAttributeKey_1fmf2_484{flex:0 0 auto;margin:0;padding-left:8px;font-size:inherit;color:var(--ds-gray-900)}._spanDetailPanelAttributeValue_1fmf2_492{flex:0 1 auto;margin:0;padding-right:8px;font-family:var(--font-mono);font-size:13px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}._spanDetailPanelQuickLink_1fmf2_503{color:inherit;text-decoration:none}._spanDetailPanelQuickLink_1fmf2_503:hover ._spanDetailPanelQuickLinkLabel_1fmf2_506{text-decoration:underline}._spanDetailPanelQuickLinkLabel_1fmf2_506{display:flex;flex-direction:row;align-items:center;gap:8px;font:inherit}._detailGroup_1fmf2_519{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:0 1 auto}._detailGroup_1fmf2_519:after{margin:12px -12px 0;height:1px;background:var(--border-color);content:""}._detailHeading_1fmf2_539{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;font-family:inherit;font-size:14px;font-weight:500;background:none;color:var(--ds-gray-1000);border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}._detailHeading_1fmf2_539:hover,._detailHeading_1fmf2_539:focus-visible{background-color:var(--ds-gray-100)}._buttonLink_1fmf2_562{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;line-height:1;color:var(--ds-gray-1000);text-decoration:none;background-color:var(--ds-background-100);border:1px solid var(--accents-2);border-radius:6px}._buttonLink_1fmf2_562:hover,._buttonLink_1fmf2_562:focus-visible{background-color:var(--ds-gray-100)}._note_1fmf2_581{padding:8px 10px;color:var(--ds-gray-900);background-color:var(--ds-background-100);border:1px solid var(--ds-gray-300);border-radius:6px}._skeleton_1fmf2_589{display:inline-block;background-color:var(--ds-gray-200);border-radius:4px}._skeletonRounded_1fmf2_595{border-radius:50%}._detailGroup_1fmf2_519._collapsed_1fmf2_534 ._detailHeadingIcon_1fmf2_599{transform:rotate(-90deg)}._infraSpanDescription_1fmf2_603{padding:8px;font-size:14px;line-height:1.4;color:var(--ds-gray-900);display:flex;flex-direction:column;gap:16px}._ancestorNode_1fmf2_613{padding:8px;font-family:inherit;font-size:13px;background:none;border:none;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}._ancestorNode_1fmf2_613:hover,._ancestorNode_1fmf2_613:focus-visible{background:var(--ds-gray-100)}._ancestorText_1fmf2_629{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;color:var(--ds-gray-900);white-space:nowrap}._ancestorName_1fmf2_639{overflow:hidden;text-overflow:ellipsis}._ancestorDuration_1fmf2_644{font-variant-numeric:tabular-nums}._ancestorLineContainer_1fmf2_649{position:relative;margin-top:6px;display:block;width:100%;height:1px;background-color:var(--ds-gray-alpha-400)}._ancestorLineContainer_1fmf2_649:before,._ancestorLineContainer_1fmf2_649:after{position:absolute;top:-2px;width:1px;height:5px;background-color:inherit;content:""}._ancestorLineContainer_1fmf2_649:before{left:0}._ancestorLineContainer_1fmf2_649:after{right:0}._ancestorLine_1fmf2_649{position:absolute;top:-2px;height:5px;background-color:var(--span-background);border:1px solid var(--span-line);border-radius:1px}._ancestorNode_1fmf2_613:hover ._ancestorName_1fmf2_639,._ancestorNode_1fmf2_613:focus-visible ._ancestorName_1fmf2_639,._ancestorNode_1fmf2_613:last-of-type ._ancestorName_1fmf2_639{color:var(--ds-gray-1000)}._ancestorNode_1fmf2_613:hover ._ancestorLine_1fmf2_649,._ancestorNode_1fmf2_613:focus-visible ._ancestorLine_1fmf2_649,._ancestorNode_1fmf2_613:last-of-type ._ancestorLine_1fmf2_649{background-color:var(--span-line);border-color:var(--span-border)}._zoomButtonGroup_1fmf2_701{display:inline-flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 1 auto;background-color:var(--geist-background);border-radius:10ex;box-shadow:var(--ds-shadow-small);border:1px solid var(--accents-2);animation:_zoom-buttons-fade-in_1fmf2_1 .3s ease .3s backwards}@keyframes _zoom-buttons-fade-in_1fmf2_1{0%{opacity:0}to{opacity:1}}._zoomButton_1fmf2_701{display:flex;align-items:center;justify-content:center;padding:6px;height:32px;width:38px;background-color:transparent;border:none;color:var(--accents-5);box-shadow:none!important;cursor:pointer}._zoomButton_1fmf2_701:hover,._zoomButton_1fmf2_701:focus-visible{color:var(--accents-7)}._zoomButton_1fmf2_701:hover{background-color:transparent;color:var(--accents-7)}._divider_1fmf2_751{width:1px;background-color:var(--accents-2);margin:-1px}._markersContainer_1fmf2_758{position:absolute;left:-8px;top:-8px;width:100%;height:calc(100% - var(--scrollbar-width));line-height:1;z-index:4;pointer-events:none}._markers_1fmf2_758{position:sticky;top:0;display:flex;flex-direction:row;gap:calc(var(--marker-width) - 1px);height:var(--marker-height);padding-left:8px;background:var(--ds-background-200);overflow:hidden;box-shadow:0 4px 8px 0 var(--ds-background-200);border-bottom:1px solid var(--marker-color)}._marker_1fmf2_758{position:relative;flex:0 0 1px;border-left:1px solid var(--marker-color);font-size:10px;font-variant-numeric:tabular-nums;color:var(--ds-gray-900);height:var(--marker-height)}._marker_1fmf2_758._notch_1fmf2_792{top:calc(var(--marker-height) - var(--marker-notch-height));height:var(--marker-notch-height)}._markerLabel_1fmf2_798{position:absolute;left:2px;bottom:6px;color:var(--ds-gray-900);-webkit-user-select:none;user-select:none;white-space:nowrap}._markerClockTime_1fmf2_807{display:block;font-size:9px;color:var(--ds-gray-alpha-500);margin-top:1px;letter-spacing:.02em;white-space:nowrap}._eventMarkersContainer_1fmf2_816{position:absolute;top:-8px;width:var(--timeline-scroll-width);height:calc(100% - var(--scrollbar-width));line-height:1;z-index:1;pointer-events:none}._eventMarkers_1fmf2_816{position:sticky;top:0;height:calc(100% + 2 * var(--timeline-padding));overflow:hidden}._eventMarker_1fmf2_816{position:absolute;border-left:1px dotted var(--ds-gray-500);height:100%}._cursorMarkerStickyParent_1fmf2_839{position:absolute;left:0;top:-8px;width:var(--timeline-scroll-width);height:calc(100% + 2 * var(--timeline-padding));pointer-events:none}._cursorMarkerLabelContainer_1fmf2_848{position:sticky;top:0;left:0;display:none;width:1px;height:100%;z-index:5;pointer-events:none}._cursorMarkerLabel_1fmf2_848{position:sticky;top:4px;width:1px;height:var(--marker-height);background-color:var(--marker-color)}._cursorMarkerLabel_1fmf2_848[data-text]:before{margin:0;position:absolute;left:0;top:0;padding:0 6px;height:18px;line-height:16px;transform:translate(-50%);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);border-radius:10ex;box-shadow:var(--ds-shadow-small);content:attr(data-text)}._cursorMarkerLabel_1fmf2_848[data-align=left]:before{left:-6px;transform:unset}._cursorMarkerLabel_1fmf2_848[data-align=right]:before{left:unset;right:-6px;transform:unset}._cursorMarkerContainer_1fmf2_898{position:sticky;top:0;width:1px;height:100%;pointer-events:none}._cursorMarker_1fmf2_839{position:sticky;top:0;width:1px;height:100%;display:none;background-color:var(--marker-color);z-index:1}._cursorSelection_1fmf2_916{position:absolute;top:0;height:100%;display:none;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:8px;background-color:var(--ds-gray-100);border-inline:1px solid var(--ds-gray-300)}._cursorSelection_1fmf2_916:before,._cursorSelection_1fmf2_916:after{position:sticky;bottom:8px;padding:0 6px;height:18px;line-height:16px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;background-color:var(--ds-background-100);color:var(--ds-gray-900);border:1px solid var(--ds-gray-500);border-radius:10ex;box-shadow:var(--ds-shadow-small);white-space:nowrap}._cursorSelection_1fmf2_916:before{margin-left:8px;content:attr(data-range)}._cursorSelection_1fmf2_916:after{margin-right:8px;content:attr(data-duration)}@keyframes _span-skeleton_1fmf2_1{0%{opacity:.6}to{opacity:.3}}._traceViewer_1fmf2_966._skeleton_1fmf2_589 *{pointer-events:none!important}._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._mapCanvas_1fmf2_972,._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._markerLabel_1fmf2_798{display:none}._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._spanNode_1fmf2_11{animation:_span-skeleton_1fmf2_1 1s infinite alternate}._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._spanNode_1fmf2_11 *,._traceViewer_1fmf2_966._skeleton_1fmf2_589 ._zoomButtonTraceViewer_1fmf2_988{display:none}._traceViewer_1fmf2_966 ._markers_1fmf2_758{border-top:1px solid var(--marker-color);border-bottom:none}._traceViewer_1fmf2_966 ._marker_1fmf2_758._notch_1fmf2_792{top:0}._traceViewer_1fmf2_966 ._markerLabel_1fmf2_798{bottom:3px}._traceViewer_1fmf2_966 ._cursorMarkerLabel_1fmf2_848{top:8px}._timeline_1fmf2_1011:hover ._cursorMarkerLabelContainer_1fmf2_848,._timeline_1fmf2_1011:hover ._cursorMarker_1fmf2_839{display:block}._searchBar_1fmf2_1019{position:absolute;left:0;top:var(--search-gap);display:flex;flex-direction:row;gap:var(--search-gap);width:100%;padding-inline:var(--search-gap);height:var(--search-height)}._searchInput_1fmf2_1031{flex:0 1 100%;position:relative;height:var(--search-height);background:var(--ds-background-100)}._searchInputLabel_1fmf2_1038{display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:0 0 0 1px var(--border-color, var(--ds-gray-alpha-400))}._searchInputLabel_1fmf2_1038 input{margin-left:-16px;padding-inline:12px;font-family:inherit;font-size:14px;background:transparent;border:none;outline:none}._searchInputLabel_1fmf2_1038 input::-webkit-search-decoration,._searchInputLabel_1fmf2_1038 input::-webkit-search-cancel-button,._searchInputLabel_1fmf2_1038 input::-webkit-search-results-button,._searchInputLabel_1fmf2_1038 input::-webkit-search-results-decoration{display:none}._searchInputPrefix_1fmf2_1063{width:var(--search-height);height:var(--search-height);display:flex;align-items:center;justify-content:center;color:var(--ds-gray-800)}._mapContainer_1fmf2_262{position:absolute;left:0;top:calc(var(--search-height) + 2 * var(--search-gap));cursor:move}._mapCanvas_1fmf2_972{position:absolute;left:0;top:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.dark-theme ._mapCanvas_1fmf2_972,.dark ._mapCanvas_1fmf2_972{mix-blend-mode:screen}@media(prefers-color-scheme:dark){:root:not(.light) ._mapCanvas_1fmf2_972{mix-blend-mode:screen}}._mapThumb_1fmf2_1101{position:absolute;top:0;height:var(--map-height);background:var(--ds-gray-alpha-200);border:1px solid var(--ds-gray-alpha-400);border-radius:3px;box-shadow:var(--ds-shadow-small);transform:translate(var(--timeline-padding));pointer-events:none}._traceViewer_1fmf2_966,._spanDetailPanelTraceViewer_1fmf2_1115{--border-color: var(--ds-gray-300);--marker-color: var(--ds-gray-300)}._traceViewer_1fmf2_966{--scrollbar-width: 0;position:relative;display:flex;font-family:var(--font-sans);text-rendering:optimizeLegibility;text-size-adjust:100%;background-color:var(--ds-background-200)}._traceViewer_1fmf2_966 button{font-family:inherit}._traceViewerContent_1fmf2_1134{position:absolute;left:0;top:calc(var(--search-height) + 3 * var(--search-gap) + var(--map-height));width:calc(var(--timeline-width) + 2 * var(--timeline-padding));height:calc(var(--timeline-height) - 2 * var(--timeline-padding) - var(--scrollbar-width) - var(--marker-height) - var(--search-height))}._traceViewerContent_1fmf2_1134._inert_1fmf2_1144{display:none}._timeline_1fmf2_1011{width:calc(var(--timeline-width) + 2 * var(--timeline-padding));height:var(--timeline-height);font-size:13px;overflow-y:scroll;overflow-x:scroll;-webkit-overflow-scrolling:touch;position:relative}._zoomButtonTraceViewer_1fmf2_988{position:absolute;bottom:calc(-12px - var(--search-height) - var(--scrollbar-width));right:calc(var(--scrollbar-width) + 12px);z-index:10}._spanDetailPanelTraceViewer_1fmf2_1115{position:absolute;margin-top:-1px;right:0;top:calc(var(--search-height) + 2 * var(--search-gap) + var(--map-height) + 9px);bottom:0;width:var(--panel-width);border-top:1px solid var(--ds-gray-200);border-left:1px solid var(--ds-gray-200);background-color:var(--geist-background);z-index:10}._spanDetailPanelTraceViewer_1fmf2_1115._hidden_1fmf2_1180{display:none}._spanDetailPanelTraceViewer_1fmf2_1115._mobile_1fmf2_1184{--panel-width: calc(var(--timeline-width) + 2 * var(--timeline-padding));top:0;border-left:none}._spanRunning_1fmf2_1194,._spanPending_1fmf2_1195{--span-background: var(--ds-blue-200);--span-border: var(--ds-blue-500);--span-line: var(--ds-blue-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-blue-900)}._spanCompleted_1fmf2_1203{--span-background: var(--ds-green-200);--span-border: var(--ds-green-500);--span-line: var(--ds-green-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-green-900)}._spanCancelled_1fmf2_1211{--span-background: var(--ds-amber-200);--span-border: var(--ds-amber-500);--span-line: var(--ds-amber-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-amber-900)}._spanFailed_1fmf2_1219{--span-background: var(--ds-red-200);--span-border: var(--ds-red-500);--span-line: var(--ds-red-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-red-900)}._spanPendingStriped_1fmf2_1228{--span-background: repeating-linear-gradient( 45deg, var(--ds-blue-200), var(--ds-blue-200) 10px, color-mix(in srgb, var(--ds-blue-200) 70%, white) 10px, color-mix(in srgb, var(--ds-blue-200) 70%, white) 20px );--span-border: var(--ds-blue-500);--span-line: var(--ds-blue-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-blue-900)}._hasQueuedTime_1fmf2_1242:before{content:"";position:absolute;left:var(--queued-width);height:100%;border-left:2px dotted var(--ds-gray-700);pointer-events:none}._spanSleep_1fmf2_1254{--span-background: var(--ds-amber-200);--span-border: var(--ds-amber-500);--span-line: var(--ds-amber-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-amber-900)}._spanHook_1fmf2_1263{--span-background: var(--ds-gray-200);--span-border: var(--ds-gray-500);--span-line: var(--ds-gray-400);--span-text: var(--ds-gray-1000);--span-secondary: var(--ds-gray-900)}._segmentLayer_1fmf2_1275{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none}._segment_1fmf2_1275{position:absolute;top:0;bottom:0;pointer-events:auto;overflow:hidden}._segmentLabel_1fmf2_1291{display:flex;align-items:center;height:100%;padding:0 4px;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ds-gray-900);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}._segmentTag_1fmf2_1306{font-size:10px;font-variant-numeric:tabular-nums;opacity:.6;white-space:nowrap}._segQueued_1fmf2_1314{background:repeating-linear-gradient(45deg,var(--ds-gray-alpha-200),var(--ds-gray-alpha-200) 6px,var(--ds-gray-alpha-100) 6px,var(--ds-gray-alpha-100) 12px)}._segRunning_1fmf2_1325{background-color:var(--ds-blue-200)}._segFailed_1fmf2_1330{background-color:var(--ds-red-200)}._segRetrying_1fmf2_1335{background:repeating-linear-gradient(45deg,var(--ds-gray-alpha-200),var(--ds-gray-alpha-200) 6px,var(--ds-gray-alpha-100) 6px,var(--ds-gray-alpha-100) 12px)}._segSucceeded_1fmf2_1346{background-color:var(--ds-green-200)}._segWaiting_1fmf2_1351{background:repeating-linear-gradient(45deg,var(--ds-gray-alpha-200),var(--ds-gray-alpha-200) 6px,var(--ds-gray-alpha-100) 6px,var(--ds-gray-alpha-100) 12px)}._segSleeping_1fmf2_1362{background-color:var(--ds-amber-200)}._segReceived_1fmf2_1367{background-color:var(--ds-blue-200)}._boundaryMarker_1fmf2_1372 ._boundaryLine_1fmf2_1373{position:absolute;left:-.5px;top:0;bottom:0;width:1px;background-color:transparent;z-index:0;transition:background-color .15s ease}._boundaryMarker_1fmf2_1372[data-hovered=true] ._boundaryLine_1fmf2_1373{background-color:var(--ds-gray-alpha-400)}._boundaryMarker_1fmf2_1372 ._hoverInfo_1fmf2_145{z-index:1}._spanNode_1fmf2_11._hasSegments_1fmf2_1395{background-color:transparent}._spanNode_1fmf2_11._hasSegments_1fmf2_1395._small_1fmf2_62:not(._xHover_1fmf2_62){background-color:transparent}._spanNode_1fmf2_11._hasSegments_1fmf2_1395._xHover_1fmf2_62{background:none;min-width:var(--span-width);max-width:var(--span-width)}._spanNode_1fmf2_11._hasSegments_1fmf2_1395._xHover_1fmf2_62[data-right-side=true]{background:none}._spanNode_1fmf2_11._hasSegments_1fmf2_1395 ._spanDuration_1fmf2_44{background-color:transparent;box-shadow:none}._spanNode_1fmf2_11._hasSegments_1fmf2_1395:after{pointer-events:none}._spanNode_1fmf2_11._hasSegments_1fmf2_1395 ._segmentLayer_1fmf2_1275{pointer-events:auto}._eventFailed_1fmf2_1432{--event-color: var(--ds-red-600);--span-background: var(--ds-red-100);--span-border: var(--ds-red-500);--span-text: var(--ds-red-900);--span-secondary: var(--ds-red-700)}._eventRetrying_1fmf2_1441{--event-color: var(--ds-amber-600);--span-background: var(--ds-amber-100);--span-border: var(--ds-amber-500);--span-text: var(--ds-amber-900);--span-secondary: var(--ds-amber-700)}._eventHook_1fmf2_1450{--event-color: var(--ds-purple-600);--span-background: var(--ds-purple-100);--span-border: var(--ds-purple-500);--span-text: var(--ds-purple-900);--span-secondary: var(--ds-purple-700)}._eventDefault_1fmf2_1459{--event-color: var(--ds-blue-600);--span-background: var(--ds-blue-100);--span-border: var(--ds-blue-500);--span-text: var(--ds-blue-900);--span-secondary: var(--ds-blue-700)}._runningStripes_62ud0_1{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:.25rem;opacity:.5;background-image:repeating-linear-gradient(45deg,var(--ds-blue-500) 0,var(--ds-blue-500) 1.5px,transparent 1.5px,transparent 8px);background-size:11.314px 11.314px;animation:_running-stripes_62ud0_1 .6s linear infinite}@keyframes _running-stripes_62ud0_1{0%{background-position:0 0}to{background-position:11.314px 0}}@media(prefers-reduced-motion:reduce){._runningStripes_62ud0_1{animation:none}}

package/build/client/assets/{root-Dduz44vX.js → root-BABNjrUh.js}

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

package/build/client/assets/{run-detail-uOQTua8_.js → run-detail-9xQOGhVk.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports, r as reactExports, f as reactDomExports, G as ReactDOM, B as useNavigate, C as useSearchParams, A as Link, w as withComponentProps, H as useParams } from "./index-BXZSIDEp.js";
-import { q as Check, O as Copy, C as CircleAlert, Q as parseStepName, B as parseWorkflowName, j as ChevronRight, o as ChevronDown, U as ErrorCard, Z as Zap, S as Send, R as ResolveHookModal, V as Circle, p as ChevronUp, X, N as ErrorBoundary, I as unwrapServerActionResult, u as unwrapOrThrow, W as WorkflowWebAPIError, Y as useEscapeKeydown, t as composeEventHandlers, _ as useCallbackRef, $ as useLayoutEffect2, s as useControllableState, a0 as useId, a1 as createContext2, v as Presence, x as createContextScope, l as hideOthers, m as ReactRemoveScroll, a2 as useFocusGuards, a3 as LAYOUT, a4 as wakeUpRun, r as resumeHook, A as Alert, c as AlertTitle, d as AlertDescription, a as Skeleton$1, a5 as RunActionsButtons, F as StatusBadge, e as CopyableText, b as RelativeTime, T as Tabs, K as TabsList, L as TabsTrigger, M as TabsContent, y as cancelRun, a6 as recreateRun } from "./workflow-graph-viewer-CU0UU458.js";
-import { c as createLucideIcon, N as Spinner, O as cn, g as useToast, U as Skeleton, W as DecryptClickContext, Y as Yr, X as isEncryptedMarker, Z as formatDuration, _ as DataInspector, $ as _r, a0 as Button, a1 as Lock, a2 as RunClickContext, a3 as StreamClickContext, a4 as isExpiredMarker, a5 as isDoStreamStep, a6 as extractConversation, a7 as hasEncryptedFields, a8 as EVENT_DATA_REF_FIELDS, a9 as useSidebarDataOptional, aa as clsx, ab as useRowWindow, ac as isSpanDimmedBySearch, ad as ROW_HEIGHT_PX, ae as getSpanDurationMs, af as formatDurationPrecise, ag as TooltipProvider, ah as ActiveSpanProvider, ai as useActiveSpan, aj as useSidebarData, ak as searchSpans, al as computeRootBounds, am as computeTimeMarkers, an as getHighResInMs, ao as TIMELINE_PADDING_PX, ap as Timeline, aq as TimelineHeader, ar as IconButton, as as Tooltip, at as TooltipTrigger, au as TooltipContent, av as SidebarDataProvider, aw as hydrateResourceIOWithKey, ax as hydrateResourceIO, ay as fetchHook, k as fetchEvents, G as fetchRun, az as fetchStep, aA as fetchStreams, aB as Slot, F as useComposedRefs, aC as Slottable, d as cn$1, aD as buttonVariants, aE as fetchEvent, aF as fetchEventsByCorrelationId, aG as isEncryptedData, aH as hydrateData, aI as getWebRevivers, T as Tooltip$1, a as TooltipTrigger$1, b as TooltipContent$1, aJ as LIVE_UPDATE_INTERVAL_MS$1, u as useServerConfig, aK as getEncryptionKeyForRun, t as toast, L as LoaderCircle, aL as StreamViewer } from "./mermaid-3ZIDBTTL-C02sm-ZS.js";
+import { q as Check, O as Copy, C as CircleAlert, Q as parseStepName, B as parseWorkflowName, j as ChevronRight, o as ChevronDown, U as ErrorCard, Z as Zap, S as Send, R as ResolveHookModal, V as Circle, p as ChevronUp, X, N as ErrorBoundary, I as unwrapServerActionResult, u as unwrapOrThrow, W as WorkflowWebAPIError, Y as useEscapeKeydown, t as composeEventHandlers, _ as useCallbackRef, $ as useLayoutEffect2, s as useControllableState, a0 as useId, a1 as createContext2, v as Presence, x as createContextScope, l as hideOthers, m as ReactRemoveScroll, a2 as useFocusGuards, a3 as LAYOUT, a4 as wakeUpRun, r as resumeHook, A as Alert, c as AlertTitle, d as AlertDescription, a as Skeleton$1, a5 as RunActionsButtons, F as StatusBadge, e as CopyableText, b as RelativeTime, T as Tabs, K as TabsList, L as TabsTrigger, M as TabsContent, y as cancelRun, a6 as recreateRun } from "./workflow-graph-viewer-fgQ2XQ5R.js";
+import { c as createLucideIcon, N as Spinner, O as cn, g as useToast, U as Skeleton, W as DecryptClickContext, Y as Yr, X as isEncryptedMarker, Z as formatDuration, _ as DataInspector, $ as _r, a0 as Button, a1 as Lock, a2 as RunClickContext, a3 as StreamClickContext, a4 as isExpiredMarker, a5 as isDoStreamStep, a6 as extractConversation, a7 as hasEncryptedFields, a8 as EVENT_DATA_REF_FIELDS, a9 as useSidebarDataOptional, aa as clsx, ab as useRowWindow, ac as isSpanDimmedBySearch, ad as ROW_HEIGHT_PX, ae as getSpanDurationMs, af as formatDurationPrecise, ag as TooltipProvider, ah as ActiveSpanProvider, ai as useActiveSpan, aj as useSidebarData, ak as searchSpans, al as computeRootBounds, am as computeTimeMarkers, an as getHighResInMs, ao as TIMELINE_PADDING_PX, ap as Timeline, aq as TimelineHeader, ar as IconButton, as as Tooltip, at as TooltipTrigger, au as TooltipContent, av as SidebarDataProvider, aw as hydrateResourceIOWithKey, ax as hydrateResourceIO, ay as fetchHook, k as fetchEvents, G as fetchRun, az as fetchStep, aA as fetchStreams, aB as Slot, F as useComposedRefs, aC as Slottable, d as cn$1, aD as buttonVariants, aE as fetchEvent, aF as fetchEventsByCorrelationId, aG as isEncryptedData, aH as hydrateData, aI as getWebRevivers, T as Tooltip$1, a as TooltipTrigger$1, b as TooltipContent$1, aJ as LIVE_UPDATE_INTERVAL_MS$1, u as useServerConfig, aK as getEncryptionKeyForRun, t as toast, L as LoaderCircle, aL as StreamViewer } from "./mermaid-3ZIDBTTL-BMWEihLr.js";
 import { decrypt, importKey } from "./encryption-g14N5vQl.js";
 import "./index-B6-SzLmT.js";
 /**