@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

package/dist/domains/memory.es.js

@@ -0,0 +1,8 @@
+export { ObservationDetailView } from './memory/components/observation-detail-view.es.js';
+export { ThreadContextProgress } from './memory/components/thread-context-progress.es.js';
+export { FlameGraph } from './memory/components/flame-graph.es.js';
+export { MemoryStudioPanel } from './memory/components/memory-studio-panel.es.js';
+export { memoryThreadMessagesQueryKey, useMemoryThreadMessages } from './memory/hooks/use-memory-thread-messages.es.js';
+export { observationalMemoryQueryKey, useObservationalMemory } from './memory/hooks/use-observational-memory.es.js';
+export { memoryStatusQueryKey, useMemoryStatus } from './memory/hooks/use-memory-status.es.js';
+//# sourceMappingURL=memory.es.js.map

package/dist/domains/memory.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const tooltip = require('../../../tooltip-fTKN3FCp.cjs');
+const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
+
+function BarListContent({
+  data,
+  maxVal,
+  fmt,
+  color,
+  valueLabel,
+  legend
+}) {
+  const sorted = [...data].sort((a, b) => b.value - a.value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex 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-xs text-icon2", children: l.label })
+      ] }, l.label)) }),
+      valueLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-icon2", 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);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 h-7", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute inset-y-0 left-0 rounded",
+              style: { width: `${pct}%`, backgroundColor: color }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-xs text-white whitespace-nowrap", children: d.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs font-mono text-icon6 tabular-nums", children: fmt(d.value) })
+      ] }, d.name);
+    }) })
+  ] });
+}
+function StackedRunsBars({ data }) {
+  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));
+  const maxTotal = Math.max(...sorted.map((d) => d.completed + d.errors));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex 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-xs text-icon2", 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-xs text-icon2", children: "Errors" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-icon2", children: "Total (Success)" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
+      const total = d.completed + d.errors;
+      const successPct = total > 0 ? (d.completed / total * 100).toFixed(1) : "0.0";
+      const completedWidth = Math.min(Math.max(maxTotal > 0 ? d.completed / maxTotal * 100 : 0, 0), 100);
+      const errorsWidth = Math.min(Math.max(maxTotal > 0 ? d.errors / maxTotal * 100 : 0, 0), 100);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 h-7", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                role: "img",
+                "aria-label": `${d.completed.toLocaleString()} completed`,
+                tabIndex: 0,
+                className: "absolute inset-y-0 left-0 rounded-l cursor-default",
+                style: { width: `${completedWidth}%`, backgroundColor: domains_metrics_components_metricsUtils.CHART_COLORS.blue }
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "top", className: "font-mono", children: [
+              d.completed.toLocaleString(),
+              " completed"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                role: "img",
+                "aria-label": `${d.errors.toLocaleString()} errors`,
+                tabIndex: 0,
+                className: "absolute inset-y-0 rounded-r cursor-default",
+                style: {
+                  left: `${completedWidth}%`,
+                  width: `${errorsWidth}%`,
+                  backgroundColor: domains_metrics_components_metricsUtils.CHART_COLORS.red
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { side: "top", className: "font-mono", children: [
+              d.errors.toLocaleString(),
+              " errors"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-xs text-white whitespace-nowrap pointer-events-none", children: d.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-xs font-mono text-icon6 tabular-nums", children: [
+          total.toLocaleString(),
+          " (",
+          successPct,
+          "%)"
+        ] })
+      ] }, d.name);
+    }) })
+  ] });
+}
+
+exports.BarListContent = BarListContent;
+exports.StackedRunsBars = StackedRunsBars;
+//# sourceMappingURL=bar-list.cjs.js.map

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

