@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

package/dist/domains/memory/components/thread-context-progress.es.js

@@ -10,8 +10,8 @@ function ProgressBar({
 }) {
   const percent = Math.max(0, Math.min(100, value / max * 100));
   return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", toneClass[tone]), children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground text-meta mb-1 flex items-center justify-between gap-2 font-mono", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-foreground tracking-wide uppercase", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between gap-2 font-mono text-meta text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "tracking-wide text-foreground uppercase", children: label }),
       /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground tabular-nums", children: [
         formatCompactTokens(value),
         "/",
@@ -34,7 +34,7 @@ function ThreadContextProgress({
   if (!showMessages && !showMemory) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "border-border border-b px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
+  return /* @__PURE__ */ jsx("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
     showMessages ? /* @__PURE__ */ jsx(ProgressBar, { label: "Messages", value: messageTokens, max: messageThreshold, tone: "messages" }) : null,
     showMemory ? /* @__PURE__ */ jsx(ProgressBar, { label: memoryLabel, value: memoryTokens, max: memoryThreshold, tone: "memory" }) : null
   ] }) });

package/dist/domains/memory/components/thread-context-progress.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"thread-context-progress.es.js","sources":["../../../../src/domains/memory/components/thread-context-progress.tsx"],"sourcesContent":["import { formatCompactTokens } from '@/ds/components/TokenBudget/format-tokens';\nimport { toneClass } from '@/ds/components/TokenBudget/tones';\nimport type { TokenBudgetTone } from '@/ds/components/TokenBudget/tones';\nimport { cn } from '@/lib/utils';\n\ninterface ThreadContextProgressProps {\n  messageTokens?: number;\n  messageThreshold?: number;\n  memoryTokens?: number;\n  memoryThreshold?: number;\n  /** Label for the second (memory-toned) bar. Defaults to \"Memory\". */\n  memoryLabel?: string;\n}\n\nfunction ProgressBar({\n  label,\n  value,\n  max,\n  tone,\n}: {\n  label: string;\n  value: number;\n  max: number;\n  tone: TokenBudgetTone;\n}) {\n  const percent = Math.max(0, Math.min(100, (value / max) * 100));\n\n  return (\n    <div className={cn('min-w-0 flex-1', toneClass[tone])}>\n      <div className=\"text-muted-foreground text-meta mb-1 flex items-center justify-between gap-2 font-mono\">\n        <span className=\"text-foreground tracking-wide uppercase\">{label}</span>\n        <span className=\"text-muted-foreground tabular-nums\">\n          {formatCompactTokens(value)}/{formatCompactTokens(max)}k\n        </span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-white/[0.08]\">\n        <div className=\"h-full rounded-full bg-current/80\" style={{ width: `${percent}%` }} />\n      </div>\n    </div>\n  );\n}\n\nexport function ThreadContextProgress({\n  messageTokens,\n  messageThreshold,\n  memoryTokens,\n  memoryThreshold,\n  memoryLabel = 'Memory',\n}: ThreadContextProgressProps) {\n  const showMessages = messageTokens != null && messageThreshold != null && messageThreshold > 0;\n  const showMemory = memoryTokens != null && memoryThreshold != null && memoryThreshold > 0;\n\n  if (!showMessages && !showMemory) {\n    return null;\n  }\n\n  return (\n    <div className=\"border-border border-b px-3 py-2\">\n      <div className=\"flex flex-col gap-2 sm:flex-row\">\n        {showMessages ? (\n          <ProgressBar label=\"Messages\" value={messageTokens} max={messageThreshold} tone=\"messages\" />\n        ) : null}\n        {showMemory ? (\n          <ProgressBar label={memoryLabel} value={memoryTokens} max={memoryThreshold} tone=\"memory\" />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAcA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAE9D,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,kBAAkB,SAAA,CAAU,IAAI,CAAC,CAAA,EAClD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA2C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACjE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,QAAE,GAAA;AAAA,QAAE,oBAAoB,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EACzD;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,IAAO,CAAA,EACtF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,qBAAA,CAAsB;AAAA,EACpC,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAA+B;AAC7B,EAAA,MAAM,YAAA,GAAe,aAAA,IAAiB,IAAA,IAAQ,gBAAA,IAAoB,QAAQ,gBAAA,GAAmB,CAAA;AAC7F,EAAA,MAAM,UAAA,GAAa,YAAA,IAAgB,IAAA,IAAQ,eAAA,IAAmB,QAAQ,eAAA,GAAkB,CAAA;AAExF,EAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAY;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,oCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,IAAA,YAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,UAAA,EAAW,KAAA,EAAO,eAAe,GAAA,EAAK,gBAAA,EAAkB,IAAA,EAAK,UAAA,EAAW,CAAA,GACzF,IAAA;AAAA,IACH,UAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,eAAA,EAAiB,IAAA,EAAK,QAAA,EAAS,CAAA,GACxF;AAAA,GAAA,EACN,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"thread-context-progress.es.js","sources":["../../../../src/domains/memory/components/thread-context-progress.tsx"],"sourcesContent":["import { formatCompactTokens } from '@/ds/components/TokenBudget/format-tokens';\nimport { toneClass } from '@/ds/components/TokenBudget/tones';\nimport type { TokenBudgetTone } from '@/ds/components/TokenBudget/tones';\nimport { cn } from '@/lib/utils';\n\ninterface ThreadContextProgressProps {\n  messageTokens?: number;\n  messageThreshold?: number;\n  memoryTokens?: number;\n  memoryThreshold?: number;\n  /** Label for the second (memory-toned) bar. Defaults to \"Memory\". */\n  memoryLabel?: string;\n}\n\nfunction ProgressBar({\n  label,\n  value,\n  max,\n  tone,\n}: {\n  label: string;\n  value: number;\n  max: number;\n  tone: TokenBudgetTone;\n}) {\n  const percent = Math.max(0, Math.min(100, (value / max) * 100));\n\n  return (\n    <div className={cn('min-w-0 flex-1', toneClass[tone])}>\n      <div className=\"mb-1 flex items-center justify-between gap-2 font-mono text-meta text-muted-foreground\">\n        <span className=\"tracking-wide text-foreground uppercase\">{label}</span>\n        <span className=\"text-muted-foreground tabular-nums\">\n          {formatCompactTokens(value)}/{formatCompactTokens(max)}k\n        </span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-white/[0.08]\">\n        <div className=\"h-full rounded-full bg-current/80\" style={{ width: `${percent}%` }} />\n      </div>\n    </div>\n  );\n}\n\nexport function ThreadContextProgress({\n  messageTokens,\n  messageThreshold,\n  memoryTokens,\n  memoryThreshold,\n  memoryLabel = 'Memory',\n}: ThreadContextProgressProps) {\n  const showMessages = messageTokens != null && messageThreshold != null && messageThreshold > 0;\n  const showMemory = memoryTokens != null && memoryThreshold != null && memoryThreshold > 0;\n\n  if (!showMessages && !showMemory) {\n    return null;\n  }\n\n  return (\n    <div className=\"border-b border-border px-3 py-2\">\n      <div className=\"flex flex-col gap-2 sm:flex-row\">\n        {showMessages ? (\n          <ProgressBar label=\"Messages\" value={messageTokens} max={messageThreshold} tone=\"messages\" />\n        ) : null}\n        {showMemory ? (\n          <ProgressBar label={memoryLabel} value={memoryTokens} max={memoryThreshold} tone=\"memory\" />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAcA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAE9D,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,kBAAkB,SAAA,CAAU,IAAI,CAAC,CAAA,EAClD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EAA2C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACjE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,QAAE,GAAA;AAAA,QAAE,oBAAoB,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EACzD;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oDAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,IAAO,CAAA,EACtF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,qBAAA,CAAsB;AAAA,EACpC,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,EAA+B;AAC7B,EAAA,MAAM,YAAA,GAAe,aAAA,IAAiB,IAAA,IAAQ,gBAAA,IAAoB,QAAQ,gBAAA,GAAmB,CAAA;AAC7F,EAAA,MAAM,UAAA,GAAa,YAAA,IAAgB,IAAA,IAAQ,eAAA,IAAmB,QAAQ,eAAA,GAAkB,CAAA;AAExF,EAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,UAAA,EAAY;AAChC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,oCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,IAAA,YAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,UAAA,EAAW,KAAA,EAAO,eAAe,GAAA,EAAK,gBAAA,EAAkB,IAAA,EAAK,UAAA,EAAW,CAAA,GACzF,IAAA;AAAA,IACH,UAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,YAAA,EAAc,GAAA,EAAK,eAAA,EAAiB,IAAA,EAAK,QAAA,EAAS,CAAA,GACxF;AAAA,GAAA,EACN,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/metrics/components/bar-list.cjs.js

@@ -19,9 +19,9 @@ function BarListContent({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center gap-4", children: legend?.map((l) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 rounded-full", style: { backgroundColor: l.color } }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-placeholder text-caption", children: l.label })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-placeholder", children: l.label })
       ] }, l.label)) }),
