@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/domains/memory/lib/observation-priority.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const observationPriorityByEmoji = {
+  "🔴": "high",
+  "🟡": "medium",
+  "🟢": "low",
+  "✅": "complete"
+};
+const observationPriorityTone = {
+  high: {
+    card: "border-badge-purple-edge bg-badge-purple-subtle",
+    fill: "bg-badge-purple-subtle",
+    accentBorder: "border-l-badge-purple-indicator",
+    time: "text-badge-purple-foreground"
+  },
+  medium: {
+    card: "border-badge-blue-edge bg-badge-blue-subtle",
+    fill: "bg-badge-blue-subtle",
+    accentBorder: "border-l-badge-blue-indicator",
+    time: "text-badge-blue-foreground"
+  },
+  low: {
+    card: "border-badge-cyan-edge bg-badge-cyan-subtle",
+    fill: "bg-badge-cyan-subtle",
+    accentBorder: "border-l-badge-cyan-indicator",
+    time: "text-badge-cyan-foreground"
+  },
+  complete: {
+    card: "border-success-edge bg-success-subtle",
+    fill: "bg-success-subtle",
+    accentBorder: "border-l-success-indicator",
+    time: "text-success-subtle-foreground"
+  }
+};
+
+exports.observationPriorityByEmoji = observationPriorityByEmoji;
+exports.observationPriorityTone = observationPriorityTone;
+//# sourceMappingURL=observation-priority.cjs.js.map

package/dist/domains/memory/lib/observation-priority.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observation-priority.cjs.js","sources":["../../../../src/domains/memory/lib/observation-priority.ts"],"sourcesContent":["export type ObservationPriority = 'high' | 'medium' | 'low' | 'complete';\n\nexport const observationPriorityByEmoji = {\n  '🔴': 'high',\n  '🟡': 'medium',\n  '🟢': 'low',\n  '✅': 'complete',\n} as const satisfies Record<string, ObservationPriority>;\n\nexport const observationPriorityTone = {\n  high: {\n    card: 'border-badge-purple-edge bg-badge-purple-subtle',\n    fill: 'bg-badge-purple-subtle',\n    accentBorder: 'border-l-badge-purple-indicator',\n    time: 'text-badge-purple-foreground',\n  },\n  medium: {\n    card: 'border-badge-blue-edge bg-badge-blue-subtle',\n    fill: 'bg-badge-blue-subtle',\n    accentBorder: 'border-l-badge-blue-indicator',\n    time: 'text-badge-blue-foreground',\n  },\n  low: {\n    card: 'border-badge-cyan-edge bg-badge-cyan-subtle',\n    fill: 'bg-badge-cyan-subtle',\n    accentBorder: 'border-l-badge-cyan-indicator',\n    time: 'text-badge-cyan-foreground',\n  },\n  complete: {\n    card: 'border-success-edge bg-success-subtle',\n    fill: 'bg-success-subtle',\n    accentBorder: 'border-l-success-indicator',\n    time: 'text-success-subtle-foreground',\n  },\n} satisfies Record<ObservationPriority, { card: string; fill: string; accentBorder: string; time: string }>;\n"],"names":[],"mappings":";;;;AAEO,MAAM,0BAAA,GAA6B;AAAA,EACxC,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA,EACN,IAAA,EAAM,KAAA;AAAA,EACN,GAAA,EAAK;AACP;AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,iDAAA;AAAA,IACN,IAAA,EAAM,wBAAA;AAAA,IACN,YAAA,EAAc,iCAAA;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,6CAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,YAAA,EAAc,+BAAA;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,6CAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,YAAA,EAAc,+BAAA;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,uCAAA;AAAA,IACN,IAAA,EAAM,mBAAA;AAAA,IACN,YAAA,EAAc,4BAAA;AAAA,IACd,IAAA,EAAM;AAAA;AAEV;;;;;"}

package/dist/domains/memory/lib/observation-priority.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/memory/lib/observation-priority'
+export {}

package/dist/domains/memory/lib/observation-priority.es.js

