@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

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 font-mono text-caption text-foreground tabular-nums\">{fmt(d.value)}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nexport function StackedRunsBars({ data }: { data: Array<{ name: string; completed: number; errors: number }> }) {\n  const sorted = [...data].sort((a, b) => b.completed + b.errors - (a.completed + a.errors));\n  const maxTotal = Math.max(...sorted.map(d => d.completed + d.errors));\n  return (\n    <div>\n      <div className=\"mb-2 flex items-center gap-3\">\n        <div className=\"flex flex-1 items-center gap-4\">\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.blue }} />\n            <span className=\"text-caption text-placeholder\">Completed</span>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            <div className=\"size-2 rounded-full\" style={{ backgroundColor: CHART_COLORS.red }} />\n            <span className=\"text-caption text-placeholder\">Errors</span>\n          </div>\n        </div>\n        <span className=\"shrink-0 text-caption text-placeholder\">Total (Success)</span>\n      </div>\n      <div className=\"space-y-2.5\">\n        {sorted.map(d => {\n          const total = d.completed + d.errors;\n          const successPct = total > 0 ? ((d.completed / total) * 100).toFixed(1) : '0.0';\n          const completedWidth = Math.min(Math.max(maxTotal > 0 ? (d.completed / maxTotal) * 100 : 0, 0), 100);\n          const errorsWidth = Math.min(Math.max(maxTotal > 0 ? (d.errors / maxTotal) * 100 : 0, 0), 100);\n          return (\n            <div key={d.name} className=\"group flex items-center gap-3\">\n              <div className=\"relative h-7 flex-1\">\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.completed.toLocaleString()} completed`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 left-0 cursor-default rounded-l\"\n                      style={{ width: `${completedWidth}%`, backgroundColor: CHART_COLORS.blue }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.completed.toLocaleString()} completed\n                  </TooltipContent>\n                </Tooltip>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <div\n                      role=\"img\"\n                      aria-label={`${d.errors.toLocaleString()} errors`}\n                      tabIndex={0}\n                      className=\"absolute inset-y-0 cursor-default rounded-r\"\n                      style={{\n                        left: `${completedWidth}%`,\n                        width: `${errorsWidth}%`,\n                        backgroundColor: CHART_COLORS.red,\n                      }}\n                    />\n                  </TooltipTrigger>\n                  <TooltipContent side=\"top\" className=\"font-mono\">\n                    {d.errors.toLocaleString()} errors\n                  </TooltipContent>\n                </Tooltip>\n                <span className=\"pointer-events-none absolute inset-y-0 left-2 flex items-center text-caption whitespace-nowrap text-white\">\n                  {d.name}\n                </span>\n              </div>\n              <span className=\"shrink-0 font-mono text-caption text-foreground tabular-nums\">\n                {total.toLocaleString()} ({successPct}%)\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,MAAA,GAAS,CAAC,GAAG,IAAI,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,KAAK,CAAA;AACzD,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACZ,QAAA,EAAA,MAAA,EAAQ,IAAI,CAAA,CAAA,qBACX,IAAA,CAAC,KAAA,EAAA,EAAkB,SAAA,EAAU,2BAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,eAAA,EAAiB,CAAA,CAAE,OAAM,EAAG,CAAA;AAAA,wBAC1E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAiC,YAAE,KAAA,EAAM;AAAA,OAAA,EAAA,EAFjD,CAAA,CAAE,KAGZ,CACD,CAAA,EACH,CAAA;AAAA,MACC,UAAA,oBAAc,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0CAA0C,QAAA,EAAA,UAAA,EAAW;AAAA,KAAA,EACtF,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACZ,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,KAAK;AACf,MAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,MAAA,GAAS,CAAA,GAAK,CAAA,CAAE,KAAA,GAAQ,MAAA,GAAU,GAAA,GAAM,CAAA,EAAG,CAAC,GAAG,GAAG,CAAA;AAChF,MAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAiB,SAAA,EAAU,+BAAA,EAC1B,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,mCAAA;AAAA,cACV,OAAO,EAAE,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,CAAA,EAAK,iBAAiB,KAAA;AAAM;AAAA,WACpD;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uFAAA,EACb,YAAE,IAAA,EACL;AAAA,SAAA,EACF,CAAA;AAAA,4BACC,MAAA,EAAA,EAAK,SAAA,EAAU,gEAAgE,QAAA,EAAA,GAAA,CAAI,CAAA,CAAE,KAAK,CAAA,EAAE;AAAA,OAAA,EAAA,EAVrF,EAAE,IAWZ,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,eAAA,CAAgB,EAAE,IAAA,EAAK,EAAyE;AAC9G,EAAA,MAAM,SAAS,CAAC,GAAG,IAAI,CAAA,CAAE,KAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA,CAAE,MAAA,IAAU,CAAA,CAAE,SAAA,GAAY,EAAE,MAAA,CAAO,CAAA;AACzF,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,GAAG,MAAA,CAAO,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,SAAA,GAAY,CAAA,CAAE,MAAM,CAAC,CAAA;AACpE,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,eAAA,EAAiB,YAAA,CAAa,MAAK,EAAG,CAAA;AAAA,0BACpF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,WAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,KAAA,EAAO,EAAE,eAAA,EAAiB,YAAA,CAAa,KAAI,EAAG,CAAA;AAAA,0BACnF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,QAAA,EAAM;AAAA,SAAA,EACxD;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,iBAAA,EAAe;AAAA,KAAA,EAC1E,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACZ,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,KAAK;AACf,MAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,SAAA,GAAY,CAAA,CAAE,MAAA;AAC9B,MAAA,MAAM,UAAA,GAAa,QAAQ,CAAA,GAAA,CAAM,CAAA,CAAE,YAAY,KAAA,GAAS,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAA,GAAI,KAAA;AAC1E,MAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,QAAA,GAAW,CAAA,GAAK,CAAA,CAAE,SAAA,GAAY,QAAA,GAAY,GAAA,GAAM,CAAA,EAAG,CAAC,GAAG,GAAG,CAAA;AACnG,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,IAAI,QAAA,GAAW,CAAA,GAAK,CAAA,CAAE,MAAA,GAAS,QAAA,GAAY,GAAA,GAAM,CAAA,EAAG,CAAC,GAAG,GAAG,CAAA;AAC7F,MAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAiB,SAAA,EAAU,+BAAA,EAC1B,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,KAAA;AAAA,gBACL,YAAA,EAAY,CAAA,EAAG,CAAA,CAAE,SAAA,CAAU,gBAAgB,CAAA,UAAA,CAAA;AAAA,gBAC3C,QAAA,EAAU,CAAA;AAAA,gBACV,SAAA,EAAU,oDAAA;AAAA,gBACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,cAAc,CAAA,CAAA,CAAA,EAAK,eAAA,EAAiB,aAAa,IAAA;AAAK;AAAA,aAC3E,EACF,CAAA;AAAA,4BACA,IAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EAClC,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,UAAU,cAAA,EAAe;AAAA,cAAE;AAAA,aAAA,EAChC;AAAA,WAAA,EACF,CAAA;AAAA,+BACC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,KAAA;AAAA,gBACL,YAAA,EAAY,CAAA,EAAG,CAAA,CAAE,MAAA,CAAO,gBAAgB,CAAA,OAAA,CAAA;AAAA,gBACxC,QAAA,EAAU,CAAA;AAAA,gBACV,SAAA,EAAU,6CAAA;AAAA,gBACV,KAAA,EAAO;AAAA,kBACL,IAAA,EAAM,GAAG,cAAc,CAAA,CAAA,CAAA;AAAA,kBACvB,KAAA,EAAO,GAAG,WAAW,CAAA,CAAA,CAAA;AAAA,kBACrB,iBAAiB,YAAA,CAAa;AAAA;AAChC;AAAA,aACF,EACF,CAAA;AAAA,4BACA,IAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,WAAU,WAAA,EAClC,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,OAAO,cAAA,EAAe;AAAA,cAAE;AAAA,aAAA,EAC7B;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2GAAA,EACb,YAAE,IAAA,EACL;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8DAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UAAE,IAAA;AAAA,UAAG,UAAA;AAAA,UAAW;AAAA,SAAA,EACxC;AAAA,OAAA,EAAA,EAxCQ,EAAE,IAyCZ,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"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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"}

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-BCzvSYx3.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-sT5qAW-_.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-C-t3Kdpk.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-Bnviv7s-.js';
 import { useMetrics } from '../hooks/use-metrics.es.js';
 
 const METRICS_PRESETS = [

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

@@ -1 +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  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":["MetricsKpiCard","jsx","jsxs"],"mappings":";;;;;;;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,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,oBAC7BE,eAAA,CAACF,6BAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAUC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACCC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACFC,cAAA,CAACD,6BAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjCC,cAAA,CAACD,6BAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjGC,cAAA,CAACD,6BAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3BC,cAAA,CAACD,6BAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"kpi-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: ReactNode;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":["MetricsKpiCard","jsx","jsxs"],"mappings":";;;;;;;AAcO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,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,oBAC7BE,eAAA,CAACF,6BAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAUC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACCC,cAAA,CAACD,6BAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACFC,cAAA,CAACD,6BAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjCC,cAAA,CAACD,6BAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjGC,cAAA,CAACD,6BAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3BC,cAAA,CAACD,6BAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"kpi-card-view.es.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  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":[],"mappings":";;;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7B,IAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAU,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACC,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACF,GAAA,CAAC,cAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjC,GAAA,CAAC,cAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjG,GAAA,CAAC,cAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3B,GAAA,CAAC,cAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"kpi-card-view.es.js","sources":["../../../../src/domains/metrics/components/kpi-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { MetricsKpiCard } from '../../../ds/components/MetricsKpiCard';\n\nexport interface KpiCardViewProps {\n  label: string;\n  value: ReactNode;\n  prevValue?: string;\n  changePct?: number | null;\n  isLoading: boolean;\n  isError: boolean;\n  /** Treat a decrease as a good change (e.g. cost, latency). */\n  lowerIsBetter?: boolean;\n}\n\nexport function KpiCardView({\n  label,\n  value,\n  prevValue,\n  changePct,\n  isLoading,\n  isError,\n  lowerIsBetter,\n}: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.ValueRow>\n        {hasData ? <MetricsKpiCard.Value>{value}</MetricsKpiCard.Value> : null}\n        {isError ? (\n          <MetricsKpiCard.Error />\n        ) : isLoading ? (\n          <MetricsKpiCard.Loading />\n        ) : hasData ? (\n          changePct != null && changePct !== 0 ? (\n            <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} lowerIsBetter={lowerIsBetter} />\n          ) : (\n            <MetricsKpiCard.NoChange />\n          )\n        ) : (\n          <MetricsKpiCard.NoData />\n        )}\n      </MetricsKpiCard.ValueRow>\n    </MetricsKpiCard>\n  );\n}\n"],"names":[],"mappings":";;;AAcO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7B,IAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EACE,QAAA,EAAA;AAAA,MAAA,OAAA,mBAAU,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,iBAAM,CAAA,GAA0B,IAAA;AAAA,MACjE,OAAA,mBACC,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACF,GAAA,CAAC,cAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,OAAA,GACF,aAAa,IAAA,IAAQ,SAAA,KAAc,CAAA,mBACjC,GAAA,CAAC,cAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,WAAsB,aAAA,EAA8B,CAAA,mBAEjG,GAAA,CAAC,cAAA,CAAe,UAAf,EAAwB,CAAA,mBAG3B,GAAA,CAAC,cAAA,CAAe,QAAf,EAAsB;AAAA,KAAA,EAE3B;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-PwFpP_mo.cjs');
+const dataList = require('../../../data-list-RI8c32dk.cjs');
 const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
 const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
 const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
 const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
+const utils_cost = require('../../../utils/cost.cjs.js');
 
 function isMemoryTab(value) {
   return value === "threads" || value === "resources";
@@ -70,8 +71,8 @@ function MemoryCardView({
                 /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { className: "text-caption", children: shortId(row.threadId) }),
                 /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.resourceId ? shortId(row.resourceId) : "—" }),
                 /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { highlight: true, children: row.runs.toLocaleString() }),