@@ -0,0 +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=\"flex items-center gap-3 mb-2\">\n        <div className=\"flex-1 flex 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-xs text-icon2\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-xs text-icon2\">{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 flex-1 h-7\">\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-xs text-white whitespace-nowrap\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-xs font-mono text-icon6 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=\"flex items-center gap-3 mb-2\">\n        <div className=\"flex-1 flex 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-xs text-icon2\">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-xs text-icon2\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-xs text-icon2\">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 flex-1 h-7\">\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 rounded-l cursor-default\"\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 rounded-r cursor-default\"\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=\"absolute inset-y-0 left-2 flex items-center text-xs text-white whitespace-nowrap pointer-events-none\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-xs font-mono text-icon6 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.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/components/bar-list'
+export {}

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

@@ -0,0 +1,114 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-CjjqIvhJ.js';
+import { CHART_COLORS } from './metrics-utils.es.js';
+
+function BarListContent({
+  data,
+  maxVal,
+  fmt,
+  color,
+  valueLabel,
+  legend
+}) {
+  const sorted = [...data].sort((a, b) => b.value - a.value);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 flex 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-xs text-icon2", children: l.label })
+      ] }, l.label)) }),
+      valueLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-icon2", 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);
+      return /* @__PURE__ */ jsxs("div", { className: "group flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 h-7", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-y-0 left-0 rounded",
+              style: { width: `${pct}%`, backgroundColor: color }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-xs text-white whitespace-nowrap", children: d.name })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-mono text-icon6 tabular-nums", children: fmt(d.value) })
+      ] }, d.name);
+    }) })
+  ] });
+}
+function StackedRunsBars({ data }) {
+  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));
+  const maxTotal = Math.max(...sorted.map((d) => d.completed + d.errors));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex 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-xs text-icon2", 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-xs text-icon2", children: "Errors" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-icon2", children: "Total (Success)" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2.5", children: sorted.map((d) => {
+      const total = d.completed + d.errors;
+      const successPct = total > 0 ? (d.completed / total * 100).toFixed(1) : "0.0";
+      const completedWidth = Math.min(Math.max(maxTotal > 0 ? d.completed / maxTotal * 100 : 0, 0), 100);
+      const errorsWidth = Math.min(Math.max(maxTotal > 0 ? d.errors / maxTotal * 100 : 0, 0), 100);
+      return /* @__PURE__ */ jsxs("div", { className: "group flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 h-7", children: [
+          /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "img",
+                "aria-label": `${d.completed.toLocaleString()} completed`,
+                tabIndex: 0,
+                className: "absolute inset-y-0 left-0 rounded-l cursor-default",
+                style: { width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "font-mono", children: [
+              d.completed.toLocaleString(),
+              " completed"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "img",
+                "aria-label": `${d.errors.toLocaleString()} errors`,
+                tabIndex: 0,
+                className: "absolute inset-y-0 rounded-r cursor-default",
+                style: {
+                  left: `${completedWidth}%`,
+                  width: `${errorsWidth}%`,
+                  backgroundColor: CHART_COLORS.red
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "font-mono", children: [
+              d.errors.toLocaleString(),
+              " errors"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-2 flex items-center text-xs text-white whitespace-nowrap pointer-events-none", children: d.name })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-xs font-mono text-icon6 tabular-nums", children: [
+          total.toLocaleString(),
+          " (",
+          successPct,
+          "%)"
+        ] })
+      ] }, d.name);
+    }) })
+  ] });
+}
+
+export { BarListContent, StackedRunsBars };
+//# sourceMappingURL=bar-list.es.js.map

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

