@mastra/playground-ui 51.1.0 → 51.2.0-alpha.0

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-CfsEAR2E.js';
+import { D as DataList } from '../../../data-list-BOI8fRuk.js';
 import { M as MetricsCard } from '../../../metrics-card-C0lGcxb9.js';
 import { T as TabContent } from '../../../tabs-content-XUh680fO.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-BBPou4QC.js';
@@ -63,7 +63,7 @@ function MemoryCardView({
             threadRows.map((row) => {
               const href = getThreadRowHref?.(row);
               const rowCells = /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", children: shortId(row.threadId) }),
+                /* @__PURE__ */ jsx(DataList.RowHeaderCell, { className: "text-ui-sm", children: shortId(row.threadId) }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.resourceId ? shortId(row.resourceId) : "—" }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { highlight: true, children: row.runs.toLocaleString() }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.tokens > 0 ? formatCompact(row.tokens) : "—" }),
@@ -82,7 +82,7 @@ function MemoryCardView({
             resourceRows.map((row) => {
               const href = getResourceRowHref?.(row);
               const rowCells = /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", children: shortId(row.resourceId) }),
+                /* @__PURE__ */ jsx(DataList.RowHeaderCell, { className: "text-ui-sm", children: shortId(row.resourceId) }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { highlight: true, children: row.threadCount.toLocaleString() }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.tokens > 0 ? formatCompact(row.tokens) : "—" }),
                 /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.cost != null ? formatCost(row.cost, row.costUnit) : "—" })

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataList = require('../../../data-list-BK_lJxMN.cjs');
+const dataList = require('../../../data-list-CCacNODd.cjs');
 const metricsCard = require('../../../metrics-card-DmbKNY3U.cjs');
 const domains_metrics_components_metricsUtils = require('./metrics-utils.cjs.js');
 
@@ -51,7 +51,7 @@ function ModelUsageCostCardView({
       rows.map((row) => {
         const href = getRowHref?.(row);
         const rowCells = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", children: row.model }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { className: "text-ui-sm", children: row.model }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.input }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.output }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.cacheRead }),

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

@@ -1 +1 @@
-{"version":3,"file":"model-usage-cost-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/model-usage-cost-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';\nimport { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nexport interface ModelUsageCostCardViewProps {\n  rows: ModelUsageRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown for a row in the table. */\n  getRowHref?: (row: ModelUsageRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nexport function ModelUsageCostCardView({\n  rows,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: ModelUsageCostCardViewProps) {\n  const hasData = !!rows && rows.length > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Model Usage & Cost\" description=\"Token consumption by model.\" />\n        {hasData &&\n          (() => {\n            const totalCost = rows.reduce((sum, r) => sum + (r.cost ?? 0), 0);\n            const units = new Set<string>();\n            for (const row of rows) {\n              if (row.cost != null && row.costUnit) {\n                units.add(row.costUnit);\n              }\n            }\n            let value: string;\n            if (units.size === 0) {\n              value = totalCost > 0 ? formatCost(totalCost) : '—';\n            } else if (units.size === 1) {\n              value = totalCost > 0 ? formatCost(totalCost, [...units][0]) : '—';\n            } else {\n              value = 'Mixed';\n            }\n            return <MetricsCard.Summary value={value} label=\"Total cost\" />;\n          })()}\n        {actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load model usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No model usage data yet\" />\n          ) : (\n            <DataList columns=\"auto auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n              <DataList.Top>\n                <DataList.TopCell sticky=\"start\">Model</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Input</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Output</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Read</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Write</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n              </DataList.Top>\n              {rows.map(row => {\n                const href = getRowHref?.(row);\n                const rowCells = (\n                  <>\n                    <DataList.RowHeaderCell height=\"compact\" className=\"text-ui-sm\">\n                      {row.model}\n                    </DataList.RowHeaderCell>\n                    <DataList.NumberCell>{row.input}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.output}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheRead}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheWrite}</DataList.NumberCell>\n                    <DataList.NumberCell highlight>\n                      {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                    </DataList.NumberCell>\n                  </>\n                );\n\n                return href ? (\n                  <DataList.RowLink key={row.model} to={href} LinkComponent={LinkComponent}>\n                    {rowCells}\n                  </DataList.RowLink>\n                ) : (\n                  <DataList.RowStatic key={row.model}>{rowCells}</DataList.RowStatic>\n                );\n              })}\n            </DataList>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["MetricsCard","jsxs","jsx","formatCost","DataList","METRICS_DATA_LIST_PROPS","Fragment"],"mappings":";;;;;;;;;AAmBO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAgC;AAC9B,EAAA,MAAM,OAAA,GAAU,CAAC,CAAC,IAAA,IAAQ,KAAK,MAAA,GAAS,CAAA;AAExC,EAAA,uCACGA,uBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAACD,uBAAA,CAAY,QAAZ,EACC,QAAA,EAAA;AAAA,sBAAAE,cAAA,CAACF,wBAAY,mBAAA,EAAZ,EAAgC,KAAA,EAAM,oBAAA,EAAqB,aAAY,6BAAA,EAA8B,CAAA;AAAA,MACrG,YACE,MAAM;AACL,QAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAK,MAAM,GAAA,IAAO,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAA,EAAI,CAAC,CAAA;AAChE,QAAA,MAAM,KAAA,uBAAY,GAAA,EAAY;AAC9B,QAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,UAAA,IAAI,GAAA,CAAI,IAAA,IAAQ,IAAA,IAAQ,GAAA,CAAI,QAAA,EAAU;AACpC,YAAA,KAAA,CAAM,GAAA,CAAI,IAAI,QAAQ,CAAA;AAAA,UACxB;AAAA,QACF;AACA,QAAA,IAAI,KAAA;AACJ,QAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,UAAA,KAAA,GAAQ,SAAA,GAAY,CAAA,GAAIG,kDAAA,CAAW,SAAS,CAAA,GAAI,GAAA;AAAA,QAClD,CAAA,MAAA,IAAW,KAAA,CAAM,IAAA,KAAS,CAAA,EAAG;AAC3B,UAAA,KAAA,GAAQ,SAAA,GAAY,CAAA,GAAIA,kDAAA,CAAW,SAAA,EAAW,CAAC,GAAG,KAAK,CAAA,CAAE,CAAC,CAAC,CAAA,GAAI,GAAA;AAAA,QACjE,CAAA,MAAO;AACL,UAAA,KAAA,GAAQ,OAAA;AAAA,QACV;AACA,QAAA,sCAAQH,uBAAA,CAAY,OAAA,EAAZ,EAAoB,KAAA,EAAc,OAAM,YAAA,EAAa,CAAA;AAAA,MAC/D,CAAA,GAAG;AAAA,MACJ,0BAAUE,cAAA,CAACF,uBAAA,CAAY,OAAA,EAAZ,EAAqB,mBAAQ,CAAA,GAAyB;AAAA,KAAA,EACpE,CAAA;AAAA,IACC,SAAA,mBACCE,cAAA,CAACF,uBAAA,CAAY,OAAA,EAAZ,EAAoB,CAAA,GACnB,OAAA,mBACFE,cAAA,CAACF,uBAAA,CAAY,KAAA,EAAZ,EAAkB,OAAA,EAAQ,iCAAA,EAAkC,oBAE7DE,cAAA,CAACF,uBAAA,CAAY,OAAA,EAAZ,EACE,QAAA,EAAA,CAAC,OAAA,mBACAE,cAAA,CAACF,uBAAA,CAAY,QAAZ,EAAmB,OAAA,EAAQ,yBAAA,EAA0B,CAAA,mBAEtDC,eAAA,CAACG,iBAAA,EAAA,EAAS,OAAA,EAAQ,+BAAA,EAAiC,GAAGC,+DAAA,EACpD,QAAA,EAAA;AAAA,sBAAAJ,eAAA,CAACG,iBAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAACE,iBAAA,CAAS,OAAA,EAAT,EAAiB,MAAA,EAAO,SAAQ,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,uCACrCA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,uCACzDA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,uCAC1DA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,uCAC9DA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,uCAC/DA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,MAAA,EAAI;AAAA,OAAA,EAC3D,CAAA;AAAA,MACC,IAAA,CAAK,IAAI,CAAA,GAAA,KAAO;AACf,QAAA,MAAM,IAAA,GAAO,aAAa,GAAG,CAAA;AAC7B,QAAA,MAAM,2BACJH,eAAA,CAAAK,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACE,iBAAA,CAAS,eAAT,EAAuB,MAAA,EAAO,WAAU,SAAA,EAAU,YAAA,EAChD,cAAI,KAAA,EACP,CAAA;AAAA,0BACAF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,KAAA,EAAM,CAAA;AAAA,0BAChCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,MAAA,EAAO,CAAA;AAAA,0BACjCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,SAAA,EAAU,CAAA;AAAA,0BACpCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,UAAA,EAAW,CAAA;AAAA,0BACrCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAoB,WAAS,IAAA,EAC3B,QAAA,EAAA,GAAA,CAAI,IAAA,IAAQ,IAAA,GAAOD,mDAAW,GAAA,CAAI,IAAA,EAAM,GAAA,CAAI,QAAQ,IAAI,GAAA,EAC3D;AAAA,SAAA,EACF,CAAA;AAGF,QAAA,OAAO,uBACLD,cAAA,CAACE,iBAAA,CAAS,SAAT,EAAiC,EAAA,EAAI,MAAM,aAAA,EACzC,QAAA,EAAA,QAAA,EAAA,EADoB,GAAA,CAAI,KAE3B,oBAEAF,cAAA,CAACE,iBAAA,CAAS,WAAT,EAAoC,QAAA,EAAA,QAAA,EAAA,EAAZ,IAAI,KAAiB,CAAA;AAAA,MAElD,CAAC;AAAA,KAAA,EACH,CAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"model-usage-cost-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/model-usage-cost-card-view.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\nimport { MetricsCard } from '../../../ds/components/MetricsCard/metrics-card';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport type { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';\nimport { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nexport interface ModelUsageCostCardViewProps {\n  rows: ModelUsageRow[] | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  /** Optional drilldown for a row in the table. */\n  getRowHref?: (row: ModelUsageRow) => string | undefined;\n  /** Optional slot for top-bar action buttons. */\n  actions?: ReactNode;\n  /** Override how drilldown links are rendered. Defaults to `<a>`. */\n  LinkComponent?: LinkComponent;\n}\n\nexport function ModelUsageCostCardView({\n  rows,\n  isLoading,\n  isError,\n  getRowHref,\n  actions,\n  LinkComponent,\n}: ModelUsageCostCardViewProps) {\n  const hasData = !!rows && rows.length > 0;\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Model Usage & Cost\" description=\"Token consumption by model.\" />\n        {hasData &&\n          (() => {\n            const totalCost = rows.reduce((sum, r) => sum + (r.cost ?? 0), 0);\n            const units = new Set<string>();\n            for (const row of rows) {\n              if (row.cost != null && row.costUnit) {\n                units.add(row.costUnit);\n              }\n            }\n            let value: string;\n            if (units.size === 0) {\n              value = totalCost > 0 ? formatCost(totalCost) : '—';\n            } else if (units.size === 1) {\n              value = totalCost > 0 ? formatCost(totalCost, [...units][0]) : '—';\n            } else {\n              value = 'Mixed';\n            }\n            return <MetricsCard.Summary value={value} label=\"Total cost\" />;\n          })()}\n        {actions ? <MetricsCard.Actions>{actions}</MetricsCard.Actions> : null}\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load model usage data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No model usage data yet\" />\n          ) : (\n            <DataList columns=\"auto auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n              <DataList.Top>\n                <DataList.TopCell sticky=\"start\">Model</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Input</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Output</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Read</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cache Write</DataList.TopCell>\n                <DataList.TopCell className=\"justify-end text-right\">Cost</DataList.TopCell>\n              </DataList.Top>\n              {rows.map(row => {\n                const href = getRowHref?.(row);\n                const rowCells = (\n                  <>\n                    <DataList.RowHeaderCell className=\"text-ui-sm\">{row.model}</DataList.RowHeaderCell>\n                    <DataList.NumberCell>{row.input}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.output}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheRead}</DataList.NumberCell>\n                    <DataList.NumberCell>{row.cacheWrite}</DataList.NumberCell>\n                    <DataList.NumberCell highlight>\n                      {row.cost != null ? formatCost(row.cost, row.costUnit) : '—'}\n                    </DataList.NumberCell>\n                  </>\n                );\n\n                return href ? (\n                  <DataList.RowLink key={row.model} to={href} LinkComponent={LinkComponent}>\n                    {rowCells}\n                  </DataList.RowLink>\n                ) : (\n                  <DataList.RowStatic key={row.model}>{rowCells}</DataList.RowStatic>\n                );\n              })}\n            </DataList>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["MetricsCard","jsxs","jsx","formatCost","DataList","METRICS_DATA_LIST_PROPS","Fragment"],"mappings":";;;;;;;;;AAmBO,SAAS,sBAAA,CAAuB;AAAA,EACrC,IAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAgC;AAC9B,EAAA,MAAM,OAAA,GAAU,CAAC,CAAC,IAAA,IAAQ,KAAK,MAAA,GAAS,CAAA;AAExC,EAAA,uCACGA,uBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAACD,uBAAA,CAAY,QAAZ,EACC,QAAA,EAAA;AAAA,sBAAAE,cAAA,CAACF,wBAAY,mBAAA,EAAZ,EAAgC,KAAA,EAAM,oBAAA,EAAqB,aAAY,6BAAA,EAA8B,CAAA;AAAA,MACrG,YACE,MAAM;AACL,QAAA,MAAM,SAAA,GAAY,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAK,MAAM,GAAA,IAAO,CAAA,CAAE,IAAA,IAAQ,CAAA,CAAA,EAAI,CAAC,CAAA;AAChE,QAAA,MAAM,KAAA,uBAAY,GAAA,EAAY;AAC9B,QAAA,KAAA,MAAW,OAAO,IAAA,EAAM;AACtB,UAAA,IAAI,GAAA,CAAI,IAAA,IAAQ,IAAA,IAAQ,GAAA,CAAI,QAAA,EAAU;AACpC,YAAA,KAAA,CAAM,GAAA,CAAI,IAAI,QAAQ,CAAA;AAAA,UACxB;AAAA,QACF;AACA,QAAA,IAAI,KAAA;AACJ,QAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,UAAA,KAAA,GAAQ,SAAA,GAAY,CAAA,GAAIG,kDAAA,CAAW,SAAS,CAAA,GAAI,GAAA;AAAA,QAClD,CAAA,MAAA,IAAW,KAAA,CAAM,IAAA,KAAS,CAAA,EAAG;AAC3B,UAAA,KAAA,GAAQ,SAAA,GAAY,CAAA,GAAIA,kDAAA,CAAW,SAAA,EAAW,CAAC,GAAG,KAAK,CAAA,CAAE,CAAC,CAAC,CAAA,GAAI,GAAA;AAAA,QACjE,CAAA,MAAO;AACL,UAAA,KAAA,GAAQ,OAAA;AAAA,QACV;AACA,QAAA,sCAAQH,uBAAA,CAAY,OAAA,EAAZ,EAAoB,KAAA,EAAc,OAAM,YAAA,EAAa,CAAA;AAAA,MAC/D,CAAA,GAAG;AAAA,MACJ,0BAAUE,cAAA,CAACF,uBAAA,CAAY,OAAA,EAAZ,EAAqB,mBAAQ,CAAA,GAAyB;AAAA,KAAA,EACpE,CAAA;AAAA,IACC,SAAA,mBACCE,cAAA,CAACF,uBAAA,CAAY,OAAA,EAAZ,EAAoB,CAAA,GACnB,OAAA,mBACFE,cAAA,CAACF,uBAAA,CAAY,KAAA,EAAZ,EAAkB,OAAA,EAAQ,iCAAA,EAAkC,oBAE7DE,cAAA,CAACF,uBAAA,CAAY,OAAA,EAAZ,EACE,QAAA,EAAA,CAAC,OAAA,mBACAE,cAAA,CAACF,uBAAA,CAAY,QAAZ,EAAmB,OAAA,EAAQ,yBAAA,EAA0B,CAAA,mBAEtDC,eAAA,CAACG,iBAAA,EAAA,EAAS,OAAA,EAAQ,+BAAA,EAAiC,GAAGC,+DAAA,EACpD,QAAA,EAAA;AAAA,sBAAAJ,eAAA,CAACG,iBAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAACE,iBAAA,CAAS,OAAA,EAAT,EAAiB,MAAA,EAAO,SAAQ,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,uCACrCA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,uCACzDA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,uCAC1DA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,uCAC9DA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,uCAC/DA,iBAAA,CAAS,OAAA,EAAT,EAAiB,SAAA,EAAU,0BAAyB,QAAA,EAAA,MAAA,EAAI;AAAA,OAAA,EAC3D,CAAA;AAAA,MACC,IAAA,CAAK,IAAI,CAAA,GAAA,KAAO;AACf,QAAA,MAAM,IAAA,GAAO,aAAa,GAAG,CAAA;AAC7B,QAAA,MAAM,2BACJH,eAAA,CAAAK,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAJ,cAAA,CAACE,kBAAS,aAAA,EAAT,EAAuB,SAAA,EAAU,YAAA,EAAc,cAAI,KAAA,EAAM,CAAA;AAAA,0BAC1DF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,KAAA,EAAM,CAAA;AAAA,0BAChCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,MAAA,EAAO,CAAA;AAAA,0BACjCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,SAAA,EAAU,CAAA;AAAA,0BACpCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAqB,cAAI,UAAA,EAAW,CAAA;AAAA,0BACrCF,cAAA,CAACE,iBAAA,CAAS,UAAA,EAAT,EAAoB,WAAS,IAAA,EAC3B,QAAA,EAAA,GAAA,CAAI,IAAA,IAAQ,IAAA,GAAOD,mDAAW,GAAA,CAAI,IAAA,EAAM,GAAA,CAAI,QAAQ,IAAI,GAAA,EAC3D;AAAA,SAAA,EACF,CAAA;AAGF,QAAA,OAAO,uBACLD,cAAA,CAACE,iBAAA,CAAS,SAAT,EAAiC,EAAA,EAAI,MAAM,aAAA,EACzC,QAAA,EAAA,QAAA,EAAA,EADoB,GAAA,CAAI,KAE3B,oBAEAF,cAAA,CAACE,iBAAA,CAAS,WAAT,EAAoC,QAAA,EAAA,QAAA,EAAA,EAAZ,IAAI,KAAiB,CAAA;AAAA,MAElD,CAAC;AAAA,KAAA,EACH,CAAA,EAEJ;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { D as DataList } from '../../../data-list-CfsEAR2E.js';
+import { D as DataList } from '../../../data-list-BOI8fRuk.js';
 import { M as MetricsCard } from '../../../metrics-card-C0lGcxb9.js';
 import { formatCost, METRICS_DATA_LIST_PROPS } from './metrics-utils.es.js';
 
@@ -47,7 +47,7 @@ function ModelUsageCostCardView({
       rows.map((row) => {
         const href = getRowHref?.(row);
         const rowCells = /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", children: row.model }),
+          /* @__PURE__ */ jsx(DataList.RowHeaderCell, { className: "text-ui-sm", children: row.model }),
           /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.input }),
           /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.output }),
           /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.cacheRead }),

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

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const dataList = require('../../../data-list-BK_lJxMN.cjs');
+const dataList = require('../../../data-list-CCacNODd.cjs');
 const metricsCard = require('../../../metrics-card-DmbKNY3U.cjs');
 const metricsLineChart = require('../../../metrics-line-chart-j6C2H3K1.cjs');
 const tabsContent = require('../../../tabs-content-wBU5qmb6.cjs');
@@ -51,7 +51,7 @@ function ScoresCardView({ data, isLoading, isError }) {
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { className: "justify-end text-right", children: "Count" })
         ] }),
         data.summaryData.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.RowStatic, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", children: row.scorer }),
+          /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowHeaderCell, { className: "text-ui-sm", children: row.scorer }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { highlight: true, children: row.avg.toFixed(2) }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.min.toFixed(2) }),
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: row.max.toFixed(2) }),

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

