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

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

@@ -0,0 +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}\n\nexport function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }: KpiCardViewProps) {\n  const hasData = value != null;\n  return (\n    <MetricsKpiCard>\n      <MetricsKpiCard.Label>{label}</MetricsKpiCard.Label>\n      <MetricsKpiCard.Value className={hasData ? undefined : 'invisible'}>{hasData ? value : '—'}</MetricsKpiCard.Value>\n      {isError ? (\n        <MetricsKpiCard.Error />\n      ) : isLoading ? (\n        <MetricsKpiCard.Loading />\n      ) : hasData ? (\n        changePct != null ? (\n          <MetricsKpiCard.Change changePct={changePct} prevValue={prevValue} />\n        ) : (\n          <MetricsKpiCard.NoChange />\n        )\n      ) : (\n        <MetricsKpiCard.NoData />\n      )}\n    </MetricsKpiCard>\n  );\n}\n"],"names":[],"mappings":";;;AAWO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,KAAA,EAAO,WAAW,SAAA,EAAW,SAAA,EAAW,SAAQ,EAAqB;AACxG,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA;AACzB,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBAC7B,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,SAAA,EAAW,UAAU,MAAA,GAAY,WAAA,EAAc,QAAA,EAAA,OAAA,GAAU,KAAA,GAAQ,GAAA,EAAI,CAAA;AAAA,IAC1F,OAAA,mBACC,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,GACpB,SAAA,mBACF,GAAA,CAAC,cAAA,CAAe,OAAA,EAAf,EAAuB,CAAA,GACtB,UACF,SAAA,IAAa,IAAA,mBACX,GAAA,CAAC,cAAA,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAsB,SAAA,EAAsB,CAAA,mBAEnE,GAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,CAAA,mBAG3B,GAAA,CAAC,cAAA,CAAe,QAAf,EAAsB;AAAA,GAAA,EAE3B,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const metricsCard = require('../../../metrics-card-CriQ3I_h.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-D1ZGVepo.cjs');
+const tabsTab = require('../../../tabs-tab-B7Ziuuh8.cjs');
+const tabsContent = require('../../../tabs-content-ohtjaVdC.cjs');
+const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
+
+const latencySeries = [
+  {
+    dataKey: "p50",
+    label: "p50",
+    color: domains_metrics_components_metricsUtils.CHART_COLORS.blue,
+    aggregate: (data) => ({
+      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + d.p50, 0) / data.length)}` : "0",
+      suffix: "avg ms"
+    })
+  },
+  {
+    dataKey: "p95",
+    label: "p95",
+    color: domains_metrics_components_metricsUtils.CHART_COLORS.yellow,
+    aggregate: (data) => ({
+      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + d.p95, 0) / data.length)}` : "0",
+      suffix: "avg ms"
+    })
+  }
+];
+function LatencyChart({ data, onPointClick }) {
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No latency data yet" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    metricsLineChart.MetricsLineChart,
+    {
+      data,
+      series: latencySeries,
+      onPointClick: onPointClick ? (point) => {
+        const p = point;
+        if (typeof p?.tsMs === "number" && Number.isFinite(p.tsMs)) onPointClick(p);
+      } : void 0
+    }
+  );
+}
+function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
+  const initialTab = !data ? "agents" : data.agentData.length > 0 ? "agents" : data.workflowData.length > 0 ? "workflows" : data.toolData.length > 0 ? "tools" : "agents";
+  const [activeTab, setActiveTab] = React.useState(initialTab);
+  React.useEffect(() => {
+    if (!data) return;
+    const tabHasData = {
+      agents: data.agentData.length > 0,
+      workflows: data.workflowData.length > 0,
+      tools: data.toolData.length > 0
+    };
+    if (!tabHasData[activeTab] && tabHasData[initialTab]) {
+      setActiveTab(initialTab);
+    }
+  }, [data, activeTab, initialTab]);
+  const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);
+  const p50Values = data ? Object.values(data).filter(Array.isArray).flat().map((d) => d.p50).filter((v) => typeof v === "number") : [];
+  const avgP50 = p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : "—";
+  return /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard.TopBar, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.TitleAndDescription, { title: "Latency", description: "Hourly p50 and p95 latency." }),
+      hasData && /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: avgP50, label: "Avg p50" }),
+      renderedActions ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Actions, { children: renderedActions }) : null
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Failed to load latency data" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No latency data yet" }) : /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.Tabs, { value: activeTab, onValueChange: setActiveTab, defaultTab: initialTab, className: "overflow-visible", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.TabList, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "agents", children: "Agents" }),
+        /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "workflows", children: "Workflows" }),
+        /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tools", children: "Tools" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "agents", children: /* @__PURE__ */ jsxRuntime.jsx(
+        LatencyChart,
+        {
+          data: data.agentData,
+          onPointClick: onPointClick ? (p) => onPointClick("agents", p) : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "workflows", children: /* @__PURE__ */ jsxRuntime.jsx(
+        LatencyChart,
+        {
+          data: data.workflowData,
+          onPointClick: onPointClick ? (p) => onPointClick("workflows", p) : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tools", children: /* @__PURE__ */ jsxRuntime.jsx(
+        LatencyChart,
+        {
+          data: data.toolData,
+          onPointClick: onPointClick ? (p) => onPointClick("tools", p) : void 0
+        }
+      ) })
+    ] }) })
+  ] });
+}
+
+exports.LatencyCardView = LatencyCardView;
+//# sourceMappingURL=latency-card-view.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart';\nimport { Tab, TabContent, TabList, Tabs } from '../../../ds/components/Tabs';\nimport type { LatencyPoint } from '../hooks/use-latency-metrics';\nimport { CHART_COLORS } from './metrics-utils';\n\nconst latencySeries = [\n  {\n    dataKey: 'p50',\n    label: 'p50',\n    color: CHART_COLORS.blue,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + (d.p50 as number), 0) / data.length)}` : '0',\n      suffix: 'avg ms',\n    }),\n  },\n  {\n    dataKey: 'p95',\n    label: 'p95',\n    color: CHART_COLORS.yellow,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + (d.p95 as number), 0) / data.length)}` : '0',\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type LatencyTab = 'agents' | 'workflows' | 'tools';\n\nfunction LatencyChart({ data, onPointClick }: { data: LatencyPoint[]; onPointClick?: (point: LatencyPoint) => void }) {\n  if (data.length === 0) {\n    return <MetricsCard.NoData message=\"No latency data yet\" />;\n  }\n  return (\n    <MetricsLineChart\n      data={data}\n      series={latencySeries}\n      onPointClick={\n        onPointClick\n          ? point => {\n              const p = point as LatencyPoint;\n              if (typeof p?.tsMs === 'number' && Number.isFinite(p.tsMs)) onPointClick(p);\n            }\n          : undefined\n      }\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data: { agentData: LatencyPoint[]; workflowData: LatencyPoint[]; toolData: LatencyPoint[] } | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */\n  onPointClick?: (tab: LatencyTab, point: LatencyPoint) => void;\n  /**\n   * Optional slot for top-bar action buttons (e.g. \"View in Traces\").\n   * Pass a function to receive the active tab so the action can scope itself to the current entity type.\n   */\n  actions?: ReactNode | ((tab: LatencyTab) => ReactNode);\n}\n\nexport function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps) {\n  const initialTab: LatencyTab = !data\n    ? 'agents'\n    : data.agentData.length > 0\n      ? 'agents'\n      : data.workflowData.length > 0\n        ? 'workflows'\n        : data.toolData.length > 0\n          ? 'tools'\n          : 'agents';\n  const [activeTab, setActiveTab] = useState<LatencyTab>(initialTab);\n  // Resync to a non-empty tab when async data finishes loading. Without this,\n  // a card that mounts before data arrives stays stuck on `agents` even when\n  // only workflow/tool data exists.\n  useEffect(() => {\n    if (!data) return;\n    const tabHasData = {\n      agents: data.agentData.length > 0,\n      workflows: data.workflowData.length > 0,\n      tools: data.toolData.length > 0,\n    } as const;\n    if (!tabHasData[activeTab] && tabHasData[initialTab]) {\n      setActiveTab(initialTab);\n    }\n  }, [data, activeTab, initialTab]);\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const p50Values = data\n    ? Object.values(data)\n        .filter(Array.isArray)\n        .flat()\n        .map(d => d.p50)\n        .filter((v): v is number => typeof v === 'number')\n    : [];\n  const avgP50 =\n    p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : '—';\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Latency\" description=\"Hourly p50 and p95 latency.\" />\n        {hasData && <MetricsCard.Summary value={avgP50} label=\"Avg p50\" />}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load latency data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No latency data yet\" />\n          ) : (\n            <Tabs value={activeTab} onValueChange={setActiveTab} defaultTab={initialTab} className=\"overflow-visible\">\n              <TabList>\n                <Tab value=\"agents\">Agents</Tab>\n                <Tab value=\"workflows\">Workflows</Tab>\n                <Tab value=\"tools\">Tools</Tab>\n              </TabList>\n              <TabContent value=\"agents\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","jsx","MetricsCard","MetricsLineChart","useState","useEffect","jsxs","Tabs","TabList","Tab","TabContent"],"mappings":"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"}

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

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

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

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { M as MetricsCard } from '../../../metrics-card-BTBHMGM_.js';
+import { M as MetricsLineChart } from '../../../metrics-line-chart-BUUqDQPW.js';
+import { b as Tabs, a as TabList, T as Tab } from '../../../tabs-tab-XnMoa1fn.js';
+import { T as TabContent } from '../../../tabs-content--uzXt5ch.js';
+import { CHART_COLORS } from './metrics-utils.es.js';
+
+const latencySeries = [
+  {
+    dataKey: "p50",
+    label: "p50",
+    color: CHART_COLORS.blue,
+    aggregate: (data) => ({
+      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + d.p50, 0) / data.length)}` : "0",
+      suffix: "avg ms"
+    })
+  },
+  {
+    dataKey: "p95",
+    label: "p95",
+    color: CHART_COLORS.yellow,
+    aggregate: (data) => ({
+      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + d.p95, 0) / data.length)}` : "0",
+      suffix: "avg ms"
+    })
+  }
+];
+function LatencyChart({ data, onPointClick }) {
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No latency data yet" });
+  }
+  return /* @__PURE__ */ jsx(
+    MetricsLineChart,
+    {
+      data,
+      series: latencySeries,
+      onPointClick: onPointClick ? (point) => {
+        const p = point;
+        if (typeof p?.tsMs === "number" && Number.isFinite(p.tsMs)) onPointClick(p);
+      } : void 0
+    }
+  );
+}
+function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
+  const initialTab = !data ? "agents" : data.agentData.length > 0 ? "agents" : data.workflowData.length > 0 ? "workflows" : data.toolData.length > 0 ? "tools" : "agents";
+  const [activeTab, setActiveTab] = useState(initialTab);
+  useEffect(() => {
+    if (!data) return;
+    const tabHasData = {
+      agents: data.agentData.length > 0,
+      workflows: data.workflowData.length > 0,
+      tools: data.toolData.length > 0
+    };
+    if (!tabHasData[activeTab] && tabHasData[initialTab]) {
+      setActiveTab(initialTab);
+    }
+  }, [data, activeTab, initialTab]);
+  const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);
+  const p50Values = data ? Object.values(data).filter(Array.isArray).flat().map((d) => d.p50).filter((v) => typeof v === "number") : [];
+  const avgP50 = p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : "—";
+  return /* @__PURE__ */ jsxs(MetricsCard, { children: [
+    /* @__PURE__ */ jsxs(MetricsCard.TopBar, { children: [
+      /* @__PURE__ */ jsx(MetricsCard.TitleAndDescription, { title: "Latency", description: "Hourly p50 and p95 latency." }),
+      hasData && /* @__PURE__ */ jsx(MetricsCard.Summary, { value: avgP50, label: "Avg p50" }),
+      renderedActions ? /* @__PURE__ */ jsx(MetricsCard.Actions, { children: renderedActions }) : null
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx(MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Failed to load latency data" }) : /* @__PURE__ */ jsx(MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No latency data yet" }) : /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, defaultTab: initialTab, className: "overflow-visible", children: [
+      /* @__PURE__ */ jsxs(TabList, { children: [
+        /* @__PURE__ */ jsx(Tab, { value: "agents", children: "Agents" }),
+        /* @__PURE__ */ jsx(Tab, { value: "workflows", children: "Workflows" }),
+        /* @__PURE__ */ jsx(Tab, { value: "tools", children: "Tools" })
+      ] }),
+      /* @__PURE__ */ jsx(TabContent, { value: "agents", children: /* @__PURE__ */ jsx(
+        LatencyChart,
+        {
+          data: data.agentData,
+          onPointClick: onPointClick ? (p) => onPointClick("agents", p) : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TabContent, { value: "workflows", children: /* @__PURE__ */ jsx(
+        LatencyChart,
+        {
+          data: data.workflowData,
+          onPointClick: onPointClick ? (p) => onPointClick("workflows", p) : void 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TabContent, { value: "tools", children: /* @__PURE__ */ jsx(
+        LatencyChart,
+        {
+          data: data.toolData,
+          onPointClick: onPointClick ? (p) => onPointClick("tools", p) : void 0
+        }
+      ) })
+    ] }) })
+  ] });
+}
+
+export { LatencyCardView };
+//# sourceMappingURL=latency-card-view.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"latency-card-view.es.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart';\nimport { Tab, TabContent, TabList, Tabs } from '../../../ds/components/Tabs';\nimport type { LatencyPoint } from '../hooks/use-latency-metrics';\nimport { CHART_COLORS } from './metrics-utils';\n\nconst latencySeries = [\n  {\n    dataKey: 'p50',\n    label: 'p50',\n    color: CHART_COLORS.blue,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + (d.p50 as number), 0) / data.length)}` : '0',\n      suffix: 'avg ms',\n    }),\n  },\n  {\n    dataKey: 'p95',\n    label: 'p95',\n    color: CHART_COLORS.yellow,\n    aggregate: (data: Record<string, unknown>[]) => ({\n      value: data.length > 0 ? `${Math.round(data.reduce((s, d) => s + (d.p95 as number), 0) / data.length)}` : '0',\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type LatencyTab = 'agents' | 'workflows' | 'tools';\n\nfunction LatencyChart({ data, onPointClick }: { data: LatencyPoint[]; onPointClick?: (point: LatencyPoint) => void }) {\n  if (data.length === 0) {\n    return <MetricsCard.NoData message=\"No latency data yet\" />;\n  }\n  return (\n    <MetricsLineChart\n      data={data}\n      series={latencySeries}\n      onPointClick={\n        onPointClick\n          ? point => {\n              const p = point as LatencyPoint;\n              if (typeof p?.tsMs === 'number' && Number.isFinite(p.tsMs)) onPointClick(p);\n            }\n          : undefined\n      }\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data: { agentData: LatencyPoint[]; workflowData: LatencyPoint[]; toolData: LatencyPoint[] } | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: invoked when a chart node is clicked. Container provides the navigation. */\n  onPointClick?: (tab: LatencyTab, point: LatencyPoint) => void;\n  /**\n   * Optional slot for top-bar action buttons (e.g. \"View in Traces\").\n   * Pass a function to receive the active tab so the action can scope itself to the current entity type.\n   */\n  actions?: ReactNode | ((tab: LatencyTab) => ReactNode);\n}\n\nexport function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps) {\n  const initialTab: LatencyTab = !data\n    ? 'agents'\n    : data.agentData.length > 0\n      ? 'agents'\n      : data.workflowData.length > 0\n        ? 'workflows'\n        : data.toolData.length > 0\n          ? 'tools'\n          : 'agents';\n  const [activeTab, setActiveTab] = useState<LatencyTab>(initialTab);\n  // Resync to a non-empty tab when async data finishes loading. Without this,\n  // a card that mounts before data arrives stays stuck on `agents` even when\n  // only workflow/tool data exists.\n  useEffect(() => {\n    if (!data) return;\n    const tabHasData = {\n      agents: data.agentData.length > 0,\n      workflows: data.workflowData.length > 0,\n      tools: data.toolData.length > 0,\n    } as const;\n    if (!tabHasData[activeTab] && tabHasData[initialTab]) {\n      setActiveTab(initialTab);\n    }\n  }, [data, activeTab, initialTab]);\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const p50Values = data\n    ? Object.values(data)\n        .filter(Array.isArray)\n        .flat()\n        .map(d => d.p50)\n        .filter((v): v is number => typeof v === 'number')\n    : [];\n  const avgP50 =\n    p50Values.length > 0 ? `${Math.round(p50Values.reduce((s, v) => s + v, 0) / p50Values.length)}ms` : '—';\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Latency\" description=\"Hourly p50 and p95 latency.\" />\n        {hasData && <MetricsCard.Summary value={avgP50} label=\"Avg p50\" />}\n        {renderedActions ? <MetricsCard.Actions>{renderedActions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load latency data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No latency data yet\" />\n          ) : (\n            <Tabs value={activeTab} onValueChange={setActiveTab} defaultTab={initialTab} className=\"overflow-visible\">\n              <TabList>\n                <Tab value=\"agents\">Agents</Tab>\n                <Tab value=\"workflows\">Workflows</Tab>\n                <Tab value=\"tools\">Tools</Tab>\n              </TabList>\n              <TabContent value=\"agents\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const dataList = require('../../../data-list-DDQRmA6L.cjs');
+const metricsCard = require('../../../metrics-card-CriQ3I_h.cjs');
+const tabsContent = require('../../../tabs-content-ohtjaVdC.cjs');
+const tabsTab = require('../../../tabs-tab-B7Ziuuh8.cjs');
+const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
+
+function isMemoryTab(value) {
+  return value === "threads" || value === "resources";
+}
+function shortId(id) {
+  if (id.length <= 12) return id;
+  return `${id.slice(0, 6)}…${id.slice(-4)}`;
+}
+function MemoryCardView({
+  threads,
+  resources,
+  getThreadRowHref,
+  getResourceRowHref,
+  actions,
+  LinkComponent
+}) {
+  const [activeTab, setActiveTab] = React.useState("threads");
+  const threadRows = threads.data?.map((r) => ({ ...r, key: r.threadId })) ?? [];
+  const resourceRows = resources.data?.map((r) => ({ ...r, key: r.resourceId })) ?? [];
+  const hasThreadData = threadRows.length > 0;
+  const hasResourceData = resourceRows.length > 0;
+  const threadTotal = threads.data?.reduce((s, r) => s + r.runs, 0) ?? 0;
+  const resourceTotal = resources.data?.reduce((s, r) => s + r.threadCount, 0) ?? 0;
+  const active = activeTab === "threads" ? threads : resources;
+  const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  return /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard.TopBar, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.TitleAndDescription, { title: "Memory", description: "Resource and Thread consumption" }),
+      activeTab === "threads" && hasThreadData && /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: threadTotal.toLocaleString(), label: "Total runs" }),
+      activeTab === "resources" && hasResourceData && /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: resourceTotal.toLocaleString(), label: "Total threads" }),
+      renderedActions ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Actions, { children: renderedActions }) : null
+    ] }),
+    active.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Loading, {}) : active.isError ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Failed to load memory data" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      tabsTab.Tabs,
+      {
+        defaultTab: "threads",
+        value: activeTab,
+        onValueChange: (v) => {
+          if (isMemoryTab(v)) setActiveTab(v);
+        },
+        className: "grid grid-rows-[auto_1fr] overflow-y-auto h-full",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(tabsTab.TabList, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "threads", children: "Threads" }),
+            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "resources", children: "Resources" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "threads", children: hasThreadData ? /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList, { columns: "auto auto auto auto auto", ...domains_metrics_components_metricsUtils.METRICS_DATA_LIST_PROPS, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.Top, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { sticky: "start", children: "Thread ID" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Resource ID" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Runs" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Tokens" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Cost" })
+            ] }),
+            threadRows.map((row) => {
+              const href = getThreadRowHref?.(row);
+              const rowCells = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", 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) : "—" })
+              ] });
+              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);
+            })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No thread activity yet" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "resources", children: hasResourceData ? /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList, { columns: "auto auto auto auto", ...domains_metrics_components_metricsUtils.METRICS_DATA_LIST_PROPS, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.Top, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { sticky: "start", children: "Resource ID" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Threads" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Tokens" }),
+              /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Cost" })
+            ] }),
+            resourceRows.map((row) => {
+              const href = getResourceRowHref?.(row);
+              const rowCells = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", 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) : "—" })
+              ] });
+              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);
+            })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No resource activity yet" }) })
+        ]
+      }
+    ) })
+  ] });
+}
+
+exports.MemoryCardView = MemoryCardView;
+//# sourceMappingURL=memory-card-view.cjs.js.map

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