@@ -0,0 +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=\"flex items-center gap-3 mb-2\">\n        <div className=\"flex-1 flex 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-xs text-icon2\">{l.label}</span>\n            </div>\n          ))}\n        </div>\n        {valueLabel && <span className=\"shrink-0 text-xs text-icon2\">{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 flex-1 h-7\">\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-xs text-white whitespace-nowrap\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-xs font-mono text-icon6 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=\"flex items-center gap-3 mb-2\">\n        <div className=\"flex-1 flex 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-xs text-icon2\">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-xs text-icon2\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-xs text-icon2\">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 flex-1 h-7\">\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 rounded-l cursor-default\"\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 rounded-r cursor-default\"\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=\"absolute inset-y-0 left-2 flex items-center text-xs text-white whitespace-nowrap pointer-events-none\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 text-xs font-mono text-icon6 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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Button = require('../../../Button-66ghjQV8.cjs');
+
+function OpenInTracesButton({ href, LinkComponent = "a" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button.Button,
+    {
+      as: LinkComponent,
+      href,
+      variant: "ghost",
+      size: "icon-md",
+      tooltip: "View in Traces",
+      "aria-label": "View in Traces",
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, {})
+    }
+  );
+}
+function OpenErrorsInLogsButton({ href, LinkComponent = "a" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button.Button,
+    {
+      as: LinkComponent,
+      href,
+      variant: "ghost",
+      size: "icon-md",
+      tooltip: "View errors in Logs",
+      "aria-label": "View errors in Logs",
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogsIcon, {})
+    }
+  );
+}
+
+exports.OpenErrorsInLogsButton = OpenErrorsInLogsButton;
+exports.OpenInTracesButton = OpenInTracesButton;
+//# sourceMappingURL=card-action-buttons.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-action-buttons.cjs.js","sources":["../../../../src/domains/metrics/components/card-action-buttons.tsx"],"sourcesContent":["import { EyeIcon, LogsIcon } from 'lucide-react';\nimport { Button } from '../../../ds/components/Button/Button';\nimport type { LinkComponent } from '../../../ds/types/link-component';\n\ntype CardActionButtonProps = {\n  /** Pre-built drilldown URL (typically from `useDrilldown().getTracesHref(...)`). */\n  href: string;\n  /** Override how the underlying anchor is rendered — pass a router-aware Link\n   *  to keep navigation in-app. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n};\n\n/** Icon link in a MetricsCard top bar that opens the Traces page pre-filtered\n *  to whatever dimensions the card knows about. */\nexport function OpenInTracesButton({ href, LinkComponent = 'a' }: CardActionButtonProps) {\n  return (\n    <Button\n      as={LinkComponent}\n      href={href}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View in Traces\"\n      aria-label=\"View in Traces\"\n    >\n      <EyeIcon />\n    </Button>\n  );\n}\n\n/** Icon link in a MetricsCard top bar that opens the Logs page scoped to\n *  errors for the card's current dimensions. */\nexport function OpenErrorsInLogsButton({ href, LinkComponent = 'a' }: CardActionButtonProps) {\n  return (\n    <Button\n      as={LinkComponent}\n      href={href}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View errors in Logs\"\n      aria-label=\"View errors in Logs\"\n    >\n      <LogsIcon />\n    </Button>\n  );\n}\n"],"names":["jsx","Button","EyeIcon","LogsIcon"],"mappings":";;;;;;;;AAcO,SAAS,kBAAA,CAAmB,EAAE,IAAA,EAAM,aAAA,GAAgB,KAAI,EAA0B;AACvF,EAAA,uBACEA,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,aAAA;AAAA,MACJ,IAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,gBAAA;AAAA,MACR,YAAA,EAAW,gBAAA;AAAA,MAEX,yCAACC,mBAAA,EAAA,EAAQ;AAAA;AAAA,GACX;AAEJ;AAIO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAM,aAAA,GAAgB,KAAI,EAA0B;AAC3F,EAAA,uBACEF,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,aAAA;AAAA,MACJ,IAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,qBAAA;AAAA,MACR,YAAA,EAAW,qBAAA;AAAA,MAEX,yCAACE,oBAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAEJ;;;;;"}

