@mastra/playground-ui 65.0.0-alpha.2 → 65.0.0-alpha.4

package/dist/domains/traces/components/trace-span-tree-skeleton.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const domains_traces_components_spanTreeRail = require('./span-tree-rail.cjs.js');
 const skeleton = require('../../../skeleton-lkFwOzqL.cjs');
 const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 
@@ -19,13 +20,12 @@ const ROWS = [
 const LEGEND_WIDTHS = ["w-14", "w-12", "w-16"];
 function TraceSpanTreeSkeleton({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", "aria-label": "Loading spans", className: utils_cn.cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "span-type-legend-skeleton", className: "flex flex-wrap items-center gap-1.5 py-3", children: LEGEND_WIDTHS.map((width) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: utils_cn.cn("h-5 rounded-full", width) }, width)) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-y-px pb-1", children: ROWS.map(([depth, width], idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-8 items-stretch", style: { paddingLeft: `${depth}rem` }, children: [
-      depth > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5 px-2 py-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "mt-[5px] size-2 shrink-0 rounded-full" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-[18px] items-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3", style: { width } }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "span-type-legend-skeleton", className: "flex flex-wrap items-center gap-1.5 pb-3", children: LEGEND_WIDTHS.map((width) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: utils_cn.cn("h-5 rounded-full", width) }, width)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-y-px pb-1", children: ROWS.map(([depth, width], idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex pl-1", style: { paddingBlock: domains_traces_components_spanTreeRail.SPAN_TREE_PAD_Y }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1", style: { paddingLeft: depth * domains_traces_components_spanTreeRail.SPAN_TREE_INDENT }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-5 w-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-5 rounded-md" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col pl-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3", style: { width } }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-4 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-2.5 w-10" }) })
         ] })
       ] }),