@@ -0,0 +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 grid-rows-[auto_1fr] overflow-y-auto h-full\"\n          >\n            <TabList>\n              <Tab value=\"threads\">Threads</Tab>\n              <Tab value=\"resources\">Resources</Tab>\n            </TabList>\n            <TabContent value=\"threads\">\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 height=\"compact\" className=\"text-ui-sm\">\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\">\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 height=\"compact\" className=\"text-ui-sm\">\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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"}

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

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

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

@@ -0,0 +1,99 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { D as DataList } from '../../../data-list-D5uItcj6.js';
+import { M as MetricsCard } from '../../../metrics-card-BTBHMGM_.js';
+import { T as TabContent } from '../../../tabs-content--uzXt5ch.js';
+import { b as Tabs, a as TabList, T as Tab } from '../../../tabs-tab-XnMoa1fn.js';
+import { METRICS_DATA_LIST_PROPS, formatCompact, formatCost } from './metrics-utils.es.js';
+
+function isMemoryTab(value) {
+  return value === "threads" || value === "resources";
+}
+function shortId(id) {
+  if (id.length <= 12) return id;
+  return `${id.slice(0, 6)}…${id.slice(-4)}`;
+}
+function MemoryCardView({
+  threads,
+  resources,
+  getThreadRowHref,
+  getResourceRowHref,
+  actions,
+  LinkComponent
+}) {
+  const [activeTab, setActiveTab] = useState("threads");
+  const threadRows = threads.data?.map((r) => ({ ...r, key: r.threadId })) ?? [];
+  const resourceRows = resources.data?.map((r) => ({ ...r, key: r.resourceId })) ?? [];
+  const hasThreadData = threadRows.length > 0;
+  const hasResourceData = resourceRows.length > 0;
+  const threadTotal = threads.data?.reduce((s, r) => s + r.runs, 0) ?? 0;
+  const resourceTotal = resources.data?.reduce((s, r) => s + r.threadCount, 0) ?? 0;
+  const active = activeTab === "threads" ? threads : resources;
+  const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  return /* @__PURE__ */ jsxs(MetricsCard, { children: [
+    /* @__PURE__ */ jsxs(MetricsCard.TopBar, { children: [
+      /* @__PURE__ */ jsx(MetricsCard.TitleAndDescription, { title: "Memory", description: "Resource and Thread consumption" }),
+      activeTab === "threads" && hasThreadData && /* @__PURE__ */ jsx(MetricsCard.Summary, { value: threadTotal.toLocaleString(), label: "Total runs" }),
+      activeTab === "resources" && hasResourceData && /* @__PURE__ */ jsx(MetricsCard.Summary, { value: resourceTotal.toLocaleString(), label: "Total threads" }),
+      renderedActions ? /* @__PURE__ */ jsx(MetricsCard.Actions, { children: renderedActions }) : null
+    ] }),
+    active.isLoading ? /* @__PURE__ */ jsx(MetricsCard.Loading, {}) : active.isError ? /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Failed to load memory data" }) : /* @__PURE__ */ jsx(MetricsCard.Content, { children: /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        defaultTab: "threads",
+        value: activeTab,
+        onValueChange: (v) => {
+          if (isMemoryTab(v)) setActiveTab(v);
+        },
+        className: "grid grid-rows-[auto_1fr] overflow-y-auto h-full",
+        children: [
+          /* @__PURE__ */ jsxs(TabList, { children: [
+            /* @__PURE__ */ jsx(Tab, { value: "threads", children: "Threads" }),
+            /* @__PURE__ */ jsx(Tab, { value: "resources", children: "Resources" })
+          ] }),
+          /* @__PURE__ */ jsx(TabContent, { value: "threads", children: hasThreadData ? /* @__PURE__ */ jsxs(DataList, { columns: "auto auto auto auto auto", ...METRICS_DATA_LIST_PROPS, children: [
+            /* @__PURE__ */ jsxs(DataList.Top, { children: [
+              /* @__PURE__ */ jsx(DataList.TopCell, { sticky: "start", children: "Thread ID" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Resource ID" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Runs" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Tokens" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Cost" })
+            ] }),
+            threadRows.map((row) => {
+              const href = getThreadRowHref?.(row);
+              const rowCells = /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", 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.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);
+            })
+          ] }) : /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No thread activity yet" }) }),
+          /* @__PURE__ */ jsx(TabContent, { value: "resources", children: hasResourceData ? /* @__PURE__ */ jsxs(DataList, { columns: "auto auto auto auto", ...METRICS_DATA_LIST_PROPS, children: [
+            /* @__PURE__ */ jsxs(DataList.Top, { children: [
+              /* @__PURE__ */ jsx(DataList.TopCell, { sticky: "start", children: "Resource ID" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Threads" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Tokens" }),
+              /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Cost" })
+            ] }),
+            resourceRows.map((row) => {
+              const href = getResourceRowHref?.(row);
+              const rowCells = /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", 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.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);
+            })
+          ] }) : /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No resource activity yet" }) })
+        ]
+      }
+    ) })
+  ] });
+}
+
+export { MemoryCardView };
+//# sourceMappingURL=memory-card-view.es.js.map

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