-                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.tokens > 0 ? domains_metrics_components_metricsUtils.formatCompact(row.tokens) : "—" }),
-                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cost != null ? domains_metrics_components_metricsUtils.formatCost(row.cost, row.costUnit) : "—" })
+                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.tokens > 0 ? utils_cost.formatCompactNumber(row.tokens) : "—" }),
+                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cost != null ? utils_cost.formatCost(row.cost, row.costUnit) : "—" })
               ] });
               return href ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowLink, { to: href, LinkComponent, children: rowCells }, row.key) : /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowStatic, { children: rowCells }, row.key);
             })
@@ -88,8 +89,8 @@ function MemoryCardView({
               const rowCells = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { className: "text-caption", children: shortId(row.resourceId) }),
                 /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { highlight: true, children: row.threadCount.toLocaleString() }),
-                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.tokens > 0 ? domains_metrics_components_metricsUtils.formatCompact(row.tokens) : "—" }),
-                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cost != null ? domains_metrics_components_metricsUtils.formatCost(row.cost, row.costUnit) : "—" })
+                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.tokens > 0 ? utils_cost.formatCompactNumber(row.tokens) : "—" }),
+                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cost != null ? utils_cost.formatCost(row.cost, row.costUnit) : "—" })
               ] });
               return href ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowLink, { to: href, LinkComponent, children: rowCells }, row.key) : /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowStatic, { children: rowCells }, row.key);
             })

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