-      valueLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-placeholder text-caption shrink-0", children: valueLabel })
+      valueLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-placeholder", children: valueLabel })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
       const pct = Math.min(Math.max(maxVal > 0 ? d.value / maxVal * 100 : 0, 0), 100);
@@ -34,9 +34,9 @@ function BarListContent({
               style: { width: `${pct}%`, backgroundColor: color }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white", children: d.name })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-caption shrink-0 font-mono tabular-nums", children: fmt(d.value) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: fmt(d.value) })
       ] }, d.name);
     }) })
   ] });
@@ -49,14 +49,14 @@ function StackedRunsBars({ data }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 rounded-full", style: { backgroundColor: domains_metrics_components_metricsUtils.CHART_COLORS.blue } }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-placeholder text-caption", children: "Completed" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-placeholder", children: "Completed" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 rounded-full", style: { backgroundColor: domains_metrics_components_metricsUtils.CHART_COLORS.red } }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-placeholder text-caption", children: "Errors" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption text-placeholder", children: "Errors" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-placeholder text-caption shrink-0", children: "Total (Success)" })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-placeholder", children: "Total (Success)" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
       const total = d.completed + d.errors;
@@ -101,9 +101,9 @@ function StackedRunsBars({ data }) {
               " errors"
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-caption pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white", children: d.name })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground text-caption shrink-0 font-mono tabular-nums", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: [
           total.toLocaleString(),
           " (",
           successPct,

package/dist/domains/metrics/components/bar-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-list.cjs.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-placeholder text-caption\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"text-placeholder text-caption shrink-0\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"text-caption absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"text-foreground text-caption shrink-0 font-mono tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-placeholder text-caption\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-placeholder text-caption\">Errors</span>\n          </div>\n        </div>\n        <span className=\"text-placeholder text-caption shrink-0\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"text-caption pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"text-foreground text-caption shrink-0 font-mono tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CHART_COLORS","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
+{"version":3,"file":"bar-list.cjs.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-caption text-placeholder\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-caption text-placeholder\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CHART_COLORS","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/domains/metrics/components/bar-list.es.js

@@ -15,9 +15,9 @@ function BarListContent({
     /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center gap-4", children: legend?.map((l) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full", style: { backgroundColor: l.color } }),
-        /* @__PURE__ */ jsx("span", { className: "text-placeholder text-caption", children: l.label })
+        /* @__PURE__ */ jsx("span", { className: "text-caption text-placeholder", children: l.label })
       ] }, l.label)) }),