@@ -0,0 +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 grid-rows-[auto_1fr] overflow-y-auto h-full\"\n          >\n            <TabList>\n              <Tab value=\"threads\">Threads</Tab>\n              <Tab value=\"resources\">Resources</Tab>\n            </TabList>\n            <TabContent value=\"threads\">\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 height=\"compact\" className=\"text-ui-sm\">\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\">\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 height=\"compact\" className=\"text-ui-sm\">\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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"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function formatCompact(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}K`;
+  return n.toLocaleString();
+}
+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 },
+  stickyHeaderBackground: "tinted"
+};
+const CHART_COLORS = {
+  green: "#22c55e",
+  orange: "#fb923c",
+  pink: "#f472b6",
+  purple: "#8b5cf6",
+  blue: "#4f83f1",
+  blueDark: "#2b5cd9",
+  blueLight: "#6b8fe5",
+  red: "#f87171",
+  greenDark: "#15613a",
+  redDark: "#991b1b",
+  yellow: "#facc15"
+};
+
+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

@@ -0,0 +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\nexport function formatCompact(n: number): string {\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;\n  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`;\n  return n.toLocaleString();\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  stickyHeaderBackground: 'tinted',\n} satisfies Pick<DataListRootProps, 'className' | 'mask' | 'stickyHeaderBackground'>;\n\nexport const CHART_COLORS = {\n  green: '#22c55e',\n  orange: '#fb923c',\n  pink: '#f472b6',\n  purple: '#8b5cf6',\n  blue: '#4f83f1',\n  blueDark: '#2b5cd9',\n  blueLight: '#6b8fe5',\n  red: '#f87171',\n  greenDark: '#15613a',\n  redDark: '#991b1b',\n  yellow: '#facc15',\n} as const;\n"],"names":[],"mappings":";;;;AAEO,SAAS,cAAc,CAAA,EAAmB;AAC/C,EAAA,IAAI,CAAA,IAAK,KAAW,OAAO,CAAA,EAAA,CAAI,IAAI,GAAA,EAAW,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AACxD,EAAA,IAAI,CAAA,IAAK,KAAO,OAAO,CAAA,EAAA,CAAI,IAAI,GAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAChD,EAAA,OAAO,EAAE,cAAA,EAAe;AAC1B;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,EAAM;AAAA,EACpB,sBAAA,EAAwB;AAC1B;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ,SAAA;AAAA,EACR,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,SAAA;AAAA,EACR,IAAA,EAAM,SAAA;AAAA,EACN,QAAA,EAAU,SAAA;AAAA,EACV,SAAA,EAAW,SAAA;AAAA,EACX,GAAA,EAAK,SAAA;AAAA,EACL,SAAA,EAAW,SAAA;AAAA,EACX,OAAA,EAAS,SAAA;AAAA,EACT,MAAA,EAAQ;AACV;;;;;;;"}

package/dist/domains/metrics/components/metrics-utils.d.ts

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