@@ -0,0 +1,35 @@
+const observationPriorityByEmoji = {
+  "🔴": "high",
+  "🟡": "medium",
+  "🟢": "low",
+  "✅": "complete"
+};
+const observationPriorityTone = {
+  high: {
+    card: "border-badge-purple-edge bg-badge-purple-subtle",
+    fill: "bg-badge-purple-subtle",
+    accentBorder: "border-l-badge-purple-indicator",
+    time: "text-badge-purple-foreground"
+  },
+  medium: {
+    card: "border-badge-blue-edge bg-badge-blue-subtle",
+    fill: "bg-badge-blue-subtle",
+    accentBorder: "border-l-badge-blue-indicator",
+    time: "text-badge-blue-foreground"
+  },
+  low: {
+    card: "border-badge-cyan-edge bg-badge-cyan-subtle",
+    fill: "bg-badge-cyan-subtle",
+    accentBorder: "border-l-badge-cyan-indicator",
+    time: "text-badge-cyan-foreground"
+  },
+  complete: {
+    card: "border-success-edge bg-success-subtle",
+    fill: "bg-success-subtle",
+    accentBorder: "border-l-success-indicator",
+    time: "text-success-subtle-foreground"
+  }
+};
+
+export { observationPriorityByEmoji, observationPriorityTone };
+//# sourceMappingURL=observation-priority.es.js.map

package/dist/domains/memory/lib/observation-priority.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observation-priority.es.js","sources":["../../../../src/domains/memory/lib/observation-priority.ts"],"sourcesContent":["export type ObservationPriority = 'high' | 'medium' | 'low' | 'complete';\n\nexport const observationPriorityByEmoji = {\n  '🔴': 'high',\n  '🟡': 'medium',\n  '🟢': 'low',\n  '✅': 'complete',\n} as const satisfies Record<string, ObservationPriority>;\n\nexport const observationPriorityTone = {\n  high: {\n    card: 'border-badge-purple-edge bg-badge-purple-subtle',\n    fill: 'bg-badge-purple-subtle',\n    accentBorder: 'border-l-badge-purple-indicator',\n    time: 'text-badge-purple-foreground',\n  },\n  medium: {\n    card: 'border-badge-blue-edge bg-badge-blue-subtle',\n    fill: 'bg-badge-blue-subtle',\n    accentBorder: 'border-l-badge-blue-indicator',\n    time: 'text-badge-blue-foreground',\n  },\n  low: {\n    card: 'border-badge-cyan-edge bg-badge-cyan-subtle',\n    fill: 'bg-badge-cyan-subtle',\n    accentBorder: 'border-l-badge-cyan-indicator',\n    time: 'text-badge-cyan-foreground',\n  },\n  complete: {\n    card: 'border-success-edge bg-success-subtle',\n    fill: 'bg-success-subtle',\n    accentBorder: 'border-l-success-indicator',\n    time: 'text-success-subtle-foreground',\n  },\n} satisfies Record<ObservationPriority, { card: string; fill: string; accentBorder: string; time: string }>;\n"],"names":[],"mappings":"AAEO,MAAM,0BAAA,GAA6B;AAAA,EACxC,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA,EACN,IAAA,EAAM,KAAA;AAAA,EACN,GAAA,EAAK;AACP;AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,iDAAA;AAAA,IACN,IAAA,EAAM,wBAAA;AAAA,IACN,YAAA,EAAc,iCAAA;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,6CAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,YAAA,EAAc,+BAAA;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,6CAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,YAAA,EAAc,+BAAA;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,uCAAA;AAAA,IACN,IAAA,EAAM,mBAAA;AAAA,IACN,YAAA,EAAc,4BAAA;AAAA,IACd,IAAA,EAAM;AAAA;AAEV;;;;"}

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 function BarListContent({
   data,
@@ -19,9 +20,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-caption text-placeholder", children: l.label })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", children: l.label })
       ] }, l.label)) }),
-      valueLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-placeholder", children: valueLabel })
+      valueLabel && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", className: "shrink-0", 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 +35,17 @@ function BarListContent({
               style: { width: `${pct}%`, backgroundColor: color }
             }
           ),