@@ -1 +1 @@
-{"version":3,"file":"memory-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/memory-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ActiveThreadRow } from '../hooks/use-top-active-threads-metrics';\nimport type { ResourceThreadsRow } from '../hooks/use-top-resources-by-threads-metrics';\nimport { formatCompact, formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nexport type MemoryTab = 'threads' | 'resources';\n\n/** Per-tab query state. Memory has two independent server queries (top\n *  threads + top resources) so loading/error are scoped to the active tab. */\ntype MemoryTabState<T> = {\n  data: T[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n};\n\nexport interface MemoryCardViewProps {\n  threads: MemoryTabState<ActiveThreadRow>;\n  resources: MemoryTabState<ResourceThreadsRow>;\n  /** Optional drilldown for a thread row. Receives the raw hook row. */\n  getThreadRowHref?: (row: ActiveThreadRow) => string | undefined;\n  /** Optional drilldown for a resource row. Receives the raw hook row. */\n  getResourceRowHref?: (row: ResourceThreadsRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. Function form receives the active tab. */\n  actions?: ReactNode | ((tab: MemoryTab) => ReactNode);\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nfunction isMemoryTab(value: string): value is MemoryTab {\n  return value === 'threads' || value === 'resources';\n}\n\n// IDs are usually 32+ char UUIDs; the table is too narrow to show the full\n// value without horizontal scroll, so we elide the middle.\nfunction shortId(id: string): string {\n  if (id.length <= 12) return id;\n  return `${id.slice(0, 6)}…${id.slice(-4)}`;\n}\n\ntype ThreadTableRow = ActiveThreadRow & { key: string };\ntype ResourceTableRow = ResourceThreadsRow & { key: string };\n\nexport function MemoryCardView({\n  threads,\n  resources,\n  getThreadRowHref,\n  getResourceRowHref,\n  actions,\n  LinkComponent,\n}: MemoryCardViewProps) {\n  const [activeTab, setActiveTab] = useState<MemoryTab>('threads');\n\n  const threadRows: ThreadTableRow[] = threads.data?.map(r => ({ ...r, key: r.threadId })) ?? [];\n  const resourceRows: ResourceTableRow[] = resources.data?.map(r => ({ ...r, key: r.resourceId })) ?? [];\n\n  const hasThreadData = threadRows.length > 0;\n  const hasResourceData = resourceRows.length > 0;\n\n  const threadTotal = threads.data?.reduce((s, r) => s + r.runs, 0) ?? 0;\n  const resourceTotal = resources.data?.reduce((s, r) => s + r.threadCount, 0) ?? 0;\n\n  const active = activeTab === 'threads' ? threads : resources;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Memory\" description=\"Resource and Thread consumption\" />\n        {activeTab === 'threads' && hasThreadData && (\n          <MetricsCard.Summary value={threadTotal.toLocaleString()} label=\"Total runs\" />\n        )}\n        {activeTab === 'resources' && hasResourceData && (\n          <MetricsCard.Summary value={resourceTotal.toLocaleString()} label=\"Total threads\" />\n        )}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {active.isLoading ? (\n        <MetricsCard.Loading />\n      ) : active.isError ? (\n        <MetricsCard.Error message=\"Failed to load memory data\" />\n      ) : (\n        <MetricsCard.Content>\n          <Tabs\n            defaultTab=\"threads\"\n            value={activeTab}\n            onValueChange={v => {\n              if (isMemoryTab(v)) setActiveTab(v);\n            }}\n            className=\"grid h-full grid-rows-[auto_1fr] overflow-y-auto\"\n          >\n            <TabList>\n              <Tab value=\"threads\">Threads</Tab>\n              <Tab value=\"resources\">Resources</Tab>\n            </TabList>\n            <TabContent value=\"threads\" className=\"pt-3\">\n              {hasThreadData ? (\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Thread ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Runs</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {threadRows.map(row => {\n                    const href = getThreadRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.threadId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell>{row.resourceId ? shortId(row.resourceId) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell highlight>{row.runs.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>{row.tokens > 0 ? formatCompact(row.tokens) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No thread activity yet\" />\n              )}\n            </TabContent>\n            <TabContent value=\"resources\" className=\"pt-3\">\n              {hasResourceData ? (\n                <DataList columns=\"auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Threads</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {resourceRows.map(row => {\n                    const href = getResourceRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.resourceId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell highlight>{row.threadCount.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>{row.tokens > 0 ? formatCompact(row.tokens) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No resource activity yet\" />\n              )}\n            </TabContent>\n          </Tabs>\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["useState","MetricsCard","jsxs","jsx","Tabs","TabList","Tab","TabContent","DataList","METRICS_DATA_LIST_PROPS","Fragment","formatCompact","formatCost"],"mappings":"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"}
+{"version":3,"file":"memory-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/memory-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ActiveThreadRow } from '../hooks/use-top-active-threads-metrics';\nimport type { ResourceThreadsRow } from '../hooks/use-top-resources-by-threads-metrics';\nimport { METRICS_DATA_LIST_PROPS } from './metrics-utils';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\n\nexport type MemoryTab = 'threads' | 'resources';\n\n/** Per-tab query state. Memory has two independent server queries (top\n *  threads + top resources) so loading/error are scoped to the active tab. */\ntype MemoryTabState<T> = {\n  data: T[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n};\n\nexport interface MemoryCardViewProps {\n  threads: MemoryTabState<ActiveThreadRow>;\n  resources: MemoryTabState<ResourceThreadsRow>;\n  /** Optional drilldown for a thread row. Receives the raw hook row. */\n  getThreadRowHref?: (row: ActiveThreadRow) => string | undefined;\n  /** Optional drilldown for a resource row. Receives the raw hook row. */\n  getResourceRowHref?: (row: ResourceThreadsRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. Function form receives the active tab. */\n  actions?: ReactNode | ((tab: MemoryTab) => ReactNode);\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nfunction isMemoryTab(value: string): value is MemoryTab {\n  return value === 'threads' || value === 'resources';\n}\n\n// IDs are usually 32+ char UUIDs; the table is too narrow to show the full\n// value without horizontal scroll, so we elide the middle.\nfunction shortId(id: string): string {\n  if (id.length <= 12) return id;\n  return `${id.slice(0, 6)}…${id.slice(-4)}`;\n}\n\ntype ThreadTableRow = ActiveThreadRow & { key: string };\ntype ResourceTableRow = ResourceThreadsRow & { key: string };\n\nexport function MemoryCardView({\n  threads,\n  resources,\n  getThreadRowHref,\n  getResourceRowHref,\n  actions,\n  LinkComponent,\n}: MemoryCardViewProps) {\n  const [activeTab, setActiveTab] = useState<MemoryTab>('threads');\n\n  const threadRows: ThreadTableRow[] = threads.data?.map(r => ({ ...r, key: r.threadId })) ?? [];\n  const resourceRows: ResourceTableRow[] = resources.data?.map(r => ({ ...r, key: r.resourceId })) ?? [];\n\n  const hasThreadData = threadRows.length > 0;\n  const hasResourceData = resourceRows.length > 0;\n\n  const threadTotal = threads.data?.reduce((s, r) => s + r.runs, 0) ?? 0;\n  const resourceTotal = resources.data?.reduce((s, r) => s + r.threadCount, 0) ?? 0;\n\n  const active = activeTab === 'threads' ? threads : resources;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Memory\" description=\"Resource and Thread consumption\" />\n        {activeTab === 'threads' && hasThreadData && (\n          <MetricsCard.Summary value={threadTotal.toLocaleString()} label=\"Total runs\" />\n        )}\n        {activeTab === 'resources' && hasResourceData && (\n          <MetricsCard.Summary value={resourceTotal.toLocaleString()} label=\"Total threads\" />\n        )}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {active.isLoading ? (\n        <MetricsCard.Loading />\n      ) : active.isError ? (\n        <MetricsCard.Error message=\"Failed to load memory data\" />\n      ) : (\n        <MetricsCard.Content>\n          <Tabs\n            defaultTab=\"threads\"\n            value={activeTab}\n            onValueChange={v => {\n              if (isMemoryTab(v)) setActiveTab(v);\n            }}\n            className=\"grid h-full grid-rows-[auto_1fr] overflow-y-auto\"\n          >\n            <TabList>\n              <Tab value=\"threads\">Threads</Tab>\n              <Tab value=\"resources\">Resources</Tab>\n            </TabList>\n            <TabContent value=\"threads\" className=\"pt-3\">\n              {hasThreadData ? (\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Thread ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Runs</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {threadRows.map(row => {\n                    const href = getThreadRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.threadId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell>{row.resourceId ? shortId(row.resourceId) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell highlight>{row.runs.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.tokens > 0 ? formatCompactNumber(row.tokens) : '—'}\n                        </DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No thread activity yet\" />\n              )}\n            </TabContent>\n            <TabContent value=\"resources\" className=\"pt-3\">\n              {hasResourceData ? (\n                <DataList columns=\"auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Threads</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {resourceRows.map(row => {\n                    const href = getResourceRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.resourceId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell highlight>{row.threadCount.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.tokens > 0 ? formatCompactNumber(row.tokens) : '—'}\n                        </DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No resource activity yet\" />\n              )}\n            </TabContent>\n          </Tabs>\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["useState","MetricsCard","jsxs","jsx","Tabs","TabList","Tab","TabContent","DataList","METRICS_DATA_LIST_PROPS","Fragment","formatCompactNumber","formatCost"],"mappings":"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"}

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

@@ -1,11 +1,12 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-DisTjDHP.js';
+import { D as DataList } from '../../../data-list-5-nRJbEO.js';
 import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
 import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-UNPxoGhW.js';
 import { T as Tab } from '../../../tabs-tab-DluwCnDF.js';
-import { METRICS_DATA_LIST_PROPS, formatCompact, formatCost } from './metrics-utils.es.js';
+import { METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
+import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
 
 function isMemoryTab(value) {
   return value === "threads" || value === "resources";
@@ -66,7 +67,7 @@ function MemoryCardView({
                 /* @__PURE__ */ jsx(DataList.RowHeaderCell, { className: "text-caption", children: shortId(row.threadId) }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.resourceId ? shortId(row.resourceId) : "—" }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { highlight: true, children: row.runs.toLocaleString() }),
-                /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.tokens > 0 ? formatCompact(row.tokens) : "—" }),
+                /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.tokens > 0 ? formatCompactNumber(row.tokens) : "—" }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.cost != null ? formatCost(row.cost, row.costUnit) : "—" })
               ] });
               return href ? /* @__PURE__ */ jsx(DataList.RowLink, { to: href, LinkComponent, children: rowCells }, row.key) : /* @__PURE__ */ jsx(DataList.RowStatic, { children: rowCells }, row.key);
@@ -84,7 +85,7 @@ function MemoryCardView({
               const rowCells = /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(DataList.RowHeaderCell, { className: "text-caption", children: shortId(row.resourceId) }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { highlight: true, children: row.threadCount.toLocaleString() }),
-                /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.tokens > 0 ? formatCompact(row.tokens) : "—" }),
+                /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.tokens > 0 ? formatCompactNumber(row.tokens) : "—" }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.cost != null ? formatCost(row.cost, row.costUnit) : "—" })
               ] });
               return href ? /* @__PURE__ */ jsx(DataList.RowLink, { to: href, LinkComponent, children: rowCells }, row.key) : /* @__PURE__ */ jsx(DataList.RowStatic, { children: rowCells }, row.key);

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