package/dist/domains/traces/components/trace-span-tree-skeleton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-tree-skeleton.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-tree-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/** `[depth, name width]` per row: a root span, then a couple of nested levels, like a typical agent run. */\nconst ROWS: Array<[number, string]> = [\n  [0, '55%'],\n  [1, '40%'],\n  [1, '60%'],\n  [2, '35%'],\n  [2, '50%'],\n  [1, '45%'],\n  [2, '30%'],\n  [1, '65%'],\n];\n\nconst LEGEND_WIDTHS = ['w-14', 'w-12', 'w-16'];\n\nexport interface TraceSpanTreeSkeletonProps {\n  className?: string;\n}\n\n/**\n * Same boxes as the resolved tree — the `SpanTypeLegend` pills, then one `TimelineNameCol` row per span\n * (structure sign for children, top-aligned dot, caption name stacked over the meta duration, `w-8` toggle slot) —\n * so nothing jumps when the spans land.\n */\nexport function TraceSpanTreeSkeleton({ className }: TraceSpanTreeSkeletonProps) {\n  return (\n    <div role=\"status\" aria-label=\"Loading spans\" className={cn('flex flex-col', className)}>\n      <div data-slot=\"span-type-legend-skeleton\" className=\"flex flex-wrap items-center gap-1.5 py-3\">\n        {LEGEND_WIDTHS.map(width => (\n          <Skeleton key={width} className={cn('h-5 rounded-full', width)} />\n        ))}\n      </div>\n      <div className=\"grid gap-y-px pb-1\">\n        {ROWS.map(([depth, width], idx) => (\n          <div key={idx} className=\"flex min-h-8 items-stretch\" style={{ paddingLeft: `${depth}rem` }}>\n            {depth > 0 && <div className=\"w-2 shrink-0\" />}\n            <div className=\"flex min-w-0 flex-1 items-start gap-1.5 px-2 py-1\">\n              <Skeleton className=\"mt-[5px] size-2 shrink-0 rounded-full\" />\n              <div className=\"flex min-w-0 flex-1 flex-col\">\n                {/* Line boxes of the caption name (18px) and meta duration (16px). */}\n                <div className=\"flex h-[18px] items-center\">\n                  <Skeleton className=\"h-3\" style={{ width }} />\n                </div>\n                <div className=\"flex h-4 items-center\">\n                  <Skeleton className=\"h-2.5 w-10\" />\n                </div>\n              </div>\n            </div>\n            <div className=\"w-8 shrink-0\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx","Skeleton"],"mappings":";;;;;;;;AAIA,MAAM,IAAA,GAAgC;AAAA,EACpC,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK;AACX,CAAA;AAEA,MAAM,aAAA,GAAgB,CAAC,MAAA,EAAQ,MAAA,EAAQ,MAAM,CAAA;AAWtC,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAU,EAA+B;AAC/E,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,QAAA,EAAS,YAAA,EAAW,iBAAgB,SAAA,EAAWC,WAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACpF,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,SAAI,WAAA,EAAU,2BAAA,EAA4B,SAAA,EAAU,0CAAA,EAClD,wBAAc,GAAA,CAAI,CAAA,KAAA,qBACjBA,cAAA,CAACC,iBAAA,EAAA,EAAqB,WAAWF,WAAA,CAAG,kBAAA,EAAoB,KAAK,CAAA,EAAA,EAA9C,KAAiD,CACjE,CAAA,EACH,CAAA;AAAA,oBACAC,cAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EACZ,eAAK,GAAA,CAAI,CAAC,CAAC,KAAA,EAAO,KAAK,CAAA,EAAG,wBACzBF,eAAA,CAAC,KAAA,EAAA,EAAc,WAAU,4BAAA,EAA6B,KAAA,EAAO,EAAE,WAAA,EAAa,CAAA,EAAG,KAAK,CAAA,GAAA,CAAA,EAAM,EACvF,QAAA,EAAA;AAAA,MAAA,KAAA,GAAQ,CAAA,oBAAKE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,sBAC5CF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EACb,QAAA,EAAA;AAAA,wBAAAE,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,uCAAA,EAAwC,CAAA;AAAA,wBAC5DH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAEb,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,kBAAAA,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,KAAA,EAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG,CAAA,EAC9C,CAAA;AAAA,0BACAD,cAAA,CAAC,SAAI,SAAA,EAAU,uBAAA,EACb,yCAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,cAAa,CAAA,EACnC;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBACAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe;AAAA,KAAA,EAAA,EAdtB,GAeV,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-span-tree-skeleton.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-tree-skeleton.tsx"],"sourcesContent":["import { SPAN_TREE_INDENT, SPAN_TREE_PAD_Y } from './span-tree-rail';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/** `[depth, name width]` per row: a root span, then a couple of nested levels, like a typical agent run. */\nconst ROWS: Array<[number, string]> = [\n  [0, '55%'],\n  [1, '40%'],\n  [1, '60%'],\n  [2, '35%'],\n  [2, '50%'],\n  [1, '45%'],\n  [2, '30%'],\n  [1, '65%'],\n];\n\nconst LEGEND_WIDTHS = ['w-14', 'w-12', 'w-16'];\n\nexport interface TraceSpanTreeSkeletonProps {\n  className?: string;\n}\n\n/**\n * Same boxes as the resolved tree — the `SpanTypeLegend` pills, then one `TimelineNameCol` row per span\n * (24px per level, badge centred on the name line, name stacked over the duration, `w-8` toggle slot) —\n * so nothing jumps when the spans land.\n */\nexport function TraceSpanTreeSkeleton({ className }: TraceSpanTreeSkeletonProps) {\n  return (\n    <div role=\"status\" aria-label=\"Loading spans\" className={cn('flex flex-col', className)}>\n      <div data-slot=\"span-type-legend-skeleton\" className=\"flex flex-wrap items-center gap-1.5 pb-3\">\n        {LEGEND_WIDTHS.map(width => (\n          <Skeleton key={width} className={cn('h-5 rounded-full', width)} />\n        ))}\n      </div>\n      <div className=\"grid gap-y-px pb-1\">\n        {ROWS.map(([depth, width], idx) => (\n          <div key={idx} className=\"flex pl-1\" style={{ paddingBlock: SPAN_TREE_PAD_Y }}>\n            <div className=\"flex min-w-0 flex-1\" style={{ paddingLeft: depth * SPAN_TREE_INDENT }}>\n              <div className=\"flex h-5 w-6 shrink-0 items-center justify-center\">\n                <Skeleton className=\"size-5 rounded-md\" />\n              </div>\n              <div className=\"flex min-w-0 flex-1 flex-col pl-2\">\n                {/* Line boxes of the body-sm name (20px) and caption duration (16px). */}\n                <div className=\"flex h-5 items-center\">\n                  <Skeleton className=\"h-3\" style={{ width }} />\n                </div>\n                <div className=\"flex h-4 items-center\">\n                  <Skeleton className=\"h-2.5 w-10\" />\n                </div>\n              </div>\n            </div>\n            <div className=\"w-8 shrink-0\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx","Skeleton","SPAN_TREE_PAD_Y","SPAN_TREE_INDENT"],"mappings":";;;;;;;;;AAKA,MAAM,IAAA,GAAgC;AAAA,EACpC,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK;AACX,CAAA;AAEA,MAAM,aAAA,GAAgB,CAAC,MAAA,EAAQ,MAAA,EAAQ,MAAM,CAAA;AAWtC,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAU,EAA+B;AAC/E,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,QAAA,EAAS,YAAA,EAAW,iBAAgB,SAAA,EAAWC,WAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACpF,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,SAAI,WAAA,EAAU,2BAAA,EAA4B,SAAA,EAAU,0CAAA,EAClD,wBAAc,GAAA,CAAI,CAAA,KAAA,qBACjBA,cAAA,CAACC,iBAAA,EAAA,EAAqB,WAAWF,WAAA,CAAG,kBAAA,EAAoB,KAAK,CAAA,EAAA,EAA9C,KAAiD,CACjE,CAAA,EACH,CAAA;AAAA,oBACAC,cAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EACZ,eAAK,GAAA,CAAI,CAAC,CAAC,KAAA,EAAO,KAAK,GAAG,GAAA,qBACzBF,eAAA,CAAC,SAAc,SAAA,EAAU,WAAA,EAAY,OAAO,EAAE,YAAA,EAAcI,wDAAgB,EAC1E,QAAA,EAAA;AAAA,sBAAAJ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,WAAA,EAAa,KAAA,GAAQK,yDAAiB,EAClF,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAAC,SAAI,SAAA,EAAU,mDAAA,EACb,yCAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,qBAAoB,CAAA,EAC1C,CAAA;AAAA,wBACAH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAEb,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,kBAAAA,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,KAAA,EAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG,CAAA,EAC9C,CAAA;AAAA,0BACAD,cAAA,CAAC,SAAI,SAAA,EAAU,uBAAA,EACb,yCAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,cAAa,CAAA,EACnC;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBACAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe;AAAA,KAAA,EAAA,EAftB,GAgBV,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-span-tree-skeleton.es.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { SPAN_TREE_PAD_Y, SPAN_TREE_INDENT } from './span-tree-rail.es.js';
 import { S as Skeleton } from '../../../skeleton-Q4fDAXcz.js';
 import { c as cn } from '../../../cn-CQUhN5Jx.js';
 