-          /* @__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(
+            Txt.Txt,
+            {
+              as: "span",
+              variant: "caption",
+              className: "absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white",
+              children: d.name
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: fmt(d.value) })
+        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "ink", className: "shrink-0 tabular-nums", children: fmt(d.value) })
       ] }, d.name);
     }) })
   ] });
@@ -49,14 +58,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-caption text-placeholder", children: "Completed" })
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", 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-caption text-placeholder", children: "Errors" })
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", children: "Errors" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-caption text-placeholder", children: "Total (Success)" })
+      /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "faint", className: "shrink-0", children: "Total (Success)" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
       const total = d.completed + d.errors;
@@ -101,9 +110,17 @@ function StackedRunsBars({ data }) {
               " errors"
             ] })
           ] }),
-          /* @__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.jsx(
+            Txt.Txt,
+            {
+              as: "span",
+              variant: "caption",
+              className: "pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white",
+              children: d.name
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "caption", tone: "ink", className: "shrink-0 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-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 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\">{d.completed.toLocaleString()} completed</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\">{d.errors.toLocaleString()} errors</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 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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"}
+{"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';\nimport { Txt } from '@/ds/components/Txt';\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              <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n                {l.label}\n              </Txt>\n            </div>\n          ))}\n        </div>\n        {valueLabel && (\n          <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0\">\n            {valueLabel}\n          </Txt>\n        )}\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                <Txt\n                  as=\"span\"\n                  variant=\"caption\"\n                  className=\"absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\"\n                >\n                  {d.name}\n                </Txt>\n              </div>\n              <Txt as=\"span\" variant=\"caption\" tone=\"ink\" className=\"shrink-0 tabular-nums\">\n                {fmt(d.value)}\n              </Txt>\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            <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n              Completed\n            </Txt>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n              Errors\n            </Txt>\n          </div>\n        </div>\n        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0\">\n          Total (Success)\n        </Txt>\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\">{d.completed.toLocaleString()} completed</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\">{d.errors.toLocaleString()} errors</TooltipContent>\n                </Tooltip>\n                <Txt\n                  as=\"span\"\n                  variant=\"caption\"\n                  className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\"\n                >\n                  {d.name}\n                </Txt>\n              </div>\n              <Txt as=\"span\" variant=\"caption\" tone=\"ink\" className=\"shrink-0 tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </Txt>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Txt","CHART_COLORS","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function BarListContent({
   data,
@@ -15,9 +16,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-caption text-placeholder", children: l.label })
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "faint", children: l.label })
       ] }, l.label)) }),
-      valueLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-placeholder", children: valueLabel })
+      valueLabel && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "faint", className: "shrink-0", 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 +31,17 @@ function BarListContent({
               style: { width: `${pct}%`, backgroundColor: color }
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white", children: d.name })
+          /* @__PURE__ */ jsx(
+            Txt,
+            {
+              as: "span",
+              variant: "caption",
+              className: "absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white",
+              children: d.name
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: fmt(d.value) })
+        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "ink", className: "shrink-0 tabular-nums", children: fmt(d.value) })
       ] }, d.name);
     }) })
   ] });
@@ -45,14 +54,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-caption text-placeholder", children: "Completed" })
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "faint", 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-caption text-placeholder", children: "Errors" })
+          /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "faint", children: "Errors" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-caption text-placeholder", children: "Total (Success)" })
+      /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "faint", className: "shrink-0", children: "Total (Success)" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
       const total = d.completed + d.errors;
@@ -97,9 +106,17 @@ function StackedRunsBars({ data }) {
               " errors"
             ] })
           ] }),