@@ -1 +1 @@
-{"version":3,"file":"memory-card-view.es.js","sources":["../../../../src/domains/metrics/components/memory-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ActiveThreadRow } from '../hooks/use-top-active-threads-metrics';\nimport type { ResourceThreadsRow } from '../hooks/use-top-resources-by-threads-metrics';\nimport { formatCompact, formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nexport type MemoryTab = 'threads' | 'resources';\n\n/** Per-tab query state. Memory has two independent server queries (top\n *  threads + top resources) so loading/error are scoped to the active tab. */\ntype MemoryTabState<T> = {\n  data: T[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n};\n\nexport interface MemoryCardViewProps {\n  threads: MemoryTabState<ActiveThreadRow>;\n  resources: MemoryTabState<ResourceThreadsRow>;\n  /** Optional drilldown for a thread row. Receives the raw hook row. */\n  getThreadRowHref?: (row: ActiveThreadRow) => string | undefined;\n  /** Optional drilldown for a resource row. Receives the raw hook row. */\n  getResourceRowHref?: (row: ResourceThreadsRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. Function form receives the active tab. */\n  actions?: ReactNode | ((tab: MemoryTab) => ReactNode);\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nfunction isMemoryTab(value: string): value is MemoryTab {\n  return value === 'threads' || value === 'resources';\n}\n\n// IDs are usually 32+ char UUIDs; the table is too narrow to show the full\n// value without horizontal scroll, so we elide the middle.\nfunction shortId(id: string): string {\n  if (id.length <= 12) return id;\n  return `${id.slice(0, 6)}…${id.slice(-4)}`;\n}\n\ntype ThreadTableRow = ActiveThreadRow & { key: string };\ntype ResourceTableRow = ResourceThreadsRow & { key: string };\n\nexport function MemoryCardView({\n  threads,\n  resources,\n  getThreadRowHref,\n  getResourceRowHref,\n  actions,\n  LinkComponent,\n}: MemoryCardViewProps) {\n  const [activeTab, setActiveTab] = useState<MemoryTab>('threads');\n\n  const threadRows: ThreadTableRow[] = threads.data?.map(r => ({ ...r, key: r.threadId })) ?? [];\n  const resourceRows: ResourceTableRow[] = resources.data?.map(r => ({ ...r, key: r.resourceId })) ?? [];\n\n  const hasThreadData = threadRows.length > 0;\n  const hasResourceData = resourceRows.length > 0;\n\n  const threadTotal = threads.data?.reduce((s, r) => s + r.runs, 0) ?? 0;\n  const resourceTotal = resources.data?.reduce((s, r) => s + r.threadCount, 0) ?? 0;\n\n  const active = activeTab === 'threads' ? threads : resources;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Memory\" description=\"Resource and Thread consumption\" />\n        {activeTab === 'threads' && hasThreadData && (\n          <MetricsCard.Summary value={threadTotal.toLocaleString()} label=\"Total runs\" />\n        )}\n        {activeTab === 'resources' && hasResourceData && (\n          <MetricsCard.Summary value={resourceTotal.toLocaleString()} label=\"Total threads\" />\n        )}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {active.isLoading ? (\n        <MetricsCard.Loading />\n      ) : active.isError ? (\n        <MetricsCard.Error message=\"Failed to load memory data\" />\n      ) : (\n        <MetricsCard.Content>\n          <Tabs\n            defaultTab=\"threads\"\n            value={activeTab}\n            onValueChange={v => {\n              if (isMemoryTab(v)) setActiveTab(v);\n            }}\n            className=\"grid h-full grid-rows-[auto_1fr] overflow-y-auto\"\n          >\n            <TabList>\n              <Tab value=\"threads\">Threads</Tab>\n              <Tab value=\"resources\">Resources</Tab>\n            </TabList>\n            <TabContent value=\"threads\" className=\"pt-3\">\n              {hasThreadData ? (\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Thread ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Runs</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {threadRows.map(row => {\n                    const href = getThreadRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.threadId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell>{row.resourceId ? shortId(row.resourceId) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell highlight>{row.runs.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>{row.tokens > 0 ? formatCompact(row.tokens) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No thread activity yet\" />\n              )}\n            </TabContent>\n            <TabContent value=\"resources\" className=\"pt-3\">\n              {hasResourceData ? (\n                <DataList columns=\"auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Threads</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {resourceRows.map(row => {\n                    const href = getResourceRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.resourceId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell highlight>{row.threadCount.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>{row.tokens > 0 ? formatCompact(row.tokens) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No resource activity yet\" />\n              )}\n            </TabContent>\n          </Tabs>\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"memory-card-view.es.js","sources":["../../../../src/domains/metrics/components/memory-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { TabContent } from '../../../ds/components/Tabs/tabs-content';\nimport { TabList } from '../../../ds/components/Tabs/tabs-list';\nimport { Tabs } from '../../../ds/components/Tabs/tabs-root';\nimport { Tab } from '../../../ds/components/Tabs/tabs-tab';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ActiveThreadRow } from '../hooks/use-top-active-threads-metrics';\nimport type { ResourceThreadsRow } from '../hooks/use-top-resources-by-threads-metrics';\nimport { METRICS_DATA_LIST_PROPS } from './metrics-utils';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\n\nexport type MemoryTab = 'threads' | 'resources';\n\n/** Per-tab query state. Memory has two independent server queries (top\n *  threads + top resources) so loading/error are scoped to the active tab. */\ntype MemoryTabState<T> = {\n  data: T[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n};\n\nexport interface MemoryCardViewProps {\n  threads: MemoryTabState<ActiveThreadRow>;\n  resources: MemoryTabState<ResourceThreadsRow>;\n  /** Optional drilldown for a thread row. Receives the raw hook row. */\n  getThreadRowHref?: (row: ActiveThreadRow) => string | undefined;\n  /** Optional drilldown for a resource row. Receives the raw hook row. */\n  getResourceRowHref?: (row: ResourceThreadsRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. Function form receives the active tab. */\n  actions?: ReactNode | ((tab: MemoryTab) => ReactNode);\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nfunction isMemoryTab(value: string): value is MemoryTab {\n  return value === 'threads' || value === 'resources';\n}\n\n// IDs are usually 32+ char UUIDs; the table is too narrow to show the full\n// value without horizontal scroll, so we elide the middle.\nfunction shortId(id: string): string {\n  if (id.length <= 12) return id;\n  return `${id.slice(0, 6)}…${id.slice(-4)}`;\n}\n\ntype ThreadTableRow = ActiveThreadRow & { key: string };\ntype ResourceTableRow = ResourceThreadsRow & { key: string };\n\nexport function MemoryCardView({\n  threads,\n  resources,\n  getThreadRowHref,\n  getResourceRowHref,\n  actions,\n  LinkComponent,\n}: MemoryCardViewProps) {\n  const [activeTab, setActiveTab] = useState<MemoryTab>('threads');\n\n  const threadRows: ThreadTableRow[] = threads.data?.map(r => ({ ...r, key: r.threadId })) ?? [];\n  const resourceRows: ResourceTableRow[] = resources.data?.map(r => ({ ...r, key: r.resourceId })) ?? [];\n\n  const hasThreadData = threadRows.length > 0;\n  const hasResourceData = resourceRows.length > 0;\n\n  const threadTotal = threads.data?.reduce((s, r) => s + r.runs, 0) ?? 0;\n  const resourceTotal = resources.data?.reduce((s, r) => s + r.threadCount, 0) ?? 0;\n\n  const active = activeTab === 'threads' ? threads : resources;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Memory\" description=\"Resource and Thread consumption\" />\n        {activeTab === 'threads' && hasThreadData && (\n          <MetricsCard.Summary value={threadTotal.toLocaleString()} label=\"Total runs\" />\n        )}\n        {activeTab === 'resources' && hasResourceData && (\n          <MetricsCard.Summary value={resourceTotal.toLocaleString()} label=\"Total threads\" />\n        )}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {active.isLoading ? (\n        <MetricsCard.Loading />\n      ) : active.isError ? (\n        <MetricsCard.Error message=\"Failed to load memory data\" />\n      ) : (\n        <MetricsCard.Content>\n          <Tabs\n            defaultTab=\"threads\"\n            value={activeTab}\n            onValueChange={v => {\n              if (isMemoryTab(v)) setActiveTab(v);\n            }}\n            className=\"grid h-full grid-rows-[auto_1fr] overflow-y-auto\"\n          >\n            <TabList>\n              <Tab value=\"threads\">Threads</Tab>\n              <Tab value=\"resources\">Resources</Tab>\n            </TabList>\n            <TabContent value=\"threads\" className=\"pt-3\">\n              {hasThreadData ? (\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Thread ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Runs</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {threadRows.map(row => {\n                    const href = getThreadRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.threadId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell>{row.resourceId ? shortId(row.resourceId) : '—'}</DataList.NumberCell>\n                        <DataList.NumberCell highlight>{row.runs.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.tokens > 0 ? formatCompactNumber(row.tokens) : '—'}\n                        </DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No thread activity yet\" />\n              )}\n            </TabContent>\n            <TabContent value=\"resources\" className=\"pt-3\">\n              {hasResourceData ? (\n                <DataList columns=\"auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Resource ID</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Threads</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Tokens</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n                  </DataList.Top>\n                  {resourceRows.map(row => {\n                    const href = getResourceRowHref?.(row);\n                    const rowCells = (\n                      <>\n                        <DataList.RowHeaderCell className=\"text-caption\">\n                          {shortId(row.resourceId)}\n                        </DataList.RowHeaderCell>\n                        <DataList.NumberCell highlight>{row.threadCount.toLocaleString()}</DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.tokens > 0 ? formatCompactNumber(row.tokens) : '—'}\n                        </DataList.NumberCell>\n                        <DataList.NumberCell>\n                          {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                        </DataList.NumberCell>\n                      </>\n                    );\n\n                    return href ? (\n                      <DataList.RowLink key={row.key} to={href} LinkComponent={LinkComponent}>\n                        {rowCells}\n                      </DataList.RowLink>\n                    ) : (\n                      <DataList.RowStatic key={row.key}>{rowCells}</DataList.RowStatic>\n                    );\n                  })}\n                </DataList>\n              ) : (\n                <MetricsCard.NoData message=\"No resource activity yet\" />\n              )}\n            </TabContent>\n          </Tabs>\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAqCA,SAAS,YAAY,KAAA,EAAmC;AACtD,EAAA,OAAO,KAAA,KAAU,aAAa,KAAA,KAAU,WAAA;AAC1C;AAIA,SAAS,QAAQ,EAAA,EAAoB;AACnC,EAAA,IAAI,EAAA,CAAG,MAAA,IAAU,EAAA,EAAI,OAAO,EAAA;AAC5B,EAAA,OAAO,CAAA,EAAG,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,CAAA,EAAI,EAAA,CAAG,KAAA,CAAM,EAAE,CAAC,CAAA,CAAA;AAC1C;AAKO,SAAS,cAAA,CAAe;AAAA,EAC7B,OAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAoB,SAAS,CAAA;AAE/D,EAAA,MAAM,UAAA,GAA+B,OAAA,CAAQ,IAAA,EAAM,GAAA,CAAI,CAAA,CAAA,MAAM,EAAE,GAAG,CAAA,EAAG,GAAA,EAAK,CAAA,CAAE,QAAA,EAAS,CAAE,KAAK,EAAC;AAC7F,EAAA,MAAM,YAAA,GAAmC,SAAA,CAAU,IAAA,EAAM,GAAA,CAAI,CAAA,CAAA,MAAM,EAAE,GAAG,CAAA,EAAG,GAAA,EAAK,CAAA,CAAE,UAAA,EAAW,CAAE,KAAK,EAAC;AAErG,EAAA,MAAM,aAAA,GAAgB,WAAW,MAAA,GAAS,CAAA;AAC1C,EAAA,MAAM,eAAA,GAAkB,aAAa,MAAA,GAAS,CAAA;AAE9C,EAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,IAAA,EAAM,MAAA,CAAO,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,CAAE,IAAA,EAAM,CAAC,CAAA,IAAK,CAAA;AACrE,EAAA,MAAM,aAAA,GAAgB,SAAA,CAAU,IAAA,EAAM,MAAA,CAAO,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,CAAE,WAAA,EAAa,CAAC,CAAA,IAAK,CAAA;AAEhF,EAAA,MAAM,MAAA,GAAS,SAAA,KAAc,SAAA,GAAY,OAAA,GAAU,SAAA;AACnD,EAAA,MAAM,kBAAkB,OAAO,OAAA,KAAY,UAAA,GAAa,OAAA,CAAQ,SAAS,CAAA,GAAI,OAAA;AAE7E,EAAA,4BACG,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,WAAA,CAAY,QAAZ,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAY,mBAAA,EAAZ,EAAgC,KAAA,EAAM,QAAA,EAAS,aAAY,iCAAA,EAAkC,CAAA;AAAA,MAC7F,SAAA,KAAc,SAAA,IAAa,aAAA,oBAC1B,GAAA,CAAC,WAAA,CAAY,OAAA,EAAZ,EAAoB,KAAA,EAAO,WAAA,CAAY,cAAA,EAAe,EAAG,KAAA,EAAM,YAAA,EAAa,CAAA;AAAA,MAE9E,SAAA,KAAc,WAAA,IAAe,eAAA,oBAC5B,GAAA,CAAC,WAAA,CAAY,OAAA,EAAZ,EAAoB,KAAA,EAAO,aAAA,CAAc,cAAA,EAAe,EAAG,KAAA,EAAM,eAAA,EAAgB,CAAA;AAAA,MAEnF,kCAAkB,GAAA,CAAC,WAAA,CAAY,OAAA,EAAZ,EAAqB,2BAAgB,CAAA,GAAyB;AAAA,KAAA,EACpF,CAAA;AAAA,IACC,OAAO,SAAA,mBACN,GAAA,CAAC,YAAY,OAAA,EAAZ,EAAoB,IACnB,MAAA,CAAO,OAAA,uBACR,WAAA,CAAY,KAAA,EAAZ,EAAkB,OAAA,EAAQ,4BAAA,EAA6B,oBAExD,GAAA,CAAC,WAAA,CAAY,SAAZ,EACC,QAAA,kBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAW,SAAA;AAAA,QACX,KAAA,EAAO,SAAA;AAAA,QACP,eAAe,CAAA,CAAA,KAAK;AAClB,UAAA,IAAI,WAAA,CAAY,CAAC,CAAA,EAAG,YAAA,CAAa,CAAC,CAAA;AAAA,QACpC,CAAA;AAAA,QACA,SAAA,EAAU,kDAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,SAAA,EAAU,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,4BAC5B,GAAA,CAAC,GAAA,EAAA,EAAI,KAAA,EAAM,WAAA,EAAY,QAAA,EAAA,WAAA,EAAS;AAAA,WAAA,EAClC,CAAA;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,SAAA,EAAU,SAAA,EAAU,MAAA,EACnC,QAAA,EAAA,aAAA,mBACC,IAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,0BAAA,EAA4B,GAAG,uBAAA,EAC/C,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,MAAA,EAAO,SAAQ,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,kCACzC,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,kCAC/D,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,kCACxD,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,kCAC1D,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,MAAA,EAAI;AAAA,aAAA,EAC3D,CAAA;AAAA,YACC,UAAA,CAAW,IAAI,CAAA,GAAA,KAAO;AACrB,cAAA,MAAM,IAAA,GAAO,mBAAmB,GAAG,CAAA;AACnC,cAAA,MAAM,2BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,QAAA,CAAS,eAAT,EAAuB,SAAA,EAAU,gBAC/B,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,QAAQ,CAAA,EACvB,CAAA;AAAA,gCACA,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EAAqB,QAAA,EAAA,GAAA,CAAI,aAAa,OAAA,CAAQ,GAAA,CAAI,UAAU,CAAA,GAAI,GAAA,EAAI,CAAA;AAAA,gCACrE,GAAA,CAAC,SAAS,UAAA,EAAT,EAAoB,WAAS,IAAA,EAAE,QAAA,EAAA,GAAA,CAAI,IAAA,CAAK,cAAA,EAAe,EAAE,CAAA;AAAA,gCAC1D,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EACE,QAAA,EAAA,GAAA,CAAI,MAAA,GAAS,CAAA,GAAI,mBAAA,CAAoB,GAAA,CAAI,MAAM,CAAA,GAAI,GAAA,EACtD,CAAA;AAAA,gCACA,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EACE,QAAA,EAAA,GAAA,CAAI,IAAA,IAAQ,IAAA,GAAO,UAAA,CAAW,GAAA,CAAI,IAAA,EAAM,GAAA,CAAI,QAAQ,IAAI,GAAA,EAC3D;AAAA,eAAA,EACF,CAAA;AAGF,cAAA,OAAO,uBACL,GAAA,CAAC,QAAA,CAAS,SAAT,EAA+B,EAAA,EAAI,MAAM,aAAA,EACvC,QAAA,EAAA,QAAA,EAAA,EADoB,GAAA,CAAI,GAE3B,oBAEA,GAAA,CAAC,QAAA,CAAS,WAAT,EAAkC,QAAA,EAAA,QAAA,EAAA,EAAV,IAAI,GAAe,CAAA;AAAA,YAEhD,CAAC;AAAA,WAAA,EACH,oBAEA,GAAA,CAAC,WAAA,CAAY,QAAZ,EAAmB,OAAA,EAAQ,0BAAyB,CAAA,EAEzD,CAAA;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,WAAA,EAAY,SAAA,EAAU,MAAA,EACrC,QAAA,EAAA,eAAA,mBACC,IAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,qBAAA,EAAuB,GAAG,uBAAA,EAC1C,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,MAAA,EAAO,SAAQ,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,kCAC3C,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,kCAC3D,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,kCAC1D,QAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,MAAA,EAAI;AAAA,aAAA,EAC3D,CAAA;AAAA,YACC,YAAA,CAAa,IAAI,CAAA,GAAA,KAAO;AACvB,cAAA,MAAM,IAAA,GAAO,qBAAqB,GAAG,CAAA;AACrC,cAAA,MAAM,2BACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,QAAA,CAAS,eAAT,EAAuB,SAAA,EAAU,gBAC/B,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,UAAU,CAAA,EACzB,CAAA;AAAA,gCACA,GAAA,CAAC,SAAS,UAAA,EAAT,EAAoB,WAAS,IAAA,EAAE,QAAA,EAAA,GAAA,CAAI,WAAA,CAAY,cAAA,EAAe,EAAE,CAAA;AAAA,gCACjE,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EACE,QAAA,EAAA,GAAA,CAAI,MAAA,GAAS,CAAA,GAAI,mBAAA,CAAoB,GAAA,CAAI,MAAM,CAAA,GAAI,GAAA,EACtD,CAAA;AAAA,gCACA,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EACE,QAAA,EAAA,GAAA,CAAI,IAAA,IAAQ,IAAA,GAAO,UAAA,CAAW,GAAA,CAAI,IAAA,EAAM,GAAA,CAAI,QAAQ,IAAI,GAAA,EAC3D;AAAA,eAAA,EACF,CAAA;AAGF,cAAA,OAAO,uBACL,GAAA,CAAC,QAAA,CAAS,SAAT,EAA+B,EAAA,EAAI,MAAM,aAAA,EACvC,QAAA,EAAA,QAAA,EAAA,EADoB,GAAA,CAAI,GAE3B,oBAEA,GAAA,CAAC,QAAA,CAAS,WAAT,EAAkC,QAAA,EAAA,QAAA,EAAA,EAAV,IAAI,GAAe,CAAA;AAAA,YAEhD,CAAC;AAAA,WAAA,EACH,oBAEA,GAAA,CAAC,WAAA,CAAY,QAAZ,EAAmB,OAAA,EAAQ,4BAA2B,CAAA,EAE3D;AAAA;AAAA;AAAA,KACF,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/metrics/components/metrics-utils.cjs.js

@@ -2,19 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const compactNumberFormatter = new Intl.NumberFormat("en-US", {
-  notation: "compact",
-  maximumSignificantDigits: 3
-});
-function formatCompact(n) {
-  return compactNumberFormatter.format(n).replace("K", "k");
-}
-function formatCost(value, unit) {
-  if (unit?.toLowerCase() === "usd" || !unit) {
-    return `$${value < 0.01 && value > 0 ? value.toFixed(4) : value.toFixed(2)}`;
-  }
-  return `${value.toFixed(4)} ${unit}`;
-}
 const METRICS_DATA_LIST_PROPS = {
   className: "max-h-80",
   mask: { left: false }
@@ -32,6 +19,4 @@ const CHART_COLORS = {
 
 exports.CHART_COLORS = CHART_COLORS;
 exports.METRICS_DATA_LIST_PROPS = METRICS_DATA_LIST_PROPS;
-exports.formatCompact = formatCompact;
-exports.formatCost = formatCost;
 //# sourceMappingURL=metrics-utils.cjs.js.map

package/dist/domains/metrics/components/metrics-utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-utils.cjs.js","sources":["../../../../src/domains/metrics/components/metrics-utils.ts"],"sourcesContent":["import type { DataListRootProps } from '@/ds/components/DataList';\n\nconst compactNumberFormatter = new Intl.NumberFormat('en-US', {\n  notation: 'compact',\n  maximumSignificantDigits: 3,\n});\n\nexport function formatCompact(n: number): string {\n  return compactNumberFormatter.format(n).replace('K', 'k');\n}\n\nexport function formatCost(value: number, unit?: string | null): string {\n  if (unit?.toLowerCase() === 'usd' || !unit) {\n    return `$${value < 0.01 && value > 0 ? value.toFixed(4) : value.toFixed(2)}`;\n  }\n  return `${value.toFixed(4)} ${unit}`;\n}\n\nexport const METRICS_DATA_LIST_PROPS = {\n  className: 'max-h-80',\n  mask: { left: false },\n} satisfies Pick<DataListRootProps, 'className' | 'mask'>;\n\nexport const CHART_COLORS = {\n  green: 'var(--chart-green)',\n  orange: 'var(--chart-orange)',\n  pink: 'var(--chart-pink)',\n  purple: 'var(--chart-purple)',\n  blue: 'var(--chart-blue)',\n  blueDark: 'var(--chart-blue-deep)',\n  red: 'var(--chart-red)',\n  yellow: 'var(--chart-yellow)',\n} as const;\n"],"names":[],"mappings":";;;;AAEA,MAAM,sBAAA,GAAyB,IAAI,IAAA,CAAK,YAAA,CAAa,OAAA,EAAS;AAAA,EAC5D,QAAA,EAAU,SAAA;AAAA,EACV,wBAAA,EAA0B;AAC5B,CAAC,CAAA;AAEM,SAAS,cAAc,CAAA,EAAmB;AAC/C,EAAA,OAAO,uBAAuB,MAAA,CAAO,CAAC,CAAA,CAAE,OAAA,CAAQ,KAAK,GAAG,CAAA;AAC1D;AAEO,SAAS,UAAA,CAAW,OAAe,IAAA,EAA8B;AACtE,EAAA,IAAI,IAAA,EAAM,WAAA,EAAY,KAAM,KAAA,IAAS,CAAC,IAAA,EAAM;AAC1C,IAAA,OAAO,CAAA,CAAA,EAAI,KAAA,GAAQ,IAAA,IAAQ,KAAA,GAAQ,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAAA,EAC5E;AACA,EAAA,OAAO,GAAG,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,IAAI,IAAI,CAAA,CAAA;AACpC;AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,SAAA,EAAW,UAAA;AAAA,EACX,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA;AAChB;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,oBAAA;AAAA,EACP,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,QAAA,EAAU,wBAAA;AAAA,EACV,GAAA,EAAK,kBAAA;AAAA,EACL,MAAA,EAAQ;AACV;;;;;;;"}
+{"version":3,"file":"metrics-utils.cjs.js","sources":["../../../../src/domains/metrics/components/metrics-utils.ts"],"sourcesContent":["import type { DataListRootProps } from '@/ds/components/DataList';\n\nexport const METRICS_DATA_LIST_PROPS = {\n  className: 'max-h-80',\n  mask: { left: false },\n} satisfies Pick<DataListRootProps, 'className' | 'mask'>;\n\nexport const CHART_COLORS = {\n  green: 'var(--chart-green)',\n  orange: 'var(--chart-orange)',\n  pink: 'var(--chart-pink)',\n  purple: 'var(--chart-purple)',\n  blue: 'var(--chart-blue)',\n  blueDark: 'var(--chart-blue-deep)',\n  red: 'var(--chart-red)',\n  yellow: 'var(--chart-yellow)',\n} as const;\n"],"names":[],"mappings":";;;;AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,SAAA,EAAW,UAAA;AAAA,EACX,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA;AAChB;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,oBAAA;AAAA,EACP,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,QAAA,EAAU,wBAAA;AAAA,EACV,GAAA,EAAK,kBAAA;AAAA,EACL,MAAA,EAAQ;AACV;;;;;"}

package/dist/domains/metrics/components/metrics-utils.es.js

@@ -1,16 +1,3 @@
-const compactNumberFormatter = new Intl.NumberFormat("en-US", {
-  notation: "compact",
-  maximumSignificantDigits: 3
-});
-function formatCompact(n) {
-  return compactNumberFormatter.format(n).replace("K", "k");
-}
-function formatCost(value, unit) {
-  if (unit?.toLowerCase() === "usd" || !unit) {
-    return `$${value < 0.01 && value > 0 ? value.toFixed(4) : value.toFixed(2)}`;
-  }
-  return `${value.toFixed(4)} ${unit}`;
-}
 const METRICS_DATA_LIST_PROPS = {
   className: "max-h-80",
   mask: { left: false }
@@ -26,5 +13,5 @@ const CHART_COLORS = {
   yellow: "var(--chart-yellow)"
 };
 
-export { CHART_COLORS, METRICS_DATA_LIST_PROPS, formatCompact, formatCost };
+export { CHART_COLORS, METRICS_DATA_LIST_PROPS };
 //# sourceMappingURL=metrics-utils.es.js.map

package/dist/domains/metrics/components/metrics-utils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-utils.es.js","sources":["../../../../src/domains/metrics/components/metrics-utils.ts"],"sourcesContent":["import type { DataListRootProps } from '@/ds/components/DataList';\n\nconst compactNumberFormatter = new Intl.NumberFormat('en-US', {\n  notation: 'compact',\n  maximumSignificantDigits: 3,\n});\n\nexport function formatCompact(n: number): string {\n  return compactNumberFormatter.format(n).replace('K', 'k');\n}\n\nexport function formatCost(value: number, unit?: string | null): string {\n  if (unit?.toLowerCase() === 'usd' || !unit) {\n    return `$${value < 0.01 && value > 0 ? value.toFixed(4) : value.toFixed(2)}`;\n  }\n  return `${value.toFixed(4)} ${unit}`;\n}\n\nexport const METRICS_DATA_LIST_PROPS = {\n  className: 'max-h-80',\n  mask: { left: false },\n} satisfies Pick<DataListRootProps, 'className' | 'mask'>;\n\nexport const CHART_COLORS = {\n  green: 'var(--chart-green)',\n  orange: 'var(--chart-orange)',\n  pink: 'var(--chart-pink)',\n  purple: 'var(--chart-purple)',\n  blue: 'var(--chart-blue)',\n  blueDark: 'var(--chart-blue-deep)',\n  red: 'var(--chart-red)',\n  yellow: 'var(--chart-yellow)',\n} as const;\n"],"names":[],"mappings":"AAEA,MAAM,sBAAA,GAAyB,IAAI,IAAA,CAAK,YAAA,CAAa,OAAA,EAAS;AAAA,EAC5D,QAAA,EAAU,SAAA;AAAA,EACV,wBAAA,EAA0B;AAC5B,CAAC,CAAA;AAEM,SAAS,cAAc,CAAA,EAAmB;AAC/C,EAAA,OAAO,uBAAuB,MAAA,CAAO,CAAC,CAAA,CAAE,OAAA,CAAQ,KAAK,GAAG,CAAA;AAC1D;AAEO,SAAS,UAAA,CAAW,OAAe,IAAA,EAA8B;AACtE,EAAA,IAAI,IAAA,EAAM,WAAA,EAAY,KAAM,KAAA,IAAS,CAAC,IAAA,EAAM;AAC1C,IAAA,OAAO,CAAA,CAAA,EAAI,KAAA,GAAQ,IAAA,IAAQ,KAAA,GAAQ,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAAA,EAC5E;AACA,EAAA,OAAO,GAAG,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,IAAI,IAAI,CAAA,CAAA;AACpC;AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,SAAA,EAAW,UAAA;AAAA,EACX,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA;AAChB;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,oBAAA;AAAA,EACP,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,QAAA,EAAU,wBAAA;AAAA,EACV,GAAA,EAAK,kBAAA;AAAA,EACL,MAAA,EAAQ;AACV;;;;"}
+{"version":3,"file":"metrics-utils.es.js","sources":["../../../../src/domains/metrics/components/metrics-utils.ts"],"sourcesContent":["import type { DataListRootProps } from '@/ds/components/DataList';\n\nexport const METRICS_DATA_LIST_PROPS = {\n  className: 'max-h-80',\n  mask: { left: false },\n} satisfies Pick<DataListRootProps, 'className' | 'mask'>;\n\nexport const CHART_COLORS = {\n  green: 'var(--chart-green)',\n  orange: 'var(--chart-orange)',\n  pink: 'var(--chart-pink)',\n  purple: 'var(--chart-purple)',\n  blue: 'var(--chart-blue)',\n  blueDark: 'var(--chart-blue-deep)',\n  red: 'var(--chart-red)',\n  yellow: 'var(--chart-yellow)',\n} as const;\n"],"names":[],"mappings":"AAEO,MAAM,uBAAA,GAA0B;AAAA,EACrC,SAAA,EAAW,UAAA;AAAA,EACX,IAAA,EAAM,EAAE,IAAA,EAAM,KAAA;AAChB;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,oBAAA;AAAA,EACP,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,MAAA,EAAQ,qBAAA;AAAA,EACR,IAAA,EAAM,mBAAA;AAAA,EACN,QAAA,EAAU,wBAAA;AAAA,EACV,GAAA,EAAK,kBAAA;AAAA,EACL,MAAA,EAAQ;AACV;;;;"}

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-PwFpP_mo.cjs');
+const dataList = require('../../../data-list-RI8c32dk.cjs');
 const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
+const utils_cost = require('../../../utils/cost.cjs.js');
 
 function ModelUsageCostCardView({
   rows,
@@ -29,9 +30,9 @@ function ModelUsageCostCardView({
         }
         let value;
         if (units.size === 0) {
-          value = totalCost > 0 ? domains_metrics_components_metricsUtils.formatCost(totalCost) : "—";
+          value = totalCost > 0 ? utils_cost.formatCost(totalCost) : "—";
         } else if (units.size === 1) {
-          value = totalCost > 0 ? domains_metrics_components_metricsUtils.formatCost(totalCost, [...units][0]) : "—";
+          value = totalCost > 0 ? utils_cost.formatCost(totalCost, [...units][0]) : "—";
         } else {
           value = "Mixed";
         }
@@ -56,7 +57,7 @@ function ModelUsageCostCardView({
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.output }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cacheRead }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cacheWrite }),
-          /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { highlight: true, children: row.cost != null ? domains_metrics_components_metricsUtils.formatCost(row.cost, row.costUnit) : "—" })
+          /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { highlight: true, children: row.cost != null ? utils_cost.formatCost(row.cost, row.costUnit) : "—" })
         ] });
         return href ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowLink, { to: href, LinkComponent, children: rowCells }, row.model) : /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowStatic, { children: rowCells }, row.model);
       })

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

