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

package/dist/domains/chat/messages/signal-badge.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { NotificationSignalNotice } from './notification-signal-notice.es.js';
 import { isSignalData, signalContentsToText, isRecord, formatSignalValue } from './signal-data.es.js';
-import { C as ChatSignal } from '../../../chat-signal-Vg8pGXwH.js';
+import { C as ChatSignal } from '../../../chat-signal-CQnmFp3V.js';
 
 const getStateLabel = (signal) => {
   const state = isRecord(signal.metadata?.state) ? signal.metadata.state : void 0;

package/dist/domains/chat/messages/tripwire-notice.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Badge = require('../../../Badge-BEeYtjmv.cjs');
+const Badge = require('../../../Badge-DFNxcz-r.cjs');
 const Notice = require('../../../Notice-AUNd8fqT.cjs');
 
 const TripwireNotice = ({ reason, tripwire }) => {

package/dist/domains/chat/messages/tripwire-notice.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ChevronDown, ChevronRight, RefreshCw, Tag, ShieldAlert } from 'lucide-react';
 import { useState } from 'react';
-import { B as Badge } from '../../../Badge-TD55_qZJ.js';
+import { B as Badge } from '../../../Badge-Bzn8Z-_I.js';
 import { N as Notice } from '../../../Notice-WT8G4OA6.js';
 
 const TripwireNotice = ({ reason, tripwire }) => {

package/dist/domains/chat/tools/badges/ask-user-badge.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_chat_context_toolCallContext = require('../../context/tool-call-context.cjs.js');
-const askUser = require('../../../../ask-user-BPpgiE7k.cjs');
+const askUser = require('../../../../ask-user-pPTuoPKI.cjs');
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = domains_chat_context_toolCallContext.useToolCall();

package/dist/domains/chat/tools/badges/ask-user-badge.es.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useToolCall } from '../../context/tool-call-context.es.js';
-import { A as AskUser } from '../../../../ask-user-jDUt7hgT.js';
+import { A as AskUser } from '../../../../ask-user-DtF4a9Vr.js';
 
 const AskUserBadge = ({ toolCallId, suspendPayload, result }) => {
   const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();

package/dist/domains/chat/tools/badges/observation-marker-badge.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_chat_tools_badges_observationRenderer = require('./observation-renderer.cjs.js');
-const Badge = require('../../../../Badge-BEeYtjmv.cjs');
+const Badge = require('../../../../Badge-DFNxcz-r.cjs');
 const markdownRenderer = require('../../../../markdown-renderer-DtH58325.cjs');
 const icons_Icon = require('../../../../icons/Icon.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');

package/dist/domains/chat/tools/badges/observation-marker-badge.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Loader2, Brain, ChevronDown, ChevronRight, Unplug, XCircle, Eye } from 'lucide-react';
 import { useState, useEffect } from 'react';
 import { ObservationRenderer } from './observation-renderer.es.js';
-import { B as Badge } from '../../../../Badge-TD55_qZJ.js';
+import { B as Badge } from '../../../../Badge-Bzn8Z-_I.js';
 import { M as MarkdownRenderer } from '../../../../markdown-renderer-Ces7VyRK.js';
 import { Icon } from '../../../../icons/Icon.es.js';
 import { c as cn } from '../../../../cn-65Adrsfj.js';

package/dist/domains/logs/components/logs-list-view.cjs.js

@@ -7,7 +7,7 @@ const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
 const dataListSkeleton = require('../../../data-list-skeleton-CjwR0o3w.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-YL9yLKF3.cjs');
+const logsDataList = require('../../../logs-data-list-BHvJOeec.cjs');
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/logs-list-view.es.js

@@ -3,7 +3,7 @@ import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
 import { D as DataListSkeleton } from '../../../data-list-skeleton-DAfM8AjW.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-5BAeLU57.js';
+import { L as LogsDataList } from '../../../logs-data-list-CgDcNIvS.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const metricsKpiCard = require('../../../metrics-kpi-card-Bhb4R4z0.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-DoIeHfv6.cjs');
 
 function KpiCardView({
   label,

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { M as MetricsKpiCard } from '../../../metrics-kpi-card-BrnFhFQm.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-BVCuXeDa.js';
 
 function KpiCardView({
   label,

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const metricsCard = require('../../../metrics-card-DCCHIG-z.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-0FR3SYSt.cjs');
+const metricsCard = require('../../../metrics-card-DzcVJTAN.cjs');
+const metricsLineChart = require('../../../metrics-line-chart-BNNRRxM8.cjs');
 const tabsContent = require('../../../tabs-content-DlCJoQUW.cjs');
 const tabsRoot = require('../../../tabs-root-COCL6jcx.cjs');
 const tabsTab = require('../../../tabs-tab-DFmRMdi3.cjs');
@@ -41,6 +41,7 @@ function LatencyChart({ data, onPointClick }) {
     {
       data,
       series: latencySeries,
+      showLegend: false,
       onPointClick: onPointClick ? (point) => domains_metrics_components_latencyCardView_utils.isDrillablePoint(point) ? onPointClick(point) : void 0 : void 0
     }
   );
@@ -58,13 +59,18 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
   const [selectedTab, setSelectedTab] = React.useState("agents");
   const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;
   const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  const interval = data?.interval ?? "1h";
   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` : "—";
+  const activeData = data ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab] : [];
   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" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        metricsCard.MetricsCard.TitleAndDescription,
+        {
+          title: "Latency",
+          description: interval === "1h" ? "Hourly p50 and p95 latency." : "Daily p50 and p95 latency."
+        }
+      ),
       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(
@@ -79,38 +85,41 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
         defaultTab: initialTab,
         className: "overflow-visible",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              tabsTab.Tab,
-              {
-                value: "workflows",
-                disabled: !workflowsHasData,
-                disabledTooltip: "No workflow latency data for this period",
-                children: "Workflows"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(tabsRoot.TabList, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                tabsTab.Tab,
+                {
+                  value: "workflows",
+                  disabled: !workflowsHasData,
+                  disabledTooltip: "No workflow latency data for this period",
+                  children: "Workflows"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+            ] }),
+            activeData.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(metricsLineChart.MetricsLineChartLegend, { data: activeData, series: latencySeries })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "agents", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "agents", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
             LatencyChart,
             {
               data: data.agentData,
-              onPointClick: onPointClick ? (p) => onPointClick("agents", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("agents", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "workflows", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "workflows", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
             LatencyChart,
             {
               data: data.workflowData,
-              onPointClick: onPointClick ? (p) => onPointClick("workflows", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("workflows", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tools", children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tools", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
             LatencyChart,
             {
               data: data.toolData,
-              onPointClick: onPointClick ? (p) => onPointClick("tools", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("tools", p, interval) : void 0
             }
           ) })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\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 { LatencyPoint } from '../hooks/use-latency-metrics';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\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: averageLatency(data, 'p50'),\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: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\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={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\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 agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : 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\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <TabList>\n                <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                  Agents\n                </Tab>\n                <Tab\n                  value=\"workflows\"\n                  disabled={!workflowsHasData}\n                  disabledTooltip=\"No workflow latency data for this period\"\n                >\n                  Workflows\n                </Tab>\n                <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                  Tools\n                </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","averageLatency","jsx","MetricsCard","MetricsLineChart","isDrillablePoint","useState","jsxs","Tabs","isLatencyTab","TabList","Tab","TabContent"],"mappings":"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"}
+{"version":3,"file":"latency-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\nimport { MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart/metrics-line-chart-legend';\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 { LatencyPoint } from '../hooks/use-latency-metrics';\nimport type { MetricsInterval } from '../metrics-interval';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\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: averageLatency(data, 'p50'),\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: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\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      showLegend={false}\n      onPointClick={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data:\n    | {\n        agentData: LatencyPoint[];\n        workflowData: LatencyPoint[];\n        toolData: LatencyPoint[];\n        /** Bucket size of the points. Defaults to `'1h'`. */\n        interval?: MetricsInterval;\n      }\n    | 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, interval: MetricsInterval) => 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 agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const interval = data?.interval ?? '1h';\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const activeData = data\n    ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab]\n    : [];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Latency\"\n          description={interval === '1h' ? 'Hourly p50 and p95 latency.' : 'Daily p50 and p95 latency.'}\n        />\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\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto\">\n                <TabList>\n                  <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                    Agents\n                  </Tab>\n                  <Tab\n                    value=\"workflows\"\n                    disabled={!workflowsHasData}\n                    disabledTooltip=\"No workflow latency data for this period\"\n                  >\n                    Workflows\n                  </Tab>\n                  <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                    Tools\n                  </Tab>\n                </TabList>\n                {activeData.length > 0 && <MetricsLineChartLegend data={activeData} series={latencySeries} />}\n              </div>\n              <TabContent value=\"agents\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p, interval) : undefined}\n                />\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","averageLatency","jsx","MetricsCard","MetricsLineChart","isDrillablePoint","useState","jsxs","Tabs","isLatencyTab","TabList","Tab","MetricsLineChartLegend","TabContent"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-knlgw8bV.js';
+import { M as MetricsCard } from '../../../metrics-card-C2RTi5Ew.js';
+import { a as MetricsLineChartLegend, M as MetricsLineChart } from '../../../metrics-line-chart-CT_pqJtC.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 { isLatencyTab, isDrillablePoint, averageLatency } from './latency-card-view.utils.es.js';
+import { isLatencyTab, averageLatency, isDrillablePoint } from './latency-card-view.utils.es.js';
 import { CHART_COLORS } from './metrics-utils.es.js';
 
 const latencySeries = [
@@ -37,6 +37,7 @@ function LatencyChart({ data, onPointClick }) {
     {
       data,
       series: latencySeries,
+      showLegend: false,
       onPointClick: onPointClick ? (point) => isDrillablePoint(point) ? onPointClick(point) : void 0 : void 0
     }
   );
@@ -54,13 +55,18 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
   const [selectedTab, setSelectedTab] = useState("agents");
   const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;
   const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
+  const interval = data?.interval ?? "1h";
   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` : "—";
+  const activeData = data ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab] : [];
   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" }),
+      /* @__PURE__ */ jsx(
+        MetricsCard.TitleAndDescription,
+        {
+          title: "Latency",
+          description: interval === "1h" ? "Hourly p50 and p95 latency." : "Daily p50 and p95 latency."
+        }
+      ),
       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(
@@ -75,38 +81,41 @@ function LatencyCardView({ data, isLoading, isError, onPointClick, actions }) {
         defaultTab: initialTab,
         className: "overflow-visible",
         children: [
-          /* @__PURE__ */ jsxs(TabList, { children: [
-            /* @__PURE__ */ jsx(Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
-            /* @__PURE__ */ jsx(
-              Tab,
-              {
-                value: "workflows",
-                disabled: !workflowsHasData,
-                disabledTooltip: "No workflow latency data for this period",
-                children: "Workflows"
-              }
-            ),
-            /* @__PURE__ */ jsx(Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto", children: [
+            /* @__PURE__ */ jsxs(TabList, { children: [
+              /* @__PURE__ */ jsx(Tab, { value: "agents", disabled: !agentsHasData, disabledTooltip: "No agent latency data for this period", children: "Agents" }),
+              /* @__PURE__ */ jsx(
+                Tab,
+                {
+                  value: "workflows",
+                  disabled: !workflowsHasData,
+                  disabledTooltip: "No workflow latency data for this period",
+                  children: "Workflows"
+                }
+              ),
+              /* @__PURE__ */ jsx(Tab, { value: "tools", disabled: !toolsHasData, disabledTooltip: "No tool latency data for this period", children: "Tools" })
+            ] }),
+            activeData.length > 0 && /* @__PURE__ */ jsx(MetricsLineChartLegend, { data: activeData, series: latencySeries })
           ] }),
-          /* @__PURE__ */ jsx(TabContent, { value: "agents", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TabContent, { value: "agents", className: "pt-3", children: /* @__PURE__ */ jsx(
             LatencyChart,
             {
               data: data.agentData,
-              onPointClick: onPointClick ? (p) => onPointClick("agents", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("agents", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsx(TabContent, { value: "workflows", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TabContent, { value: "workflows", className: "pt-3", children: /* @__PURE__ */ jsx(
             LatencyChart,
             {
               data: data.workflowData,
-              onPointClick: onPointClick ? (p) => onPointClick("workflows", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("workflows", p, interval) : void 0
             }
           ) }),
-          /* @__PURE__ */ jsx(TabContent, { value: "tools", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(TabContent, { value: "tools", className: "pt-3", children: /* @__PURE__ */ jsx(
             LatencyChart,
             {
               data: data.toolData,
-              onPointClick: onPointClick ? (p) => onPointClick("tools", p) : void 0
+              onPointClick: onPointClick ? (p) => onPointClick("tools", p, interval) : void 0
             }
           ) })
         ]

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

@@ -1 +1 @@
-{"version":3,"file":"latency-card-view.es.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\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 { LatencyPoint } from '../hooks/use-latency-metrics';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\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: averageLatency(data, 'p50'),\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: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\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={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\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 agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : 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\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <TabList>\n                <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                  Agents\n                </Tab>\n                <Tab\n                  value=\"workflows\"\n                  disabled={!workflowsHasData}\n                  disabledTooltip=\"No workflow latency data for this period\"\n                >\n                  Workflows\n                </Tab>\n                <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                  Tools\n                </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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"}
+{"version":3,"file":"latency-card-view.es.js","sources":["../../../../src/domains/metrics/components/latency-card-view.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport { MetricsLineChart } from '../../../ds/components/MetricsLineChart/metrics-line-chart';\nimport { MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart/metrics-line-chart-legend';\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 { LatencyPoint } from '../hooks/use-latency-metrics';\nimport type { MetricsInterval } from '../metrics-interval';\nimport { averageLatency, isDrillablePoint, isLatencyTab } from './latency-card-view.utils';\nimport type { LatencyTab } from './latency-card-view.utils';\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: averageLatency(data, 'p50'),\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: averageLatency(data, 'p95'),\n      suffix: 'avg ms',\n    }),\n  },\n];\n\nexport type { LatencyTab };\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      showLegend={false}\n      onPointClick={onPointClick ? point => (isDrillablePoint(point) ? onPointClick(point) : undefined) : undefined}\n    />\n  );\n}\n\nexport interface LatencyCardViewProps {\n  data:\n    | {\n        agentData: LatencyPoint[];\n        workflowData: LatencyPoint[];\n        toolData: LatencyPoint[];\n        /** Bucket size of the points. Defaults to `'1h'`. */\n        interval?: MetricsInterval;\n      }\n    | 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, interval: MetricsInterval) => 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 agentsHasData = (data?.agentData.length ?? 0) > 0;\n  const workflowsHasData = (data?.workflowData.length ?? 0) > 0;\n  const toolsHasData = (data?.toolData.length ?? 0) > 0;\n  const tabHasData = {\n    agents: agentsHasData,\n    workflows: workflowsHasData,\n    tools: toolsHasData,\n  } as const;\n  const initialTab: LatencyTab = agentsHasData\n    ? 'agents'\n    : workflowsHasData\n      ? 'workflows'\n      : toolsHasData\n        ? 'tools'\n        : 'agents';\n  const [selectedTab, setSelectedTab] = useState<LatencyTab>('agents');\n  const activeTab = tabHasData[selectedTab] ? selectedTab : initialTab;\n  const renderedActions = typeof actions === 'function' ? actions(activeTab) : actions;\n  const interval = data?.interval ?? '1h';\n  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);\n  const activeData = data\n    ? { agents: data.agentData, workflows: data.workflowData, tools: data.toolData }[activeTab]\n    : [];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Latency\"\n          description={interval === '1h' ? 'Hourly p50 and p95 latency.' : 'Daily p50 and p95 latency.'}\n        />\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\n              value={activeTab}\n              onValueChange={value => {\n                if (isLatencyTab(value) && tabHasData[value]) {\n                  setSelectedTab(value);\n                }\n              }}\n              defaultTab={initialTab}\n              className=\"overflow-visible\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto\">\n                <TabList>\n                  <Tab value=\"agents\" disabled={!agentsHasData} disabledTooltip=\"No agent latency data for this period\">\n                    Agents\n                  </Tab>\n                  <Tab\n                    value=\"workflows\"\n                    disabled={!workflowsHasData}\n                    disabledTooltip=\"No workflow latency data for this period\"\n                  >\n                    Workflows\n                  </Tab>\n                  <Tab value=\"tools\" disabled={!toolsHasData} disabledTooltip=\"No tool latency data for this period\">\n                    Tools\n                  </Tab>\n                </TabList>\n                {activeData.length > 0 && <MetricsLineChartLegend data={activeData} series={latencySeries} />}\n              </div>\n              <TabContent value=\"agents\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.agentData}\n                  onPointClick={onPointClick ? p => onPointClick('agents', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"workflows\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.workflowData}\n                  onPointClick={onPointClick ? p => onPointClick('workflows', p, interval) : undefined}\n                />\n              </TabContent>\n              <TabContent value=\"tools\" className=\"pt-3\">\n                <LatencyChart\n                  data={data.toolData}\n                  onPointClick={onPointClick ? p => onPointClick('tools', p, interval) : 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

@@ -5,7 +5,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 metricsCard = require('../../../metrics-card-DCCHIG-z.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');
@@ -56,7 +56,7 @@ function MemoryCardView({
             /* @__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.jsx(tabsContent.TabContent, { value: "threads", className: "pt-3", 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" }),
@@ -76,7 +76,7 @@ function MemoryCardView({
               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.jsx(tabsContent.TabContent, { value: "resources", className: "pt-3", 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" }),

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\">\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\">\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 { 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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"}

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { D as DataList } from '../../../data-list-DisTjDHP.js';
-import { M as MetricsCard } from '../../../metrics-card-Bzm6m1dy.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';
@@ -52,7 +52,7 @@ function MemoryCardView({
             /* @__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__ */ jsx(TabContent, { value: "threads", className: "pt-3", 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" }),
@@ -72,7 +72,7 @@ function MemoryCardView({
               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__ */ jsx(TabContent, { value: "resources", className: "pt-3", 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" }),