package/dist/domains/metrics/components/card-action-buttons.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/components/card-action-buttons'
+export {}

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

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { LogsIcon, EyeIcon } from 'lucide-react';
+import { B as Button } from '../../../Button-Bq0VuEbC.js';
+
+function OpenInTracesButton({ href, LinkComponent = "a" }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      as: LinkComponent,
+      href,
+      variant: "ghost",
+      size: "icon-md",
+      tooltip: "View in Traces",
+      "aria-label": "View in Traces",
+      children: /* @__PURE__ */ jsx(EyeIcon, {})
+    }
+  );
+}
+function OpenErrorsInLogsButton({ href, LinkComponent = "a" }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      as: LinkComponent,
+      href,
+      variant: "ghost",
+      size: "icon-md",
+      tooltip: "View errors in Logs",
+      "aria-label": "View errors in Logs",
+      children: /* @__PURE__ */ jsx(LogsIcon, {})
+    }
+  );
+}
+
+export { OpenErrorsInLogsButton, OpenInTracesButton };
+//# sourceMappingURL=card-action-buttons.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-action-buttons.es.js","sources":["../../../../src/domains/metrics/components/card-action-buttons.tsx"],"sourcesContent":["import { EyeIcon, LogsIcon } from 'lucide-react';\nimport { Button } from '../../../ds/components/Button/Button';\nimport type { LinkComponent } from '../../../ds/types/link-component';\n\ntype CardActionButtonProps = {\n  /** Pre-built drilldown URL (typically from `useDrilldown().getTracesHref(...)`). */\n  href: string;\n  /** Override how the underlying anchor is rendered — pass a router-aware Link\n   *  to keep navigation in-app. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n};\n\n/** Icon link in a MetricsCard top bar that opens the Traces page pre-filtered\n *  to whatever dimensions the card knows about. */\nexport function OpenInTracesButton({ href, LinkComponent = 'a' }: CardActionButtonProps) {\n  return (\n    <Button\n      as={LinkComponent}\n      href={href}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View in Traces\"\n      aria-label=\"View in Traces\"\n    >\n      <EyeIcon />\n    </Button>\n  );\n}\n\n/** Icon link in a MetricsCard top bar that opens the Logs page scoped to\n *  errors for the card's current dimensions. */\nexport function OpenErrorsInLogsButton({ href, LinkComponent = 'a' }: CardActionButtonProps) {\n  return (\n    <Button\n      as={LinkComponent}\n      href={href}\n      variant=\"ghost\"\n      size=\"icon-md\"\n      tooltip=\"View errors in Logs\"\n      aria-label=\"View errors in Logs\"\n    >\n      <LogsIcon />\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;AAcO,SAAS,kBAAA,CAAmB,EAAE,IAAA,EAAM,aAAA,GAAgB,KAAI,EAA0B;AACvF,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,aAAA;AAAA,MACJ,IAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,gBAAA;AAAA,MACR,YAAA,EAAW,gBAAA;AAAA,MAEX,8BAAC,OAAA,EAAA,EAAQ;AAAA;AAAA,GACX;AAEJ;AAIO,SAAS,sBAAA,CAAuB,EAAE,IAAA,EAAM,aAAA,GAAgB,KAAI,EAA0B;AAC3F,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,aAAA;AAAA,MACJ,IAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MACR,IAAA,EAAK,SAAA;AAAA,MACL,OAAA,EAAQ,qBAAA;AAAA,MACR,YAAA,EAAW,qBAAA;AAAA,MAEX,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAEJ;;;;"}

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const dateTimeRangePicker = require('../../../date-time-range-picker-DY3GLaiu.cjs');
+const domains_metrics_hooks_useMetrics = require('../hooks/use-metrics.cjs.js');
+
+const METRICS_PRESETS = [
+  "last-24h",
+  "last-3d",
+  "last-7d",
+  "last-14d",
+  "last-30d",
+  "custom"
+];
+function toPickerPreset(preset) {
+  switch (preset) {
+    case "3d":
+      return "last-3d";
+    case "7d":
+      return "last-7d";
+    case "14d":
+      return "last-14d";
+    case "30d":
+      return "last-30d";
+    case "custom":
+      return "custom";
+    default:
+      return "last-24h";
+  }
+}
+function fromPickerPreset(preset) {
+  switch (preset) {
+    case "last-3d":
+      return "3d";
+    case "last-7d":
+      return "7d";
+    case "last-14d":
+      return "14d";
+    case "last-30d":
+      return "30d";
+    case "custom":
+      return "custom";
+    default:
+      return "24h";
+  }
+}
+function DateRangeSelector() {
+  const { datePreset, setDatePreset, customRange, setCustomRange } = domains_metrics_hooks_useMetrics.useMetrics();
+  const presetRef = React.useRef(datePreset);
+  presetRef.current = datePreset;
+  const customRangeRef = React.useRef(customRange);
+  customRangeRef.current = customRange;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dateTimeRangePicker.DateTimeRangePicker,
+    {
+      preset: toPickerPreset(datePreset),
+      onPresetChange: (next) => {
+        const mapped = fromPickerPreset(next);
+        presetRef.current = mapped;
+        setDatePreset(mapped);
+      },
+      dateFrom: customRange?.from,
+      dateTo: customRange?.to,
+      onDateChange: (value, type) => {
+        if (presetRef.current !== "custom") return;
+        const next = { ...customRangeRef.current, [type]: value };
+        customRangeRef.current = next;
+        setCustomRange(next);
+      },
+      presets: METRICS_PRESETS
+    }
+  );
+}
+
+exports.DateRangeSelector = DateRangeSelector;
+//# sourceMappingURL=date-range-selector.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-selector.cjs.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport type { DateRangePreset } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport type { DatePreset } from '../hooks/use-metrics';\n\nconst METRICS_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nfunction toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nfunction fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PRESETS}\n    />\n  );\n}\n"],"names":["useMetrics","useRef","jsx","DateTimeRangePicker"],"mappings":";;;;;;;;;AAMA,MAAM,eAAA,GAA8C;AAAA,EAClD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,eAAe,MAAA,EAAqC;AAC3D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEA,SAAS,iBAAiB,MAAA,EAAqC;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmBA,2CAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAYC,aAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiBA,aAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACEC,cAAA;AAAA,IAACC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}