@@ -1 +1 @@
-{"version":3,"file":"scores-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/scores-card-view.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\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 { ScorerSummary, ScoresOverTimePoint } from '../hooks/use-scores-metrics';\nimport { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nconst SERIES_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.blue,\n  CHART_COLORS.purple,\n  CHART_COLORS.orange,\n  CHART_COLORS.pink,\n  CHART_COLORS.yellow,\n] as const;\n\nexport interface ScoresCardViewProps {\n  data:\n    | {\n        summaryData: ScorerSummary[];\n        overTimeData: ScoresOverTimePoint[];\n        scorerNames: string[];\n        avgScore: number | null;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n}\n\nexport function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps) {\n  const hasData = !!data && (data.summaryData.length > 0 || data.overTimeData.length > 0);\n\n  const series = useMemo(() => {\n    if (!data?.scorerNames) return [];\n    return data.scorerNames.map((name, i) => ({\n      dataKey: name,\n      label: name,\n      color: SERIES_COLORS[i % SERIES_COLORS.length] ?? SERIES_COLORS[0],\n      aggregate: (points: Record<string, unknown>[]) => ({\n        value:\n          points.length > 0\n            ? (points.reduce((s, d) => s + ((d[name] as number) ?? 0), 0) / points.length).toFixed(2)\n            : '0',\n        suffix: 'avg',\n      }),\n    }));\n  }, [data?.scorerNames]);\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Scores\" description=\"Evaluation scorer performance.\" />\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load scores data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No scores data yet\" />\n          ) : (\n            <Tabs defaultTab=\"over-time\" className=\"overflow-visible\">\n              <TabList>\n                <Tab value=\"over-time\">Over Time</Tab>\n                <Tab value=\"summary\">Summary</Tab>\n              </TabList>\n              <TabContent value=\"over-time\" className=\"pb-0\">\n                {data.overTimeData.length > 0 ? (\n                  <MetricsLineChart data={data.overTimeData} series={series} yDomain={[0, 1]} />\n                ) : (\n                  <MetricsCard.NoData message=\"No time series data yet\" />\n                )}\n              </TabContent>\n              <TabContent value=\"summary\">\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Scorer</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Avg</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Min</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Max</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Count</DataList.TopCell>\n                  </DataList.Top>\n                  {data.summaryData.map(row => (\n                    <DataList.RowStatic key={row.scorer}>\n                      <DataList.RowHeaderCell height=\"compact\" className=\"text-ui-sm\">\n                        {row.scorer}\n                      </DataList.RowHeaderCell>\n                      <DataList.NumberCell highlight>{row.avg.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.min.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.max.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.count.toLocaleString()}</DataList.NumberCell>\n                    </DataList.RowStatic>\n                  ))}\n                </DataList>\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","useMemo","MetricsCard","jsx","jsxs","Tabs","TabList","Tab","TabContent","MetricsLineChart","DataList","METRICS_DATA_LIST_PROPS"],"mappings":"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"}
+{"version":3,"file":"scores-card-view.cjs.js","sources":["../../../../src/domains/metrics/components/scores-card-view.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\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 { ScorerSummary, ScoresOverTimePoint } from '../hooks/use-scores-metrics';\nimport { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nconst SERIES_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.blue,\n  CHART_COLORS.purple,\n  CHART_COLORS.orange,\n  CHART_COLORS.pink,\n  CHART_COLORS.yellow,\n] as const;\n\nexport interface ScoresCardViewProps {\n  data:\n    | {\n        summaryData: ScorerSummary[];\n        overTimeData: ScoresOverTimePoint[];\n        scorerNames: string[];\n        avgScore: number | null;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n}\n\nexport function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps) {\n  const hasData = !!data && (data.summaryData.length > 0 || data.overTimeData.length > 0);\n\n  const series = useMemo(() => {\n    if (!data?.scorerNames) return [];\n    return data.scorerNames.map((name, i) => ({\n      dataKey: name,\n      label: name,\n      color: SERIES_COLORS[i % SERIES_COLORS.length] ?? SERIES_COLORS[0],\n      aggregate: (points: Record<string, unknown>[]) => ({\n        value:\n          points.length > 0\n            ? (points.reduce((s, d) => s + ((d[name] as number) ?? 0), 0) / points.length).toFixed(2)\n            : '0',\n        suffix: 'avg',\n      }),\n    }));\n  }, [data?.scorerNames]);\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Scores\" description=\"Evaluation scorer performance.\" />\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load scores data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No scores data yet\" />\n          ) : (\n            <Tabs defaultTab=\"over-time\" className=\"overflow-visible\">\n              <TabList>\n                <Tab value=\"over-time\">Over Time</Tab>\n                <Tab value=\"summary\">Summary</Tab>\n              </TabList>\n              <TabContent value=\"over-time\" className=\"pb-0\">\n                {data.overTimeData.length > 0 ? (\n                  <MetricsLineChart data={data.overTimeData} series={series} yDomain={[0, 1]} />\n                ) : (\n                  <MetricsCard.NoData message=\"No time series data yet\" />\n                )}\n              </TabContent>\n              <TabContent value=\"summary\">\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Scorer</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Avg</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Min</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Max</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Count</DataList.TopCell>\n                  </DataList.Top>\n                  {data.summaryData.map(row => (\n                    <DataList.RowStatic key={row.scorer}>\n                      <DataList.RowHeaderCell className=\"text-ui-sm\">{row.scorer}</DataList.RowHeaderCell>\n                      <DataList.NumberCell highlight>{row.avg.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.min.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.max.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.count.toLocaleString()}</DataList.NumberCell>\n                    </DataList.RowStatic>\n                  ))}\n                </DataList>\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":["CHART_COLORS","useMemo","MetricsCard","jsx","jsxs","Tabs","TabList","Tab","TabContent","MetricsLineChart","DataList","METRICS_DATA_LIST_PROPS"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { D as DataList } from '../../../data-list-CfsEAR2E.js';
+import { D as DataList } from '../../../data-list-BOI8fRuk.js';
 import { M as MetricsCard } from '../../../metrics-card-C0lGcxb9.js';
 import { M as MetricsLineChart } from '../../../metrics-line-chart-DNCs_ZF3.js';
 import { T as TabContent } from '../../../tabs-content-XUh680fO.js';
@@ -47,7 +47,7 @@ function ScoresCardView({ data, isLoading, isError }) {
           /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end text-right", children: "Count" })
         ] }),
         data.summaryData.map((row) => /* @__PURE__ */ jsxs(DataList.RowStatic, { children: [
-          /* @__PURE__ */ jsx(DataList.RowHeaderCell, { height: "compact", className: "text-ui-sm", children: row.scorer }),
+          /* @__PURE__ */ jsx(DataList.RowHeaderCell, { className: "text-ui-sm", children: row.scorer }),
           /* @__PURE__ */ jsx(DataList.NumberCell, { highlight: true, children: row.avg.toFixed(2) }),
           /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.min.toFixed(2) }),
           /* @__PURE__ */ jsx(DataList.NumberCell, { children: row.max.toFixed(2) }),

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

@@ -1 +1 @@
-{"version":3,"file":"scores-card-view.es.js","sources":["../../../../src/domains/metrics/components/scores-card-view.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\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 { ScorerSummary, ScoresOverTimePoint } from '../hooks/use-scores-metrics';\nimport { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nconst SERIES_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.blue,\n  CHART_COLORS.purple,\n  CHART_COLORS.orange,\n  CHART_COLORS.pink,\n  CHART_COLORS.yellow,\n] as const;\n\nexport interface ScoresCardViewProps {\n  data:\n    | {\n        summaryData: ScorerSummary[];\n        overTimeData: ScoresOverTimePoint[];\n        scorerNames: string[];\n        avgScore: number | null;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n}\n\nexport function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps) {\n  const hasData = !!data && (data.summaryData.length > 0 || data.overTimeData.length > 0);\n\n  const series = useMemo(() => {\n    if (!data?.scorerNames) return [];\n    return data.scorerNames.map((name, i) => ({\n      dataKey: name,\n      label: name,\n      color: SERIES_COLORS[i % SERIES_COLORS.length] ?? SERIES_COLORS[0],\n      aggregate: (points: Record<string, unknown>[]) => ({\n        value:\n          points.length > 0\n            ? (points.reduce((s, d) => s + ((d[name] as number) ?? 0), 0) / points.length).toFixed(2)\n            : '0',\n        suffix: 'avg',\n      }),\n    }));\n  }, [data?.scorerNames]);\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Scores\" description=\"Evaluation scorer performance.\" />\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load scores data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No scores data yet\" />\n          ) : (\n            <Tabs defaultTab=\"over-time\" className=\"overflow-visible\">\n              <TabList>\n                <Tab value=\"over-time\">Over Time</Tab>\n                <Tab value=\"summary\">Summary</Tab>\n              </TabList>\n              <TabContent value=\"over-time\" className=\"pb-0\">\n                {data.overTimeData.length > 0 ? (\n                  <MetricsLineChart data={data.overTimeData} series={series} yDomain={[0, 1]} />\n                ) : (\n                  <MetricsCard.NoData message=\"No time series data yet\" />\n                )}\n              </TabContent>\n              <TabContent value=\"summary\">\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Scorer</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Avg</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Min</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Max</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Count</DataList.TopCell>\n                  </DataList.Top>\n                  {data.summaryData.map(row => (\n                    <DataList.RowStatic key={row.scorer}>\n                      <DataList.RowHeaderCell height=\"compact\" className=\"text-ui-sm\">\n                        {row.scorer}\n                      </DataList.RowHeaderCell>\n                      <DataList.NumberCell highlight>{row.avg.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.min.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.max.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.count.toLocaleString()}</DataList.NumberCell>\n                    </DataList.RowStatic>\n                  ))}\n                </DataList>\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"scores-card-view.es.js","sources":["../../../../src/domains/metrics/components/scores-card-view.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { DataList } from '../../../ds/components/DataList/data-list';\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 { ScorerSummary, ScoresOverTimePoint } from '../hooks/use-scores-metrics';\nimport { CHART_COLORS, METRICS_DATA_LIST_PROPS } from './metrics-utils';\n\nconst SERIES_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.blue,\n  CHART_COLORS.purple,\n  CHART_COLORS.orange,\n  CHART_COLORS.pink,\n  CHART_COLORS.yellow,\n] as const;\n\nexport interface ScoresCardViewProps {\n  data:\n    | {\n        summaryData: ScorerSummary[];\n        overTimeData: ScoresOverTimePoint[];\n        scorerNames: string[];\n        avgScore: number | null;\n      }\n    | undefined;\n  isLoading: boolean;\n  isError: boolean;\n}\n\nexport function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps) {\n  const hasData = !!data && (data.summaryData.length > 0 || data.overTimeData.length > 0);\n\n  const series = useMemo(() => {\n    if (!data?.scorerNames) return [];\n    return data.scorerNames.map((name, i) => ({\n      dataKey: name,\n      label: name,\n      color: SERIES_COLORS[i % SERIES_COLORS.length] ?? SERIES_COLORS[0],\n      aggregate: (points: Record<string, unknown>[]) => ({\n        value:\n          points.length > 0\n            ? (points.reduce((s, d) => s + ((d[name] as number) ?? 0), 0) / points.length).toFixed(2)\n            : '0',\n        suffix: 'avg',\n      }),\n    }));\n  }, [data?.scorerNames]);\n\n  return (\n    <MetricsCard>\n      <MetricsCard.TopBar>\n        <MetricsCard.TitleAndDescription title=\"Scores\" description=\"Evaluation scorer performance.\" />\n      </MetricsCard.TopBar>\n      {isLoading ? (\n        <MetricsCard.Loading />\n      ) : isError ? (\n        <MetricsCard.Error message=\"Failed to load scores data\" />\n      ) : (\n        <MetricsCard.Content>\n          {!hasData ? (\n            <MetricsCard.NoData message=\"No scores data yet\" />\n          ) : (\n            <Tabs defaultTab=\"over-time\" className=\"overflow-visible\">\n              <TabList>\n                <Tab value=\"over-time\">Over Time</Tab>\n                <Tab value=\"summary\">Summary</Tab>\n              </TabList>\n              <TabContent value=\"over-time\" className=\"pb-0\">\n                {data.overTimeData.length > 0 ? (\n                  <MetricsLineChart data={data.overTimeData} series={series} yDomain={[0, 1]} />\n                ) : (\n                  <MetricsCard.NoData message=\"No time series data yet\" />\n                )}\n              </TabContent>\n              <TabContent value=\"summary\">\n                <DataList columns=\"auto auto auto auto auto\" {...METRICS_DATA_LIST_PROPS}>\n                  <DataList.Top>\n                    <DataList.TopCell sticky=\"start\">Scorer</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Avg</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Min</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Max</DataList.TopCell>\n                    <DataList.TopCell className=\"justify-end text-right\">Count</DataList.TopCell>\n                  </DataList.Top>\n                  {data.summaryData.map(row => (\n                    <DataList.RowStatic key={row.scorer}>\n                      <DataList.RowHeaderCell className=\"text-ui-sm\">{row.scorer}</DataList.RowHeaderCell>\n                      <DataList.NumberCell highlight>{row.avg.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.min.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.max.toFixed(2)}</DataList.NumberCell>\n                      <DataList.NumberCell>{row.count.toLocaleString()}</DataList.NumberCell>\n                    </DataList.RowStatic>\n                  ))}\n                </DataList>\n              </TabContent>\n            </Tabs>\n          )}\n        </MetricsCard.Content>\n      )}\n    </MetricsCard>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -8,9 +8,9 @@ const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_metrics_components_metricsUtils = require('../../metrics/components/metrics-utils.cjs.js');
-const dataList = require('../../../data-list-BK_lJxMN.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-dVbplSiW.cjs');
-const tracesDataList = require('../../../traces-data-list-CyaLRi1n.cjs');
+const dataList = require('../../../data-list-CCacNODd.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-BHBSIQHN.cjs');
+const tracesDataList = require('../../../traces-data-list-BLZgf-Es.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-k5D-WlNX.cjs');
 const utils_cn = require('../../../cn-vA5sWo9W.cjs');
 
@@ -117,7 +117,7 @@ function TracesListView({
               domains_traces_traceListColumns.hasTraceColumn(columnPreferences, "estimatedCost") && /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: usage?.estimatedCost === void 0 ? void 0 : domains_metrics_components_metricsUtils.formatCost(usage.estimatedCost, usage.costUnit) }),
               columnPreferences.metadataKeys.map((key) => {
                 const value = domains_traces_traceListColumns.formatTraceMetadataValue(trace.metadata, key);
-                return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.MonoCell, { children: value }, key);
+                return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TextCell, { font: "mono", children: value }, key);
               })
             ]
           },

package/dist/domains/traces/components/traces-list-view.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceUsageSummary } from '../trace-list-columns';\nimport { formatSpanDuration, getInputPreview } from '../utils/span-utils';\nimport { formatCompact, formatCost } from '@/domains/metrics/components/metrics-utils';\nimport { DataList, DataListSkeleton, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport { cn } from '@/lib/utils';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <DataListSkeleton columns={columns} />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList columns={columns} variant=\"striped\" scrollRef={scrollRef} className=\"min-w-0\">\n      <TracesDataList.Top>\n        <TracesDataList.TopCell>Date</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Time</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'entity') && <TracesDataList.TopCell>Entity</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const entityName = trace.entityName || trace.entityId;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.DateCell timestamp={displayDate} />\n                <TracesDataList.TimeCell timestamp={displayDate} />\n                <TracesDataList.NameCell\n                  name={trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'entity') && (\n                  <TracesDataList.EntityCell entityType={trace.entityType} entityName={entityName} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell>{formatSpanDuration(trace.startedAt, trace.endedAt)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompact(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompact(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return <DataList.MonoCell key={key}>{value}</DataList.MonoCell>;\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","useVirtualizer","useDataListKeyboard","useEffect","jsx","DataListSkeleton","TracesDataList","jsxs","hasTraceColumn","Fragment","cn","getInputPreview","DataList","formatSpanDuration","formatCompact","formatCost","formatTraceMetadataValue"],"mappings":"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"}
+{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceUsageSummary } from '../trace-list-columns';\nimport { formatSpanDuration, getInputPreview } from '../utils/span-utils';\nimport { formatCompact, formatCost } from '@/domains/metrics/components/metrics-utils';\nimport { DataList, DataListSkeleton, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport { cn } from '@/lib/utils';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <DataListSkeleton columns={columns} />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList columns={columns} variant=\"striped\" scrollRef={scrollRef} className=\"min-w-0\">\n      <TracesDataList.Top>\n        <TracesDataList.TopCell>Date</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Time</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'entity') && <TracesDataList.TopCell>Entity</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const entityName = trace.entityName || trace.entityId;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.DateCell timestamp={displayDate} />\n                <TracesDataList.TimeCell timestamp={displayDate} />\n                <TracesDataList.NameCell\n                  name={trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'entity') && (\n                  <TracesDataList.EntityCell entityType={trace.entityType} entityName={entityName} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell>{formatSpanDuration(trace.startedAt, trace.endedAt)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompact(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompact(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","useVirtualizer","useDataListKeyboard","useEffect","jsx","DataListSkeleton","TracesDataList","jsxs","hasTraceColumn","Fragment","cn","getInputPreview","DataList","formatSpanDuration","formatCompact","formatCost","formatTraceMetadataValue"],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAM,UAAA,GAAa,EAAA;AACnB,MAAM,QAAA,GAAW,CAAA;AAmCV,SAAS,cAAA,CAAe;AAAA,EAC7B,MAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,iBAAA,GAAoBA,gEAAA;AAAA,EACpB,cAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,SAAA,GAAYC,aAA8B,IAAI,CAAA;AACpD,EAAA,MAAM,OAAA,GAAUC,sDAAsB,iBAAiB,CAAA;AAEvD,EAAA,MAAM,cAAcC,2BAAA,CAAe;AAAA,IACjC,OAAO,MAAA,CAAO,MAAA;AAAA,IACd,gBAAA,EAAkB,MAAM,SAAA,CAAU,OAAA;AAAA,IAClC,cAAc,MAAM,UAAA;AAAA,IACpB,QAAA,EAAU;AAAA,GACX,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAY,GAAIC,uCAAA,CAAoB;AAAA,IAC1C,OAAO,MAAA,CAAO,MAAA;AAAA,IACd,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,CAAA,KAAA,KAAS,WAAA,CAAY,aAAA,CAAc,KAAK;AAAA,GACrD,CAAA;AAYD,EAAA,MAAM,aAAA,GAAgBH,aAAO,SAAS,CAAA;AACtC,EAAAI,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,CAAc,OAAA,IAAW,CAAC,SAAA,EAAW;AACvC,MAAA,SAAA,CAAU,OAAA,EAAS,aAAA,CAAc,IAAI,KAAA,CAAM,QAAQ,CAAC,CAAA;AAAA,IACtD;AACA,IAAA,aAAA,CAAc,OAAA,GAAU,SAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOC,cAAA,CAACC,qCAAiB,OAAA,EAAkB,CAAA;AAAA,EAC7C;AAEA,EAAA,MAAM,YAAA,GAAe,YAAY,eAAA,EAAgB;AACjD,EAAA,MAAM,SAAA,GAAY,YAAY,YAAA,EAAa;AAC3C,EAAA,MAAM,UAAA,GAAa,YAAA,CAAa,CAAC,CAAA,EAAG,KAAA,IAAS,CAAA;AAC7C,EAAA,MAAM,aAAA,GACJ,YAAA,CAAa,MAAA,GAAS,CAAA,GAAI,KAAK,GAAA,CAAI,CAAA,EAAG,SAAA,IAAa,YAAA,CAAa,aAAa,MAAA,GAAS,CAAC,CAAA,EAAG,GAAA,IAAO,EAAE,CAAA,GAAI,CAAA;AAEzG,EAAA,uCACGC,6BAAA,EAAA,EAAe,OAAA,EAAkB,SAAQ,SAAA,EAAU,SAAA,EAAsB,WAAU,SAAA,EAClF,QAAA,EAAA;AAAA,oBAAAC,eAAA,CAACD,6BAAA,CAAe,KAAf,EACC,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAACE,6BAAA,CAAe,OAAA,EAAf,EAAuB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBAC5BF,cAAA,CAACE,6BAAA,CAAe,OAAA,EAAf,EAAuB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBAC5BF,cAAA,CAACE,6BAAA,CAAe,OAAA,EAAf,EAAuB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,MAC3BE,8CAAA,CAAe,mBAAmB,OAAO,CAAA,mCAAMF,6BAAA,CAAe,OAAA,EAAf,EAAuB,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,MAC3EE,8CAAA,CAAe,mBAAmB,QAAQ,CAAA,mCAAMF,6BAAA,CAAe,OAAA,EAAf,EAAuB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBAC9EF,cAAA,CAACE,6BAAA,CAAe,OAAA,EAAf,EAAuB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,MAC7BE,8CAAA,CAAe,iBAAA,EAAmB,UAAU,CAAA,oBAC3CJ,cAAA,CAACE,8BAAe,OAAA,EAAf,EAAuB,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,UAAA,EAAQ,CAAA;AAAA,MAEpEE,8CAAA,CAAe,iBAAA,EAAmB,aAAa,CAAA,oBAC9CJ,cAAA,CAACE,8BAAe,OAAA,EAAf,EAAuB,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,MAExEE,8CAAA,CAAe,iBAAA,EAAmB,cAAc,CAAA,oBAC/CJ,cAAA,CAACE,8BAAe,OAAA,EAAf,EAAuB,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,eAAA,EAAa,CAAA;AAAA,MAEzEE,8CAAA,CAAe,iBAAA,EAAmB,eAAe,CAAA,oBAChDJ,cAAA,CAACE,8BAAe,OAAA,EAAf,EAAuB,SAAA,EAAU,wBAAA,EAAyB,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,MAErE,iBAAA,CAAkB,YAAA,CAAa,GAAA,CAAI,CAAA,GAAA,qBAClCF,cAAA,CAACE,6BAAA,CAAe,kBAAA,EAAf,EAA4C,OAAA,EAAS,GAAA,EACnD,QAAA,EAAA,GAAA,EAAA,EADqC,GAExC,CACD;AAAA,KAAA,EACH,CAAA;AAAA,IAEC,MAAA,CAAO,WAAW,CAAA,mBACjBF,cAAA;AAAA,MAACE,6BAAA,CAAe,OAAA;AAAA,MAAf;AAAA,QACC,OAAA,EAAS,iBAAiB,qCAAA,GAAwC;AAAA;AAAA,wBAGpEC,eAAA,CAAAE,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAACE,6BAAA,CAAe,MAAA,EAAf,EAAsB,MAAA,EAAQ,UAAA,EAAY,CAAA;AAAA,MAC1C,YAAA,CAAa,IAAI,CAAA,EAAA,KAAM;AACtB,QAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,EAAA,CAAG,KAAK,CAAA;AAC7B,QAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AAEnB,QAAA,MAAM,aACJ,KAAA,CAAM,OAAA,KAAY,oBAAoB,cAAA,IAAkB,IAAA,IAAQ,MAAM,MAAA,KAAW,cAAA,CAAA;AACnF,QAAA,MAAM,SAAS,CAAA,EAAG,KAAA,CAAM,OAAO,CAAA,CAAA,EAAI,KAAA,CAAM,UAAU,EAAE,CAAA,CAAA;AACrD,QAAA,MAAM,eAAA,GAAkB,iBAAA,EAAmB,GAAA,CAAI,MAAM,CAAA,IAAK,KAAA;AAC1D,QAAA,MAAM,WAAA,GAAc,KAAA,CAAM,SAAA,IAAa,KAAA,CAAM,SAAA;AAC7C,QAAA,MAAM,UAAA,GAAa,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,QAAA;AAC7C,QAAA,MAAM,KAAA,GAAQ,cAAA,EAAgB,GAAA,CAAI,KAAA,CAAM,OAAO,CAAA;AAE/C,QAAA,uBACEC,eAAA;AAAA,UAACD,6BAAA,CAAe,SAAA;AAAA,UAAf;AAAA,YAEC,KAAK,WAAA,CAAY,cAAA;AAAA,YACjB,cAAY,EAAA,CAAG,KAAA;AAAA,YACd,GAAG,WAAA,CAAY,EAAA,CAAG,KAAK,CAAA;AAAA,YACxB,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,YACjC,QAAA,EAAU,UAAA;AAAA,YACV,SAAA,EAAWI,WAAA,CAAG,eAAA,IAAmB,uBAAuB,CAAA;AAAA,YAExD,QAAA,EAAA;AAAA,8BAAAN,cAAA,CAACE,6BAAA,CAAe,QAAA,EAAf,EAAwB,SAAA,EAAW,WAAA,EAAa,CAAA;AAAA,8BACjDF,cAAA,CAACE,6BAAA,CAAe,QAAA,EAAf,EAAwB,WAAW,WAAA,EAAa,CAAA;AAAA,8BACjDF,cAAA;AAAA,gBAACE,6BAAA,CAAe,QAAA;AAAA,gBAAf;AAAA,kBACC,MAAM,KAAA,CAAM,IAAA;AAAA,kBACZ,cAAc,KAAA,CAAM,YAAA;AAAA,kBACpB,gBAAA,EAAkB;AAAA;AAAA,eACpB;AAAA,cACCE,8CAAA,CAAe,iBAAA,EAAmB,OAAO,CAAA,mCACvCF,6BAAA,CAAe,SAAA,EAAf,EAAyB,KAAA,EAAO,KAAA,CAAM,YAAA,IAAgBK,8CAAA,CAAgB,KAAA,CAAM,KAAK,CAAA,EAAG,CAAA;AAAA,cAEtFH,8CAAA,CAAe,iBAAA,EAAmB,QAAQ,CAAA,oBACzCJ,cAAA,CAACE,6BAAA,CAAe,UAAA,EAAf,EAA0B,UAAA,EAAY,KAAA,CAAM,UAAA,EAAY,UAAA,EAAwB,CAAA;AAAA,6CAElFA,6BAAA,CAAe,UAAA,EAAf,EAA0B,MAAA,EAAQ,MAAM,MAAA,EAAQ,CAAA;AAAA,cAChDE,8CAAA,CAAe,iBAAA,EAAmB,UAAU,CAAA,oBAC3CJ,cAAA,CAACQ,iBAAA,CAAS,UAAA,EAAT,EAAqB,QAAA,EAAAC,iDAAA,CAAmB,KAAA,CAAM,SAAA,EAAW,KAAA,CAAM,OAAO,CAAA,EAAE,CAAA;AAAA,cAE1EL,8CAAA,CAAe,iBAAA,EAAmB,aAAa,CAAA,mCAC7CI,iBAAA,CAAS,UAAA,EAAT,EACE,QAAA,EAAA,KAAA,EAAO,gBAAgB,MAAA,GAAY,MAAA,GAAYE,qDAAA,CAAc,KAAA,CAAM,WAAW,CAAA,EACjF,CAAA;AAAA,cAEDN,8CAAA,CAAe,iBAAA,EAAmB,cAAc,CAAA,mCAC9CI,iBAAA,CAAS,UAAA,EAAT,EACE,QAAA,EAAA,KAAA,EAAO,iBAAiB,MAAA,GAAY,MAAA,GAAYE,qDAAA,CAAc,KAAA,CAAM,YAAY,CAAA,EACnF,CAAA;AAAA,cAEDN,+CAAe,iBAAA,EAAmB,eAAe,CAAA,oBAChDJ,cAAA,CAACQ,kBAAS,UAAA,EAAT,EACE,QAAA,EAAA,KAAA,EAAO,aAAA,KAAkB,SAAY,MAAA,GAAYG,kDAAA,CAAW,MAAM,aAAA,EAAe,KAAA,CAAM,QAAQ,CAAA,EAClG,CAAA;AAAA,cAED,iBAAA,CAAkB,YAAA,CAAa,GAAA,CAAI,CAAA,GAAA,KAAO;AACzC,gBAAA,MAAM,KAAA,GAAQC,wDAAA,CAAyB,KAAA,CAAM,QAAA,EAAU,GAAG,CAAA;AAC1D,gBAAA,sCACGJ,iBAAA,CAAS,QAAA,EAAT,EAAkB,IAAA,EAAK,MAAA,EACrB,mBADiC,GAEpC,CAAA;AAAA,cAEJ,CAAC;AAAA;AAAA,WAAA;AAAA,UA/CI;AAAA,SAgDP;AAAA,MAEJ,CAAC,CAAA;AAAA,sBACDR,cAAA,CAACE,6BAAA,CAAe,MAAA,EAAf,EAAsB,QAAQ,aAAA,EAAe,CAAA;AAAA,sBAC9CF,cAAA;AAAA,QAACE,6BAAA,CAAe,eAAA;AAAA,QAAf;AAAA,UACC,SAAA,EAAW,kBAAA;AAAA,UACX,OAAA,EAAS,WAAA;AAAA,UACT;AAAA;AAAA;AACF,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -4,9 +4,9 @@ import { useRef, useEffect } from 'react';
 import { buildTraceListColumns, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, formatSpanDuration } from '../utils/span-utils.es.js';
 import { formatCompact, formatCost } from '../../metrics/components/metrics-utils.es.js';