-          /* @__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__ */ jsx(
+            Txt,
+            {
+              as: "span",
+              variant: "caption",
+              className: "pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white",
+              children: d.name
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-caption text-foreground tabular-nums", children: [
+        /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "caption", tone: "ink", className: "shrink-0 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-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 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\">{d.completed.toLocaleString()} completed</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\">{d.errors.toLocaleString()} errors</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 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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"}
+{"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';\nimport { Txt } from '@/ds/components/Txt';\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              <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n                {l.label}\n              </Txt>\n            </div>\n          ))}\n        </div>\n        {valueLabel && (\n          <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0\">\n            {valueLabel}\n          </Txt>\n        )}\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                <Txt\n                  as=\"span\"\n                  variant=\"caption\"\n                  className=\"absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\"\n                >\n                  {d.name}\n                </Txt>\n              </div>\n              <Txt as=\"span\" variant=\"caption\" tone=\"ink\" className=\"shrink-0 tabular-nums\">\n                {fmt(d.value)}\n              </Txt>\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            <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n              Completed\n            </Txt>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <Txt as=\"span\" variant=\"caption\" tone=\"faint\">\n              Errors\n            </Txt>\n          </div>\n        </div>\n        <Txt as=\"span\" variant=\"caption\" tone=\"faint\" className=\"shrink-0\">\n          Total (Success)\n        </Txt>\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\">{d.completed.toLocaleString()} completed</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\">{d.errors.toLocaleString()} errors</TooltipContent>\n                </Tooltip>\n                <Txt\n                  as=\"span\"\n                  variant=\"caption\"\n                  className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center whitespace-nowrap text-white\"\n                >\n                  {d.name}\n                </Txt>\n              </div>\n              <Txt as=\"span\" variant=\"caption\" tone=\"ink\" className=\"shrink-0 tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </Txt>\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-CIwF6NHM.cjs');
+const Button = require('../../../Button-BnmR2HRc.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-BY9qlu8K.js';
+import { B as Button } from '../../../Button-C6eUqcPI.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-B3L39JoT.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-BORAuIJM.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-CVAK6Nas.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-C-pSI1u1.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-DoIeHfv6.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-CW24YjZp.cjs');
 
 function KpiCardView({
   label,

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-BVCuXeDa.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-DLDT28IB.js';
 
 function KpiCardView({
   label,

package/dist/domains/metrics/components/latency-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 metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-kz8QgD9q.cjs');
-const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-Dp34Hg6w.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
+const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-DiXCgpik.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.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,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-CwvP8dUo.js';
-import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-Bp7Giyp9.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
+import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-mZXPH1yH.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { isLatencyTab, averageLatency, isDrillablePoint } 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-DEKEzLzK.cjs');
-const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

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-u1TC5cbd.js';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
 

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-DEKEzLzK.cjs');
-const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

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-u1TC5cbd.js';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
 import { METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 import { formatCost } from '../../../utils/cost.es.js';
 

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-DEKEzLzK.cjs');
-const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-kz8QgD9q.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
+const dataList = require('../../../data-list-D8bACyyK.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-CjJxBbM-.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.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-u1TC5cbd.js';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-CwvP8dUo.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
+import { D as DataList } from '../../../data-list-DL_oFE4j.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-C3UMBQ38.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.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-43dr_F8j.cjs');
-const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
-const tabsContent = require('../../../tabs-content-DKELc1lK.cjs');
-const tabsRoot = require('../../../tabs-root-5s72GhmI.cjs');
-const tabsTab = require('../../../tabs-tab-BzurlE52.cjs');
+const horizontalBars = require('../../../horizontal-bars-DRD7JkHL.cjs');
+const metricsCard = require('../../../metrics-card-HmQJHDNa.cjs');
+const tabsContent = require('../../../tabs-content-DQNRMjup.cjs');
+const tabsRoot = require('../../../tabs-root-BqC8X_h6.cjs');
+const tabsTab = require('../../../tabs-tab-lm4xyjtD.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
 

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-DsTY4Y1M.js';
-import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { T as TabContent } from '../../../tabs-content-C3x4OoZ_.js';
-import { a as Tabs, T as TabList } from '../../../tabs-root-Dh-McKbO.js';
-import { T as Tab } from '../../../tabs-tab-BDdO7sWN.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-BSRESJsp.js';
+import { M as MetricsCard } from '../../../metrics-card-CloSmyRQ.js';
+import { T as TabContent } from '../../../tabs-content-h2qqD8t-.js';
+import { a as Tabs, T as TabList } from '../../../tabs-root-4vL8SHCO.js';
+import { T as Tab } from '../../../tabs-tab-7e2as-AV.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 import { formatCost, formatCompactNumber } from '../../../utils/cost.es.js';