@@ -15,13 +16,12 @@ const ROWS = [
 const LEGEND_WIDTHS = ["w-14", "w-12", "w-16"];
 function TraceSpanTreeSkeleton({ className }) {
   return /* @__PURE__ */ jsxs("div", { role: "status", "aria-label": "Loading spans", className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx("div", { "data-slot": "span-type-legend-skeleton", className: "flex flex-wrap items-center gap-1.5 py-3", children: LEGEND_WIDTHS.map((width) => /* @__PURE__ */ jsx(Skeleton, { className: cn("h-5 rounded-full", width) }, width)) }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-y-px pb-1", children: ROWS.map(([depth, width], idx) => /* @__PURE__ */ jsxs("div", { className: "flex min-h-8 items-stretch", style: { paddingLeft: `${depth}rem` }, children: [
-      depth > 0 && /* @__PURE__ */ jsx("div", { className: "w-2 shrink-0" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-1.5 px-2 py-1", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "mt-[5px] size-2 shrink-0 rounded-full" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex h-[18px] items-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3", style: { width } }) }),
+    /* @__PURE__ */ jsx("div", { "data-slot": "span-type-legend-skeleton", className: "flex flex-wrap items-center gap-1.5 pb-3", children: LEGEND_WIDTHS.map((width) => /* @__PURE__ */ jsx(Skeleton, { className: cn("h-5 rounded-full", width) }, width)) }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-y-px pb-1", children: ROWS.map(([depth, width], idx) => /* @__PURE__ */ jsxs("div", { className: "flex pl-1", style: { paddingBlock: SPAN_TREE_PAD_Y }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1", style: { paddingLeft: depth * SPAN_TREE_INDENT }, children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-5 w-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "size-5 rounded-md" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col pl-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3", style: { width } }) }),
           /* @__PURE__ */ jsx("div", { className: "flex h-4 items-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-10" }) })
         ] })
       ] }),