package/dist/domains/metrics/components/date-range-selector.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/components/date-range-selector'
+export {}

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

@@ -0,0 +1,75 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BL2NxcTo.js';
+import { useMetrics } from '../hooks/use-metrics.es.js';
+
+const METRICS_PRESETS = [
+  "last-24h",
+  "last-3d",
+  "last-7d",
+  "last-14d",
+  "last-30d",
+  "custom"
+];
+function toPickerPreset(preset) {
+  switch (preset) {
+    case "3d":
+      return "last-3d";
+    case "7d":
+      return "last-7d";
+    case "14d":
+      return "last-14d";
+    case "30d":
+      return "last-30d";
+    case "custom":
+      return "custom";
+    default:
+      return "last-24h";
+  }
+}
+function fromPickerPreset(preset) {
+  switch (preset) {
+    case "last-3d":
+      return "3d";
+    case "last-7d":
+      return "7d";
+    case "last-14d":
+      return "14d";
+    case "last-30d":
+      return "30d";
+    case "custom":
+      return "custom";
+    default:
+      return "24h";
+  }
+}
+function DateRangeSelector() {
+  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();
+  const presetRef = useRef(datePreset);
+  presetRef.current = datePreset;
+  const customRangeRef = useRef(customRange);
+  customRangeRef.current = customRange;
+  return /* @__PURE__ */ jsx(
+    DateTimeRangePicker,
+    {
+      preset: toPickerPreset(datePreset),
+      onPresetChange: (next) => {
+        const mapped = fromPickerPreset(next);
+        presetRef.current = mapped;
+        setDatePreset(mapped);
+      },
+      dateFrom: customRange?.from,
+      dateTo: customRange?.to,
+      onDateChange: (value, type) => {
+        if (presetRef.current !== "custom") return;
+        const next = { ...customRangeRef.current, [type]: value };
+        customRangeRef.current = next;
+        setCustomRange(next);
+      },
+      presets: METRICS_PRESETS
+    }
+  );
+}
+
+export { DateRangeSelector };
+//# sourceMappingURL=date-range-selector.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-selector.es.js","sources":["../../../../src/domains/metrics/components/date-range-selector.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { DateTimeRangePicker } from '../../../ds/components/DateTimeRangePicker';\nimport type { DateRangePreset } from '../../../ds/components/DateTimeRangePicker';\nimport { useMetrics } from '../hooks/use-metrics';\nimport type { DatePreset } from '../hooks/use-metrics';\n\nconst METRICS_PRESETS: readonly DateRangePreset[] = [\n  'last-24h',\n  'last-3d',\n  'last-7d',\n  'last-14d',\n  'last-30d',\n  'custom',\n];\n\nfunction toPickerPreset(preset: DatePreset): DateRangePreset {\n  switch (preset) {\n    case '3d':\n      return 'last-3d';\n    case '7d':\n      return 'last-7d';\n    case '14d':\n      return 'last-14d';\n    case '30d':\n      return 'last-30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return 'last-24h';\n  }\n}\n\nfunction fromPickerPreset(preset: DateRangePreset): DatePreset {\n  switch (preset) {\n    case 'last-3d':\n      return '3d';\n    case 'last-7d':\n      return '7d';\n    case 'last-14d':\n      return '14d';\n    case 'last-30d':\n      return '30d';\n    case 'custom':\n      return 'custom';\n    default:\n      return '24h';\n  }\n}\n\nexport function DateRangeSelector() {\n  const { datePreset, setDatePreset, customRange, setCustomRange } = useMetrics();\n\n  // The picker reports each field separately and also fires onDateChange right\n  // after a non-custom preset switch. Track the latest preset and range\n  // synchronously so the guard below skips those calls and the second field\n  // change still sees the first one.\n  const presetRef = useRef(datePreset);\n  presetRef.current = datePreset;\n  const customRangeRef = useRef(customRange);\n  customRangeRef.current = customRange;\n\n  return (\n    <DateTimeRangePicker\n      preset={toPickerPreset(datePreset)}\n      onPresetChange={next => {\n        const mapped = fromPickerPreset(next);\n        presetRef.current = mapped;\n        setDatePreset(mapped);\n      }}\n      dateFrom={customRange?.from}\n      dateTo={customRange?.to}\n      onDateChange={(value, type) => {\n        if (presetRef.current !== 'custom') return;\n        const next = { ...customRangeRef.current, [type]: value };\n        customRangeRef.current = next;\n        setCustomRange(next);\n      }}\n      presets={METRICS_PRESETS}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,eAAA,GAA8C;AAAA,EAClD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAEA,SAAS,eAAe,MAAA,EAAqC;AAC3D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,IAAA;AACH,MAAA,OAAO,SAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,UAAA;AAAA;AAEb;AAEA,SAAS,iBAAiB,MAAA,EAAqC;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAA,OAAO,IAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,KAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,QAAA;AAAA,IACT;AACE,MAAA,OAAO,KAAA;AAAA;AAEb;AAEO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,WAAA,EAAa,cAAA,KAAmB,UAAA,EAAW;AAM9E,EAAA,MAAM,SAAA,GAAY,OAAO,UAAU,CAAA;AACnC,EAAA,SAAA,CAAU,OAAA,GAAU,UAAA;AACpB,EAAA,MAAM,cAAA,GAAiB,OAAO,WAAW,CAAA;AACzC,EAAA,cAAA,CAAe,OAAA,GAAU,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,eAAe,UAAU,CAAA;AAAA,MACjC,gBAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,MAAA,GAAS,iBAAiB,IAAI,CAAA;AACpC,QAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,QAAA,aAAA,CAAc,MAAM,CAAA;AAAA,MACtB,CAAA;AAAA,MACA,UAAU,WAAA,EAAa,IAAA;AAAA,MACvB,QAAQ,WAAA,EAAa,EAAA;AAAA,MACrB,YAAA,EAAc,CAAC,KAAA,EAAO,IAAA,KAAS;AAC7B,QAAA,IAAI,SAAA,CAAU,YAAY,QAAA,EAAU;AACpC,QAAA,MAAM,IAAA,GAAO,EAAE,GAAG,cAAA,CAAe,SAAS,CAAC,IAAI,GAAG,KAAA,EAAM;AACxD,QAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AACzB,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA;AAAA,GACX;AAEJ;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const metricsKpiCard = require('../../../metrics-kpi-card-C4rSquAu.cjs');
+
+function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }) {
+  const hasData = value != null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(metricsKpiCard.MetricsKpiCard, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Label, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Value, { className: hasData ? void 0 : "invisible", children: hasData ? value : "—" }),
+    isError ? /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Error, {}) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Loading, {}) : hasData ? changePct != null ? /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Change, { changePct, prevValue }) : /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.NoChange, {}) : /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.NoData, {})
+  ] });
+}
+
+exports.KpiCardView = KpiCardView;
+//# sourceMappingURL=kpi-card-view.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: string | null;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n}\n\nexport function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.Value className={hasData ? undefined : 'invisible'}>{hasData ? value : '—'}</MetricsKpiCard.Value>\n      {isError ? (\n        <MetricsKpiCard.Error />\n      ) : isLoading ? (\n        <MetricsKpiCard.Loading />\n      ) : hasData ? (\n        changePct != null ? (\n          <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} />\n        ) : (\n          <MetricsKpiCard.NoChange />\n        )\n      ) : (\n        <MetricsKpiCard.NoData />\n      )}\n    </MetricsKpiCard>\n  );\n}\n"],"names":["MetricsKpiCard","jsx"],"mappings":";;;;;;;AAWO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,KAAA,EAAO,WAAW,SAAA,EAAW,SAAA,EAAW,SAAQ,EAAqB;AACxG,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,uCACGA,6BAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7BC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAqB,SAAA,EAAW,UAAU,MAAA,GAAY,WAAA,EAAc,QAAA,EAAA,OAAA,GAAU,KAAA,GAAQ,GAAA,EAAI,CAAA;AAAA,IAC1F,OAAA,mBACCC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACFC,cAAA,CAACD,6BAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,UACF,SAAA,IAAa,IAAA,mBACXC,cAAA,CAACD,6BAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,SAAA,EAAsB,CAAA,mBAEnEC,cAAA,CAACD,6BAAA,CAAe,QAAA,EAAf,EAAwB,CAAA,mBAG3BC,cAAA,CAACD,6BAAA,CAAe,QAAf,EAAsB;AAAA,GAAA,EAE3B,CAAA;AAEJ;;;;"}

package/dist/domains/metrics/components/kpi-card-view.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/metrics/components/kpi-card-view'
+export {}

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

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-1lwPKo4-.js';
+
+function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }) {
+  const hasData = value != null;
+  return /* @__PURE__ */ jsxs(MetricsKpiCard, { children: [
+    /* @__PURE__ */ jsx(MetricsKpiCard.Label, { children: label }),
+    /* @__PURE__ */ jsx(MetricsKpiCard.Value, { className: hasData ? void 0 : "invisible", children: hasData ? value : "—" }),
+    isError ? /* @__PURE__ */ jsx(MetricsKpiCard.Error, {}) : isLoading ? /* @__PURE__ */ jsx(MetricsKpiCard.Loading, {}) : hasData ? changePct != null ? /* @__PURE__ */ jsx(MetricsKpiCard.Change, { changePct, prevValue }) : /* @__PURE__ */ jsx(MetricsKpiCard.NoChange, {}) : /* @__PURE__ */ jsx(MetricsKpiCard.NoData, {})
+  ] });
+}
+
+export { KpiCardView };
+//# sourceMappingURL=kpi-card-view.es.js.map