-import { D as DataList } from '../../../data-list-CfsEAR2E.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-DQp3KwVO.js';
-import { T as TracesDataList } from '../../../traces-data-list-BURMAmFH.js';
+import { D as DataList } from '../../../data-list-BOI8fRuk.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-DDO_OE14.js';
+import { T as TracesDataList } from '../../../traces-data-list-DmXGwe4Q.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-BzZmvqE_.js';
 import { c as cn } from '../../../cn-BakJzhuv.js';
 
@@ -113,7 +113,7 @@ function TracesListView({
               hasTraceColumn(columnPreferences, "estimatedCost") && /* @__PURE__ */ jsx(DataList.NumberCell, { children: usage?.estimatedCost === void 0 ? void 0 : formatCost(usage.estimatedCost, usage.costUnit) }),
               columnPreferences.metadataKeys.map((key) => {
                 const value = formatTraceMetadataValue(trace.metadata, key);
-                return /* @__PURE__ */ jsx(DataList.MonoCell, { children: value }, key);
+                return /* @__PURE__ */ jsx(DataList.TextCell, { font: "mono", children: value }, key);
               })
             ]
           },

package/dist/domains/traces/components/traces-list-view.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.es.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceUsageSummary } from '../trace-list-columns';\nimport { formatSpanDuration, getInputPreview } from '../utils/span-utils';\nimport { formatCompact, formatCost } from '@/domains/metrics/components/metrics-utils';\nimport { DataList, DataListSkeleton, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport { cn } from '@/lib/utils';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <DataListSkeleton columns={columns} />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList columns={columns} variant=\"striped\" scrollRef={scrollRef} className=\"min-w-0\">\n      <TracesDataList.Top>\n        <TracesDataList.TopCell>Date</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Time</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'entity') && <TracesDataList.TopCell>Entity</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const entityName = trace.entityName || trace.entityId;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.DateCell timestamp={displayDate} />\n                <TracesDataList.TimeCell timestamp={displayDate} />\n                <TracesDataList.NameCell\n                  name={trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'entity') && (\n                  <TracesDataList.EntityCell entityType={trace.entityType} entityName={entityName} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell>{formatSpanDuration(trace.startedAt, trace.endedAt)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompact(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompact(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return <DataList.MonoCell key={key}>{value}</DataList.MonoCell>;\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"traces-list-view.es.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { useEffect, useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceUsageSummary } from '../trace-list-columns';\nimport { formatSpanDuration, getInputPreview } from '../utils/span-utils';\nimport { formatCompact, formatCost } from '@/domains/metrics/components/metrics-utils';\nimport { DataList, DataListSkeleton, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport { cn } from '@/lib/utils';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n  });\n\n  // Reset scroll to top whenever a fresh query resolves (filter / date range change).\n  // `isLoading` only flips on initial fetches — `fetchNextPage` keeps it `false`, so this\n  // effect doesn't fire during pagination.\n  //\n  // Why the manual scroll event: when the skeleton-vs-list branch swaps in the new scroll\n  // container, it mounts at `scrollTop = 0`. The virtualizer rebinds its listener but\n  // doesn't re-read `scrollTop`, so it keeps the stale `scrollOffset` from the previous\n  // element. `scrollToOffset(0)` no-ops because the new element is already at 0 (no scroll\n  // event fires). Dispatching a synthetic `scroll` forces the virtualizer's handler to\n  // read the fresh `scrollTop` and recompute `virtualItems` with `paddingTop = 0`.\n  const wasLoadingRef = useRef(isLoading);\n  useEffect(() => {\n    if (wasLoadingRef.current && !isLoading) {\n      scrollRef.current?.dispatchEvent(new Event('scroll'));\n    }\n    wasLoadingRef.current = isLoading;\n  }, [isLoading]);\n\n  if (isLoading) {\n    return <DataListSkeleton columns={columns} />;\n  }\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList columns={columns} variant=\"striped\" scrollRef={scrollRef} className=\"min-w-0\">\n      <TracesDataList.Top>\n        <TracesDataList.TopCell>Date</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Time</TracesDataList.TopCell>\n        <TracesDataList.TopCell>Name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'entity') && <TracesDataList.TopCell>Entity</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const entityName = trace.entityName || trace.entityId;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.DateCell timestamp={displayDate} />\n                <TracesDataList.TimeCell timestamp={displayDate} />\n                <TracesDataList.NameCell\n                  name={trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                {hasTraceColumn(columnPreferences, 'entity') && (\n                  <TracesDataList.EntityCell entityType={trace.entityType} entityName={entityName} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell>{formatSpanDuration(trace.startedAt, trace.endedAt)}</DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompact(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompact(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-DA5XLUon.cjs');
-const dataList = require('../../../data-list-BK_lJxMN.cjs');
+const dataList = require('../../../data-list-CCacNODd.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-k5D-WlNX.cjs');
 const inputGroup = require('../../../input-group-4EQi2l7H.cjs');