package/dist/domains/traces/components/trace-span-tree-skeleton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-tree-skeleton.es.js","sources":["../../../../src/domains/traces/components/trace-span-tree-skeleton.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/** `[depth, name width]` per row: a root span, then a couple of nested levels, like a typical agent run. */\nconst ROWS: Array<[number, string]> = [\n  [0, '55%'],\n  [1, '40%'],\n  [1, '60%'],\n  [2, '35%'],\n  [2, '50%'],\n  [1, '45%'],\n  [2, '30%'],\n  [1, '65%'],\n];\n\nconst LEGEND_WIDTHS = ['w-14', 'w-12', 'w-16'];\n\nexport interface TraceSpanTreeSkeletonProps {\n  className?: string;\n}\n\n/**\n * Same boxes as the resolved tree — the `SpanTypeLegend` pills, then one `TimelineNameCol` row per span\n * (structure sign for children, top-aligned dot, caption name stacked over the meta duration, `w-8` toggle slot) —\n * so nothing jumps when the spans land.\n */\nexport function TraceSpanTreeSkeleton({ className }: TraceSpanTreeSkeletonProps) {\n  return (\n    <div role=\"status\" aria-label=\"Loading spans\" className={cn('flex flex-col', className)}>\n      <div data-slot=\"span-type-legend-skeleton\" className=\"flex flex-wrap items-center gap-1.5 py-3\">\n        {LEGEND_WIDTHS.map(width => (\n          <Skeleton key={width} className={cn('h-5 rounded-full', width)} />\n        ))}\n      </div>\n      <div className=\"grid gap-y-px pb-1\">\n        {ROWS.map(([depth, width], idx) => (\n          <div key={idx} className=\"flex min-h-8 items-stretch\" style={{ paddingLeft: `${depth}rem` }}>\n            {depth > 0 && <div className=\"w-2 shrink-0\" />}\n            <div className=\"flex min-w-0 flex-1 items-start gap-1.5 px-2 py-1\">\n              <Skeleton className=\"mt-[5px] size-2 shrink-0 rounded-full\" />\n              <div className=\"flex min-w-0 flex-1 flex-col\">\n                {/* Line boxes of the caption name (18px) and meta duration (16px). */}\n                <div className=\"flex h-[18px] items-center\">\n                  <Skeleton className=\"h-3\" style={{ width }} />\n                </div>\n                <div className=\"flex h-4 items-center\">\n                  <Skeleton className=\"h-2.5 w-10\" />\n                </div>\n              </div>\n            </div>\n            <div className=\"w-8 shrink-0\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,IAAA,GAAgC;AAAA,EACpC,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK;AACX,CAAA;AAEA,MAAM,aAAA,GAAgB,CAAC,MAAA,EAAQ,MAAA,EAAQ,MAAM,CAAA;AAWtC,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAU,EAA+B;AAC/E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,QAAA,EAAS,YAAA,EAAW,iBAAgB,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACpF,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,WAAA,EAAU,2BAAA,EAA4B,SAAA,EAAU,0CAAA,EAClD,wBAAc,GAAA,CAAI,CAAA,KAAA,qBACjB,GAAA,CAAC,QAAA,EAAA,EAAqB,WAAW,EAAA,CAAG,kBAAA,EAAoB,KAAK,CAAA,EAAA,EAA9C,KAAiD,CACjE,CAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EACZ,eAAK,GAAA,CAAI,CAAC,CAAC,KAAA,EAAO,KAAK,CAAA,EAAG,wBACzB,IAAA,CAAC,KAAA,EAAA,EAAc,WAAU,4BAAA,EAA6B,KAAA,EAAO,EAAE,WAAA,EAAa,CAAA,EAAG,KAAK,CAAA,GAAA,CAAA,EAAM,EACvF,QAAA,EAAA;AAAA,MAAA,KAAA,GAAQ,CAAA,oBAAK,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,CAAA;AAAA,sBAC5C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,uCAAA,EAAwC,CAAA;AAAA,wBAC5D,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAEb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,KAAA,EAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG,CAAA,EAC9C,CAAA;AAAA,0BACA,GAAA,CAAC,SAAI,SAAA,EAAU,uBAAA,EACb,8BAAC,QAAA,EAAA,EAAS,SAAA,EAAU,cAAa,CAAA,EACnC;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe;AAAA,KAAA,EAAA,EAdtB,GAeV,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-span-tree-skeleton.es.js","sources":["../../../../src/domains/traces/components/trace-span-tree-skeleton.tsx"],"sourcesContent":["import { SPAN_TREE_INDENT, SPAN_TREE_PAD_Y } from './span-tree-rail';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { cn } from '@/lib/utils';\n\n/** `[depth, name width]` per row: a root span, then a couple of nested levels, like a typical agent run. */\nconst ROWS: Array<[number, string]> = [\n  [0, '55%'],\n  [1, '40%'],\n  [1, '60%'],\n  [2, '35%'],\n  [2, '50%'],\n  [1, '45%'],\n  [2, '30%'],\n  [1, '65%'],\n];\n\nconst LEGEND_WIDTHS = ['w-14', 'w-12', 'w-16'];\n\nexport interface TraceSpanTreeSkeletonProps {\n  className?: string;\n}\n\n/**\n * Same boxes as the resolved tree — the `SpanTypeLegend` pills, then one `TimelineNameCol` row per span\n * (24px per level, badge centred on the name line, name stacked over the duration, `w-8` toggle slot) —\n * so nothing jumps when the spans land.\n */\nexport function TraceSpanTreeSkeleton({ className }: TraceSpanTreeSkeletonProps) {\n  return (\n    <div role=\"status\" aria-label=\"Loading spans\" className={cn('flex flex-col', className)}>\n      <div data-slot=\"span-type-legend-skeleton\" className=\"flex flex-wrap items-center gap-1.5 pb-3\">\n        {LEGEND_WIDTHS.map(width => (\n          <Skeleton key={width} className={cn('h-5 rounded-full', width)} />\n        ))}\n      </div>\n      <div className=\"grid gap-y-px pb-1\">\n        {ROWS.map(([depth, width], idx) => (\n          <div key={idx} className=\"flex pl-1\" style={{ paddingBlock: SPAN_TREE_PAD_Y }}>\n            <div className=\"flex min-w-0 flex-1\" style={{ paddingLeft: depth * SPAN_TREE_INDENT }}>\n              <div className=\"flex h-5 w-6 shrink-0 items-center justify-center\">\n                <Skeleton className=\"size-5 rounded-md\" />\n              </div>\n              <div className=\"flex min-w-0 flex-1 flex-col pl-2\">\n                {/* Line boxes of the body-sm name (20px) and caption duration (16px). */}\n                <div className=\"flex h-5 items-center\">\n                  <Skeleton className=\"h-3\" style={{ width }} />\n                </div>\n                <div className=\"flex h-4 items-center\">\n                  <Skeleton className=\"h-2.5 w-10\" />\n                </div>\n              </div>\n            </div>\n            <div className=\"w-8 shrink-0\" />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKA,MAAM,IAAA,GAAgC;AAAA,EACpC,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK,CAAA;AAAA,EACT,CAAC,GAAG,KAAK;AACX,CAAA;AAEA,MAAM,aAAA,GAAgB,CAAC,MAAA,EAAQ,MAAA,EAAQ,MAAM,CAAA;AAWtC,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAU,EAA+B;AAC/E,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,QAAA,EAAS,YAAA,EAAW,iBAAgB,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACpF,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,WAAA,EAAU,2BAAA,EAA4B,SAAA,EAAU,0CAAA,EAClD,wBAAc,GAAA,CAAI,CAAA,KAAA,qBACjB,GAAA,CAAC,QAAA,EAAA,EAAqB,WAAW,EAAA,CAAG,kBAAA,EAAoB,KAAK,CAAA,EAAA,EAA9C,KAAiD,CACjE,CAAA,EACH,CAAA;AAAA,oBACA,GAAA,CAAC,SAAI,SAAA,EAAU,oBAAA,EACZ,eAAK,GAAA,CAAI,CAAC,CAAC,KAAA,EAAO,KAAK,GAAG,GAAA,qBACzB,IAAA,CAAC,SAAc,SAAA,EAAU,WAAA,EAAY,OAAO,EAAE,YAAA,EAAc,iBAAgB,EAC1E,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,WAAA,EAAa,KAAA,GAAQ,kBAAiB,EAClF,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,mDAAA,EACb,8BAAC,QAAA,EAAA,EAAS,SAAA,EAAU,qBAAoB,CAAA,EAC1C,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAEb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,KAAA,EAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG,CAAA,EAC9C,CAAA;AAAA,0BACA,GAAA,CAAC,SAAI,SAAA,EAAU,uBAAA,EACb,8BAAC,QAAA,EAAA,EAAS,SAAA,EAAU,cAAa,CAAA,EACnC;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe;AAAA,KAAA,EAAA,EAftB,GAgBV,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-span-tree.cjs.js

@@ -7,14 +7,13 @@ const domains_traces_components_spanRows = require('./span-rows.cjs.js');
 const domains_traces_components_spanTreeRow = require('./span-tree-row.cjs.js');
 const domains_traces_components_spanTypeLegend = require('./span-type-legend.cjs.js');
 const domains_traces_components_traceSpanTreeSkeleton = require('./trace-span-tree-skeleton.cjs.js');
-const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 const utils_duration = require('../../../utils/duration.cjs.js');
 
 function TraceSpanTreeLoading() {
   return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceSpanTreeSkeleton.TraceSpanTreeSkeleton, {});
 }
-const durationMeta = (ctx) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", children: utils_duration.formatDurationPrecise(ctx.span.latency) });
+const durationMeta = (ctx) => utils_duration.formatDuration(ctx.span.latency);
 function TraceSpanTree({
   hierarchicalSpans = [],
   onSpanClick,

package/dist/domains/traces/components/trace-span-tree.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-tree.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeSkeleton } from './trace-span-tree-skeleton';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport type TraceSpanTreeProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n  /** Optional end-of-row cell. By default rows have no trailing cell; the duration is shown under the span name. */\n  renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n  return <TraceSpanTreeSkeleton />;\n}\n\nconst durationMeta = (ctx: SpanRowContext) => (\n  <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n    {formatDurationPrecise(ctx.span.latency)}\n  </Txt>\n);\n\n/** Hierarchical span tree: expand toggle, name and duration per row, plus an optional trailing cell. */\nexport function TraceSpanTree({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n  renderTrailing,\n}: TraceSpanTreeProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div\n        className={cn('grid content-start items-start gap-y-px overflow-hidden pb-1', {\n          'grid-cols-[minmax(0,1fr)]': !renderTrailing,\n          'grid-cols-[minmax(0,1fr)_auto]': !!renderTrailing,\n        })}\n      >\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTreeRow ctx={ctx} meta={durationMeta} trailing={renderTrailing} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":["TraceSpanTreeSkeleton","jsx","Txt","formatDurationPrecise","jsxs","Fragment","SpanTypeLegend","cn","SpanRows","SpanTreeRow"],"mappings":";;;;;;;;;;;;;AA4BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,sCAAQA,qEAAA,EAAA,EAAsB,CAAA;AAChC;AAEA,MAAM,YAAA,GAAe,CAAC,GAAA,qBACpBC,cAAA,CAACC,WAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,MAAA,EAAO,MAAK,MAAA,EAChC,QAAA,EAAAC,oCAAA,CAAsB,GAAA,CAAI,IAAA,CAAK,OAAO,CAAA,EACzC,CAAA;AAIK,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAOF,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACEG,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACDJ,cAAA,CAACK,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CL,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWM,YAAG,8DAAA,EAAgE;AAAA,UAC5E,6BAA6B,CAAC,cAAA;AAAA,UAC9B,gCAAA,EAAkC,CAAC,CAAC;AAAA,SACrC,CAAA;AAAA,QAED,QAAA,kBAAAN,cAAA;AAAA,UAACO,2CAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,iBAAA;AAAA,YACP,WAAA;AAAA,YACA,cAAA;AAAA,YACA,YAAA;AAAA,YACA,UAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YACA,kBAAA;AAAA,YACA,SAAA,EAAW,yBAAOP,cAAA,CAACQ,iDAAA,EAAA,EAAY,KAAU,IAAA,EAAM,YAAA,EAAc,UAAU,cAAA,EAAgB;AAAA;AAAA;AACzF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"trace-span-tree.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeSkeleton } from './trace-span-tree-skeleton';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TraceSpanTreeProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n  /** Optional end-of-row cell. By default rows have no trailing cell; the duration is shown under the span name. */\n  renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n  return <TraceSpanTreeSkeleton />;\n}\n\nconst durationMeta = (ctx: SpanRowContext) => formatDuration(ctx.span.latency);\n\n/** Hierarchical span tree: expand toggle, name and duration per row, plus an optional trailing cell. */\nexport function TraceSpanTree({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n  renderTrailing,\n}: TraceSpanTreeProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div\n        className={cn('grid content-start items-start gap-y-px overflow-hidden pb-1', {\n          'grid-cols-[minmax(0,1fr)]': !renderTrailing,\n          'grid-cols-[minmax(0,1fr)_auto]': !!renderTrailing,\n        })}\n      >\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTreeRow ctx={ctx} meta={durationMeta} trailing={renderTrailing} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":["TraceSpanTreeSkeleton","formatDuration","jsx","jsxs","Fragment","SpanTypeLegend","cn","SpanRows","SpanTreeRow"],"mappings":";;;;;;;;;;;;AA2BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,sCAAQA,qEAAA,EAAA,EAAsB,CAAA;AAChC;AAEA,MAAM,eAAe,CAAC,GAAA,KAAwBC,6BAAA,CAAe,GAAA,CAAI,KAAK,OAAO,CAAA;AAGtE,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAOC,cAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACDF,cAAA,CAACG,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CH,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWI,YAAG,8DAAA,EAAgE;AAAA,UAC5E,6BAA6B,CAAC,cAAA;AAAA,UAC9B,gCAAA,EAAkC,CAAC,CAAC;AAAA,SACrC,CAAA;AAAA,QAED,QAAA,kBAAAJ,cAAA;AAAA,UAACK,2CAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,iBAAA;AAAA,YACP,WAAA;AAAA,YACA,cAAA;AAAA,YACA,YAAA;AAAA,YACA,UAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YACA,kBAAA;AAAA,YACA,SAAA,EAAW,yBAAOL,cAAA,CAACM,iDAAA,EAAA,EAAY,KAAU,IAAA,EAAM,YAAA,EAAc,UAAU,cAAA,EAAgB;AAAA;AAAA;AACzF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;;"}

package/dist/domains/traces/components/trace-span-tree.es.js

@@ -3,14 +3,13 @@ import { SpanRows } from './span-rows.es.js';
 import { SpanTreeRow } from './span-tree-row.es.js';
 import { SpanTypeLegend } from './span-type-legend.es.js';
 import { TraceSpanTreeSkeleton } from './trace-span-tree-skeleton.es.js';
-import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { c as cn } from '../../../cn-CQUhN5Jx.js';
-import { formatDurationPrecise } from '../../../utils/duration.es.js';
+import { formatDuration } from '../../../utils/duration.es.js';
 
 function TraceSpanTreeLoading() {
   return /* @__PURE__ */ jsx(TraceSpanTreeSkeleton, {});
 }
-const durationMeta = (ctx) => /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", children: formatDurationPrecise(ctx.span.latency) });
+const durationMeta = (ctx) => formatDuration(ctx.span.latency);
 function TraceSpanTree({
   hierarchicalSpans = [],
   onSpanClick,

package/dist/domains/traces/components/trace-span-tree.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-tree.es.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeSkeleton } from './trace-span-tree-skeleton';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport type TraceSpanTreeProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n  /** Optional end-of-row cell. By default rows have no trailing cell; the duration is shown under the span name. */\n  renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n  return <TraceSpanTreeSkeleton />;\n}\n\nconst durationMeta = (ctx: SpanRowContext) => (\n  <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n    {formatDurationPrecise(ctx.span.latency)}\n  </Txt>\n);\n\n/** Hierarchical span tree: expand toggle, name and duration per row, plus an optional trailing cell. */\nexport function TraceSpanTree({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n  renderTrailing,\n}: TraceSpanTreeProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div\n        className={cn('grid content-start items-start gap-y-px overflow-hidden pb-1', {\n          'grid-cols-[minmax(0,1fr)]': !renderTrailing,\n          'grid-cols-[minmax(0,1fr)_auto]': !!renderTrailing,\n        })}\n      >\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTreeRow ctx={ctx} meta={durationMeta} trailing={renderTrailing} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AA4BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,2BAAQ,qBAAA,EAAA,EAAsB,CAAA;AAChC;AAEA,MAAM,YAAA,GAAe,CAAC,GAAA,qBACpB,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,MAAA,EAAO,MAAK,MAAA,EAChC,QAAA,EAAA,qBAAA,CAAsB,GAAA,CAAI,IAAA,CAAK,OAAO,CAAA,EACzC,CAAA;AAIK,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,8DAAA,EAAgE;AAAA,UAC5E,6BAA6B,CAAC,cAAA;AAAA,UAC9B,gCAAA,EAAkC,CAAC,CAAC;AAAA,SACrC,CAAA;AAAA,QAED,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,iBAAA;AAAA,YACP,WAAA;AAAA,YACA,cAAA;AAAA,YACA,YAAA;AAAA,YACA,UAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YACA,kBAAA;AAAA,YACA,SAAA,EAAW,yBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAU,IAAA,EAAM,YAAA,EAAc,UAAU,cAAA,EAAgB;AAAA;AAAA;AACzF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-span-tree.es.js","sources":["../../../../src/domains/traces/components/trace-span-tree.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport type { SpanRowContext } from './span-rows';\nimport { SpanRows } from './span-rows';\nimport { SpanTreeRow } from './span-tree-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeSkeleton } from './trace-span-tree-skeleton';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TraceSpanTreeProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n  /** Optional end-of-row cell. By default rows have no trailing cell; the duration is shown under the span name. */\n  renderTrailing?: (ctx: SpanRowContext) => ReactNode;\n};\n\nexport function TraceSpanTreeLoading() {\n  return <TraceSpanTreeSkeleton />;\n}\n\nconst durationMeta = (ctx: SpanRowContext) => formatDuration(ctx.span.latency);\n\n/** Hierarchical span tree: expand toggle, name and duration per row, plus an optional trailing cell. */\nexport function TraceSpanTree({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n  renderTrailing,\n}: TraceSpanTreeProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div\n        className={cn('grid content-start items-start gap-y-px overflow-hidden pb-1', {\n          'grid-cols-[minmax(0,1fr)]': !renderTrailing,\n          'grid-cols-[minmax(0,1fr)_auto]': !!renderTrailing,\n        })}\n      >\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTreeRow ctx={ctx} meta={durationMeta} trailing={renderTrailing} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA2BO,SAAS,oBAAA,GAAuB;AACrC,EAAA,2BAAQ,qBAAA,EAAA,EAAsB,CAAA;AAChC;AAEA,MAAM,eAAe,CAAC,GAAA,KAAwB,cAAA,CAAe,GAAA,CAAI,KAAK,OAAO,CAAA;AAGtE,SAAS,aAAA,CAAc;AAAA,EAC5B,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,8DAAA,EAAgE;AAAA,UAC5E,6BAA6B,CAAC,cAAA;AAAA,UAC9B,gCAAA,EAAkC,CAAC,CAAC;AAAA,SACrC,CAAA;AAAA,QAED,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,iBAAA;AAAA,YACP,WAAA;AAAA,YACA,cAAA;AAAA,YACA,YAAA;AAAA,YACA,UAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YACA,kBAAA;AAAA,YACA,SAAA,EAAW,yBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAU,IAAA,EAAM,YAAA,EAAc,UAAU,cAAA,EAAgB;AAAA;AAAA;AACzF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-summary-description.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_traces_components_traceStatusValue = require('./trace-status-value.cjs.js');
-const dataPanel = require('../../../data-panel-BkfjzriB.cjs');
+const dataPanel = require('../../../data-panel-DGNV14pm.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const icons_AgentIcon = require('../../../icons/AgentIcon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');

package/dist/domains/traces/components/trace-summary-description.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, ArrowDownToLineIcon, ArrowUpFromLineIcon, CircleDollarSignIcon } from 'lucide-react';
 import { getSpanDurationMs } from '../utils/span-utils.es.js';
 import { TraceStatusValue } from './trace-status-value.es.js';
-import { D as DataPanel } from '../../../data-panel-CMkR6Avv.js';
+import { D as DataPanel } from '../../../data-panel-DjtnX70w.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';

package/dist/domains/traces/components/trace-thread-item-view.cjs.js

@@ -10,7 +10,7 @@ const domains_traces_components_traceMessagesSkeleton = require('./trace-message
 const domains_chat_context_toolCallContext = require('../../chat/context/tool-call-context.cjs.js');
 const domains_chat_messages_messageRow = require('../../chat/messages/message-row.cjs.js');
 const domains_traces_components_tracesErrorContent = require('./traces-error-content.cjs.js');
-const Button = require('../../../Button-DH1aTzbs.cjs');
+const Button = require('../../../Button-C4I05uT4.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 

package/dist/domains/traces/components/trace-thread-item-view.es.js

@@ -6,7 +6,7 @@ import { TraceMessagesSkeleton } from './trace-messages-skeleton.es.js';
 import { ToolCallProvider } from '../../chat/context/tool-call-context.es.js';
 import { MessageRow } from '../../chat/messages/message-row.es.js';
 import { TracesErrorContent } from './traces-error-content.es.js';
-import { B as Button } from '../../../Button-EGoajBQY.js';
+import { B as Button } from '../../../Button-D8a5EWJ5.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { c as cn } from '../../../cn-CQUhN5Jx.js';
 

package/dist/domains/traces/components/trace-thread-panel.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_components_threadViewByTrace = require('./thread-view-by-trace.cjs.js');
-const dataPanel = require('../../../data-panel-BkfjzriB.cjs');
+const dataPanel = require('../../../data-panel-DGNV14pm.cjs');
 
 function TraceThreadPanel({
   open,

package/dist/domains/traces/components/trace-thread-panel.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { ThreadViewByTrace } from './thread-view-by-trace.es.js';
-import { D as DataPanel } from '../../../data-panel-CMkR6Avv.js';
+import { D as DataPanel } from '../../../data-panel-DjtnX70w.js';
 
 function TraceThreadPanel({
   open,

package/dist/domains/traces/components/trace-time-range-chip.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceQueryFilters = require('../../../trace-filters-Dz4oj8yV.cjs');
-const dateTimeRangePicker = require('../../../date-time-range-picker-BjQVCVUM.cjs');
-const filterBarChip = require('../../../filter-bar-chip-BJJ6ytJ4.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-CXGab8Nj.cjs');
+const filterBarChip = require('../../../filter-bar-chip-DgvuQv6c.cjs');
 const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";

package/dist/domains/traces/components/trace-time-range-chip.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { V as traceFilterFieldColor, W as traceFilterFieldIcon } from '../../../trace-filters-C91h9X86.js';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-D-EECKzz.js';
-import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-BarAq1S2.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-CcnDMZJu.js';
+import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-C9CXOudu.js';
 import { c as cn } from '../../../cn-CQUhN5Jx.js';
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";

package/dist/domains/traces/components/traces-list-mode-toggle.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-DH1aTzbs.cjs');
+const Button = require('../../../Button-C4I05uT4.cjs');
 const dropdownMenu = require('../../../dropdown-menu-CsynT1aD.cjs');
 
 const TRACES_LIST_MODE_LABELS = {

package/dist/domains/traces/components/traces-list-mode-toggle.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ChevronDownIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-EGoajBQY.js';
+import { B as Button } from '../../../Button-D8a5EWJ5.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-CQ_48tVI.js';
 
 const TRACES_LIST_MODE_LABELS = {

package/dist/domains/traces/components/traces-list-view.cjs.js

@@ -8,11 +8,11 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataList = require('../../../data-list-CmjTe8xE.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-sdcaabdX.cjs');
-const tracesDataList = require('../../../traces-data-list-Bhhg9drs.cjs');
+const domains_traces_components_traceErrorCell = require('./trace-error-cell.cjs.js');
+const dataList = require('../../../data-list-DlXU1PLQ.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-DY0F40WQ.cjs');
+const tracesDataList = require('../../../traces-data-list-Co9k5J4f.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const dataListTop = require('../../../data-list-top-DJh08vFA.cjs');
 const dropdownMenu = require('../../../dropdown-menu-CsynT1aD.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
@@ -39,6 +39,9 @@ function sumTokens(usage) {
   if (usage?.inputTokens === void 0 && usage?.outputTokens === void 0) return void 0;
   return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);
 }
+function isFailedTrace(trace) {
+  return trace.status === "error" && !!trace.errorPreview && !!trace.spanId;
+}
 function TracesListView({
   traces,
   isLoading,
@@ -133,7 +136,7 @@ function TracesListView({
           }),
           columnPreferences.metadataKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCellWithTooltip, { tooltip: key, children: key }, key))
         ] }),
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeletonRows, { columnCount: dataListTop.splitColumns(columns).length }) : traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeletonRows, { columnCount: dataList.splitColumns(columns).length }) : traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
           tracesDataList.TracesDataList.NoMatch,
           {
             message: filtersApplied ? "No traces found for applied filters" : "No traces found yet"
@@ -169,14 +172,14 @@ function TracesListView({
                     }
                   ),
                   domains_traces_traceListColumns.hasTraceColumn(columnPreferences, "input") && /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.InputCell, { input: trace.inputPreview ?? domains_traces_utils_spanUtils.getInputPreview(trace.input) }),
-                  domains_traces_traceListColumns.hasTraceColumn(columnPreferences, "output") && /* @__PURE__ */ jsxRuntime.jsx(
+                  domains_traces_traceListColumns.hasTraceColumn(columnPreferences, "output") && (isFailedTrace(trace) ? /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceErrorCell.TraceErrorCell, { traceId: trace.traceId, spanId: trace.spanId, errorPreview: trace.errorPreview }) : /* @__PURE__ */ jsxRuntime.jsx(
                     tracesDataList.TracesDataList.OutputCell,
                     {
                       output: trace.outputPreview,
                       error: trace.errorPreview,
                       status: trace.status
                     }
-                  ),
+                  )),
                   /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.StatusCell, { status: trace.status }),
                   domains_traces_traceListColumns.hasTraceColumn(columnPreferences, "duration") && /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { font: "mono", children: utils_duration.formatDuration(domains_traces_utils_spanUtils.getSpanDurationMs(trace.startedAt, trace.endedAt)) }),
                   domains_traces_traceListColumns.hasTraceColumn(columnPreferences, "endTime") && /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.CreatedCell, { timestamp: trace.endedAt ?? "", preset: "day-time-seconds" }),

package/dist/domains/traces/components/traces-list-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  /** Server-rendered preview of the root span's output. */\n  outputPreview?: string;\n  /** Server-rendered preview of the root span's error. Shown in place of the output when `status` is `'error'`. */\n  errorPreview?: string;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'output') && <TracesDataList.TopCell>Output</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'output') && (\n                  <TracesDataList.OutputCell\n                    output={trace.outputPreview}\n                    error={trace.errorPreview}\n                    status={trace.status}\n                  />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","buildTraceListColumnKeys","useVirtualizer","useDataListKeyboard","jsxs","TracesDataList","jsx","hasTraceColumn","TRACE_CUSTOM_COLUMN_LABELS","DropdownMenu","cn","focusRing","ListFilterIcon","Txt","DataListSkeletonRows","splitColumns","Fragment","getInputPreview","DataList","getSpanDurationMs","formatCompactNumber","formatCost","formatTraceMetadataValue"],"mappings":"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"}
+{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { TraceErrorCell } from './trace-error-cell';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  /** Server-rendered preview of the root span's output. */\n  outputPreview?: string;\n  /** Server-rendered preview of the root span's error. Shown in place of the output when `status` is `'error'`. */\n  errorPreview?: string;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\ntype FailedTrace = TracesListViewTrace & { spanId: string; errorPreview: string };\n\n/** A failed row whose error preview can open the full error from its span. */\nfunction isFailedTrace(trace: TracesListViewTrace): trace is FailedTrace {\n  return trace.status === 'error' && !!trace.errorPreview && !!trace.spanId;\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'output') && <TracesDataList.TopCell>Output</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'output') &&\n                  (isFailedTrace(trace) ? (\n                    <TraceErrorCell traceId={trace.traceId} spanId={trace.spanId} errorPreview={trace.errorPreview} />\n                  ) : (\n                    <TracesDataList.OutputCell\n                      output={trace.outputPreview}\n                      error={trace.errorPreview}\n                      status={trace.status}\n                    />\n                  ))}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","buildTraceListColumnKeys","useVirtualizer","useDataListKeyboard","jsxs","TracesDataList","jsx","hasTraceColumn","TRACE_CUSTOM_COLUMN_LABELS","DropdownMenu","cn","focusRing","ListFilterIcon","Txt","DataListSkeletonRows","splitColumns","Fragment","getInputPreview","TraceErrorCell","DataList","getSpanDurationMs","formatCompactNumber","formatCost","formatTraceMetadataValue"],"mappings":"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"}

package/dist/domains/traces/components/traces-list-view.es.js

@@ -4,11 +4,11 @@ import { ListFilterIcon } from 'lucide-react';
 import { useRef } from 'react';
 import { buildTraceListColumns, buildTraceListColumnKeys, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, getSpanDurationMs } from '../utils/span-utils.es.js';
-import { D as DataList } from '../../../data-list-DT1LVR29.js';
-import { a as DataListSkeletonRows } from '../../../data-list-skeleton-bNfITSHs.js';
-import { T as TracesDataList } from '../../../traces-data-list-DMWPJFBc.js';
+import { TraceErrorCell } from './trace-error-cell.es.js';
+import { s as splitColumns, e as DataList } from '../../../data-list-Tor18oy5.js';
+import { a as DataListSkeletonRows } from '../../../data-list-skeleton-CXUB-u3p.js';
+import { T as TracesDataList } from '../../../traces-data-list-TCKjOldO.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { s as splitColumns } from '../../../data-list-top-T-mtdIUp.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-CQ_48tVI.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { focusRing } from '../../../primitives/transitions.es.js';
@@ -35,6 +35,9 @@ function sumTokens(usage) {
   if (usage?.inputTokens === void 0 && usage?.outputTokens === void 0) return void 0;
   return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);
 }
