@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

package/dist/domains/dashboards/kinds/scores/scores-widget.cjs.js

@@ -5,14 +5,11 @@ const require_domains_metrics_components_chart_card_error = require("../../../me
 const require_domains_metrics_lib_chart_axis = require("../../../metrics/lib/chart-axis.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("../../../metrics/lib/chart-colors.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
-const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
 const require_domains_dashboards_components_widget_chrome = require("../../components/widget-chrome.cjs.js");
-const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
-const require_domains_dashboards_hooks_use_scorers = require("../../hooks/use-scorers.cjs.js");
+const require_domains_dashboards_lib_alert_actions = require("../../lib/alert-actions.cjs.js");
 const require_domains_dashboards_lib_chrome = require("../../lib/chrome.cjs.js");
 const require_domains_dashboards_lib_format = require("../../lib/format.cjs.js");
 const require_domains_dashboards_lib_pin_actions = require("../../lib/pin-actions.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
 const require_domains_dashboards_lib_scores = require("../../lib/scores.cjs.js");
 const require_MetricsLineChart = require("../../../../MetricsLineChart-BnY9JKzc.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -25,50 +22,46 @@ var SCORER_COLORS = [
 	require_domains_metrics_lib_chart_colors.CHART_COLORS.teal,
 	require_domains_metrics_lib_chart_colors.CHART_COLORS.indigo
 ];
-function ScoresWidget({ widget, views, expand, dragHandle, pin }) {
+function ScoresWidget({ widget, views, gate, discovered, results, onRetry, expand, dragHandle, pin, alert }) {
 	const [view] = views;
 	const heading = {
 		...require_domains_dashboards_lib_chrome.viewTitle(widget, [view], 0, () => {}, expand),
 		dragHandle,
 		...require_domains_dashboards_lib_pin_actions.pinActions(pin)
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_view_gate.ViewGate, {
-		queries: view.queries,
-		pending: (gate) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_chrome.PendingChartCard, {
-			gate,
-			heading
-		}),
-		children: (page) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScoresView, {
-			heading,
-			view,
-			page
-		})
+	if (gate.status === "pending") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_chrome.PendingChartCard, {
+		gate: gate.gate,
+		heading: require_domains_dashboards_lib_alert_actions.pendingHeading(heading, gate.gate, alert, widget, view)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScoresView, {
+		heading: require_domains_dashboards_lib_alert_actions.withAction(heading, require_domains_dashboards_lib_alert_actions.alertAction(alert, widget, view, {
+			page: gate.page,
+			values: [{
+				label: view.label?.trim() || widget.title?.trim() || "Scores",
+				value: { query: view.options.average }
+			}]
+		})),
+		view,
+		page: gate.page,
+		discovered,
+		results,
+		onRetry
 	});
 }
-function ScoresView({ heading, view, page }) {
+function ScoresView({ heading, view, page, discovered, results, onRetry }) {
 	const { options } = view;
 	const { interval } = require_domains_metrics_lib_metrics_buckets.bucketPlan(page.window.start, page.window.end);
 	const stepHours = require_domains_metrics_lib_metrics_buckets.intervalHours(interval);
-	const { recent, scorers } = require_domains_dashboards_hooks_use_scorers.useScorers(view.queries, page);
-	const averageQuery = view.queries.find((q) => q.id === options.average);
-	const seriesQuery = view.queries.find((q) => q.id === options.series);
-	const send = (query, scorerId, bucket) => {
-		const own = require_domains_dashboards_lib_scores.withScorer(query, scorerId);
-		return own && require_domains_dashboards_lib_requests.buildRequest(own, page, { interval: bucket });
-	};
-	const means = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(scorers.map(({ scorerId }) => send(averageQuery, scorerId)));
-	const points = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)));
-	const all = [
-		recent,
-		...means,
-		...points
-	].filter((r) => r !== void 0);
+	const scorers = require_domains_dashboards_lib_scores.scorersOf(view.queries, discovered[0]?.data);
+	const means = results.slice(0, scorers.length);
+	const points = results.slice(scorers.length, scorers.length * 2);
+	const all = [...discovered, ...results].filter((r) => r !== void 0);
 	const failed = all.filter((r) => r.isError);
 	if (failed.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
 		...heading,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card_error.ChartCardError, {
 			error: failed[0]?.error,
-			onRetry: () => failed.forEach((r) => void r.refetch())
+			onRetry
 		})
 	});
 	const isLoading = all.some((r) => r.isLoading);

package/dist/domains/dashboards/kinds/scores/scores-widget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"scores-widget.cjs.js","names":["CHART_COLORS","viewTitle","pinActions","ViewGate","PendingChartCard","bucketPlan","intervalHours","useScorers","withScorer","buildRequest","useDashboardRequests","ChartCard","ChartCardError","shapeScores","ChartArea","MetricsLineChart","FORMATTERS","BUCKET_AXIS"],"sources":["../../../../../src/domains/dashboards/kinds/scores/scores-widget.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCard } from '../../../metrics/components/chart-card';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { CHART_COLORS } from '../../../metrics/lib/chart-colors';\nimport { bucketPlan, intervalHours } from '../../../metrics/lib/metrics-buckets';\nimport { ViewGate } from '../../components/view-gate';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useScorers } from '../../hooks/use-scorers';\nimport { viewTitle } from '../../lib/chrome';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { FORMATTERS } from '../../lib/format';\nimport { pinActions } from '../../lib/pin-actions';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeScores, withScorer } from '../../lib/scores';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport type { ScoresOptions } from './options';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nexport function ScoresWidget({ widget, views, expand, dragHandle, pin }: WidgetKindProps<ScoresOptions>) {\n  const [view] = views;\n  // Scores show their first view only, so the title is plain or, with somewhere to expand to, a link.\n  const heading = {\n    ...viewTitle(widget, [view], 0, () => {}, expand),\n    dragHandle,\n    ...pinActions(pin),\n  };\n  return (\n    // The card, and its pin, stay while the view waits, so a pinned widget can still be unpinned.\n    <ViewGate queries={view.queries} pending={gate => <PendingChartCard gate={gate} heading={heading} />}>\n      {page => <ScoresView heading={heading} view={view} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction ScoresView({\n  heading,\n  view,\n  page,\n}: {\n  heading: ViewHeading;\n  view: ResolvedView<ScoresOptions>;\n  page: DashboardPageContext;\n}) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const stepHours = intervalHours(interval);\n  const { recent, scorers } = useScorers(view.queries, page);\n  const averageQuery = view.queries.find(q => q.id === options.average);\n  const seriesQuery = view.queries.find(q => q.id === options.series);\n  const send = (query: DashboardQuery | undefined, scorerId: string, bucket?: typeof interval) => {\n    const own = withScorer(query, scorerId);\n    return own && buildRequest(own, page, { interval: bucket });\n  };\n  // One answer per scorer in each list, in `scorers`' order.\n  const means = useDashboardRequests(scorers.map(({ scorerId }) => send(averageQuery, scorerId)));\n  const points = useDashboardRequests(scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)));\n\n  const all = [recent, ...means, ...points].filter(r => r !== undefined);\n  const failed = all.filter(r => r.isError);\n  if (failed.length > 0) {\n    return (\n      <ChartCard {...heading}>\n        <ChartCardError error={failed[0]?.error} onRetry={() => failed.forEach(r => void r.refetch())} />\n      </ChartCard>\n    );\n  }\n\n  const isLoading = all.some(r => r.isLoading);\n  const { buckets, lines } = shapeScores(\n    isLoading ? [] : scorers,\n    means.map(r => r?.data),\n    points.map(r => r?.data),\n    page.window,\n    stepHours,\n  );\n  const series: MetricsLineChartSeries[] = lines.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n\n  return (\n    <ChartCard {...heading} isUpdating={all.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && lines.length === 0} emptyMessage={options.emptyMessage}>\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={isLoading ? [] : buckets}\n          series={series}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={FORMATTERS.score.value}\n          axisFormatter={FORMATTERS.score.axis}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"scores-widget.cjs.js","names":["CHART_COLORS","viewTitle","pinActions","PendingChartCard","pendingHeading","withAction","alertAction","bucketPlan","intervalHours","scorersOf","ChartCard","ChartCardError","shapeScores","ChartArea","MetricsLineChart","FORMATTERS","BUCKET_AXIS"],"sources":["../../../../../src/domains/dashboards/kinds/scores/scores-widget.tsx"],"sourcesContent":["import { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCard } from '../../../metrics/components/chart-card';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { CHART_COLORS } from '../../../metrics/lib/chart-colors';\nimport { bucketPlan, intervalHours } from '../../../metrics/lib/metrics-buckets';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { alertAction, pendingHeading, withAction } from '../../lib/alert-actions';\nimport { viewTitle } from '../../lib/chrome';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { FORMATTERS } from '../../lib/format';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { DashboardPageContext, DashboardResult } from '../../lib/requests';\nimport { scorersOf, shapeScores } from '../../lib/scores';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport type { ScoresOptions } from './options';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nexport function ScoresWidget({\n  widget,\n  views,\n  gate,\n  discovered,\n  results,\n  onRetry,\n  expand,\n  dragHandle,\n  pin,\n  alert,\n}: WidgetKindProps<ScoresOptions>) {\n  const [view] = views;\n  // Scores show their first view only, so the title is plain or, with somewhere to expand to, a link.\n  const heading = {\n    ...viewTitle(widget, [view], 0, () => {}, expand),\n    dragHandle,\n    ...pinActions(pin),\n  };\n  // The card, and its pin, stay while the view waits, so a pinned widget can still be unpinned.\n  if (gate.status === 'pending')\n    return <PendingChartCard gate={gate.gate} heading={pendingHeading(heading, gate.gate, alert, widget, view)} />;\n  return (\n    <ScoresView\n      heading={withAction(\n        heading,\n        // The scorers' means over the range: what the card's lines average to.\n        alertAction(alert, widget, view, {\n          page: gate.page,\n          values: [\n            { label: view.label?.trim() || widget.title?.trim() || 'Scores', value: { query: view.options.average } },\n          ],\n        }),\n      )}\n      view={view}\n      page={gate.page}\n      discovered={discovered}\n      results={results}\n      onRetry={onRetry}\n    />\n  );\n}\n\nfunction ScoresView({\n  heading,\n  view,\n  page,\n  discovered,\n  results,\n  onRetry,\n}: {\n  heading: ViewHeading;\n  view: ResolvedView<ScoresOptions>;\n  page: DashboardPageContext;\n  discovered: (DashboardResult | undefined)[];\n  results: (DashboardResult | undefined)[];\n  onRetry: () => void;\n}) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const stepHours = intervalHours(interval);\n  const scorers = scorersOf(view.queries, discovered[0]?.data);\n  // One answer per scorer in each list, in `scorers`' order.\n  const means = results.slice(0, scorers.length);\n  const points = results.slice(scorers.length, scorers.length * 2);\n\n  const all = [...discovered, ...results].filter(r => r !== undefined);\n  const failed = all.filter(r => r.isError);\n  if (failed.length > 0) {\n    return (\n      <ChartCard {...heading}>\n        <ChartCardError error={failed[0]?.error} onRetry={onRetry} />\n      </ChartCard>\n    );\n  }\n\n  const isLoading = all.some(r => r.isLoading);\n  const { buckets, lines } = shapeScores(\n    isLoading ? [] : scorers,\n    means.map(r => r?.data),\n    points.map(r => r?.data),\n    page.window,\n    stepHours,\n  );\n  const series: MetricsLineChartSeries[] = lines.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n\n  return (\n    <ChartCard {...heading} isUpdating={all.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && lines.length === 0} emptyMessage={options.emptyMessage}>\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={isLoading ? [] : buckets}\n          series={series}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={FORMATTERS.score.value}\n          axisFormatter={FORMATTERS.score.axis}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/dashboards/kinds/scores/scores-widget.es.js

@@ -4,15 +4,12 @@ import { ChartCardError } from "../../../metrics/components/chart-card-error.es.
 import { BUCKET_AXIS } from "../../../metrics/lib/chart-axis.es.js";
 import { CHART_COLORS } from "../../../metrics/lib/chart-colors.es.js";
 import { bucketPlan, intervalHours } from "../../../metrics/lib/metrics-buckets.es.js";
-import { ViewGate } from "../../components/view-gate.es.js";
 import { PendingChartCard } from "../../components/widget-chrome.es.js";
-import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
-import { useScorers } from "../../hooks/use-scorers.es.js";
+import { alertAction, pendingHeading, withAction } from "../../lib/alert-actions.es.js";
 import { viewTitle } from "../../lib/chrome.es.js";
 import { FORMATTERS } from "../../lib/format.es.js";
 import { pinActions } from "../../lib/pin-actions.es.js";
-import { buildRequest } from "../../lib/requests.es.js";
-import { shapeScores, withScorer } from "../../lib/scores.es.js";
+import { scorersOf, shapeScores } from "../../lib/scores.es.js";
 import { t as MetricsLineChart } from "../../../../MetricsLineChart-4w5lpH63.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/scores/scores-widget.tsx
@@ -24,50 +21,46 @@ var SCORER_COLORS = [
 	CHART_COLORS.teal,
 	CHART_COLORS.indigo
 ];
-function ScoresWidget({ widget, views, expand, dragHandle, pin }) {
+function ScoresWidget({ widget, views, gate, discovered, results, onRetry, expand, dragHandle, pin, alert }) {
 	const [view] = views;
 	const heading = {
 		...viewTitle(widget, [view], 0, () => {}, expand),
 		dragHandle,
 		...pinActions(pin)
 	};
-	return /* @__PURE__ */ jsx(ViewGate, {
-		queries: view.queries,
-		pending: (gate) => /* @__PURE__ */ jsx(PendingChartCard, {
-			gate,
-			heading
-		}),
-		children: (page) => /* @__PURE__ */ jsx(ScoresView, {
-			heading,
-			view,
-			page
-		})
+	if (gate.status === "pending") return /* @__PURE__ */ jsx(PendingChartCard, {
+		gate: gate.gate,
+		heading: pendingHeading(heading, gate.gate, alert, widget, view)
+	});
+	return /* @__PURE__ */ jsx(ScoresView, {
+		heading: withAction(heading, alertAction(alert, widget, view, {
+			page: gate.page,
+			values: [{
+				label: view.label?.trim() || widget.title?.trim() || "Scores",
+				value: { query: view.options.average }
+			}]
+		})),
+		view,
+		page: gate.page,
+		discovered,
+		results,
+		onRetry
 	});
 }
-function ScoresView({ heading, view, page }) {
+function ScoresView({ heading, view, page, discovered, results, onRetry }) {
 	const { options } = view;
 	const { interval } = bucketPlan(page.window.start, page.window.end);
 	const stepHours = intervalHours(interval);
-	const { recent, scorers } = useScorers(view.queries, page);
-	const averageQuery = view.queries.find((q) => q.id === options.average);
-	const seriesQuery = view.queries.find((q) => q.id === options.series);
-	const send = (query, scorerId, bucket) => {
-		const own = withScorer(query, scorerId);
-		return own && buildRequest(own, page, { interval: bucket });
-	};
-	const means = useDashboardRequests(scorers.map(({ scorerId }) => send(averageQuery, scorerId)));
-	const points = useDashboardRequests(scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)));
-	const all = [
-		recent,
-		...means,
-		...points
-	].filter((r) => r !== void 0);
+	const scorers = scorersOf(view.queries, discovered[0]?.data);
+	const means = results.slice(0, scorers.length);
+	const points = results.slice(scorers.length, scorers.length * 2);
+	const all = [...discovered, ...results].filter((r) => r !== void 0);
 	const failed = all.filter((r) => r.isError);
 	if (failed.length > 0) return /* @__PURE__ */ jsx(ChartCard, {
 		...heading,
 		children: /* @__PURE__ */ jsx(ChartCardError, {
 			error: failed[0]?.error,
-			onRetry: () => failed.forEach((r) => void r.refetch())
+			onRetry
 		})
 	});
 	const isLoading = all.some((r) => r.isLoading);

package/dist/domains/dashboards/kinds/scores/scores-widget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"scores-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/scores/scores-widget.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCard } from '../../../metrics/components/chart-card';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { CHART_COLORS } from '../../../metrics/lib/chart-colors';\nimport { bucketPlan, intervalHours } from '../../../metrics/lib/metrics-buckets';\nimport { ViewGate } from '../../components/view-gate';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useScorers } from '../../hooks/use-scorers';\nimport { viewTitle } from '../../lib/chrome';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { FORMATTERS } from '../../lib/format';\nimport { pinActions } from '../../lib/pin-actions';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeScores, withScorer } from '../../lib/scores';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport type { ScoresOptions } from './options';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nexport function ScoresWidget({ widget, views, expand, dragHandle, pin }: WidgetKindProps<ScoresOptions>) {\n  const [view] = views;\n  // Scores show their first view only, so the title is plain or, with somewhere to expand to, a link.\n  const heading = {\n    ...viewTitle(widget, [view], 0, () => {}, expand),\n    dragHandle,\n    ...pinActions(pin),\n  };\n  return (\n    // The card, and its pin, stay while the view waits, so a pinned widget can still be unpinned.\n    <ViewGate queries={view.queries} pending={gate => <PendingChartCard gate={gate} heading={heading} />}>\n      {page => <ScoresView heading={heading} view={view} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction ScoresView({\n  heading,\n  view,\n  page,\n}: {\n  heading: ViewHeading;\n  view: ResolvedView<ScoresOptions>;\n  page: DashboardPageContext;\n}) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const stepHours = intervalHours(interval);\n  const { recent, scorers } = useScorers(view.queries, page);\n  const averageQuery = view.queries.find(q => q.id === options.average);\n  const seriesQuery = view.queries.find(q => q.id === options.series);\n  const send = (query: DashboardQuery | undefined, scorerId: string, bucket?: typeof interval) => {\n    const own = withScorer(query, scorerId);\n    return own && buildRequest(own, page, { interval: bucket });\n  };\n  // One answer per scorer in each list, in `scorers`' order.\n  const means = useDashboardRequests(scorers.map(({ scorerId }) => send(averageQuery, scorerId)));\n  const points = useDashboardRequests(scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)));\n\n  const all = [recent, ...means, ...points].filter(r => r !== undefined);\n  const failed = all.filter(r => r.isError);\n  if (failed.length > 0) {\n    return (\n      <ChartCard {...heading}>\n        <ChartCardError error={failed[0]?.error} onRetry={() => failed.forEach(r => void r.refetch())} />\n      </ChartCard>\n    );\n  }\n\n  const isLoading = all.some(r => r.isLoading);\n  const { buckets, lines } = shapeScores(\n    isLoading ? [] : scorers,\n    means.map(r => r?.data),\n    points.map(r => r?.data),\n    page.window,\n    stepHours,\n  );\n  const series: MetricsLineChartSeries[] = lines.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n\n  return (\n    <ChartCard {...heading} isUpdating={all.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && lines.length === 0} emptyMessage={options.emptyMessage}>\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={isLoading ? [] : buckets}\n          series={series}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={FORMATTERS.score.value}\n          axisFormatter={FORMATTERS.score.axis}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,IAAM,gBAAgB;CACpB,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,SAAgB,aAAa,EAAE,QAAQ,OAAO,QAAQ,YAAY,OAAuC;CACvG,MAAM,CAAC,QAAQ;CAEf,MAAM,UAAU;EACd,GAAG,UAAU,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM;EAChD;EACA,GAAG,WAAW,GAAG;CACnB;CACA,OAEE,oBAAC,UAAD;EAAU,SAAS,KAAK;EAAS,UAAS,SAAQ,oBAAC,kBAAD;GAAwB;GAAe;EAAU,CAAA;EAChG,WAAA,SAAQ,oBAAC,YAAD;GAAqB;GAAe;GAAY;EAAO,CAAA;CACxD,CAAA;AAEd;AAEA,SAAS,WAAW,EAClB,SACA,MACA,QAKC;CACD,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAa,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,YAAY,cAAc,QAAQ;CACxC,MAAM,EAAE,QAAQ,YAAY,WAAW,KAAK,SAAS,IAAI;CACzD,MAAM,eAAe,KAAK,QAAQ,MAAK,MAAK,EAAE,OAAO,QAAQ,OAAO;CACpE,MAAM,cAAc,KAAK,QAAQ,MAAK,MAAK,EAAE,OAAO,QAAQ,MAAM;CAClE,MAAM,QAAQ,OAAmC,UAAkB,WAA6B;EAC9F,MAAM,MAAM,WAAW,OAAO,QAAQ;EACtC,OAAO,OAAO,aAAa,KAAK,MAAM,EAAE,UAAU,OAAO,CAAC;CAC5D;CAEA,MAAM,QAAQ,qBAAqB,QAAQ,KAAK,EAAE,eAAe,KAAK,cAAc,QAAQ,CAAC,CAAC;CAC9F,MAAM,SAAS,qBAAqB,QAAQ,KAAK,EAAE,eAAe,KAAK,aAAa,UAAU,QAAQ,CAAC,CAAC;CAExG,MAAM,MAAM;EAAC;EAAQ,GAAG;EAAO,GAAG;CAAM,CAAC,CAAC,QAAO,MAAK,MAAM,KAAA,CAAS;CACrE,MAAM,SAAS,IAAI,QAAO,MAAK,EAAE,OAAO;CACxC,IAAI,OAAO,SAAS,GAClB,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD;GAAgB,OAAO,OAAO,EAAE,EAAE;GAAO,eAAe,OAAO,SAAQ,MAAK,KAAK,EAAE,QAAQ,CAAC;EAAI,CAAA;CACvF,CAAA;CAIf,MAAM,YAAY,IAAI,MAAK,MAAK,EAAE,SAAS;CAC3C,MAAM,EAAE,SAAS,UAAU,YACzB,YAAY,CAAC,IAAI,SACjB,MAAM,KAAI,MAAK,GAAG,IAAI,GACtB,OAAO,KAAI,MAAK,GAAG,IAAI,GACvB,KAAK,QACL,SACF;CACA,MAAM,SAAmC,MAAM,KAAK,EAAE,UAAU,QAAQ,OAAO;EAC7E,SAAS;EACT,OAAO;EACP,OAAO,cAAc,IAAI,cAAc,WAAW,aAAa;CACjE,EAAE;CAEF,OACE,oBAAC,WAAD;EAAW,GAAI;EAAS,YAAY,IAAI,MAAK,MAAK,EAAE,YAAY;EAC9D,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,MAAM,WAAW;GAAG,cAAc,QAAQ;GAC1E,UAAA,oBAAC,kBAAD;IACE,WAAU;IACV,MAAM,YAAY,CAAC,IAAI;IACf;IACR,QAAO;IACP,SAAS,CAAC,GAAG,CAAC;IACd,gBAAgB,WAAW,MAAM;IACjC,eAAe,WAAW,MAAM;IACrB;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}
+{"version":3,"file":"scores-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/scores/scores-widget.tsx"],"sourcesContent":["import { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCard } from '../../../metrics/components/chart-card';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { CHART_COLORS } from '../../../metrics/lib/chart-colors';\nimport { bucketPlan, intervalHours } from '../../../metrics/lib/metrics-buckets';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { alertAction, pendingHeading, withAction } from '../../lib/alert-actions';\nimport { viewTitle } from '../../lib/chrome';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { FORMATTERS } from '../../lib/format';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { DashboardPageContext, DashboardResult } from '../../lib/requests';\nimport { scorersOf, shapeScores } from '../../lib/scores';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport type { ScoresOptions } from './options';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsLineChart } from '@/ds/components/MetricsLineChart';\n\n/** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */\nconst SCORER_COLORS = [\n  CHART_COLORS.green,\n  CHART_COLORS.sky,\n  CHART_COLORS.violet,\n  CHART_COLORS.teal,\n  CHART_COLORS.indigo,\n];\n\nexport function ScoresWidget({\n  widget,\n  views,\n  gate,\n  discovered,\n  results,\n  onRetry,\n  expand,\n  dragHandle,\n  pin,\n  alert,\n}: WidgetKindProps<ScoresOptions>) {\n  const [view] = views;\n  // Scores show their first view only, so the title is plain or, with somewhere to expand to, a link.\n  const heading = {\n    ...viewTitle(widget, [view], 0, () => {}, expand),\n    dragHandle,\n    ...pinActions(pin),\n  };\n  // The card, and its pin, stay while the view waits, so a pinned widget can still be unpinned.\n  if (gate.status === 'pending')\n    return <PendingChartCard gate={gate.gate} heading={pendingHeading(heading, gate.gate, alert, widget, view)} />;\n  return (\n    <ScoresView\n      heading={withAction(\n        heading,\n        // The scorers' means over the range: what the card's lines average to.\n        alertAction(alert, widget, view, {\n          page: gate.page,\n          values: [\n            { label: view.label?.trim() || widget.title?.trim() || 'Scores', value: { query: view.options.average } },\n          ],\n        }),\n      )}\n      view={view}\n      page={gate.page}\n      discovered={discovered}\n      results={results}\n      onRetry={onRetry}\n    />\n  );\n}\n\nfunction ScoresView({\n  heading,\n  view,\n  page,\n  discovered,\n  results,\n  onRetry,\n}: {\n  heading: ViewHeading;\n  view: ResolvedView<ScoresOptions>;\n  page: DashboardPageContext;\n  discovered: (DashboardResult | undefined)[];\n  results: (DashboardResult | undefined)[];\n  onRetry: () => void;\n}) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const stepHours = intervalHours(interval);\n  const scorers = scorersOf(view.queries, discovered[0]?.data);\n  // One answer per scorer in each list, in `scorers`' order.\n  const means = results.slice(0, scorers.length);\n  const points = results.slice(scorers.length, scorers.length * 2);\n\n  const all = [...discovered, ...results].filter(r => r !== undefined);\n  const failed = all.filter(r => r.isError);\n  if (failed.length > 0) {\n    return (\n      <ChartCard {...heading}>\n        <ChartCardError error={failed[0]?.error} onRetry={onRetry} />\n      </ChartCard>\n    );\n  }\n\n  const isLoading = all.some(r => r.isLoading);\n  const { buckets, lines } = shapeScores(\n    isLoading ? [] : scorers,\n    means.map(r => r?.data),\n    points.map(r => r?.data),\n    page.window,\n    stepHours,\n  );\n  const series: MetricsLineChartSeries[] = lines.map(({ scorerId, name }, i) => ({\n    dataKey: scorerId,\n    label: name,\n    color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral,\n  }));\n\n  return (\n    <ChartCard {...heading} isUpdating={all.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && lines.length === 0} emptyMessage={options.emptyMessage}>\n        <MetricsLineChart\n          lineStyle=\"thin\"\n          data={isLoading ? [] : buckets}\n          series={series}\n          height=\"fill\"\n          yDomain={[0, 1]}\n          valueFormatter={FORMATTERS.score.value}\n          axisFormatter={FORMATTERS.score.axis}\n          isLoading={isLoading}\n          {...BUCKET_AXIS}\n        />\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoBA,IAAM,gBAAgB;CACpB,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;AACf;AAEA,SAAgB,aAAa,EAC3B,QACA,OACA,MACA,YACA,SACA,SACA,QACA,YACA,KACA,SACiC;CACjC,MAAM,CAAC,QAAQ;CAEf,MAAM,UAAU;EACd,GAAG,UAAU,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM;EAChD;EACA,GAAG,WAAW,GAAG;CACnB;CAEA,IAAI,KAAK,WAAW,WAClB,OAAO,oBAAC,kBAAD;EAAkB,MAAM,KAAK;EAAM,SAAS,eAAe,SAAS,KAAK,MAAM,OAAO,QAAQ,IAAI;CAAI,CAAA;CAC/G,OACE,oBAAC,YAAD;EACE,SAAS,WACP,SAEA,YAAY,OAAO,QAAQ,MAAM;GAC/B,MAAM,KAAK;GACX,QAAQ,CACN;IAAE,OAAO,KAAK,OAAO,KAAK,KAAK,OAAO,OAAO,KAAK,KAAK;IAAU,OAAO,EAAE,OAAO,KAAK,QAAQ,QAAQ;GAAE,CAC1G;EACF,CAAC,CACH;EACM;EACN,MAAM,KAAK;EACC;EACH;EACA;CACV,CAAA;AAEL;AAEA,SAAS,WAAW,EAClB,SACA,MACA,MACA,YACA,SACA,WAQC;CACD,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAa,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,YAAY,cAAc,QAAQ;CACxC,MAAM,UAAU,UAAU,KAAK,SAAS,WAAW,EAAE,EAAE,IAAI;CAE3D,MAAM,QAAQ,QAAQ,MAAM,GAAG,QAAQ,MAAM;CAC7C,MAAM,SAAS,QAAQ,MAAM,QAAQ,QAAQ,QAAQ,SAAS,CAAC;CAE/D,MAAM,MAAM,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC,CAAC,QAAO,MAAK,MAAM,KAAA,CAAS;CACnE,MAAM,SAAS,IAAI,QAAO,MAAK,EAAE,OAAO;CACxC,IAAI,OAAO,SAAS,GAClB,OACE,oBAAC,WAAD;EAAW,GAAI;EACb,UAAA,oBAAC,gBAAD;GAAgB,OAAO,OAAO,EAAE,EAAE;GAAgB;EAAU,CAAA;CACnD,CAAA;CAIf,MAAM,YAAY,IAAI,MAAK,MAAK,EAAE,SAAS;CAC3C,MAAM,EAAE,SAAS,UAAU,YACzB,YAAY,CAAC,IAAI,SACjB,MAAM,KAAI,MAAK,GAAG,IAAI,GACtB,OAAO,KAAI,MAAK,GAAG,IAAI,GACvB,KAAK,QACL,SACF;CACA,MAAM,SAAmC,MAAM,KAAK,EAAE,UAAU,QAAQ,OAAO;EAC7E,SAAS;EACT,OAAO;EACP,OAAO,cAAc,IAAI,cAAc,WAAW,aAAa;CACjE,EAAE;CAEF,OACE,oBAAC,WAAD;EAAW,GAAI;EAAS,YAAY,IAAI,MAAK,MAAK,EAAE,YAAY;EAC9D,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,MAAM,WAAW;GAAG,cAAc,QAAQ;GAC1E,UAAA,oBAAC,kBAAD;IACE,WAAU;IACV,MAAM,YAAY,CAAC,IAAI;IACf;IACR,QAAO;IACP,SAAS,CAAC,GAAG,CAAC;IACd,gBAAgB,WAAW,MAAM;IACjC,eAAe,WAAW,MAAM;IACrB;IACX,GAAI;GACL,CAAA;EACQ,CAAA;CACF,CAAA;AAEf"}

package/dist/domains/dashboards/kinds/scores.cjs.js

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
 const require_domains_dashboards_kinds_scores_options = require("./scores/options.cjs.js");
+const require_domains_dashboards_kinds_scores_scores_plan = require("./scores/scores-plan.cjs.js");
 const require_domains_dashboards_kinds_scores_scores_widget = require("./scores/scores-widget.cjs.js");
 // src/domains/dashboards/kinds/scores/index.ts
 /** One line per scorer, 0 to 1, with each scorer's mean in the legend. */
@@ -8,6 +9,9 @@ var scoresKind = require_domains_dashboards_widget_kind.defineWidgetKind({
 	kind: "scores",
 	optionsSchema: require_domains_dashboards_kinds_scores_options.scoresOptionsSchema,
 	issues: require_domains_dashboards_kinds_scores_options.scoresIssues,
+	gatedQueries: require_domains_dashboards_kinds_scores_scores_plan.scoresGatedQueries,
+	discover: require_domains_dashboards_kinds_scores_scores_plan.scoresDiscover,
+	requests: require_domains_dashboards_kinds_scores_scores_plan.scoresRequests,
 	component: require_domains_dashboards_kinds_scores_scores_widget.ScoresWidget
 });
 exports.scoresKind = scoresKind;

package/dist/domains/dashboards/kinds/scores.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"scores.cjs.js","names":["defineWidgetKind","scoresOptionsSchema","scoresIssues","ScoresWidget"],"sources":["../../../../src/domains/dashboards/kinds/scores/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { scoresIssues, scoresOptionsSchema } from './options';\nimport { ScoresWidget } from './scores-widget';\n\nexport { scoresOptionsSchema } from './options';\nexport type { ScoresOptions } from './options';\n\n/** One line per scorer, 0 to 1, with each scorer's mean in the legend. */\nexport const scoresKind = defineWidgetKind({\n  kind: 'scores',\n  optionsSchema: scoresOptionsSchema,\n  issues: scoresIssues,\n  component: ScoresWidget,\n});\n"],"mappings":";;;;;;AAQA,IAAa,aAAaA,uCAAAA,iBAAiB;CACzC,MAAM;CACN,eAAeC,gDAAAA;CACf,QAAQC,gDAAAA;CACR,WAAWC,sDAAAA;AACb,CAAC"}
+{"version":3,"file":"scores.cjs.js","names":["defineWidgetKind","scoresOptionsSchema","scoresIssues","scoresGatedQueries","scoresDiscover","scoresRequests","ScoresWidget"],"sources":["../../../../src/domains/dashboards/kinds/scores/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { scoresIssues, scoresOptionsSchema } from './options';\nimport { scoresDiscover, scoresGatedQueries, scoresRequests } from './scores-plan';\nimport { ScoresWidget } from './scores-widget';\n\nexport { scoresOptionsSchema } from './options';\nexport type { ScoresOptions } from './options';\n\n/** One line per scorer, 0 to 1, with each scorer's mean in the legend. */\nexport const scoresKind = defineWidgetKind({\n  kind: 'scores',\n  optionsSchema: scoresOptionsSchema,\n  issues: scoresIssues,\n  gatedQueries: scoresGatedQueries,\n  discover: scoresDiscover,\n  requests: scoresRequests,\n  component: ScoresWidget,\n});\n"],"mappings":";;;;;;;AASA,IAAa,aAAaA,uCAAAA,iBAAiB;CACzC,MAAM;CACN,eAAeC,gDAAAA;CACf,QAAQC,gDAAAA;CACR,cAAcC,oDAAAA;CACd,UAAUC,oDAAAA;CACV,UAAUC,oDAAAA;CACV,WAAWC,sDAAAA;AACb,CAAC"}

package/dist/domains/dashboards/kinds/scores.es.js

@@ -1,5 +1,6 @@
 import { defineWidgetKind } from "../widget-kind.es.js";
 import { scoresIssues, scoresOptionsSchema } from "./scores/options.es.js";
+import { scoresDiscover, scoresGatedQueries, scoresRequests } from "./scores/scores-plan.es.js";
 import { ScoresWidget } from "./scores/scores-widget.es.js";
 // src/domains/dashboards/kinds/scores/index.ts
 /** One line per scorer, 0 to 1, with each scorer's mean in the legend. */
@@ -7,6 +8,9 @@ var scoresKind = defineWidgetKind({
 	kind: "scores",
 	optionsSchema: scoresOptionsSchema,
 	issues: scoresIssues,
+	gatedQueries: scoresGatedQueries,
+	discover: scoresDiscover,
+	requests: scoresRequests,
 	component: ScoresWidget
 });
 export { scoresKind, scoresOptionsSchema };

package/dist/domains/dashboards/kinds/scores.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"scores.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/scores/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { scoresIssues, scoresOptionsSchema } from './options';\nimport { ScoresWidget } from './scores-widget';\n\nexport { scoresOptionsSchema } from './options';\nexport type { ScoresOptions } from './options';\n\n/** One line per scorer, 0 to 1, with each scorer's mean in the legend. */\nexport const scoresKind = defineWidgetKind({\n  kind: 'scores',\n  optionsSchema: scoresOptionsSchema,\n  issues: scoresIssues,\n  component: ScoresWidget,\n});\n"],"mappings":";;;;;AAQA,IAAa,aAAa,iBAAiB;CACzC,MAAM;CACN,eAAe;CACf,QAAQ;CACR,WAAW;AACb,CAAC"}
+{"version":3,"file":"scores.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/scores/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { scoresIssues, scoresOptionsSchema } from './options';\nimport { scoresDiscover, scoresGatedQueries, scoresRequests } from './scores-plan';\nimport { ScoresWidget } from './scores-widget';\n\nexport { scoresOptionsSchema } from './options';\nexport type { ScoresOptions } from './options';\n\n/** One line per scorer, 0 to 1, with each scorer's mean in the legend. */\nexport const scoresKind = defineWidgetKind({\n  kind: 'scores',\n  optionsSchema: scoresOptionsSchema,\n  issues: scoresIssues,\n  gatedQueries: scoresGatedQueries,\n  discover: scoresDiscover,\n  requests: scoresRequests,\n  component: ScoresWidget,\n});\n"],"mappings":";;;;;;AASA,IAAa,aAAa,iBAAiB;CACzC,MAAM;CACN,eAAe;CACf,QAAQ;CACR,cAAc;CACd,UAAU;CACV,UAAU;CACV,WAAW;AACb,CAAC"}

package/dist/domains/dashboards/kinds/table/table-cells.cjs.js

@@ -5,7 +5,6 @@ const require_domains_metrics_components_breakdown_breakdown_not_priced = requir
 const require_domains_metrics_components_breakdown_breakdown_row_mark = require("../../../metrics/components/breakdown/breakdown-row-mark.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_text = require("../../../metrics/components/breakdown/breakdown-text.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_trend_text = require("../../../metrics/components/breakdown/breakdown-trend-text.cjs.js");
-const require_domains_metrics_hooks_use_metrics_scope = require("../../../metrics/hooks/use-metrics-scope.cjs.js");
 const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-cells.tsx
@@ -14,9 +13,7 @@ function RowMark({ mark, row }) {
 	if ("icon" in mark) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_breakdown_breakdown_row_mark.BreakdownEntityMark, { entity: mark.icon });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_breakdown_breakdown_row_mark.BreakdownModelMark, { provider: row.dimensions[mark.providerDimension] });
 }
-/** The row's mark and name; with a provider mark, a model reads `openai › gpt-5-mini`. */
-function TableNameCell({ options, row }) {
-	const { projectLabel } = require_domains_metrics_hooks_use_metrics_scope.useMetricsScope();
+function TableNameCell({ options, row, projectLabel }) {
 	const title = options.as === "project" ? projectLabel?.(row.name) ?? row.name : row.name || (options.unnamed ?? "Unnamed");
 	const provider = options.mark && "providerDimension" in options.mark ? options.mark.providerDimension : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_breakdown_breakdown_name.BreakdownName, {
@@ -31,8 +28,7 @@ function TableNameCell({ options, row }) {
 		} : void 0
 	});
 }
-function TableDimensionCell({ id, options, row }) {
-	const { projectLabel } = require_domains_metrics_hooks_use_metrics_scope.useMetricsScope();
+function TableDimensionCell({ id, options, row, projectLabel }) {
 	const value = options.query === void 0 ? row.dimensions[options.dimension] : row.lookups[id];
 	if (!value) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_breakdown_breakdown_text.BreakdownText, { text: "—" });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_breakdown_breakdown_text.BreakdownText, { text: options.as === "project" ? projectLabel?.(value) ?? value : value });

package/dist/domains/dashboards/kinds/table/table-cells.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-cells.cjs.js","names":["BreakdownEntityMark","BreakdownModelMark","useMetricsScope","BreakdownName","BreakdownText","formatValue","BreakdownNotPriced","BreakdownFigure","BreakdownTrendText","changeTrend","formatChange"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-cells.tsx"],"sourcesContent":["import { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport { BreakdownName } from '../../../metrics/components/breakdown/breakdown-name';\nimport { BreakdownNotPriced } from '../../../metrics/components/breakdown/breakdown-not-priced';\nimport { BreakdownEntityMark, BreakdownModelMark } from '../../../metrics/components/breakdown/breakdown-row-mark';\nimport { BreakdownText } from '../../../metrics/components/breakdown/breakdown-text';\nimport { BreakdownTrendText } from '../../../metrics/components/breakdown/breakdown-trend-text';\nimport { useMetricsScope } from '../../../metrics/hooks/use-metrics-scope';\nimport { DASH, changeTrend, formatChange, formatValue } from '../../lib/table';\nimport type { Change, TableColumnOptions, TableRow, ValueColumn } from '../../lib/table';\n\ntype NameOptions = Extract<TableColumnOptions, { type: 'name' }>;\ntype DimensionOptions = Extract<TableColumnOptions, { type: 'dimension' }>;\n\nfunction RowMark({ mark, row }: { mark: NameOptions['mark']; row: TableRow }) {\n  if (!mark) return null;\n  if ('icon' in mark) return <BreakdownEntityMark entity={mark.icon} />;\n  return <BreakdownModelMark provider={row.dimensions[mark.providerDimension]} />;\n}\n\n/** The row's mark and name; with a provider mark, a model reads `openai › gpt-5-mini`. */\nexport function TableNameCell({ options, row }: { options: NameOptions; row: TableRow }) {\n  const { projectLabel } = useMetricsScope();\n  const title =\n    options.as === 'project' ? (projectLabel?.(row.name) ?? row.name) : row.name || (options.unnamed ?? 'Unnamed');\n  const provider = options.mark && 'providerDimension' in options.mark ? options.mark.providerDimension : undefined;\n  return (\n    <BreakdownName\n      mark={<RowMark mark={options.mark} row={row} />}\n      title={title}\n      model={\n        provider !== undefined && row.name !== '' ? { name: row.name, provider: row.dimensions[provider] } : undefined\n      }\n    />\n  );\n}\n\nexport function TableDimensionCell({ id, options, row }: { id: string; options: DimensionOptions; row: TableRow }) {\n  const { projectLabel } = useMetricsScope();\n  const value = options.query === undefined ? row.dimensions[options.dimension] : row.lookups[id];\n  if (!value) return <BreakdownText text={DASH} />;\n  return <BreakdownText text={options.as === 'project' ? (projectLabel?.(value) ?? value) : value} />;\n}\n\nfunction ValueText({ column, row }: { column: ValueColumn; row: TableRow }) {\n  const value = row.values[column.id];\n  if (value !== undefined) return formatValue(column, value, row.units[column.id]);\n  const { unpricedWhen } = column.options;\n  return unpricedWhen && (row.values[unpricedWhen] ?? 0) > 0 ? <BreakdownNotPriced /> : DASH;\n}\n\nexport function TableValueCell({ column, row }: { column: ValueColumn; row: TableRow }) {\n  return (\n    <BreakdownFigure muted={!column.options.emphasis}>\n      <ValueText column={column} row={row} />\n    </BreakdownFigure>\n  );\n}\n\nexport function TableChangeCell({ change, column }: { change: Change | undefined; column: ValueColumn }) {\n  if (!change) return <BreakdownTrendText trend={undefined} />;\n  return <BreakdownTrendText trend={changeTrend(change, column)}>{formatChange(change, column)}</BreakdownTrendText>;\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,QAAQ,EAAE,MAAM,OAAqD;CAC5E,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,UAAU,MAAM,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,gEAAAA,qBAAD,EAAqB,QAAQ,KAAK,KAAO,CAAA;CACpE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,gEAAAA,oBAAD,EAAoB,UAAU,IAAI,WAAW,KAAK,mBAAqB,CAAA;AAChF;;AAGA,SAAgB,cAAc,EAAE,SAAS,OAAgD;CACvF,MAAM,EAAE,iBAAiBC,gDAAAA,gBAAgB;CACzC,MAAM,QACJ,QAAQ,OAAO,YAAa,eAAe,IAAI,IAAI,KAAK,IAAI,OAAQ,IAAI,SAAS,QAAQ,WAAW;CACtG,MAAM,WAAW,QAAQ,QAAQ,uBAAuB,QAAQ,OAAO,QAAQ,KAAK,oBAAoB,KAAA;CACxG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,eAAD;EACE,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;GAAS,MAAM,QAAQ;GAAW;EAAM,CAAA;EACvC;EACP,OACE,aAAa,KAAA,KAAa,IAAI,SAAS,KAAK;GAAE,MAAM,IAAI;GAAM,UAAU,IAAI,WAAW;EAAU,IAAI,KAAA;CAExG,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EAAE,IAAI,SAAS,OAAiE;CACjH,MAAM,EAAE,iBAAiBD,gDAAAA,gBAAgB;CACzC,MAAM,QAAQ,QAAQ,UAAU,KAAA,IAAY,IAAI,WAAW,QAAQ,aAAa,IAAI,QAAQ;CAC5F,IAAI,CAAC,OAAO,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACE,4DAAAA,eAAD,EAAe,MAAA,IAAa,CAAA;CAC/C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,4DAAAA,eAAD,EAAe,MAAM,QAAQ,OAAO,YAAa,eAAe,KAAK,KAAK,QAAS,MAAQ,CAAA;AACpG;AAEA,SAAS,UAAU,EAAE,QAAQ,OAA+C;CAC1E,MAAM,QAAQ,IAAI,OAAO,OAAO;CAChC,IAAI,UAAU,KAAA,GAAW,OAAOC,qCAAAA,YAAY,QAAQ,OAAO,IAAI,MAAM,OAAO,GAAG;CAC/E,MAAM,EAAE,iBAAiB,OAAO;CAChC,OAAO,iBAAiB,IAAI,OAAO,iBAAiB,KAAK,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,kEAAAA,oBAAD,CAAqB,CAAA,IAAA;AACpF;AAEA,SAAgB,eAAe,EAAE,QAAQ,OAA+C;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8DAAAA,iBAAD;EAAiB,OAAO,CAAC,OAAO,QAAQ;EACtC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GAAmB;GAAa;EAAM,CAAA;CACvB,CAAA;AAErB;AAEA,SAAgB,gBAAgB,EAAE,QAAQ,UAA+D;CACvG,IAAI,CAAC,QAAQ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kEAAAA,oBAAD,EAAoB,OAAO,KAAA,EAAY,CAAA;CAC3D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,kEAAAA,oBAAD;EAAoB,OAAOC,qCAAAA,YAAY,QAAQ,MAAM;EAAI,UAAAC,qCAAAA,aAAa,QAAQ,MAAM;CAAsB,CAAA;AACnH"}
+{"version":3,"file":"table-cells.cjs.js","names":["BreakdownEntityMark","BreakdownModelMark","BreakdownName","BreakdownText","formatValue","BreakdownNotPriced","BreakdownFigure","BreakdownTrendText","changeTrend","formatChange"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-cells.tsx"],"sourcesContent":["import { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport { BreakdownName } from '../../../metrics/components/breakdown/breakdown-name';\nimport { BreakdownNotPriced } from '../../../metrics/components/breakdown/breakdown-not-priced';\nimport { BreakdownEntityMark, BreakdownModelMark } from '../../../metrics/components/breakdown/breakdown-row-mark';\nimport { BreakdownText } from '../../../metrics/components/breakdown/breakdown-text';\nimport { BreakdownTrendText } from '../../../metrics/components/breakdown/breakdown-trend-text';\nimport { DASH, changeTrend, formatChange, formatValue } from '../../lib/table';\nimport type { Change, TableColumnOptions, TableRow, ValueColumn } from '../../lib/table';\n\ntype NameOptions = Extract<TableColumnOptions, { type: 'name' }>;\ntype DimensionOptions = Extract<TableColumnOptions, { type: 'dimension' }>;\n\nfunction RowMark({ mark, row }: { mark: NameOptions['mark']; row: TableRow }) {\n  if (!mark) return null;\n  if ('icon' in mark) return <BreakdownEntityMark entity={mark.icon} />;\n  return <BreakdownModelMark provider={row.dimensions[mark.providerDimension]} />;\n}\n\n/** The row's mark and name; with a provider mark, a model reads `openai › gpt-5-mini`. */\n/** Display name for a project id, when the page spans several projects. */\nexport type ProjectLabel = ((projectId: string) => string) | undefined;\n\nexport function TableNameCell({\n  options,\n  row,\n  projectLabel,\n}: {\n  options: NameOptions;\n  row: TableRow;\n  projectLabel: ProjectLabel;\n}) {\n  const title =\n    options.as === 'project' ? (projectLabel?.(row.name) ?? row.name) : row.name || (options.unnamed ?? 'Unnamed');\n  const provider = options.mark && 'providerDimension' in options.mark ? options.mark.providerDimension : undefined;\n  return (\n    <BreakdownName\n      mark={<RowMark mark={options.mark} row={row} />}\n      title={title}\n      model={\n        provider !== undefined && row.name !== '' ? { name: row.name, provider: row.dimensions[provider] } : undefined\n      }\n    />\n  );\n}\n\nexport function TableDimensionCell({\n  id,\n  options,\n  row,\n  projectLabel,\n}: {\n  id: string;\n  options: DimensionOptions;\n  row: TableRow;\n  projectLabel: ProjectLabel;\n}) {\n  const value = options.query === undefined ? row.dimensions[options.dimension] : row.lookups[id];\n  if (!value) return <BreakdownText text={DASH} />;\n  return <BreakdownText text={options.as === 'project' ? (projectLabel?.(value) ?? value) : value} />;\n}\n\nfunction ValueText({ column, row }: { column: ValueColumn; row: TableRow }) {\n  const value = row.values[column.id];\n  if (value !== undefined) return formatValue(column, value, row.units[column.id]);\n  const { unpricedWhen } = column.options;\n  return unpricedWhen && (row.values[unpricedWhen] ?? 0) > 0 ? <BreakdownNotPriced /> : DASH;\n}\n\nexport function TableValueCell({ column, row }: { column: ValueColumn; row: TableRow }) {\n  return (\n    <BreakdownFigure muted={!column.options.emphasis}>\n      <ValueText column={column} row={row} />\n    </BreakdownFigure>\n  );\n}\n\nexport function TableChangeCell({ change, column }: { change: Change | undefined; column: ValueColumn }) {\n  if (!change) return <BreakdownTrendText trend={undefined} />;\n  return <BreakdownTrendText trend={changeTrend(change, column)}>{formatChange(change, column)}</BreakdownTrendText>;\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAS,QAAQ,EAAE,MAAM,OAAqD;CAC5E,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,UAAU,MAAM,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,gEAAAA,qBAAD,EAAqB,QAAQ,KAAK,KAAO,CAAA;CACpE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,gEAAAA,oBAAD,EAAoB,UAAU,IAAI,WAAW,KAAK,mBAAqB,CAAA;AAChF;AAMA,SAAgB,cAAc,EAC5B,SACA,KACA,gBAKC;CACD,MAAM,QACJ,QAAQ,OAAO,YAAa,eAAe,IAAI,IAAI,KAAK,IAAI,OAAQ,IAAI,SAAS,QAAQ,WAAW;CACtG,MAAM,WAAW,QAAQ,QAAQ,uBAAuB,QAAQ,OAAO,QAAQ,KAAK,oBAAoB,KAAA;CACxG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,eAAD;EACE,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;GAAS,MAAM,QAAQ;GAAW;EAAM,CAAA;EACvC;EACP,OACE,aAAa,KAAA,KAAa,IAAI,SAAS,KAAK;GAAE,MAAM,IAAI;GAAM,UAAU,IAAI,WAAW;EAAU,IAAI,KAAA;CAExG,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EACjC,IACA,SACA,KACA,gBAMC;CACD,MAAM,QAAQ,QAAQ,UAAU,KAAA,IAAY,IAAI,WAAW,QAAQ,aAAa,IAAI,QAAQ;CAC5F,IAAI,CAAC,OAAO,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4DAAAA,eAAD,EAAe,MAAA,IAAa,CAAA;CAC/C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,4DAAAA,eAAD,EAAe,MAAM,QAAQ,OAAO,YAAa,eAAe,KAAK,KAAK,QAAS,MAAQ,CAAA;AACpG;AAEA,SAAS,UAAU,EAAE,QAAQ,OAA+C;CAC1E,MAAM,QAAQ,IAAI,OAAO,OAAO;CAChC,IAAI,UAAU,KAAA,GAAW,OAAOC,qCAAAA,YAAY,QAAQ,OAAO,IAAI,MAAM,OAAO,GAAG;CAC/E,MAAM,EAAE,iBAAiB,OAAO;CAChC,OAAO,iBAAiB,IAAI,OAAO,iBAAiB,KAAK,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,kEAAAA,oBAAD,CAAqB,CAAA,IAAA;AACpF;AAEA,SAAgB,eAAe,EAAE,QAAQ,OAA+C;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8DAAAA,iBAAD;EAAiB,OAAO,CAAC,OAAO,QAAQ;EACtC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;GAAmB;GAAa;EAAM,CAAA;CACvB,CAAA;AAErB;AAEA,SAAgB,gBAAgB,EAAE,QAAQ,UAA+D;CACvG,IAAI,CAAC,QAAQ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kEAAAA,oBAAD,EAAoB,OAAO,KAAA,EAAY,CAAA;CAC3D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,kEAAAA,oBAAD;EAAoB,OAAOC,qCAAAA,YAAY,QAAQ,MAAM;EAAI,UAAAC,qCAAAA,aAAa,QAAQ,MAAM;CAAsB,CAAA;AACnH"}

package/dist/domains/dashboards/kinds/table/table-cells.es.js

@@ -4,7 +4,6 @@ import { BreakdownNotPriced } from "../../../metrics/components/breakdown/breakd
 import { BreakdownEntityMark, BreakdownModelMark } from "../../../metrics/components/breakdown/breakdown-row-mark.es.js";
 import { BreakdownText } from "../../../metrics/components/breakdown/breakdown-text.es.js";
 import { BreakdownTrendText } from "../../../metrics/components/breakdown/breakdown-trend-text.es.js";
-import { useMetricsScope } from "../../../metrics/hooks/use-metrics-scope.es.js";
 import { changeTrend, formatChange, formatValue } from "../../lib/table.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-cells.tsx
@@ -13,9 +12,7 @@ function RowMark({ mark, row }) {
 	if ("icon" in mark) return /* @__PURE__ */ jsx(BreakdownEntityMark, { entity: mark.icon });
 	return /* @__PURE__ */ jsx(BreakdownModelMark, { provider: row.dimensions[mark.providerDimension] });
 }
-/** The row's mark and name; with a provider mark, a model reads `openai › gpt-5-mini`. */
-function TableNameCell({ options, row }) {
-	const { projectLabel } = useMetricsScope();
+function TableNameCell({ options, row, projectLabel }) {
 	const title = options.as === "project" ? projectLabel?.(row.name) ?? row.name : row.name || (options.unnamed ?? "Unnamed");
 	const provider = options.mark && "providerDimension" in options.mark ? options.mark.providerDimension : void 0;
 	return /* @__PURE__ */ jsx(BreakdownName, {
@@ -30,8 +27,7 @@ function TableNameCell({ options, row }) {
 		} : void 0
 	});
 }
-function TableDimensionCell({ id, options, row }) {
-	const { projectLabel } = useMetricsScope();
+function TableDimensionCell({ id, options, row, projectLabel }) {
 	const value = options.query === void 0 ? row.dimensions[options.dimension] : row.lookups[id];
 	if (!value) return /* @__PURE__ */ jsx(BreakdownText, { text: "—" });
 	return /* @__PURE__ */ jsx(BreakdownText, { text: options.as === "project" ? projectLabel?.(value) ?? value : value });

package/dist/domains/dashboards/kinds/table/table-cells.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-cells.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-cells.tsx"],"sourcesContent":["import { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport { BreakdownName } from '../../../metrics/components/breakdown/breakdown-name';\nimport { BreakdownNotPriced } from '../../../metrics/components/breakdown/breakdown-not-priced';\nimport { BreakdownEntityMark, BreakdownModelMark } from '../../../metrics/components/breakdown/breakdown-row-mark';\nimport { BreakdownText } from '../../../metrics/components/breakdown/breakdown-text';\nimport { BreakdownTrendText } from '../../../metrics/components/breakdown/breakdown-trend-text';\nimport { useMetricsScope } from '../../../metrics/hooks/use-metrics-scope';\nimport { DASH, changeTrend, formatChange, formatValue } from '../../lib/table';\nimport type { Change, TableColumnOptions, TableRow, ValueColumn } from '../../lib/table';\n\ntype NameOptions = Extract<TableColumnOptions, { type: 'name' }>;\ntype DimensionOptions = Extract<TableColumnOptions, { type: 'dimension' }>;\n\nfunction RowMark({ mark, row }: { mark: NameOptions['mark']; row: TableRow }) {\n  if (!mark) return null;\n  if ('icon' in mark) return <BreakdownEntityMark entity={mark.icon} />;\n  return <BreakdownModelMark provider={row.dimensions[mark.providerDimension]} />;\n}\n\n/** The row's mark and name; with a provider mark, a model reads `openai › gpt-5-mini`. */\nexport function TableNameCell({ options, row }: { options: NameOptions; row: TableRow }) {\n  const { projectLabel } = useMetricsScope();\n  const title =\n    options.as === 'project' ? (projectLabel?.(row.name) ?? row.name) : row.name || (options.unnamed ?? 'Unnamed');\n  const provider = options.mark && 'providerDimension' in options.mark ? options.mark.providerDimension : undefined;\n  return (\n    <BreakdownName\n      mark={<RowMark mark={options.mark} row={row} />}\n      title={title}\n      model={\n        provider !== undefined && row.name !== '' ? { name: row.name, provider: row.dimensions[provider] } : undefined\n      }\n    />\n  );\n}\n\nexport function TableDimensionCell({ id, options, row }: { id: string; options: DimensionOptions; row: TableRow }) {\n  const { projectLabel } = useMetricsScope();\n  const value = options.query === undefined ? row.dimensions[options.dimension] : row.lookups[id];\n  if (!value) return <BreakdownText text={DASH} />;\n  return <BreakdownText text={options.as === 'project' ? (projectLabel?.(value) ?? value) : value} />;\n}\n\nfunction ValueText({ column, row }: { column: ValueColumn; row: TableRow }) {\n  const value = row.values[column.id];\n  if (value !== undefined) return formatValue(column, value, row.units[column.id]);\n  const { unpricedWhen } = column.options;\n  return unpricedWhen && (row.values[unpricedWhen] ?? 0) > 0 ? <BreakdownNotPriced /> : DASH;\n}\n\nexport function TableValueCell({ column, row }: { column: ValueColumn; row: TableRow }) {\n  return (\n    <BreakdownFigure muted={!column.options.emphasis}>\n      <ValueText column={column} row={row} />\n    </BreakdownFigure>\n  );\n}\n\nexport function TableChangeCell({ change, column }: { change: Change | undefined; column: ValueColumn }) {\n  if (!change) return <BreakdownTrendText trend={undefined} />;\n  return <BreakdownTrendText trend={changeTrend(change, column)}>{formatChange(change, column)}</BreakdownTrendText>;\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAS,QAAQ,EAAE,MAAM,OAAqD;CAC5E,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,UAAU,MAAM,OAAO,oBAAC,qBAAD,EAAqB,QAAQ,KAAK,KAAO,CAAA;CACpE,OAAO,oBAAC,oBAAD,EAAoB,UAAU,IAAI,WAAW,KAAK,mBAAqB,CAAA;AAChF;;AAGA,SAAgB,cAAc,EAAE,SAAS,OAAgD;CACvF,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,QACJ,QAAQ,OAAO,YAAa,eAAe,IAAI,IAAI,KAAK,IAAI,OAAQ,IAAI,SAAS,QAAQ,WAAW;CACtG,MAAM,WAAW,QAAQ,QAAQ,uBAAuB,QAAQ,OAAO,QAAQ,KAAK,oBAAoB,KAAA;CACxG,OACE,oBAAC,eAAD;EACE,MAAM,oBAAC,SAAD;GAAS,MAAM,QAAQ;GAAW;EAAM,CAAA;EACvC;EACP,OACE,aAAa,KAAA,KAAa,IAAI,SAAS,KAAK;GAAE,MAAM,IAAI;GAAM,UAAU,IAAI,WAAW;EAAU,IAAI,KAAA;CAExG,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EAAE,IAAI,SAAS,OAAiE;CACjH,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,QAAQ,QAAQ,UAAU,KAAA,IAAY,IAAI,WAAW,QAAQ,aAAa,IAAI,QAAQ;CAC5F,IAAI,CAAC,OAAO,OAAO,oBAAC,eAAD,EAAe,MAAA,IAAa,CAAA;CAC/C,OAAO,oBAAC,eAAD,EAAe,MAAM,QAAQ,OAAO,YAAa,eAAe,KAAK,KAAK,QAAS,MAAQ,CAAA;AACpG;AAEA,SAAS,UAAU,EAAE,QAAQ,OAA+C;CAC1E,MAAM,QAAQ,IAAI,OAAO,OAAO;CAChC,IAAI,UAAU,KAAA,GAAW,OAAO,YAAY,QAAQ,OAAO,IAAI,MAAM,OAAO,GAAG;CAC/E,MAAM,EAAE,iBAAiB,OAAO;CAChC,OAAO,iBAAiB,IAAI,OAAO,iBAAiB,KAAK,IAAI,oBAAC,oBAAD,CAAqB,CAAA,IAAA;AACpF;AAEA,SAAgB,eAAe,EAAE,QAAQ,OAA+C;CACtF,OACE,oBAAC,iBAAD;EAAiB,OAAO,CAAC,OAAO,QAAQ;EACtC,UAAA,oBAAC,WAAD;GAAmB;GAAa;EAAM,CAAA;CACvB,CAAA;AAErB;AAEA,SAAgB,gBAAgB,EAAE,QAAQ,UAA+D;CACvG,IAAI,CAAC,QAAQ,OAAO,oBAAC,oBAAD,EAAoB,OAAO,KAAA,EAAY,CAAA;CAC3D,OAAO,oBAAC,oBAAD;EAAoB,OAAO,YAAY,QAAQ,MAAM;EAAI,UAAA,aAAa,QAAQ,MAAM;CAAsB,CAAA;AACnH"}
+{"version":3,"file":"table-cells.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-cells.tsx"],"sourcesContent":["import { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport { BreakdownName } from '../../../metrics/components/breakdown/breakdown-name';\nimport { BreakdownNotPriced } from '../../../metrics/components/breakdown/breakdown-not-priced';\nimport { BreakdownEntityMark, BreakdownModelMark } from '../../../metrics/components/breakdown/breakdown-row-mark';\nimport { BreakdownText } from '../../../metrics/components/breakdown/breakdown-text';\nimport { BreakdownTrendText } from '../../../metrics/components/breakdown/breakdown-trend-text';\nimport { DASH, changeTrend, formatChange, formatValue } from '../../lib/table';\nimport type { Change, TableColumnOptions, TableRow, ValueColumn } from '../../lib/table';\n\ntype NameOptions = Extract<TableColumnOptions, { type: 'name' }>;\ntype DimensionOptions = Extract<TableColumnOptions, { type: 'dimension' }>;\n\nfunction RowMark({ mark, row }: { mark: NameOptions['mark']; row: TableRow }) {\n  if (!mark) return null;\n  if ('icon' in mark) return <BreakdownEntityMark entity={mark.icon} />;\n  return <BreakdownModelMark provider={row.dimensions[mark.providerDimension]} />;\n}\n\n/** The row's mark and name; with a provider mark, a model reads `openai › gpt-5-mini`. */\n/** Display name for a project id, when the page spans several projects. */\nexport type ProjectLabel = ((projectId: string) => string) | undefined;\n\nexport function TableNameCell({\n  options,\n  row,\n  projectLabel,\n}: {\n  options: NameOptions;\n  row: TableRow;\n  projectLabel: ProjectLabel;\n}) {\n  const title =\n    options.as === 'project' ? (projectLabel?.(row.name) ?? row.name) : row.name || (options.unnamed ?? 'Unnamed');\n  const provider = options.mark && 'providerDimension' in options.mark ? options.mark.providerDimension : undefined;\n  return (\n    <BreakdownName\n      mark={<RowMark mark={options.mark} row={row} />}\n      title={title}\n      model={\n        provider !== undefined && row.name !== '' ? { name: row.name, provider: row.dimensions[provider] } : undefined\n      }\n    />\n  );\n}\n\nexport function TableDimensionCell({\n  id,\n  options,\n  row,\n  projectLabel,\n}: {\n  id: string;\n  options: DimensionOptions;\n  row: TableRow;\n  projectLabel: ProjectLabel;\n}) {\n  const value = options.query === undefined ? row.dimensions[options.dimension] : row.lookups[id];\n  if (!value) return <BreakdownText text={DASH} />;\n  return <BreakdownText text={options.as === 'project' ? (projectLabel?.(value) ?? value) : value} />;\n}\n\nfunction ValueText({ column, row }: { column: ValueColumn; row: TableRow }) {\n  const value = row.values[column.id];\n  if (value !== undefined) return formatValue(column, value, row.units[column.id]);\n  const { unpricedWhen } = column.options;\n  return unpricedWhen && (row.values[unpricedWhen] ?? 0) > 0 ? <BreakdownNotPriced /> : DASH;\n}\n\nexport function TableValueCell({ column, row }: { column: ValueColumn; row: TableRow }) {\n  return (\n    <BreakdownFigure muted={!column.options.emphasis}>\n      <ValueText column={column} row={row} />\n    </BreakdownFigure>\n  );\n}\n\nexport function TableChangeCell({ change, column }: { change: Change | undefined; column: ValueColumn }) {\n  if (!change) return <BreakdownTrendText trend={undefined} />;\n  return <BreakdownTrendText trend={changeTrend(change, column)}>{formatChange(change, column)}</BreakdownTrendText>;\n}\n"],"mappings":";;;;;;;;;AAYA,SAAS,QAAQ,EAAE,MAAM,OAAqD;CAC5E,IAAI,CAAC,MAAM,OAAO;CAClB,IAAI,UAAU,MAAM,OAAO,oBAAC,qBAAD,EAAqB,QAAQ,KAAK,KAAO,CAAA;CACpE,OAAO,oBAAC,oBAAD,EAAoB,UAAU,IAAI,WAAW,KAAK,mBAAqB,CAAA;AAChF;AAMA,SAAgB,cAAc,EAC5B,SACA,KACA,gBAKC;CACD,MAAM,QACJ,QAAQ,OAAO,YAAa,eAAe,IAAI,IAAI,KAAK,IAAI,OAAQ,IAAI,SAAS,QAAQ,WAAW;CACtG,MAAM,WAAW,QAAQ,QAAQ,uBAAuB,QAAQ,OAAO,QAAQ,KAAK,oBAAoB,KAAA;CACxG,OACE,oBAAC,eAAD;EACE,MAAM,oBAAC,SAAD;GAAS,MAAM,QAAQ;GAAW;EAAM,CAAA;EACvC;EACP,OACE,aAAa,KAAA,KAAa,IAAI,SAAS,KAAK;GAAE,MAAM,IAAI;GAAM,UAAU,IAAI,WAAW;EAAU,IAAI,KAAA;CAExG,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EACjC,IACA,SACA,KACA,gBAMC;CACD,MAAM,QAAQ,QAAQ,UAAU,KAAA,IAAY,IAAI,WAAW,QAAQ,aAAa,IAAI,QAAQ;CAC5F,IAAI,CAAC,OAAO,OAAO,oBAAC,eAAD,EAAe,MAAA,IAAa,CAAA;CAC/C,OAAO,oBAAC,eAAD,EAAe,MAAM,QAAQ,OAAO,YAAa,eAAe,KAAK,KAAK,QAAS,MAAQ,CAAA;AACpG;AAEA,SAAS,UAAU,EAAE,QAAQ,OAA+C;CAC1E,MAAM,QAAQ,IAAI,OAAO,OAAO;CAChC,IAAI,UAAU,KAAA,GAAW,OAAO,YAAY,QAAQ,OAAO,IAAI,MAAM,OAAO,GAAG;CAC/E,MAAM,EAAE,iBAAiB,OAAO;CAChC,OAAO,iBAAiB,IAAI,OAAO,iBAAiB,KAAK,IAAI,oBAAC,oBAAD,CAAqB,CAAA,IAAA;AACpF;AAEA,SAAgB,eAAe,EAAE,QAAQ,OAA+C;CACtF,OACE,oBAAC,iBAAD;EAAiB,OAAO,CAAC,OAAO,QAAQ;EACtC,UAAA,oBAAC,WAAD;GAAmB;GAAa;EAAM,CAAA;CACvB,CAAA;AAErB;AAEA,SAAgB,gBAAgB,EAAE,QAAQ,UAA+D;CACvG,IAAI,CAAC,QAAQ,OAAO,oBAAC,oBAAD,EAAoB,OAAO,KAAA,EAAY,CAAA;CAC3D,OAAO,oBAAC,oBAAD;EAAoB,OAAO,YAAY,QAAQ,MAAM;EAAI,UAAA,aAAa,QAAQ,MAAM;CAAsB,CAAA;AACnH"}

package/dist/domains/dashboards/kinds/table/table-columns.cjs.js

@@ -5,7 +5,7 @@ const require_domains_dashboards_kinds_table_table_cells = require("./table-cell
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-columns.tsx
 /** The MetricsTable column for one of the view's columns. */
-function tableColumn(column, window, compared, changeOf) {
+function tableColumn(column, window, compared, changeOf, projectLabel) {
 	const o = column.options;
 	const base = {
 		id: column.id,
@@ -20,7 +20,8 @@ function tableColumn(column, window, compared, changeOf) {
 			firstDirection: "asc",
 			cell: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_cells.TableNameCell, {
 				options: o,
-				row
+				row,
+				projectLabel
 			})
 		};
 		case "dimension": return {
@@ -31,7 +32,8 @@ function tableColumn(column, window, compared, changeOf) {
 			cell: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_cells.TableDimensionCell, {
 				id: column.id,
 				options: o,
-				row
+				row,
+				projectLabel
 			})
 		};
 		case "value": {

package/dist/domains/dashboards/kinds/table/table-columns.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-columns.cjs.js","names":["TableNameCell","TableDimensionCell","TableValueCell","BreakdownChangeDescription","BreakdownFigure","TableChangeCell"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-columns.tsx"],"sourcesContent":["import { BreakdownChangeDescription } from '../../../metrics/components/breakdown/breakdown-change-description';\nimport { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport type { Change, TableColumn, TableRow, ValueColumn } from '../../lib/table';\nimport { TableChangeCell, TableDimensionCell, TableNameCell, TableValueCell } from './table-cells';\nimport type { MetricsTableColumn } from '@/ds/components/MetricsTable';\n\n/** The MetricsTable column for one of the view's columns. */\nexport function tableColumn(\n  column: TableColumn,\n  window: { start: Date; end: Date },\n  compared: ValueColumn | undefined,\n  changeOf: (row: TableRow) => Change | undefined,\n): MetricsTableColumn<TableRow> {\n  const o = column.options;\n  const base = { id: column.id, header: column.label, description: o.description };\n  switch (o.type) {\n    case 'name':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable ? (row: TableRow) => row.name : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableNameCell options={o} row={row} />,\n      };\n    case 'dimension':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable\n          ? (row: TableRow) => (o.query === undefined ? row.dimensions[o.dimension] : row.lookups[column.id])\n          : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableDimensionCell id={column.id} options={o} row={row} />,\n      };\n    case 'value': {\n      const value: ValueColumn = { id: column.id, label: column.label, options: o };\n      return {\n        ...base,\n        align: 'end',\n        width: o.width,\n        sortValue: o.sortable === false ? undefined : (row: TableRow) => row.values[column.id],\n        cell: row => <TableValueCell column={value} row={row} />,\n      };\n    }\n    case 'change':\n      return {\n        id: column.id,\n        header: column.label,\n        align: 'end',\n        description: o.description ?? <BreakdownChangeDescription window={window} label={compared?.label ?? ''} />,\n        // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n        // have no change to rank, so they sort last.\n        sortValue: row => changeOf(row)?.change,\n        cell: row => (\n          <BreakdownFigure>{compared && <TableChangeCell change={changeOf(row)} column={compared} />}</BreakdownFigure>\n        ),\n      };\n  }\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,YACd,QACA,QACA,UACA,UAC8B;CAC9B,MAAM,IAAI,OAAO;CACjB,MAAM,OAAO;EAAE,IAAI,OAAO;EAAI,QAAQ,OAAO;EAAO,aAAa,EAAE;CAAY;CAC/E,QAAQ,EAAE,MAAV;EACE,KAAK,QACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YAAY,QAAkB,IAAI,OAAO,KAAA;GACtD,gBAAgB;GAChB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,mDAAAA,eAAD;IAAe,SAAS;IAAQ;GAAM,CAAA;EACrD;EACF,KAAK,aACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YACR,QAAmB,EAAE,UAAU,KAAA,IAAY,IAAI,WAAW,EAAE,aAAa,IAAI,QAAQ,OAAO,MAC7F,KAAA;GACJ,gBAAgB;GAChB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,oBAAD;IAAoB,IAAI,OAAO;IAAI,SAAS;IAAQ;GAAM,CAAA;EACzE;EACF,KAAK,SAAS;GACZ,MAAM,QAAqB;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO;IAAO,SAAS;GAAE;GAC5E,OAAO;IACL,GAAG;IACH,OAAO;IACP,OAAO,EAAE;IACT,WAAW,EAAE,aAAa,QAAQ,KAAA,KAAa,QAAkB,IAAI,OAAO,OAAO;IACnF,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,gBAAD;KAAgB,QAAQ;KAAY;IAAM,CAAA;GACzD;EACF;EACA,KAAK,UACH,OAAO;GACL,IAAI,OAAO;GACX,QAAQ,OAAO;GACf,OAAO;GACP,aAAa,EAAE,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,4BAAD;IAAoC;IAAQ,OAAO,UAAU,SAAS;GAAK,CAAA;GAGzG,YAAW,QAAO,SAAS,GAAG,CAAC,EAAE;GACjC,OAAM,QACJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,8DAAAA,iBAAD,EAAA,UAAkB,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,iBAAD;IAAiB,QAAQ,SAAS,GAAG;IAAG,QAAQ;GAAW,CAAA,EAAmB,CAAA;EAEhH;CACJ;AACF"}
+{"version":3,"file":"table-columns.cjs.js","names":["TableNameCell","TableDimensionCell","TableValueCell","BreakdownChangeDescription","BreakdownFigure","TableChangeCell"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-columns.tsx"],"sourcesContent":["import { BreakdownChangeDescription } from '../../../metrics/components/breakdown/breakdown-change-description';\nimport { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport type { Change, TableColumn, TableRow, ValueColumn } from '../../lib/table';\nimport { TableChangeCell, TableDimensionCell, TableNameCell, TableValueCell } from './table-cells';\nimport type { ProjectLabel } from './table-cells';\nimport type { MetricsTableColumn } from '@/ds/components/MetricsTable';\n\n/** The MetricsTable column for one of the view's columns. */\nexport function tableColumn(\n  column: TableColumn,\n  window: { start: Date; end: Date },\n  compared: ValueColumn | undefined,\n  changeOf: (row: TableRow) => Change | undefined,\n  projectLabel: ProjectLabel,\n): MetricsTableColumn<TableRow> {\n  const o = column.options;\n  const base = { id: column.id, header: column.label, description: o.description };\n  switch (o.type) {\n    case 'name':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable ? (row: TableRow) => row.name : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableNameCell options={o} row={row} projectLabel={projectLabel} />,\n      };\n    case 'dimension':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable\n          ? (row: TableRow) => (o.query === undefined ? row.dimensions[o.dimension] : row.lookups[column.id])\n          : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableDimensionCell id={column.id} options={o} row={row} projectLabel={projectLabel} />,\n      };\n    case 'value': {\n      const value: ValueColumn = { id: column.id, label: column.label, options: o };\n      return {\n        ...base,\n        align: 'end',\n        width: o.width,\n        sortValue: o.sortable === false ? undefined : (row: TableRow) => row.values[column.id],\n        cell: row => <TableValueCell column={value} row={row} />,\n      };\n    }\n    case 'change':\n      return {\n        id: column.id,\n        header: column.label,\n        align: 'end',\n        description: o.description ?? <BreakdownChangeDescription window={window} label={compared?.label ?? ''} />,\n        // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n        // have no change to rank, so they sort last.\n        sortValue: row => changeOf(row)?.change,\n        cell: row => (\n          <BreakdownFigure>{compared && <TableChangeCell change={changeOf(row)} column={compared} />}</BreakdownFigure>\n        ),\n      };\n  }\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,YACd,QACA,QACA,UACA,UACA,cAC8B;CAC9B,MAAM,IAAI,OAAO;CACjB,MAAM,OAAO;EAAE,IAAI,OAAO;EAAI,QAAQ,OAAO;EAAO,aAAa,EAAE;CAAY;CAC/E,QAAQ,EAAE,MAAV;EACE,KAAK,QACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YAAY,QAAkB,IAAI,OAAO,KAAA;GACtD,gBAAgB;GAChB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,mDAAAA,eAAD;IAAe,SAAS;IAAQ;IAAmB;GAAe,CAAA;EACjF;EACF,KAAK,aACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YACR,QAAmB,EAAE,UAAU,KAAA,IAAY,IAAI,WAAW,EAAE,aAAa,IAAI,QAAQ,OAAO,MAC7F,KAAA;GACJ,gBAAgB;GAChB,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,oBAAD;IAAoB,IAAI,OAAO;IAAI,SAAS;IAAQ;IAAmB;GAAe,CAAA;EACrG;EACF,KAAK,SAAS;GACZ,MAAM,QAAqB;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO;IAAO,SAAS;GAAE;GAC5E,OAAO;IACL,GAAG;IACH,OAAO;IACP,OAAO,EAAE;IACT,WAAW,EAAE,aAAa,QAAQ,KAAA,KAAa,QAAkB,IAAI,OAAO,OAAO;IACnF,OAAM,QAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,gBAAD;KAAgB,QAAQ;KAAY;IAAM,CAAA;GACzD;EACF;EACA,KAAK,UACH,OAAO;GACL,IAAI,OAAO;GACX,QAAQ,OAAO;GACf,OAAO;GACP,aAAa,EAAE,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAACC,0EAAAA,4BAAD;IAAoC;IAAQ,OAAO,UAAU,SAAS;GAAK,CAAA;GAGzG,YAAW,QAAO,SAAS,GAAG,CAAC,EAAE;GACjC,OAAM,QACJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,8DAAAA,iBAAD,EAAA,UAAkB,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,iBAAD;IAAiB,QAAQ,SAAS,GAAG;IAAG,QAAQ;GAAW,CAAA,EAAmB,CAAA;EAEhH;CACJ;AACF"}

package/dist/domains/dashboards/kinds/table/table-columns.es.js

@@ -4,7 +4,7 @@ import { TableChangeCell, TableDimensionCell, TableNameCell, TableValueCell } fr
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-columns.tsx
 /** The MetricsTable column for one of the view's columns. */
-function tableColumn(column, window, compared, changeOf) {
+function tableColumn(column, window, compared, changeOf, projectLabel) {
 	const o = column.options;
 	const base = {
 		id: column.id,
@@ -19,7 +19,8 @@ function tableColumn(column, window, compared, changeOf) {
 			firstDirection: "asc",
 			cell: (row) => /* @__PURE__ */ jsx(TableNameCell, {
 				options: o,
-				row
+				row,
+				projectLabel
 			})
 		};
 		case "dimension": return {
@@ -30,7 +31,8 @@ function tableColumn(column, window, compared, changeOf) {
 			cell: (row) => /* @__PURE__ */ jsx(TableDimensionCell, {
 				id: column.id,
 				options: o,
-				row
+				row,
+				projectLabel
 			})
 		};
 		case "value": {

package/dist/domains/dashboards/kinds/table/table-columns.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-columns.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-columns.tsx"],"sourcesContent":["import { BreakdownChangeDescription } from '../../../metrics/components/breakdown/breakdown-change-description';\nimport { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport type { Change, TableColumn, TableRow, ValueColumn } from '../../lib/table';\nimport { TableChangeCell, TableDimensionCell, TableNameCell, TableValueCell } from './table-cells';\nimport type { MetricsTableColumn } from '@/ds/components/MetricsTable';\n\n/** The MetricsTable column for one of the view's columns. */\nexport function tableColumn(\n  column: TableColumn,\n  window: { start: Date; end: Date },\n  compared: ValueColumn | undefined,\n  changeOf: (row: TableRow) => Change | undefined,\n): MetricsTableColumn<TableRow> {\n  const o = column.options;\n  const base = { id: column.id, header: column.label, description: o.description };\n  switch (o.type) {\n    case 'name':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable ? (row: TableRow) => row.name : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableNameCell options={o} row={row} />,\n      };\n    case 'dimension':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable\n          ? (row: TableRow) => (o.query === undefined ? row.dimensions[o.dimension] : row.lookups[column.id])\n          : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableDimensionCell id={column.id} options={o} row={row} />,\n      };\n    case 'value': {\n      const value: ValueColumn = { id: column.id, label: column.label, options: o };\n      return {\n        ...base,\n        align: 'end',\n        width: o.width,\n        sortValue: o.sortable === false ? undefined : (row: TableRow) => row.values[column.id],\n        cell: row => <TableValueCell column={value} row={row} />,\n      };\n    }\n    case 'change':\n      return {\n        id: column.id,\n        header: column.label,\n        align: 'end',\n        description: o.description ?? <BreakdownChangeDescription window={window} label={compared?.label ?? ''} />,\n        // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n        // have no change to rank, so they sort last.\n        sortValue: row => changeOf(row)?.change,\n        cell: row => (\n          <BreakdownFigure>{compared && <TableChangeCell change={changeOf(row)} column={compared} />}</BreakdownFigure>\n        ),\n      };\n  }\n}\n"],"mappings":";;;;;;AAOA,SAAgB,YACd,QACA,QACA,UACA,UAC8B;CAC9B,MAAM,IAAI,OAAO;CACjB,MAAM,OAAO;EAAE,IAAI,OAAO;EAAI,QAAQ,OAAO;EAAO,aAAa,EAAE;CAAY;CAC/E,QAAQ,EAAE,MAAV;EACE,KAAK,QACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YAAY,QAAkB,IAAI,OAAO,KAAA;GACtD,gBAAgB;GAChB,OAAM,QAAO,oBAAC,eAAD;IAAe,SAAS;IAAQ;GAAM,CAAA;EACrD;EACF,KAAK,aACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YACR,QAAmB,EAAE,UAAU,KAAA,IAAY,IAAI,WAAW,EAAE,aAAa,IAAI,QAAQ,OAAO,MAC7F,KAAA;GACJ,gBAAgB;GAChB,OAAM,QAAO,oBAAC,oBAAD;IAAoB,IAAI,OAAO;IAAI,SAAS;IAAQ;GAAM,CAAA;EACzE;EACF,KAAK,SAAS;GACZ,MAAM,QAAqB;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO;IAAO,SAAS;GAAE;GAC5E,OAAO;IACL,GAAG;IACH,OAAO;IACP,OAAO,EAAE;IACT,WAAW,EAAE,aAAa,QAAQ,KAAA,KAAa,QAAkB,IAAI,OAAO,OAAO;IACnF,OAAM,QAAO,oBAAC,gBAAD;KAAgB,QAAQ;KAAY;IAAM,CAAA;GACzD;EACF;EACA,KAAK,UACH,OAAO;GACL,IAAI,OAAO;GACX,QAAQ,OAAO;GACf,OAAO;GACP,aAAa,EAAE,eAAe,oBAAC,4BAAD;IAAoC;IAAQ,OAAO,UAAU,SAAS;GAAK,CAAA;GAGzG,YAAW,QAAO,SAAS,GAAG,CAAC,EAAE;GACjC,OAAM,QACJ,oBAAC,iBAAD,EAAA,UAAkB,YAAY,oBAAC,iBAAD;IAAiB,QAAQ,SAAS,GAAG;IAAG,QAAQ;GAAW,CAAA,EAAmB,CAAA;EAEhH;CACJ;AACF"}
+{"version":3,"file":"table-columns.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-columns.tsx"],"sourcesContent":["import { BreakdownChangeDescription } from '../../../metrics/components/breakdown/breakdown-change-description';\nimport { BreakdownFigure } from '../../../metrics/components/breakdown/breakdown-figure';\nimport type { Change, TableColumn, TableRow, ValueColumn } from '../../lib/table';\nimport { TableChangeCell, TableDimensionCell, TableNameCell, TableValueCell } from './table-cells';\nimport type { ProjectLabel } from './table-cells';\nimport type { MetricsTableColumn } from '@/ds/components/MetricsTable';\n\n/** The MetricsTable column for one of the view's columns. */\nexport function tableColumn(\n  column: TableColumn,\n  window: { start: Date; end: Date },\n  compared: ValueColumn | undefined,\n  changeOf: (row: TableRow) => Change | undefined,\n  projectLabel: ProjectLabel,\n): MetricsTableColumn<TableRow> {\n  const o = column.options;\n  const base = { id: column.id, header: column.label, description: o.description };\n  switch (o.type) {\n    case 'name':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable ? (row: TableRow) => row.name : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableNameCell options={o} row={row} projectLabel={projectLabel} />,\n      };\n    case 'dimension':\n      return {\n        ...base,\n        width: o.width,\n        sortValue: o.sortable\n          ? (row: TableRow) => (o.query === undefined ? row.dimensions[o.dimension] : row.lookups[column.id])\n          : undefined,\n        firstDirection: 'asc',\n        cell: row => <TableDimensionCell id={column.id} options={o} row={row} projectLabel={projectLabel} />,\n      };\n    case 'value': {\n      const value: ValueColumn = { id: column.id, label: column.label, options: o };\n      return {\n        ...base,\n        align: 'end',\n        width: o.width,\n        sortValue: o.sortable === false ? undefined : (row: TableRow) => row.values[column.id],\n        cell: row => <TableValueCell column={value} row={row} />,\n      };\n    }\n    case 'change':\n      return {\n        id: column.id,\n        header: column.label,\n        align: 'end',\n        description: o.description ?? <BreakdownChangeDescription window={window} label={compared?.label ?? ''} />,\n        // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n        // have no change to rank, so they sort last.\n        sortValue: row => changeOf(row)?.change,\n        cell: row => (\n          <BreakdownFigure>{compared && <TableChangeCell change={changeOf(row)} column={compared} />}</BreakdownFigure>\n        ),\n      };\n  }\n}\n"],"mappings":";;;;;;AAQA,SAAgB,YACd,QACA,QACA,UACA,UACA,cAC8B;CAC9B,MAAM,IAAI,OAAO;CACjB,MAAM,OAAO;EAAE,IAAI,OAAO;EAAI,QAAQ,OAAO;EAAO,aAAa,EAAE;CAAY;CAC/E,QAAQ,EAAE,MAAV;EACE,KAAK,QACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YAAY,QAAkB,IAAI,OAAO,KAAA;GACtD,gBAAgB;GAChB,OAAM,QAAO,oBAAC,eAAD;IAAe,SAAS;IAAQ;IAAmB;GAAe,CAAA;EACjF;EACF,KAAK,aACH,OAAO;GACL,GAAG;GACH,OAAO,EAAE;GACT,WAAW,EAAE,YACR,QAAmB,EAAE,UAAU,KAAA,IAAY,IAAI,WAAW,EAAE,aAAa,IAAI,QAAQ,OAAO,MAC7F,KAAA;GACJ,gBAAgB;GAChB,OAAM,QAAO,oBAAC,oBAAD;IAAoB,IAAI,OAAO;IAAI,SAAS;IAAQ;IAAmB;GAAe,CAAA;EACrG;EACF,KAAK,SAAS;GACZ,MAAM,QAAqB;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO;IAAO,SAAS;GAAE;GAC5E,OAAO;IACL,GAAG;IACH,OAAO;IACP,OAAO,EAAE;IACT,WAAW,EAAE,aAAa,QAAQ,KAAA,KAAa,QAAkB,IAAI,OAAO,OAAO;IACnF,OAAM,QAAO,oBAAC,gBAAD;KAAgB,QAAQ;KAAY;IAAM,CAAA;GACzD;EACF;EACA,KAAK,UACH,OAAO;GACL,IAAI,OAAO;GACX,QAAQ,OAAO;GACf,OAAO;GACP,aAAa,EAAE,eAAe,oBAAC,4BAAD;IAAoC;IAAQ,OAAO,UAAU,SAAS;GAAK,CAAA;GAGzG,YAAW,QAAO,SAAS,GAAG,CAAC,EAAE;GACjC,OAAM,QACJ,oBAAC,iBAAD,EAAA,UAAkB,YAAY,oBAAC,iBAAD;IAAiB,QAAQ,SAAS,GAAG;IAAG,QAAQ;GAAW,CAAA,EAAmB,CAAA;EAEhH;CACJ;AACF"}