@mastra/playground-ui 61.0.0 → 62.0.0-alpha.0

package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-BhYULTsx.cjs');
-const metricsCard = require('../../../metrics-card-CF0TvQ6M.cjs');
-const tabsContent = require('../../../tabs-content-DfH1hhpU.cjs');
-const tabsList = require('../../../tabs-list-BeWntzEw.cjs');
-const tabsRoot = require('../../../tabs-root-Hkt7A6oq.cjs');
-const tabsTab = require('../../../tabs-tab-DhLs9bO0.cjs');
-const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
-const utils_cost = require('../../../utils/cost.cjs.js');
-
-function isTokenUsageTab(value) {
-  return value === "tokens" || value === "cost";
-}
-function TokenUsageByAgentCardView({
-  data,
-  isLoading,
-  isError,
-  getRowHref,
-  actions,
-  LinkComponent
-}) {
-  const [activeTab, setActiveTab] = React.useState("tokens");
-  const rows = data ?? [];
-  const hasData = rows.length > 0;
-  const totalTokens = rows.reduce((s, d) => s + d.total, 0);
-  const costRows = rows.filter((d) => d.cost != null && d.cost > 0);
-  const uniqueCostUnits = new Set(costRows.map((d) => d.costUnit ?? "usd"));
-  const hasSingleCostUnit = uniqueCostUnits.size <= 1;
-  const costUnit = hasSingleCostUnit ? [...uniqueCostUnits][0] ?? "usd" : null;
-  const totalCost = hasSingleCostUnit ? costRows.reduce((s, d) => s + (d.cost ?? 0), 0) : 0;
-  const hasCostData = hasSingleCostUnit && totalCost > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        metricsCard.MetricsCard.TitleAndDescription,
-        {
-          title: "Token Usage by Agent",
-          description: "Token consumption grouped by agent."
-        }
-      ),
-      hasData && (activeTab === "cost" && hasCostData ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: utils_cost.formatCost(totalCost, costUnit), label: "Total cost" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: utils_cost.formatCompactNumber(totalTokens), label: "Total tokens" })),
-      hasData && actions ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Actions, { children: actions }) : null
-    ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Failed to load token usage data" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No token usage data yet" }) : /* @__PURE__ */ jsxRuntime.jsxs(
-      tabsRoot.Tabs,
-      {
-        defaultTab: "tokens",
-        value: activeTab,
-        onValueChange: (v) => {
-          if (isTokenUsageTab(v)) setActiveTab(v);
-        },
-        className: "grid h-full grid-rows-[auto_1fr] overflow-y-auto",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(tabsList.TabList, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tokens", children: "Tokens" }),
-            /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "cost", children: "Cost" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tokens", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-            horizontalBars.HorizontalBars,
-            {
-              LinkComponent,
-              data: rows.map((d) => ({
-                name: d.name,
-                values: [d.input, d.output],
-                href: getRowHref?.(d)
-              })),
-              segments: [
-                { label: "Input", color: domains_metrics_components_metricsUtils.CHART_COLORS.blueDark },
-                { label: "Output", color: domains_metrics_components_metricsUtils.CHART_COLORS.blue }
-              ],
-              maxVal: Math.max(...rows.map((d) => d.input + d.output)),
-              fmt: utils_cost.formatCompactNumber
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "cost", className: "pt-3", children: hasCostData ? /* @__PURE__ */ jsxRuntime.jsx(
-            horizontalBars.HorizontalBars,
-            {
-              LinkComponent,
-              data: costRows.slice().sort((a, b) => (b.cost ?? 0) - (a.cost ?? 0)).map((d) => ({ name: d.name, values: [d.cost], href: getRowHref?.(d) })),
-              segments: [{ label: "Cost", color: domains_metrics_components_metricsUtils.CHART_COLORS.purple }],
-              maxVal: Math.max(...costRows.map((d) => d.cost ?? 0)),
-              fmt: (v) => utils_cost.formatCost(v, costUnit)
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No cost data yet" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-
-exports.TokenUsageByAgentCardView = TokenUsageByAgentCardView;
-//# sourceMappingURL=token-usage-by-agent-card-view.cjs.js.map

package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-usage-by-agent-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/token-usage-by-agent-card-view.tsx"],"sourcesContent":["import type { TokenUsageByAgentRow } from '@mastra/react/hooks/metrics';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { HorizontalBars } from '../../../ds/components/HorizontalBars/horizontal-bars';\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 { CHART_COLORS } from './metrics-utils';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\n\nexport interface TokenUsageByAgentCardViewProps {\n  data: TokenUsageByAgentRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: returns an href for a single row in either tab. */\n  getRowHref?: (row: TokenUsageByAgentRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\ntype TokenUsageTab = 'tokens' | 'cost';\n\nfunction isTokenUsageTab(value: string): value is TokenUsageTab {\n  return value === 'tokens' || value === 'cost';\n}\n\nexport function TokenUsageByAgentCardView({\n  data,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: TokenUsageByAgentCardViewProps) {\n  const [activeTab, setActiveTab] = useState<TokenUsageTab>('tokens');\n\n  const rows = data ?? [];\n  const hasData = rows.length > 0;\n  const totalTokens = rows.reduce((s, d) => s + d.total, 0);\n  const costRows = rows.filter((d): d is TokenUsageByAgentRow & { cost: number } => d.cost != null && d.cost > 0);\n  const uniqueCostUnits = new Set(costRows.map(d => d.costUnit ?? 'usd'));\n  const hasSingleCostUnit = uniqueCostUnits.size <= 1;\n  const costUnit = hasSingleCostUnit ? ([...uniqueCostUnits][0] ?? 'usd') : null;\n  const totalCost = hasSingleCostUnit ? costRows.reduce((s, d) => s + (d.cost ?? 0), 0) : 0;\n  const hasCostData = hasSingleCostUnit && totalCost > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Token Usage by Agent\"\n          description=\"Token consumption grouped by agent.\"\n        />\n        {hasData &&\n          (activeTab === 'cost' && hasCostData ? (\n            <MetricsCard.Summary value={formatCost(totalCost, costUnit)} label=\"Total cost\" />\n          ) : (\n            <MetricsCard.Summary value={formatCompactNumber(totalTokens)} label=\"Total tokens\" />\n          ))}\n        {hasData && actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load token usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No token usage data yet\" />\n          ) : (\n            <Tabs\n              defaultTab=\"tokens\"\n              value={activeTab}\n              onValueChange={v => {\n                if (isTokenUsageTab(v)) setActiveTab(v);\n              }}\n              className=\"grid h-full grid-rows-[auto_1fr] overflow-y-auto\"\n            >\n              <TabList>\n                <Tab value=\"tokens\">Tokens</Tab>\n                <Tab value=\"cost\">Cost</Tab>\n              </TabList>\n              <TabContent value=\"tokens\" className=\"pt-3\">\n                <HorizontalBars\n                  LinkComponent={LinkComponent}\n                  data={rows.map(d => ({\n                    name: d.name,\n                    values: [d.input, d.output],\n                    href: getRowHref?.(d),\n                  }))}\n                  segments={[\n                    { label: 'Input', color: CHART_COLORS.blueDark },\n                    { label: 'Output', color: CHART_COLORS.blue },\n                  ]}\n                  maxVal={Math.max(...rows.map(d => d.input + d.output))}\n                  fmt={formatCompactNumber}\n                />\n              </TabContent>\n              <TabContent value=\"cost\" className=\"pt-3\">\n                {hasCostData ? (\n                  <HorizontalBars\n                    LinkComponent={LinkComponent}\n                    data={costRows\n                      .slice()\n                      .sort((a, b) => (b.cost ?? 0) - (a.cost ?? 0))\n                      .map(d => ({ name: d.name, values: [d.cost], href: getRowHref?.(d) }))}\n                    segments={[{ label: 'Cost', color: CHART_COLORS.purple }]}\n                    maxVal={Math.max(...costRows.map(d => d.cost ?? 0))}\n                    fmt={v => formatCost(v, costUnit)}\n                  />\n                ) : (\n                  <MetricsCard.NoData message=\"No cost data yet\" />\n                )}\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["useState","MetricsCard","jsxs","jsx","formatCost","formatCompactNumber","Tabs","TabList","Tab","TabContent","HorizontalBars","CHART_COLORS"],"mappings":"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"}

package/dist/domains/metrics/components/token-usage-by-agent-card-view.d.ts

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

package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js

@@ -1,93 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-ibfbdoX9.js';
-import { M as MetricsCard } from '../../../metrics-card-COZt0cRK.js';
-import { T as TabContent } from '../../../tabs-content-OWF8un_n.js';
-import { T as TabList } from '../../../tabs-list-DoSX2xLL.js';
-import { T as Tabs } from '../../../tabs-root-BbzhUZl4.js';
-import { T as Tab } from '../../../tabs-tab-BI3hb-HP.js';
-import { CHART_COLORS } from './metrics-utils.es.js';
-import { formatCost, formatCompactNumber } from '../../../utils/cost.es.js';
-
-function isTokenUsageTab(value) {
-  return value === "tokens" || value === "cost";
-}
-function TokenUsageByAgentCardView({
-  data,
-  isLoading,
-  isError,
-  getRowHref,
-  actions,
-  LinkComponent
-}) {
-  const [activeTab, setActiveTab] = useState("tokens");
-  const rows = data ?? [];
-  const hasData = rows.length > 0;
-  const totalTokens = rows.reduce((s, d) => s + d.total, 0);
-  const costRows = rows.filter((d) => d.cost != null && d.cost > 0);
-  const uniqueCostUnits = new Set(costRows.map((d) => d.costUnit ?? "usd"));
-  const hasSingleCostUnit = uniqueCostUnits.size <= 1;
-  const costUnit = hasSingleCostUnit ? [...uniqueCostUnits][0] ?? "usd" : null;
-  const totalCost = hasSingleCostUnit ? costRows.reduce((s, d) => s + (d.cost ?? 0), 0) : 0;
-  const hasCostData = hasSingleCostUnit && totalCost > 0;
-  return /* @__PURE__ */ jsxs(MetricsCard, { children: [
-    /* @__PURE__ */ jsxs(MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsx(
-        MetricsCard.TitleAndDescription,
-        {
-          title: "Token Usage by Agent",
-          description: "Token consumption grouped by agent."
-        }
-      ),
-      hasData && (activeTab === "cost" && hasCostData ? /* @__PURE__ */ jsx(MetricsCard.Summary, { value: formatCost(totalCost, costUnit), label: "Total cost" }) : /* @__PURE__ */ jsx(MetricsCard.Summary, { value: formatCompactNumber(totalTokens), label: "Total tokens" })),
-      hasData && actions ? /* @__PURE__ */ jsx(MetricsCard.Actions, { children: actions }) : null
-    ] }),
-    isLoading ? /* @__PURE__ */ jsx(MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Failed to load token usage data" }) : /* @__PURE__ */ jsx(MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No token usage data yet" }) : /* @__PURE__ */ jsxs(
-      Tabs,
-      {
-        defaultTab: "tokens",
-        value: activeTab,
-        onValueChange: (v) => {
-          if (isTokenUsageTab(v)) setActiveTab(v);
-        },
-        className: "grid h-full grid-rows-[auto_1fr] overflow-y-auto",
-        children: [
-          /* @__PURE__ */ jsxs(TabList, { children: [
-            /* @__PURE__ */ jsx(Tab, { value: "tokens", children: "Tokens" }),
-            /* @__PURE__ */ jsx(Tab, { value: "cost", children: "Cost" })
-          ] }),
-          /* @__PURE__ */ jsx(TabContent, { value: "tokens", className: "pt-3", children: /* @__PURE__ */ jsx(
-            HorizontalBars,
-            {
-              LinkComponent,
-              data: rows.map((d) => ({
-                name: d.name,
-                values: [d.input, d.output],
-                href: getRowHref?.(d)
-              })),
-              segments: [
-                { label: "Input", color: CHART_COLORS.blueDark },
-                { label: "Output", color: CHART_COLORS.blue }
-              ],
-              maxVal: Math.max(...rows.map((d) => d.input + d.output)),
-              fmt: formatCompactNumber
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TabContent, { value: "cost", className: "pt-3", children: hasCostData ? /* @__PURE__ */ jsx(
-            HorizontalBars,
-            {
-              LinkComponent,
-              data: costRows.slice().sort((a, b) => (b.cost ?? 0) - (a.cost ?? 0)).map((d) => ({ name: d.name, values: [d.cost], href: getRowHref?.(d) })),
-              segments: [{ label: "Cost", color: CHART_COLORS.purple }],
-              maxVal: Math.max(...costRows.map((d) => d.cost ?? 0)),
-              fmt: (v) => formatCost(v, costUnit)
-            }
-          ) : /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No cost data yet" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-
-export { TokenUsageByAgentCardView };
-//# sourceMappingURL=token-usage-by-agent-card-view.es.js.map

package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-usage-by-agent-card-view.es.js","sources":["../../../../src/domains/metrics/components/token-usage-by-agent-card-view.tsx"],"sourcesContent":["import type { TokenUsageByAgentRow } from '@mastra/react/hooks/metrics';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { HorizontalBars } from '../../../ds/components/HorizontalBars/horizontal-bars';\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 { CHART_COLORS } from './metrics-utils';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\n\nexport interface TokenUsageByAgentCardViewProps {\n  data: TokenUsageByAgentRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown: returns an href for a single row in either tab. */\n  getRowHref?: (row: TokenUsageByAgentRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\ntype TokenUsageTab = 'tokens' | 'cost';\n\nfunction isTokenUsageTab(value: string): value is TokenUsageTab {\n  return value === 'tokens' || value === 'cost';\n}\n\nexport function TokenUsageByAgentCardView({\n  data,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: TokenUsageByAgentCardViewProps) {\n  const [activeTab, setActiveTab] = useState<TokenUsageTab>('tokens');\n\n  const rows = data ?? [];\n  const hasData = rows.length > 0;\n  const totalTokens = rows.reduce((s, d) => s + d.total, 0);\n  const costRows = rows.filter((d): d is TokenUsageByAgentRow & { cost: number } => d.cost != null && d.cost > 0);\n  const uniqueCostUnits = new Set(costRows.map(d => d.costUnit ?? 'usd'));\n  const hasSingleCostUnit = uniqueCostUnits.size <= 1;\n  const costUnit = hasSingleCostUnit ? ([...uniqueCostUnits][0] ?? 'usd') : null;\n  const totalCost = hasSingleCostUnit ? costRows.reduce((s, d) => s + (d.cost ?? 0), 0) : 0;\n  const hasCostData = hasSingleCostUnit && totalCost > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription\n          title=\"Token Usage by Agent\"\n          description=\"Token consumption grouped by agent.\"\n        />\n        {hasData &&\n          (activeTab === 'cost' && hasCostData ? (\n            <MetricsCard.Summary value={formatCost(totalCost, costUnit)} label=\"Total cost\" />\n          ) : (\n            <MetricsCard.Summary value={formatCompactNumber(totalTokens)} label=\"Total tokens\" />\n          ))}\n        {hasData && actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load token usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No token usage data yet\" />\n          ) : (\n            <Tabs\n              defaultTab=\"tokens\"\n              value={activeTab}\n              onValueChange={v => {\n                if (isTokenUsageTab(v)) setActiveTab(v);\n              }}\n              className=\"grid h-full grid-rows-[auto_1fr] overflow-y-auto\"\n            >\n              <TabList>\n                <Tab value=\"tokens\">Tokens</Tab>\n                <Tab value=\"cost\">Cost</Tab>\n              </TabList>\n              <TabContent value=\"tokens\" className=\"pt-3\">\n                <HorizontalBars\n                  LinkComponent={LinkComponent}\n                  data={rows.map(d => ({\n                    name: d.name,\n                    values: [d.input, d.output],\n                    href: getRowHref?.(d),\n                  }))}\n                  segments={[\n                    { label: 'Input', color: CHART_COLORS.blueDark },\n                    { label: 'Output', color: CHART_COLORS.blue },\n                  ]}\n                  maxVal={Math.max(...rows.map(d => d.input + d.output))}\n                  fmt={formatCompactNumber}\n                />\n              </TabContent>\n              <TabContent value=\"cost\" className=\"pt-3\">\n                {hasCostData ? (\n                  <HorizontalBars\n                    LinkComponent={LinkComponent}\n                    data={costRows\n                      .slice()\n                      .sort((a, b) => (b.cost ?? 0) - (a.cost ?? 0))\n                      .map(d => ({ name: d.name, values: [d.cost], href: getRowHref?.(d) }))}\n                    segments={[{ label: 'Cost', color: CHART_COLORS.purple }]}\n                    maxVal={Math.max(...costRows.map(d => d.cost ?? 0))}\n                    fmt={v => formatCost(v, costUnit)}\n                  />\n                ) : (\n                  <MetricsCard.NoData message=\"No cost data yet\" />\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/token-usage-timeline-card-view.cjs.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const metricsCard = require('../../../metrics-card-CF0TvQ6M.cjs');
-const metricsLineChart = require('../../../metrics-line-chart-BofHRush.cjs');
-const metricsLineChartTooltip = require('../../../metrics-line-chart-tooltip-BXRdTzZX.cjs');
-const tabsRoot = require('../../../tabs-root-Hkt7A6oq.cjs');
-const tabsList = require('../../../tabs-list-BeWntzEw.cjs');
-const tabsTab = require('../../../tabs-tab-DhLs9bO0.cjs');
-const tabsContent = require('../../../tabs-content-DfH1hhpU.cjs');
-const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
-const utils_cost = require('../../../utils/cost.cjs.js');
-
-function sumMetric(dataKey, formatter = utils_cost.formatCompactNumber) {
-  return (data) => ({
-    value: formatter(data.reduce((sum, point) => sum + (typeof point[dataKey] === "number" ? point[dataKey] : 0), 0))
-  });
-}
-const tokenSeries = [
-  {
-    dataKey: "input",
-    label: "Input tokens",
-    color: domains_metrics_components_metricsUtils.CHART_COLORS.blue,
-    aggregate: sumMetric("input")
-  },
-  {
-    dataKey: "output",
-    label: "Output tokens",
-    color: domains_metrics_components_metricsUtils.CHART_COLORS.amber,
-    aggregate: sumMetric("output")
-  }
-];
-function isTokenUsageTimelineTab(value) {
-  return value === "tokens" || value === "cost";
-}
-function TokenUsageTimelineCardView({
-  data,
-  interval = "1d",
-  isLoading,
-  isError,
-  actions
-}) {
-  const [activeTab, setActiveTab] = React.useState("tokens");
-  const points = data ?? [];
-  const chartPoints = points.map((point) => ({ ...point }));
-  const hasData = points.length > 0;
-  const costPoints = points.filter((point) => point.cost != null && point.cost > 0);
-  const costChartPoints = costPoints.map((point) => ({ ...point }));
-  const uniqueCostUnits = new Set(costPoints.map((point) => point.costUnit).filter((unit) => !!unit));
-  const hasSingleCostUnit = uniqueCostUnits.size === 1 && costPoints.every((point) => point.costUnit != null);
-  const costUnit = hasSingleCostUnit ? [...uniqueCostUnits][0] ?? null : null;
-  const totalCost = hasSingleCostUnit ? costPoints.reduce((sum, point) => sum + (point.cost ?? 0), 0) : 0;
-  const hasCostData = hasSingleCostUnit && totalCost > 0;
-  const description = interval === "1h" ? "Input and output tokens per hour." : "Input and output tokens per day.";
-  const costSeries = [
-    {
-      dataKey: "cost",
-      label: "Cost",
-      color: domains_metrics_components_metricsUtils.CHART_COLORS.purple,
-      aggregate: sumMetric("cost", (value) => utils_cost.formatCost(value, costUnit))
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.TitleAndDescription, { title: "Token usage over time", description }),
-      hasData && actions ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Actions, { children: actions }) : null
-    ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Error, { message: "Failed to load token usage timeline" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No token usage data yet" }) : /* @__PURE__ */ jsxRuntime.jsxs(
-      tabsRoot.Tabs,
-      {
-        defaultTab: "tokens",
-        value: activeTab,
-        onValueChange: (value) => {
-          if (isTokenUsageTimelineTab(value)) setActiveTab(value);
-        },
-        className: "overflow-visible",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 [&>:first-child]:w-auto", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(tabsList.TabList, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "tokens", children: "Tokens" }),
-              /* @__PURE__ */ jsxRuntime.jsx(tabsTab.Tab, { value: "cost", children: "Cost" })
-            ] }),
-            activeTab === "tokens" ? /* @__PURE__ */ jsxRuntime.jsx(metricsLineChartTooltip.MetricsLineChartLegend, { data: chartPoints, series: tokenSeries }) : hasCostData ? /* @__PURE__ */ jsxRuntime.jsx(metricsLineChartTooltip.MetricsLineChartLegend, { data: costChartPoints, series: costSeries }) : null
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tokens", className: "pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(metricsLineChart.MetricsLineChart, { data: chartPoints, series: tokenSeries, showLegend: false }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "cost", className: "pt-3", children: hasCostData ? /* @__PURE__ */ jsxRuntime.jsx(metricsLineChart.MetricsLineChart, { data: costChartPoints, series: costSeries, showLegend: false }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No cost data yet" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-
-exports.TokenUsageTimelineCardView = TokenUsageTimelineCardView;
-//# sourceMappingURL=token-usage-timeline-card-view.cjs.js.map

package/dist/domains/metrics/components/token-usage-timeline-card-view.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-usage-timeline-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/token-usage-timeline-card-view.tsx"],"sourcesContent":["import type { TokenTimelinePoint, TokenUsageTimeSeriesInterval } from '@mastra/react/hooks/metrics';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart';\nimport { Tab, TabContent, TabList, Tabs } from '../../../ds/components/Tabs';\nimport { CHART_COLORS } from './metrics-utils';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\n\ntype TokenUsageTimelineTab = 'tokens' | 'cost';\n\nfunction sumMetric(dataKey: 'input' | 'output' | 'cost', formatter: (value: number) => string = formatCompactNumber) {\n  return (data: Record<string, unknown>[]) => ({\n    value: formatter(data.reduce((sum, point) => sum + (typeof point[dataKey] === 'number' ? point[dataKey] : 0), 0)),\n  });\n}\n\nconst tokenSeries = [\n  {\n    dataKey: 'input',\n    label: 'Input tokens',\n    color: CHART_COLORS.blue,\n    aggregate: sumMetric('input'),\n  },\n  {\n    dataKey: 'output',\n    label: 'Output tokens',\n    color: CHART_COLORS.amber,\n    aggregate: sumMetric('output'),\n  },\n];\n\nfunction isTokenUsageTimelineTab(value: string): value is TokenUsageTimelineTab {\n  return value === 'tokens' || value === 'cost';\n}\n\nexport interface TokenUsageTimelineCardViewProps {\n  data: TokenTimelinePoint[] | undefined;\n  interval: TokenUsageTimeSeriesInterval | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  actions?: ReactNode;\n}\n\nexport function TokenUsageTimelineCardView({\n  data,\n  interval = '1d',\n  isLoading,\n  isError,\n  actions,\n}: TokenUsageTimelineCardViewProps) {\n  const [activeTab, setActiveTab] = useState<TokenUsageTimelineTab>('tokens');\n\n  const points = data ?? [];\n  const chartPoints = points.map(point => ({ ...point }));\n  const hasData = points.length > 0;\n  const costPoints = points.filter(point => point.cost != null && point.cost > 0);\n  const costChartPoints = costPoints.map(point => ({ ...point }));\n  const uniqueCostUnits = new Set(costPoints.map(point => point.costUnit).filter((unit): unit is string => !!unit));\n  const hasSingleCostUnit = uniqueCostUnits.size === 1 && costPoints.every(point => point.costUnit != null);\n  const costUnit = hasSingleCostUnit ? ([...uniqueCostUnits][0] ?? null) : null;\n  const totalCost = hasSingleCostUnit ? costPoints.reduce((sum, point) => sum + (point.cost ?? 0), 0) : 0;\n  const hasCostData = hasSingleCostUnit && totalCost > 0;\n  const description = interval === '1h' ? 'Input and output tokens per hour.' : 'Input and output tokens per day.';\n\n  const costSeries = [\n    {\n      dataKey: 'cost',\n      label: 'Cost',\n      color: CHART_COLORS.purple,\n      aggregate: sumMetric('cost', value => formatCost(value, costUnit)),\n    },\n  ];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Token usage over time\" description={description} />\n        {hasData && actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load token usage timeline\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No token usage data yet\" />\n          ) : (\n            <Tabs\n              defaultTab=\"tokens\"\n              value={activeTab}\n              onValueChange={value => {\n                if (isTokenUsageTimelineTab(value)) setActiveTab(value);\n              }}\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=\"tokens\">Tokens</Tab>\n                  <Tab value=\"cost\">Cost</Tab>\n                </TabList>\n                {activeTab === 'tokens' ? (\n                  <MetricsLineChartLegend data={chartPoints} series={tokenSeries} />\n                ) : hasCostData ? (\n                  <MetricsLineChartLegend data={costChartPoints} series={costSeries} />\n                ) : null}\n              </div>\n              <TabContent value=\"tokens\" className=\"pt-3\">\n                <MetricsLineChart data={chartPoints} series={tokenSeries} showLegend={false} />\n              </TabContent>\n              <TabContent value=\"cost\" className=\"pt-3\">\n                {hasCostData ? (\n                  <MetricsLineChart data={costChartPoints} series={costSeries} showLegend={false} />\n                ) : (\n                  <MetricsCard.NoData message=\"No cost data yet\" />\n                )}\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["formatCompactNumber","CHART_COLORS","useState","formatCost","MetricsCard","jsxs","jsx","Tabs","TabList","Tab","MetricsLineChartLegend","TabContent","MetricsLineChart"],"mappings":"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"}

package/dist/domains/metrics/components/token-usage-timeline-card-view.d.ts

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

package/dist/domains/metrics/components/token-usage-timeline-card-view.es.js

@@ -1,93 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { M as MetricsCard } from '../../../metrics-card-COZt0cRK.js';
-import { M as MetricsLineChart } from '../../../metrics-line-chart-C7i--w_F.js';
-import { M as MetricsLineChartLegend } from '../../../metrics-line-chart-tooltip-qXjxMRkc.js';
-import { T as Tabs } from '../../../tabs-root-BbzhUZl4.js';
-import { T as TabList } from '../../../tabs-list-DoSX2xLL.js';
-import { T as Tab } from '../../../tabs-tab-BI3hb-HP.js';
-import { T as TabContent } from '../../../tabs-content-OWF8un_n.js';
-import { CHART_COLORS } from './metrics-utils.es.js';
-import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
-
-function sumMetric(dataKey, formatter = formatCompactNumber) {
-  return (data) => ({
-    value: formatter(data.reduce((sum, point) => sum + (typeof point[dataKey] === "number" ? point[dataKey] : 0), 0))
-  });
-}
-const tokenSeries = [
-  {
-    dataKey: "input",
-    label: "Input tokens",
-    color: CHART_COLORS.blue,
-    aggregate: sumMetric("input")
-  },
-  {
-    dataKey: "output",
-    label: "Output tokens",
-    color: CHART_COLORS.amber,
-    aggregate: sumMetric("output")
-  }
-];
-function isTokenUsageTimelineTab(value) {
-  return value === "tokens" || value === "cost";
-}
-function TokenUsageTimelineCardView({
-  data,
-  interval = "1d",
-  isLoading,
-  isError,
-  actions
-}) {
-  const [activeTab, setActiveTab] = useState("tokens");
-  const points = data ?? [];
-  const chartPoints = points.map((point) => ({ ...point }));
-  const hasData = points.length > 0;
-  const costPoints = points.filter((point) => point.cost != null && point.cost > 0);
-  const costChartPoints = costPoints.map((point) => ({ ...point }));
-  const uniqueCostUnits = new Set(costPoints.map((point) => point.costUnit).filter((unit) => !!unit));
-  const hasSingleCostUnit = uniqueCostUnits.size === 1 && costPoints.every((point) => point.costUnit != null);
-  const costUnit = hasSingleCostUnit ? [...uniqueCostUnits][0] ?? null : null;
-  const totalCost = hasSingleCostUnit ? costPoints.reduce((sum, point) => sum + (point.cost ?? 0), 0) : 0;
-  const hasCostData = hasSingleCostUnit && totalCost > 0;
-  const description = interval === "1h" ? "Input and output tokens per hour." : "Input and output tokens per day.";
-  const costSeries = [
-    {
-      dataKey: "cost",
-      label: "Cost",
-      color: CHART_COLORS.purple,
-      aggregate: sumMetric("cost", (value) => formatCost(value, costUnit))
-    }
-  ];
-  return /* @__PURE__ */ jsxs(MetricsCard, { children: [
-    /* @__PURE__ */ jsxs(MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsx(MetricsCard.TitleAndDescription, { title: "Token usage over time", description }),
-      hasData && actions ? /* @__PURE__ */ jsx(MetricsCard.Actions, { children: actions }) : null
-    ] }),
-    isLoading ? /* @__PURE__ */ jsx(MetricsCard.Loading, {}) : isError ? /* @__PURE__ */ jsx(MetricsCard.Error, { message: "Failed to load token usage timeline" }) : /* @__PURE__ */ jsx(MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No token usage data yet" }) : /* @__PURE__ */ jsxs(
-      Tabs,
-      {
-        defaultTab: "tokens",
-        value: activeTab,
-        onValueChange: (value) => {
-          if (isTokenUsageTimelineTab(value)) setActiveTab(value);
-        },
-        className: "overflow-visible",
-        children: [
-          /* @__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: "tokens", children: "Tokens" }),
-              /* @__PURE__ */ jsx(Tab, { value: "cost", children: "Cost" })
-            ] }),
-            activeTab === "tokens" ? /* @__PURE__ */ jsx(MetricsLineChartLegend, { data: chartPoints, series: tokenSeries }) : hasCostData ? /* @__PURE__ */ jsx(MetricsLineChartLegend, { data: costChartPoints, series: costSeries }) : null
-          ] }),
-          /* @__PURE__ */ jsx(TabContent, { value: "tokens", className: "pt-3", children: /* @__PURE__ */ jsx(MetricsLineChart, { data: chartPoints, series: tokenSeries, showLegend: false }) }),
-          /* @__PURE__ */ jsx(TabContent, { value: "cost", className: "pt-3", children: hasCostData ? /* @__PURE__ */ jsx(MetricsLineChart, { data: costChartPoints, series: costSeries, showLegend: false }) : /* @__PURE__ */ jsx(MetricsCard.NoData, { message: "No cost data yet" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-
-export { TokenUsageTimelineCardView };
-//# sourceMappingURL=token-usage-timeline-card-view.es.js.map

package/dist/domains/metrics/components/token-usage-timeline-card-view.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-usage-timeline-card-view.es.js","sources":["../../../../src/domains/metrics/components/token-usage-timeline-card-view.tsx"],"sourcesContent":["import type { TokenTimelinePoint, TokenUsageTimeSeriesInterval } from '@mastra/react/hooks/metrics';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { MetricsCard } from '../../../ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '../../../ds/components/MetricsLineChart';\nimport { Tab, TabContent, TabList, Tabs } from '../../../ds/components/Tabs';\nimport { CHART_COLORS } from './metrics-utils';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\n\ntype TokenUsageTimelineTab = 'tokens' | 'cost';\n\nfunction sumMetric(dataKey: 'input' | 'output' | 'cost', formatter: (value: number) => string = formatCompactNumber) {\n  return (data: Record<string, unknown>[]) => ({\n    value: formatter(data.reduce((sum, point) => sum + (typeof point[dataKey] === 'number' ? point[dataKey] : 0), 0)),\n  });\n}\n\nconst tokenSeries = [\n  {\n    dataKey: 'input',\n    label: 'Input tokens',\n    color: CHART_COLORS.blue,\n    aggregate: sumMetric('input'),\n  },\n  {\n    dataKey: 'output',\n    label: 'Output tokens',\n    color: CHART_COLORS.amber,\n    aggregate: sumMetric('output'),\n  },\n];\n\nfunction isTokenUsageTimelineTab(value: string): value is TokenUsageTimelineTab {\n  return value === 'tokens' || value === 'cost';\n}\n\nexport interface TokenUsageTimelineCardViewProps {\n  data: TokenTimelinePoint[] | undefined;\n  interval: TokenUsageTimeSeriesInterval | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  actions?: ReactNode;\n}\n\nexport function TokenUsageTimelineCardView({\n  data,\n  interval = '1d',\n  isLoading,\n  isError,\n  actions,\n}: TokenUsageTimelineCardViewProps) {\n  const [activeTab, setActiveTab] = useState<TokenUsageTimelineTab>('tokens');\n\n  const points = data ?? [];\n  const chartPoints = points.map(point => ({ ...point }));\n  const hasData = points.length > 0;\n  const costPoints = points.filter(point => point.cost != null && point.cost > 0);\n  const costChartPoints = costPoints.map(point => ({ ...point }));\n  const uniqueCostUnits = new Set(costPoints.map(point => point.costUnit).filter((unit): unit is string => !!unit));\n  const hasSingleCostUnit = uniqueCostUnits.size === 1 && costPoints.every(point => point.costUnit != null);\n  const costUnit = hasSingleCostUnit ? ([...uniqueCostUnits][0] ?? null) : null;\n  const totalCost = hasSingleCostUnit ? costPoints.reduce((sum, point) => sum + (point.cost ?? 0), 0) : 0;\n  const hasCostData = hasSingleCostUnit && totalCost > 0;\n  const description = interval === '1h' ? 'Input and output tokens per hour.' : 'Input and output tokens per day.';\n\n  const costSeries = [\n    {\n      dataKey: 'cost',\n      label: 'Cost',\n      color: CHART_COLORS.purple,\n      aggregate: sumMetric('cost', value => formatCost(value, costUnit)),\n    },\n  ];\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Token usage over time\" description={description} />\n        {hasData && actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load token usage timeline\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No token usage data yet\" />\n          ) : (\n            <Tabs\n              defaultTab=\"tokens\"\n              value={activeTab}\n              onValueChange={value => {\n                if (isTokenUsageTimelineTab(value)) setActiveTab(value);\n              }}\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=\"tokens\">Tokens</Tab>\n                  <Tab value=\"cost\">Cost</Tab>\n                </TabList>\n                {activeTab === 'tokens' ? (\n                  <MetricsLineChartLegend data={chartPoints} series={tokenSeries} />\n                ) : hasCostData ? (\n                  <MetricsLineChartLegend data={costChartPoints} series={costSeries} />\n                ) : null}\n              </div>\n              <TabContent value=\"tokens\" className=\"pt-3\">\n                <MetricsLineChart data={chartPoints} series={tokenSeries} showLegend={false} />\n              </TabContent>\n              <TabContent value=\"cost\" className=\"pt-3\">\n                {hasCostData ? (\n                  <MetricsLineChart data={costChartPoints} series={costSeries} showLegend={false} />\n                ) : (\n                  <MetricsCard.NoData message=\"No cost data yet\" />\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/traces-volume-card-view.cjs.js

@@ -1,119 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-BhYULTsx.cjs');
-const metricsCard = require('../../../metrics-card-CF0TvQ6M.cjs');
-const tabsContent = require('../../../tabs-content-DfH1hhpU.cjs');
-const tabsList = require('../../../tabs-list-BeWntzEw.cjs');
-const tabsRoot = require('../../../tabs-root-Hkt7A6oq.cjs');
-const tabsTab = require('../../../tabs-tab-DhLs9bO0.cjs');
-const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
-const utils_cost = require('../../../utils/cost.cjs.js');
-
-function VolumeBars({
-  data,
-  rowHrefs,
-  errorHrefs,
-  LinkComponent
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    horizontalBars.HorizontalBars,
-    {
-      LinkComponent,
-      data: data.map((d) => {
-        const errorHref = errorHrefs?.(d);
-        const rowHref = rowHrefs?.(d);
-        if (errorHref) {
-          return {
-            name: d.name,
-            values: [d.completed, d.errors],
-            hrefs: [rowHref, errorHref]
-          };
-        }
-        return {
-          name: d.name,
-          values: [d.completed, d.errors],
-          href: rowHref
-        };
-      }),
-      segments: [
-        { label: "Completed", color: domains_metrics_components_metricsUtils.CHART_COLORS.blueDark },
-        { label: "Errors", color: domains_metrics_components_metricsUtils.CHART_COLORS.pink }
-      ],
-      maxVal: Math.max(...data.map((d) => d.completed + d.errors)),
-      fmt: utils_cost.formatCompactNumber
-    }
-  );
-}
-function TracesVolumeCardView({
-  data,
-  isLoading,
-  isError,
-  getRowHref,
-  getErrorSegmentHref,
-  actions,
-  LinkComponent
-}) {
-  const [activeTab, setActiveTab] = React.useState("agents");
-  const renderedActions = typeof actions === "function" ? actions(activeTab) : actions;
-  const hasData = !!data && (data.agentData.length > 0 || data.workflowData.length > 0 || data.toolData.length > 0);
-  const total = data ? [...data.agentData, ...data.workflowData, ...data.toolData].reduce((s, d) => s + d.completed + d.errors, 0) : 0;
-  const tabRowHrefs = (tab) => getRowHref ? (row) => getRowHref(tab, row) : void 0;
-  const tabErrorHrefs = (tab) => getErrorSegmentHref ? (row) => getErrorSegmentHref(tab, row) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(metricsCard.MetricsCard.TopBar, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.TitleAndDescription, { title: "Trace Volume", description: "Runs and call counts." }),
-      hasData && /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Summary, { value: utils_cost.formatCompactNumber(total), label: "Total runs" }),
-      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 trace volume data" }) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.Content, { children: !hasData ? /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No trace volume data yet" }) : /* @__PURE__ */ jsxRuntime.jsxs(
-      tabsRoot.Tabs,
-      {
-        value: activeTab,
-        onValueChange: setActiveTab,
-        defaultTab: "agents",
-        className: "grid h-full grid-rows-[auto_1fr] overflow-y-auto",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(tabsList.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", className: "pt-3", children: data.agentData.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-            VolumeBars,
-            {
-              data: data.agentData,
-              rowHrefs: tabRowHrefs("agents"),
-              errorHrefs: tabErrorHrefs("agents"),
-              LinkComponent
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No agent data yet" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "workflows", className: "pt-3", children: data.workflowData.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-            VolumeBars,
-            {
-              data: data.workflowData,
-              rowHrefs: tabRowHrefs("workflows"),
-              errorHrefs: tabErrorHrefs("workflows"),
-              LinkComponent
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No workflow data yet" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value: "tools", className: "pt-3", children: data.toolData.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-            VolumeBars,
-            {
-              data: data.toolData,
-              rowHrefs: tabRowHrefs("tools"),
-              errorHrefs: tabErrorHrefs("tools"),
-              LinkComponent
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(metricsCard.MetricsCard.NoData, { message: "No tool data yet" }) })
-        ]
-      }
-    ) })
-  ] });
-}
-
-exports.TracesVolumeCardView = TracesVolumeCardView;
-//# sourceMappingURL=traces-volume-card-view.cjs.js.map