@@ -1 +1 @@
-{"version":3,"file":"model-usage-cost-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/model-usage-cost-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';\nimport { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nexport interface ModelUsageCostCardViewProps {\n  rows: ModelUsageRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown for a row in the table. */\n  getRowHref?: (row: ModelUsageRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nexport function ModelUsageCostCardView({\n  rows,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: ModelUsageCostCardViewProps) {\n  const hasData = !!rows && rows.length > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Model Usage & Cost\" description=\"Token consumption by model.\" />\n        {hasData &&\n          (() => {\n            const totalCost = rows.reduce((sum, r) => sum + (r.cost ?? 0), 0);\n            const units = new Set<string>();\n            for (const row of rows) {\n              if (row.cost != null && row.costUnit) {\n                units.add(row.costUnit);\n              }\n            }\n            let value: string;\n            if (units.size === 0) {\n              value = totalCost > 0 ? formatCost(totalCost) : '—';\n            } else if (units.size === 1) {\n              value = totalCost > 0 ? formatCost(totalCost, [...units][0]) : '—';\n            } else {\n              value = 'Mixed';\n            }\n            return <MetricsCard.Summary value={value} label=\"Total cost\" />;\n          })()}\n        {actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load model usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No model usage data yet\" />\n          ) : (\n            <DataList columns=\"auto auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n              <DataList.Top>\n                <DataList.TopCell sticky=\"start\">Model</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Input</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Output</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Read</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Write</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n              </DataList.Top>\n              {rows.map(row => {\n                const href = getRowHref?.(row);\n                const rowCells = (\n                  <>\n                    <DataList.RowHeaderCell className=\"text-caption\">{row.model}</DataList.RowHeaderCell>\n                    <DataList.NumberCell>{row.input}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.output}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheRead}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheWrite}</DataList.NumberCell>\n                    <DataList.NumberCell highlight>\n                      {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                    </DataList.NumberCell>\n                  </>\n                );\n\n                return href ? (\n                  <DataList.RowLink key={row.model} to={href} LinkComponent={LinkComponent}>\n                    {rowCells}\n                  </DataList.RowLink>\n                ) : (\n                  <DataList.RowStatic key={row.model}>{rowCells}</DataList.RowStatic>\n                );\n              })}\n            </DataList>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["MetricsCard","jsxs","jsx","formatCost","DataList","METRICS_DATA_LIST_PROPS","Fragment"],"mappings":"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"}
+{"version":3,"file":"model-usage-cost-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/model-usage-cost-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';\nimport { METRICS_DATA_LIST_PROPS } from './metrics-utils';\nimport { formatCost } from '@/lib/cost';\n\nexport interface ModelUsageCostCardViewProps {\n  rows: ModelUsageRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown for a row in the table. */\n  getRowHref?: (row: ModelUsageRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nexport function ModelUsageCostCardView({\n  rows,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: ModelUsageCostCardViewProps) {\n  const hasData = !!rows && rows.length > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Model Usage & Cost\" description=\"Token consumption by model.\" />\n        {hasData &&\n          (() => {\n            const totalCost = rows.reduce((sum, r) => sum + (r.cost ?? 0), 0);\n            const units = new Set<string>();\n            for (const row of rows) {\n              if (row.cost != null && row.costUnit) {\n                units.add(row.costUnit);\n              }\n            }\n            let value: string;\n            if (units.size === 0) {\n              value = totalCost > 0 ? formatCost(totalCost) : '—';\n            } else if (units.size === 1) {\n              value = totalCost > 0 ? formatCost(totalCost, [...units][0]) : '—';\n            } else {\n              value = 'Mixed';\n            }\n            return <MetricsCard.Summary value={value} label=\"Total cost\" />;\n          })()}\n        {actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load model usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No model usage data yet\" />\n          ) : (\n            <DataList columns=\"auto auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n              <DataList.Top>\n                <DataList.TopCell sticky=\"start\">Model</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Input</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Output</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Read</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Write</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n              </DataList.Top>\n              {rows.map(row => {\n                const href = getRowHref?.(row);\n                const rowCells = (\n                  <>\n                    <DataList.RowHeaderCell className=\"text-caption\">{row.model}</DataList.RowHeaderCell>\n                    <DataList.NumberCell>{row.input}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.output}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheRead}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheWrite}</DataList.NumberCell>\n                    <DataList.NumberCell highlight>\n                      {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                    </DataList.NumberCell>\n                  </>\n                );\n\n                return href ? (\n                  <DataList.RowLink key={row.model} to={href} LinkComponent={LinkComponent}>\n                    {rowCells}\n                  </DataList.RowLink>\n                ) : (\n                  <DataList.RowStatic key={row.model}>{rowCells}</DataList.RowStatic>\n                );\n              })}\n            </DataList>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["MetricsCard","jsxs","jsx","formatCost","DataList","METRICS_DATA_LIST_PROPS","Fragment"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { D as DataList } from '../../../data-list-DisTjDHP.js';
+import { D as DataList } from '../../../data-list-5-nRJbEO.js';
 import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
-import { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
+import { METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
+import { formatCost } from '../../../utils/cost.es.js';
 
 function ModelUsageCostCardView({
   rows,

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

@@ -1 +1 @@
-{"version":3,"file":"model-usage-cost-card-view.es.js","sources":["../../../../src/domains/metrics/components/model-usage-cost-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';\nimport { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nexport interface ModelUsageCostCardViewProps {\n  rows: ModelUsageRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown for a row in the table. */\n  getRowHref?: (row: ModelUsageRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nexport function ModelUsageCostCardView({\n  rows,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: ModelUsageCostCardViewProps) {\n  const hasData = !!rows && rows.length > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Model Usage & Cost\" description=\"Token consumption by model.\" />\n        {hasData &&\n          (() => {\n            const totalCost = rows.reduce((sum, r) => sum + (r.cost ?? 0), 0);\n            const units = new Set<string>();\n            for (const row of rows) {\n              if (row.cost != null && row.costUnit) {\n                units.add(row.costUnit);\n              }\n            }\n            let value: string;\n            if (units.size === 0) {\n              value = totalCost > 0 ? formatCost(totalCost) : '—';\n            } else if (units.size === 1) {\n              value = totalCost > 0 ? formatCost(totalCost, [...units][0]) : '—';\n            } else {\n              value = 'Mixed';\n            }\n            return <MetricsCard.Summary value={value} label=\"Total cost\" />;\n          })()}\n        {actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load model usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No model usage data yet\" />\n          ) : (\n            <DataList columns=\"auto auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n              <DataList.Top>\n                <DataList.TopCell sticky=\"start\">Model</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Input</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Output</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Read</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Write</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n              </DataList.Top>\n              {rows.map(row => {\n                const href = getRowHref?.(row);\n                const rowCells = (\n                  <>\n                    <DataList.RowHeaderCell className=\"text-caption\">{row.model}</DataList.RowHeaderCell>\n                    <DataList.NumberCell>{row.input}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.output}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheRead}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheWrite}</DataList.NumberCell>\n                    <DataList.NumberCell highlight>\n                      {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                    </DataList.NumberCell>\n                  </>\n                );\n\n                return href ? (\n                  <DataList.RowLink key={row.model} to={href} LinkComponent={LinkComponent}>\n                    {rowCells}\n                  </DataList.RowLink>\n                ) : (\n                  <DataList.RowStatic key={row.model}>{rowCells}</DataList.RowStatic>\n                );\n              })}\n            </DataList>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"model-usage-cost-card-view.es.js","sources":["../../../../src/domains/metrics/components/model-usage-cost-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';\nimport { METRICS_DATA_LIST_PROPS } from './metrics-utils';\nimport { formatCost } from '@/lib/cost';\n\nexport interface ModelUsageCostCardViewProps {\n  rows: ModelUsageRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown for a row in the table. */\n  getRowHref?: (row: ModelUsageRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nexport function ModelUsageCostCardView({\n  rows,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: ModelUsageCostCardViewProps) {\n  const hasData = !!rows && rows.length > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Model Usage & Cost\" description=\"Token consumption by model.\" />\n        {hasData &&\n          (() => {\n            const totalCost = rows.reduce((sum, r) => sum + (r.cost ?? 0), 0);\n            const units = new Set<string>();\n            for (const row of rows) {\n              if (row.cost != null && row.costUnit) {\n                units.add(row.costUnit);\n              }\n            }\n            let value: string;\n            if (units.size === 0) {\n              value = totalCost > 0 ? formatCost(totalCost) : '—';\n            } else if (units.size === 1) {\n              value = totalCost > 0 ? formatCost(totalCost, [...units][0]) : '—';\n            } else {\n              value = 'Mixed';\n            }\n            return <MetricsCard.Summary value={value} label=\"Total cost\" />;\n          })()}\n        {actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load model usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No model usage data yet\" />\n          ) : (\n            <DataList columns=\"auto auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n              <DataList.Top>\n                <DataList.TopCell sticky=\"start\">Model</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Input</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Output</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Read</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Write</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n              </DataList.Top>\n              {rows.map(row => {\n                const href = getRowHref?.(row);\n                const rowCells = (\n                  <>\n                    <DataList.RowHeaderCell className=\"text-caption\">{row.model}</DataList.RowHeaderCell>\n                    <DataList.NumberCell>{row.input}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.output}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheRead}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheWrite}</DataList.NumberCell>\n                    <DataList.NumberCell highlight>\n                      {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                    </DataList.NumberCell>\n                  </>\n                );\n\n                return href ? (\n                  <DataList.RowLink key={row.model} to={href} LinkComponent={LinkComponent}>\n                    {rowCells}\n                  </DataList.RowLink>\n                ) : (\n                  <DataList.RowStatic key={row.model}>{rowCells}</DataList.RowStatic>\n                );\n              })}\n            </DataList>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-PwFpP_mo.cjs');
+const dataList = require('../../../data-list-RI8c32dk.cjs');
 const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-BNNRRxM8.cjs');
 const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-DisTjDHP.js';
+import { D as DataList } from '../../../data-list-5-nRJbEO.js';
 import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-CT_pqJtC.js';
 import { T as TabContent } from '../../../tabs-content-7ODUUdQ0.js';