-      valueLabel && /* @__PURE__ */ jsx("span", { className: "text-placeholder text-caption shrink-0", children: valueLabel })
+      valueLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-placeholder", children: valueLabel })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
       const pct = Math.min(Math.max(maxVal > 0 ? d.value / maxVal * 100 : 0, 0), 100);
@@ -30,9 +30,9 @@ function BarListContent({
               style: { width: `${pct}%`, backgroundColor: color }
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-caption absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white", children: d.name })
+          /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "text-foreground text-caption shrink-0 font-mono tabular-nums", children: fmt(d.value) })
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: fmt(d.value) })
       ] }, d.name);
     }) })
   ] });
@@ -45,14 +45,14 @@ function StackedRunsBars({ data }) {
       /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full", style: { backgroundColor: CHART_COLORS.blue } }),
-          /* @__PURE__ */ jsx("span", { className: "text-placeholder text-caption", children: "Completed" })
+          /* @__PURE__ */ jsx("span", { className: "text-caption text-placeholder", children: "Completed" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full", style: { backgroundColor: CHART_COLORS.red } }),
-          /* @__PURE__ */ jsx("span", { className: "text-placeholder text-caption", children: "Errors" })
+          /* @__PURE__ */ jsx("span", { className: "text-caption text-placeholder", children: "Errors" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-placeholder text-caption shrink-0", children: "Total (Success)" })
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-placeholder", children: "Total (Success)" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
       const total = d.completed + d.errors;
@@ -97,9 +97,9 @@ function StackedRunsBars({ data }) {
               " errors"
             ] })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-caption pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white", children: d.name })
+          /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "text-foreground text-caption shrink-0 font-mono tabular-nums", children: [
+        /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-mono text-caption text-foreground tabular-nums", children: [
           total.toLocaleString(),
           " (",
           successPct,

package/dist/domains/metrics/components/bar-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-list.es.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-placeholder text-caption\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"text-placeholder text-caption shrink-0\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"text-caption absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"text-foreground text-caption shrink-0 font-mono tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-placeholder text-caption\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-placeholder text-caption\">Errors</span>\n          </div>\n        </div>\n        <span className=\"text-placeholder text-caption shrink-0\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"text-caption pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"text-foreground text-caption shrink-0 font-mono tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bar-list.es.js","sources":["../../../../src/domains/metrics/components/bar-list.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../../../ds/components/Tooltip';\nimport { CHART_COLORS } from './metrics-utils';\n\nexport function BarListContent({\n  data,\n  maxVal,\n  fmt,\n  color,\n  valueLabel,\n  legend,\n}: {\n  data: Array<{ name: string; value: number }>;\n  maxVal: number;\n  fmt: (v: number) => string;\n  color: string;\n  valueLabel?: string;\n  legend?: Array<{ color: string; label: string }>;\n}) {\n  const sorted = [...data].sort((a, b) => b.value - a.value);\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          {legend?.map(l => (\n            <div key={l.label} className=\"flex items-center gap-1.5\">\n              <div className=\"size-2 rounded-full\" style={{ backgroundColor: l.color }} />\n              <span className=\"text-caption text-placeholder\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-caption text-placeholder\">{valueLabel}</span>}\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const pct = Math.min(Math.max(maxVal > 0 ? (d.value / maxVal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <div\n                  className=\"absolute inset-y-0 left-0 rounded\"\n                  style={{ width: `${pct}%`, backgroundColor: color }}\n                />\n                <span className=\"absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/metrics/components/card-action-buttons.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-CVewl8nT.cjs');
+const Button = require('../../../Button-C0DBEBcJ.cjs');
 
 function OpenInTracesButton({ href, LinkComponent = "a" }) {
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/domains/metrics/components/card-action-buttons.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { LogsIcon, EyeIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-cWcBEd-G.js';
+import { B as Button } from '../../../Button-C9cvaVFG.js';
 
 function OpenInTracesButton({ href, LinkComponent = "a" }) {
   return /* @__PURE__ */ jsx(

package/dist/domains/metrics/components/date-range-selector.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dateTimeRangePicker = require('../../../date-time-range-picker-C6hjZswK.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-2Pkg-FoU.cjs');
 const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
 
 const METRICS_PRESETS = [

package/dist/domains/metrics/components/date-range-selector.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BcjLbkGu.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-DHg-fuV3.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 
 const METRICS_PRESETS = [

package/dist/domains/metrics/components/kpi-card-view.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsKpiCard = require('../../../metrics-kpi-card-CgqmNcEC.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-HU17WRTT.cjs');
 
 function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }) {
   const hasData = value != null;

package/dist/domains/metrics/components/kpi-card-view.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-CBSNmtc5.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-CinKYTBn.js';
 
 function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }) {
   const hasData = value != null;

package/dist/domains/metrics/components/latency-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-B_sP3eiL.cjs');
-const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
-const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
-const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
+const tabsContent = require('../../../tabs-content-Cdu6HP8U.cjs');
+const tabsRoot = require('../../../tabs-root-BiV8irc3.cjs');
+const tabsTab = require('../../../tabs-tab-J91Szy3Q.cjs');
 const domains_metrics_components_latencyCardView_utils = require('./latency-card-view.utils.cjs.js');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 

package/dist/domains/metrics/components/latency-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-DHyrDPkJ.js';
-import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
-import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
+import { T as TabContent } from '../../../tabs-content-BeFlc4E_.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CJ3GkDzi.js';
+import { T as Tab } from '../../../tabs-tab-CoSCf5Ku.js';
 import { isLatencyTab, isDrillablePoint, averageLatency } from './latency-card-view.utils.es.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 

package/dist/domains/metrics/components/memory-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-CypPKOQ_.cjs');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
-const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
-const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
-const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const dataList = require('../../../data-list-yJm-3f2w.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
+const tabsContent = require('../../../tabs-content-Cdu6HP8U.cjs');
+const tabsRoot = require('../../../tabs-root-BiV8irc3.cjs');
+const tabsTab = require('../../../tabs-tab-J91Szy3Q.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function isMemoryTab(value) {

package/dist/domains/metrics/components/memory-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-DnSdaRES.js';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
-import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
-import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { D as DataList } from '../../../data-list-gN4SP7a8.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
+import { T as TabContent } from '../../../tabs-content-BeFlc4E_.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CJ3GkDzi.js';
+import { T as Tab } from '../../../tabs-tab-CoSCf5Ku.js';
 import { METRICS_DATA_LIST_PROPS, formatCompact, formatCost } from './metrics-utils.es.js';
 
 function isMemoryTab(value) {

package/dist/domains/metrics/components/model-usage-cost-card-view.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-CypPKOQ_.cjs');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
+const dataList = require('../../../data-list-yJm-3f2w.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function ModelUsageCostCardView({

package/dist/domains/metrics/components/model-usage-cost-card-view.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { D as DataList } from '../../../data-list-DnSdaRES.js';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
+import { D as DataList } from '../../../data-list-gN4SP7a8.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
 import { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 
 function ModelUsageCostCardView({

package/dist/domains/metrics/components/scores-card-view.cjs.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-CypPKOQ_.cjs');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-B_sP3eiL.cjs');
-const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
-const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
-const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const dataList = require('../../../data-list-yJm-3f2w.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
+const tabsContent = require('../../../tabs-content-Cdu6HP8U.cjs');
+const tabsRoot = require('../../../tabs-root-BiV8irc3.cjs');
+const tabsTab = require('../../../tabs-tab-J91Szy3Q.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 const SERIES_COLORS = [

package/dist/domains/metrics/components/scores-card-view.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-DnSdaRES.js';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-DHyrDPkJ.js';
-import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
-import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { D as DataList } from '../../../data-list-gN4SP7a8.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
+import { T as TabContent } from '../../../tabs-content-BeFlc4E_.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CJ3GkDzi.js';
+import { T as Tab } from '../../../tabs-tab-CoSCf5Ku.js';
 import { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 
 const SERIES_COLORS = [

package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-nyWGmQ7g.cjs');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
-const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
-const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
-const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const horizontalBars = require('../../../horizontal-bars-BkVi2dEb.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
+const tabsContent = require('../../../tabs-content-Cdu6HP8U.cjs');
+const tabsRoot = require('../../../tabs-root-BiV8irc3.cjs');
+const tabsTab = require('../../../tabs-tab-J91Szy3Q.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function isTokenUsageTab(value) {

package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-CksEKcCE.js';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
-import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
-import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-nTOFylzc.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
+import { T as TabContent } from '../../../tabs-content-BeFlc4E_.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CJ3GkDzi.js';
+import { T as Tab } from '../../../tabs-tab-CoSCf5Ku.js';
 import { formatCost, formatCompact, CHART_COLORS } from './metrics-utils.es.js';
 
 function isTokenUsageTab(value) {

package/dist/domains/metrics/components/token-usage-timeline-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-B_sP3eiL.cjs');
-const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
-const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
-const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
+const tabsRoot = require('../../../tabs-root-BiV8irc3.cjs');
+const tabsTab = require('../../../tabs-tab-J91Szy3Q.cjs');
+const tabsContent = require('../../../tabs-content-Cdu6HP8U.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function sumMetric(dataKey, formatter = domains_metrics_components_metricsUtils.formatCompact) {

package/dist/domains/metrics/components/token-usage-timeline-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-DHyrDPkJ.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
-import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
-import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CJ3GkDzi.js';
+import { T as Tab } from '../../../tabs-tab-CoSCf5Ku.js';
+import { T as TabContent } from '../../../tabs-content-BeFlc4E_.js';
 import { CHART_COLORS, formatCompact, formatCost } from './metrics-utils.es.js';
 
 function sumMetric(dataKey, formatter = formatCompact) {

package/dist/domains/metrics/components/traces-volume-card-view.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-nyWGmQ7g.cjs');
-const metricsCard = require('../../../metrics-card-BUJxiwec.cjs');
-const tabsContent = require('../../../tabs-content-Bz6CZuv9.cjs');
-const tabsRoot = require('../../../tabs-root-C5ABfm1F.cjs');
-const tabsTab = require('../../../tabs-tab-DA466DbX.cjs');
+const horizontalBars = require('../../../horizontal-bars-BkVi2dEb.cjs');
+const metricsCard = require('../../../metrics-card-BdWGPlnt.cjs');
+const tabsContent = require('../../../tabs-content-Cdu6HP8U.cjs');
+const tabsRoot = require('../../../tabs-root-BiV8irc3.cjs');
+const tabsTab = require('../../../tabs-tab-J91Szy3Q.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
 function VolumeBars({

package/dist/domains/metrics/components/traces-volume-card-view.es.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-CksEKcCE.js';
-import { M as MetricsCard } from '../../../metrics-card-BlBt1WHw.js';
-import { T as TabContent } from '../../../tabs-content-CKC4kIpH.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-CcEQrwTM.js';
-import { T as Tab } from '../../../tabs-tab-BycF4dvx.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-nTOFylzc.js';
+import { M as MetricsCard } from '../../../metrics-card-C5znWn69.js';
+import { T as TabContent } from '../../../tabs-content-BeFlc4E_.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-CJ3GkDzi.js';
+import { T as Tab } from '../../../tabs-tab-CoSCf5Ku.js';
 import { formatCompact, CHART_COLORS } from './metrics-utils.es.js';
 
 function VolumeBars({

package/dist/domains/traces/components/no-traces-info.cjs.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
-const lucideReact = require('lucide-react');
-const EmptyState = require('../../../EmptyState-CdRjFB06.cjs');
+const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -42,7 +41,7 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
 }
 const NoTracesInfo = ({ datePreset, dateFrom, dateTo } = {}) => {
   const { title, description } = describeRange({ datePreset, dateFrom, dateTo });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center-safe justify-center-safe", children: /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { iconSlot: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlashIcon, {}), titleSlot: title, descriptionSlot: description }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { titleSlot: title, descriptionSlot: description, variant: "fill" });
 };
 
 exports.NoTracesInfo = NoTracesInfo;