+function isFailedTrace(trace) {
+  return trace.status === "error" && !!trace.errorPreview && !!trace.spanId;
+}
 function TracesListView({
   traces,
   isLoading,
@@ -165,14 +168,14 @@ function TracesListView({
                     }
                   ),
                   hasTraceColumn(columnPreferences, "input") && /* @__PURE__ */ jsx(TracesDataList.InputCell, { input: trace.inputPreview ?? getInputPreview(trace.input) }),
-                  hasTraceColumn(columnPreferences, "output") && /* @__PURE__ */ jsx(
+                  hasTraceColumn(columnPreferences, "output") && (isFailedTrace(trace) ? /* @__PURE__ */ jsx(TraceErrorCell, { traceId: trace.traceId, spanId: trace.spanId, errorPreview: trace.errorPreview }) : /* @__PURE__ */ jsx(
                     TracesDataList.OutputCell,
                     {
                       output: trace.outputPreview,
                       error: trace.errorPreview,
                       status: trace.status
                     }
-                  ),
+                  )),
                   /* @__PURE__ */ jsx(TracesDataList.StatusCell, { status: trace.status }),
                   hasTraceColumn(columnPreferences, "duration") && /* @__PURE__ */ jsx(DataList.NumberCell, { font: "mono", children: formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt)) }),
                   hasTraceColumn(columnPreferences, "endTime") && /* @__PURE__ */ jsx(TracesDataList.CreatedCell, { timestamp: trace.endedAt ?? "", preset: "day-time-seconds" }),