@mastra/playground-ui 68.0.0-alpha.3 → 69.0.0-alpha.0

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

@@ -1,17 +1,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
-const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
-const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_metrics_components_chart_area = require("../../../metrics/components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("../../../metrics/components/chart-card-error.cjs.js");
 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_dashboards_lib_scores = require("../../lib/scores.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_chrome = require("../../lib/chrome.cjs.js");
 const require_domains_dashboards_lib_format = require("../../lib/format.cjs.js");
-const require_MetricsLineChart = require("../../../../MetricsLineChart-CjBm4IXu.cjs");
+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");
 // src/domains/dashboards/kinds/scores/scores-widget.tsx
 /** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */
@@ -22,19 +25,27 @@ 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 }) {
+function ScoresWidget({ widget, views, expand, dragHandle, pin }) {
 	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: () => null,
+		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, {
-			title: widget.title ?? "",
+			heading,
 			view,
 			page
 		})
 	});
 }
-function ScoresView({ title, view, page }) {
+function ScoresView({ heading, view, page }) {
 	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);
@@ -54,7 +65,7 @@ function ScoresView({ title, view, page }) {
 	].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, {
-		title,
+		...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())
@@ -68,12 +79,13 @@ function ScoresView({ title, view, page }) {
 		color: SCORER_COLORS[i % SCORER_COLORS.length] ?? require_domains_metrics_lib_chart_colors.CHART_COLORS.neutral
 	}));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
-		title,
+		...heading,
 		isUpdating: all.some((r) => r.isRefetching),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_area.ChartArea, {
 			isEmpty: !isLoading && lines.length === 0,
 			emptyMessage: options.emptyMessage,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
+				lineStyle: "thin",
 				data: isLoading ? [] : buckets,
 				series,
 				height: "fill",

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

@@ -1 +1 @@
-{"version":3,"file":"scores-widget.cjs.js","names":["CHART_COLORS","ViewGate","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 { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useScorers } from '../../hooks/use-scorers';\nimport { FORMATTERS } from '../../lib/format';\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 }: WidgetKindProps<ScoresOptions>) {\n  const [view] = views;\n  return (\n    <ViewGate queries={view.queries} pending={() => null}>\n      {page => <ScoresView title={widget.title ?? ''} view={view} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction ScoresView({\n  title,\n  view,\n  page,\n}: {\n  title: string;\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 title={title}>\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 title={title} isUpdating={all.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && lines.length === 0} emptyMessage={options.emptyMessage}>\n        <MetricsLineChart\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","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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"}

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

@@ -1,16 +1,19 @@
-import { bucketPlan, intervalHours } from "../../../metrics/lib/metrics-buckets.es.js";
-import { buildRequest } from "../../lib/requests.es.js";
-import { ViewGate } from "../../components/view-gate.es.js";
-import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
 import { ChartArea } from "../../../metrics/components/chart-area.es.js";
 import { ChartCard } from "../../../metrics/components/chart-card.es.js";
 import { ChartCardError } from "../../../metrics/components/chart-card-error.es.js";
 import { BUCKET_AXIS } from "../../../metrics/lib/chart-axis.es.js";
 import { CHART_COLORS } from "../../../metrics/lib/chart-colors.es.js";
-import { shapeScores, withScorer } from "../../lib/scores.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 { viewTitle } from "../../lib/chrome.es.js";
 import { FORMATTERS } from "../../lib/format.es.js";
-import { t as MetricsLineChart } from "../../../../MetricsLineChart-BhHoduO0.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 { t as MetricsLineChart } from "../../../../MetricsLineChart-4w5lpH63.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/scores/scores-widget.tsx
 /** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */
@@ -21,19 +24,27 @@ var SCORER_COLORS = [
 	CHART_COLORS.teal,
 	CHART_COLORS.indigo
 ];
-function ScoresWidget({ widget, views }) {
+function ScoresWidget({ widget, views, expand, dragHandle, pin }) {
 	const [view] = views;
+	const heading = {
+		...viewTitle(widget, [view], 0, () => {}, expand),
+		dragHandle,
+		...pinActions(pin)
+	};
 	return /* @__PURE__ */ jsx(ViewGate, {
 		queries: view.queries,
-		pending: () => null,
+		pending: (gate) => /* @__PURE__ */ jsx(PendingChartCard, {
+			gate,
+			heading
+		}),
 		children: (page) => /* @__PURE__ */ jsx(ScoresView, {
-			title: widget.title ?? "",
+			heading,
 			view,
 			page
 		})
 	});
 }
-function ScoresView({ title, view, page }) {
+function ScoresView({ heading, view, page }) {
 	const { options } = view;
 	const { interval } = bucketPlan(page.window.start, page.window.end);
 	const stepHours = intervalHours(interval);
@@ -53,7 +64,7 @@ function ScoresView({ title, view, page }) {
 	].filter((r) => r !== void 0);
 	const failed = all.filter((r) => r.isError);
 	if (failed.length > 0) return /* @__PURE__ */ jsx(ChartCard, {
-		title,
+		...heading,
 		children: /* @__PURE__ */ jsx(ChartCardError, {
 			error: failed[0]?.error,
 			onRetry: () => failed.forEach((r) => void r.refetch())
@@ -67,12 +78,13 @@ function ScoresView({ title, view, page }) {
 		color: SCORER_COLORS[i % SCORER_COLORS.length] ?? CHART_COLORS.neutral
 	}));
 	return /* @__PURE__ */ jsx(ChartCard, {
-		title,
+		...heading,
 		isUpdating: all.some((r) => r.isRefetching),
 		children: /* @__PURE__ */ jsx(ChartArea, {
 			isEmpty: !isLoading && lines.length === 0,
 			emptyMessage: options.emptyMessage,
 			children: /* @__PURE__ */ jsx(MetricsLineChart, {
+				lineStyle: "thin",
 				data: isLoading ? [] : buckets,
 				series,
 				height: "fill",

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 { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useScorers } from '../../hooks/use-scorers';\nimport { FORMATTERS } from '../../lib/format';\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 }: WidgetKindProps<ScoresOptions>) {\n  const [view] = views;\n  return (\n    <ViewGate queries={view.queries} pending={() => null}>\n      {page => <ScoresView title={widget.title ?? ''} view={view} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction ScoresView({\n  title,\n  view,\n  page,\n}: {\n  title: string;\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 title={title}>\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 title={title} isUpdating={all.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && lines.length === 0} emptyMessage={options.emptyMessage}>\n        <MetricsLineChart\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,EAAE,QAAQ,SAAyC;CAC9E,MAAM,CAAC,QAAQ;CACf,OACE,oBAAC,UAAD;EAAU,SAAS,KAAK;EAAS,eAAe;EAC7C,WAAA,SAAQ,oBAAC,YAAD;GAAY,OAAO,OAAO,SAAS;GAAU;GAAY;EAAO,CAAA;CACjE,CAAA;AAEd;AAEA,SAAS,WAAW,EAClB,OACA,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;EAAkB;EAChB,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;EAAkB;EAAO,YAAY,IAAI,MAAK,MAAK,EAAE,YAAY;EAC/D,UAAA,oBAAC,WAAD;GAAW,SAAS,CAAC,aAAa,MAAM,WAAW;GAAG,cAAc,QAAQ;GAC1E,UAAA,oBAAC,kBAAD;IACE,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 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"}

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

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_figure = require("../../../metrics/components/breakdown/breakdown-figure.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_name = require("../../../metrics/components/breakdown/breakdown-name.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_not_priced = require("../../../metrics/components/breakdown/breakdown-not-priced.cjs.js");
@@ -7,6 +6,7 @@ const require_domains_metrics_components_breakdown_breakdown_row_mark = require(
 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
 function RowMark({ mark, row }) {

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

@@ -1,4 +1,3 @@
-import { changeTrend, formatChange, formatValue } from "../../lib/table.es.js";
 import { BreakdownFigure } from "../../../metrics/components/breakdown/breakdown-figure.es.js";
 import { BreakdownName } from "../../../metrics/components/breakdown/breakdown-name.es.js";
 import { BreakdownNotPriced } from "../../../metrics/components/breakdown/breakdown-not-priced.es.js";
@@ -6,6 +5,7 @@ import { BreakdownEntityMark, BreakdownModelMark } from "../../../metrics/compon
 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
 function RowMark({ mark, row }) {

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

@@ -1,13 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
 const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
-const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
-const require_MetricsCard = require("../../../../MetricsCard-CEB-f2sv.cjs");
-const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
-const require_domains_dashboards_lib_chrome = require("../../lib/chrome.cjs.js");
 const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
+const require_domains_dashboards_lib_chrome = require("../../lib/chrome.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_table = require("../../lib/table.cjs.js");
+const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
 const require_domains_dashboards_kinds_table_table_frame = require("./table-frame.cjs.js");
 const require_domains_dashboards_kinds_table_table_view = require("./table-view.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-tabs.tsx
 /** Filters an aggregate can't apply, named as the filter bar names them. */
@@ -37,7 +38,13 @@ function TableTabs({ page, blocked, ...props }) {
 	const opener = openerSource(props.views, blocked);
 	const openerResults = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(opener?.queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, {})) ?? []);
 	const rows = opener ? require_domains_dashboards_lib_table.countRows(opener.view.options, opener.column, opener.queries, openerResults.map((r) => r?.data)) : "uncountable";
-	const { view, index, heading } = require_domains_dashboards_hooks_use_widget_views.useViewMenu(props.widget, props.views, require_domains_dashboards_lib_table.openingView(props.views, rows));
+	const menu = require_domains_dashboards_hooks_use_widget_views.useViewMenu(props.widget, props.views, require_domains_dashboards_lib_table.openingView(props.views, rows));
+	const { view, index } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(props.pin)
+	};
 	const unsupported = blocked(view.queries);
 	if (unsupported) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_frame.TableFrame, {
 		heading,

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

@@ -1 +1 @@
-{"version":3,"file":"table-tabs.cjs.js","names":["parseColumns","isValueColumn","exprRefs","useDashboardRequests","buildRequest","countRows","useViewMenu","openingView","TableFrame","MetricsCard","unsupportedMessage","TableView"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. */\nconst FILTER_NAMES: Record<string, string> = {\n  serviceName: 'service',\n  requestId: 'request ID',\n  experimentId: 'experiment',\n  tags: 'tags',\n  provider: 'provider',\n  model: 'model',\n};\n\n/** The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n  const opener = views.find(v => v.options.openWhen);\n  if (!opener || blocked(opener.queries)) return undefined;\n  const column = parseColumns(opener.columns)\n    .columns.filter(isValueColumn)\n    .find(c => c.id === opener.options.defaultSort.column);\n  if (!column) return undefined;\n  const read = new Set(exprRefs(column.options.value).map(r => r.query));\n  const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n  return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n  // A view that opens only with enough rows counts them from its sorted column's own request, so\n  // opening on it costs nothing more.\n  const opener = openerSource(props.views, blocked);\n  const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n  const rows = opener\n    ? countRows(\n        opener.view.options,\n        opener.column,\n        opener.queries,\n        openerResults.map(r => r?.data),\n      )\n    : 'uncountable';\n  const { view, index, heading } = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n\n  const unsupported = blocked(view.queries);\n  if (unsupported) {\n    return (\n      <TableFrame heading={heading}>\n        <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n      </TableFrame>\n    );\n  }\n  return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAASA,qCAAAA,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAOC,qCAAAA,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAIC,sCAAAA,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgBC,wDAAAA,qBAAqB,QAAQ,QAAQ,KAAI,MAAKC,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACTC,qCAAAA,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,EAAE,MAAM,OAAO,YAAYC,kDAAAA,YAAY,MAAM,QAAQ,MAAM,OAAOC,qCAAAA,YAAY,MAAM,OAAO,IAAI,CAAC;CAEtG,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,YAAD;EAAqB;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,QAAb,EAAoB,SAASC,sCAAAA,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}
+{"version":3,"file":"table-tabs.cjs.js","names":["parseColumns","isValueColumn","exprRefs","useDashboardRequests","buildRequest","countRows","useViewMenu","openingView","pinActions","TableFrame","MetricsCard","unsupportedMessage","TableView"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { pinActions } from '../../lib/pin-actions';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. */\nconst FILTER_NAMES: Record<string, string> = {\n  serviceName: 'service',\n  requestId: 'request ID',\n  experimentId: 'experiment',\n  tags: 'tags',\n  provider: 'provider',\n  model: 'model',\n};\n\n/** The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n  const opener = views.find(v => v.options.openWhen);\n  if (!opener || blocked(opener.queries)) return undefined;\n  const column = parseColumns(opener.columns)\n    .columns.filter(isValueColumn)\n    .find(c => c.id === opener.options.defaultSort.column);\n  if (!column) return undefined;\n  const read = new Set(exprRefs(column.options.value).map(r => r.query));\n  const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n  return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n  // A view that opens only with enough rows counts them from its sorted column's own request, so\n  // opening on it costs nothing more.\n  const opener = openerSource(props.views, blocked);\n  const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n  const rows = opener\n    ? countRows(\n        opener.view.options,\n        opener.column,\n        opener.queries,\n        openerResults.map(r => r?.data),\n      )\n    : 'uncountable';\n  const menu = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n  const { view, index } = menu;\n  const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\n\n  const unsupported = blocked(view.queries);\n  if (unsupported) {\n    return (\n      <TableFrame heading={heading}>\n        <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n      </TableFrame>\n    );\n  }\n  return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAASA,qCAAAA,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAOC,qCAAAA,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAIC,sCAAAA,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgBC,wDAAAA,qBAAqB,QAAQ,QAAQ,KAAI,MAAKC,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACTC,qCAAAA,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,OAAOC,kDAAAA,YAAY,MAAM,QAAQ,MAAM,OAAOC,qCAAAA,YAAY,MAAM,OAAO,IAAI,CAAC;CAClF,MAAM,EAAE,MAAM,UAAU;CACxB,MAAM,UAAU;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAGC,2CAAAA,WAAW,MAAM,GAAG;CAAE;CAE1F,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,YAAD;EAAqB;EACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,QAAb,EAAoB,SAASC,sCAAAA,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}

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

@@ -1,12 +1,13 @@
-import { buildRequest } from "../../lib/requests.es.js";
 import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
-import { exprRefs } from "../../lib/values.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-M8awJ2B_.js";
-import { countRows, isValueColumn, openingView, parseColumns } from "../../lib/table.es.js";
-import { unsupportedMessage } from "../../lib/chrome.es.js";
 import { useViewMenu } from "../../hooks/use-widget-views.es.js";
+import { unsupportedMessage } from "../../lib/chrome.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
+import { countRows, isValueColumn, openingView, parseColumns } from "../../lib/table.es.js";
+import { exprRefs } from "../../lib/values.es.js";
 import { TableFrame } from "./table-frame.es.js";
 import { TableView } from "./table-view.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-tabs.tsx
 /** Filters an aggregate can't apply, named as the filter bar names them. */
@@ -36,7 +37,13 @@ function TableTabs({ page, blocked, ...props }) {
 	const opener = openerSource(props.views, blocked);
 	const openerResults = useDashboardRequests(opener?.queries.map((q) => buildRequest(q, page, {})) ?? []);
 	const rows = opener ? countRows(opener.view.options, opener.column, opener.queries, openerResults.map((r) => r?.data)) : "uncountable";
-	const { view, index, heading } = useViewMenu(props.widget, props.views, openingView(props.views, rows));
+	const menu = useViewMenu(props.widget, props.views, openingView(props.views, rows));
+	const { view, index } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...pinActions(props.pin)
+	};
 	const unsupported = blocked(view.queries);
 	if (unsupported) return /* @__PURE__ */ jsx(TableFrame, {
 		heading,

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

@@ -1 +1 @@
-{"version":3,"file":"table-tabs.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. */\nconst FILTER_NAMES: Record<string, string> = {\n  serviceName: 'service',\n  requestId: 'request ID',\n  experimentId: 'experiment',\n  tags: 'tags',\n  provider: 'provider',\n  model: 'model',\n};\n\n/** The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n  const opener = views.find(v => v.options.openWhen);\n  if (!opener || blocked(opener.queries)) return undefined;\n  const column = parseColumns(opener.columns)\n    .columns.filter(isValueColumn)\n    .find(c => c.id === opener.options.defaultSort.column);\n  if (!column) return undefined;\n  const read = new Set(exprRefs(column.options.value).map(r => r.query));\n  const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n  return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n  // A view that opens only with enough rows counts them from its sorted column's own request, so\n  // opening on it costs nothing more.\n  const opener = openerSource(props.views, blocked);\n  const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n  const rows = opener\n    ? countRows(\n        opener.view.options,\n        opener.column,\n        opener.queries,\n        openerResults.map(r => r?.data),\n      )\n    : 'uncountable';\n  const { view, index, heading } = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n\n  const unsupported = blocked(view.queries);\n  if (unsupported) {\n    return (\n      <TableFrame heading={heading}>\n        <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n      </TableFrame>\n    );\n  }\n  return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAAS,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAO,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAI,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgB,qBAAqB,QAAQ,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACT,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,EAAE,MAAM,OAAO,YAAY,YAAY,MAAM,QAAQ,MAAM,OAAO,YAAY,MAAM,OAAO,IAAI,CAAC;CAEtG,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,oBAAC,YAAD;EAAqB;EACnB,UAAA,oBAAC,YAAY,QAAb,EAAoB,SAAS,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,oBAAC,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}
+{"version":3,"file":"table-tabs.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import type { BlockedFields } from '../../components/view-gate';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useViewMenu } from '../../hooks/use-widget-views';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport { pinActions } from '../../lib/pin-actions';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { countRows, isValueColumn, openingView, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport { exprRefs } from '../../lib/values';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { TableView } from './table-view';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\ntype Props = WidgetKindProps<TableOptions>;\n\n/** Filters an aggregate can't apply, named as the filter bar names them. */\nconst FILTER_NAMES: Record<string, string> = {\n  serviceName: 'service',\n  requestId: 'request ID',\n  experimentId: 'experiment',\n  tags: 'tags',\n  provider: 'provider',\n  model: 'model',\n};\n\n/** The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: Props['views'], blocked: BlockedFields) {\n  const opener = views.find(v => v.options.openWhen);\n  if (!opener || blocked(opener.queries)) return undefined;\n  const column = parseColumns(opener.columns)\n    .columns.filter(isValueColumn)\n    .find(c => c.id === opener.options.defaultSort.column);\n  if (!column) return undefined;\n  const read = new Set(exprRefs(column.options.value).map(r => r.query));\n  const queries = opener.queries.filter(q => q.id !== undefined && read.has(q.id));\n  return queries.length > 0 && queries.length === read.size ? { view: opener, column, queries } : undefined;\n}\n\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n  // A view that opens only with enough rows counts them from its sorted column's own request, so\n  // opening on it costs nothing more.\n  const opener = openerSource(props.views, blocked);\n  const openerResults = useDashboardRequests(opener?.queries.map(q => buildRequest(q, page, {})) ?? []);\n  const rows = opener\n    ? countRows(\n        opener.view.options,\n        opener.column,\n        opener.queries,\n        openerResults.map(r => r?.data),\n      )\n    : 'uncountable';\n  const menu = useViewMenu(props.widget, props.views, openingView(props.views, rows));\n  const { view, index } = menu;\n  const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\n\n  const unsupported = blocked(view.queries);\n  if (unsupported) {\n    return (\n      <TableFrame heading={heading}>\n        <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n      </TableFrame>\n    );\n  }\n  return <TableView key={index} {...props} view={view} heading={heading} page={page} />;\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;CACd,MAAM;CACN,UAAU;CACV,OAAO;AACT;;AAGA,SAAS,aAAa,OAAuB,SAAwB;CACnE,MAAM,SAAS,MAAM,MAAK,MAAK,EAAE,QAAQ,QAAQ;CACjD,IAAI,CAAC,UAAU,QAAQ,OAAO,OAAO,GAAG,OAAO,KAAA;CAC/C,MAAM,SAAS,aAAa,OAAO,OAAO,CAAC,CACxC,QAAQ,OAAO,aAAa,CAAC,CAC7B,MAAK,MAAK,EAAE,OAAO,OAAO,QAAQ,YAAY,MAAM;CACvD,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,IAAI,IAAI,SAAS,OAAO,QAAQ,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC;CACrE,MAAM,UAAU,OAAO,QAAQ,QAAO,MAAK,EAAE,OAAO,KAAA,KAAa,KAAK,IAAI,EAAE,EAAE,CAAC;CAC/E,OAAO,QAAQ,SAAS,KAAK,QAAQ,WAAW,KAAK,OAAO;EAAE,MAAM;EAAQ;EAAQ;CAAQ,IAAI,KAAA;AAClG;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CAGrH,MAAM,SAAS,aAAa,MAAM,OAAO,OAAO;CAChD,MAAM,gBAAgB,qBAAqB,QAAQ,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACpG,MAAM,OAAO,SACT,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,cAAc,KAAI,MAAK,GAAG,IAAI,CAChC,IACA;CACJ,MAAM,OAAO,YAAY,MAAM,QAAQ,MAAM,OAAO,YAAY,MAAM,OAAO,IAAI,CAAC;CAClF,MAAM,EAAE,MAAM,UAAU;CACxB,MAAM,UAAU;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAG,WAAW,MAAM,GAAG;CAAE;CAE1F,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,IAAI,aACF,OACE,oBAAC,YAAD;EAAqB;EACnB,UAAA,oBAAC,YAAY,QAAb,EAAoB,SAAS,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAGhB,OAAO,oBAAC,WAAD;EAAuB,GAAI;EAAa;EAAe;EAAe;CAAO,GAA7D,KAA6D;AACtF"}

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

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_domains_metrics_lib_chart_format = require("../../../metrics/lib/chart-format.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
-const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_metrics_components_chart_area = require("../../../metrics/components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("../../../metrics/components/chart-card-error.cjs.js");
-const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
+const require_domains_metrics_lib_chart_format = require("../../../metrics/lib/chart-format.cjs.js");
+const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
-const require_domains_dashboards_kinds_table_table_frame = require("./table-frame.cjs.js");
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
+const require_domains_dashboards_lib_table = require("../../lib/table.cjs.js");
 const require_domains_dashboards_kinds_table_table_columns = require("./table-columns.cjs.js");
-const require_MetricsTable = require("../../../../MetricsTable-BSl81oNe.cjs");
+const require_domains_dashboards_kinds_table_table_frame = require("./table-frame.cjs.js");
+const require_MetricsTable = require("../../../../MetricsTable-CvMoo2vg.cjs");
+const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-view.tsx

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

@@ -1,14 +1,14 @@
-import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { formatCount } from "../../../metrics/lib/chart-format.es.js";
-import { aggregateSource, buildPreviousRequest, buildRequest } from "../../lib/requests.es.js";
-import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
 import { ChartArea } from "../../../metrics/components/chart-area.es.js";
 import { ChartCardError } from "../../../metrics/components/chart-card-error.es.js";
-import { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from "../../lib/table.es.js";
+import { formatCount } from "../../../metrics/lib/chart-format.es.js";
+import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
 import { useDrilldown } from "../../hooks/use-widget-views.es.js";
-import { TableFrame } from "./table-frame.es.js";
+import { aggregateSource, buildPreviousRequest, buildRequest } from "../../lib/requests.es.js";
+import { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from "../../lib/table.es.js";
 import { tableColumn } from "./table-columns.es.js";
-import { t as MetricsTable } from "../../../../MetricsTable-DID6LRoP.js";
+import { TableFrame } from "./table-frame.es.js";
+import { t as MetricsTable } from "../../../../MetricsTable-DIjbD5Xk.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-view.tsx

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

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
-const require_MetricsCard = require("../../../../MetricsCard-CEB-f2sv.cjs");
 const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
+const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
+const require_domains_dashboards_lib_pin_actions = require("../../lib/pin-actions.cjs.js");
 const require_domains_dashboards_kinds_table_table_tabs = require("./table-tabs.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-widget.tsx
 /**
@@ -15,6 +16,8 @@ function TableWidget(props) {
 		partial: true,
 		pending: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
 			title: props.widget.title ?? "",
+			dragHandle: props.dragHandle,
+			...require_domains_dashboards_lib_pin_actions.pinActions(props.pin),
 			bodyHeight: "fit",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Loading, {})
 		}),

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

@@ -1 +1 @@
-{"version":3,"file":"table-widget.cjs.js","names":["ViewGate","ChartCard","MetricsCard","TableTabs"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\nimport { ViewGate } from '../../components/view-gate';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableTabs } from './table-tabs';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/**\n * Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs\n * don't come and go; a tab whose gate can't apply the page's filters says so.\n */\nexport function TableWidget(props: WidgetKindProps<TableOptions>) {\n  return (\n    <ViewGate\n      queries={props.views.flatMap(v => v.queries)}\n      partial\n      pending={() => (\n        <ChartCard title={props.widget.title ?? ''} bodyHeight=\"fit\">\n          <MetricsCard.Loading />\n        </ChartCard>\n      )}\n    >\n      {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n    </ViewGate>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,YAAY,OAAsC;CAChE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gDAAAA,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GAAW,OAAO,MAAM,OAAO,SAAS;GAAI,YAAW;GACrD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,CAAsB,CAAA;EACb,CAAA;EAGX,WAAA,MAAM,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;GAAW,GAAI;GAAa;GAAe;EAAU,CAAA;CACjE,CAAA;AAEd"}
+{"version":3,"file":"table-widget.cjs.js","names":["ViewGate","ChartCard","pinActions","MetricsCard","TableTabs"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\nimport { ViewGate } from '../../components/view-gate';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableTabs } from './table-tabs';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/**\n * Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs\n * don't come and go; a tab whose gate can't apply the page's filters says so.\n */\nexport function TableWidget(props: WidgetKindProps<TableOptions>) {\n  return (\n    <ViewGate\n      queries={props.views.flatMap(v => v.queries)}\n      partial\n      pending={() => (\n        <ChartCard\n          title={props.widget.title ?? ''}\n          dragHandle={props.dragHandle}\n          {...pinActions(props.pin)}\n          bodyHeight=\"fit\"\n        >\n          <MetricsCard.Loading />\n        </ChartCard>\n      )}\n    >\n      {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n    </ViewGate>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,YAAY,OAAsC;CAChE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gDAAAA,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,WAAD;GACE,OAAO,MAAM,OAAO,SAAS;GAC7B,YAAY,MAAM;GAClB,GAAIC,2CAAAA,WAAW,MAAM,GAAG;GACxB,YAAW;GAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,CAAsB,CAAA;EACb,CAAA;EAGX,WAAA,MAAM,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;GAAW,GAAI;GAAa;GAAe;EAAU,CAAA;CACjE,CAAA;AAEd"}

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

@@ -1,7 +1,8 @@
-import { ViewGate } from "../../components/view-gate.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-M8awJ2B_.js";
 import { ChartCard } from "../../../metrics/components/chart-card.es.js";
+import { ViewGate } from "../../components/view-gate.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
 import { TableTabs } from "./table-tabs.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-widget.tsx
 /**
@@ -14,6 +15,8 @@ function TableWidget(props) {
 		partial: true,
 		pending: () => /* @__PURE__ */ jsx(ChartCard, {
 			title: props.widget.title ?? "",
+			dragHandle: props.dragHandle,
+			...pinActions(props.pin),
 			bodyHeight: "fit",
 			children: /* @__PURE__ */ jsx(MetricsCard.Loading, {})
 		}),

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

@@ -1 +1 @@
-{"version":3,"file":"table-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\nimport { ViewGate } from '../../components/view-gate';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableTabs } from './table-tabs';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/**\n * Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs\n * don't come and go; a tab whose gate can't apply the page's filters says so.\n */\nexport function TableWidget(props: WidgetKindProps<TableOptions>) {\n  return (\n    <ViewGate\n      queries={props.views.flatMap(v => v.queries)}\n      partial\n      pending={() => (\n        <ChartCard title={props.widget.title ?? ''} bodyHeight=\"fit\">\n          <MetricsCard.Loading />\n        </ChartCard>\n      )}\n    >\n      {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n    </ViewGate>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,YAAY,OAAsC;CAChE,OACE,oBAAC,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,oBAAC,WAAD;GAAW,OAAO,MAAM,OAAO,SAAS;GAAI,YAAW;GACrD,UAAA,oBAAC,YAAY,SAAb,CAAsB,CAAA;EACb,CAAA;EAGX,WAAA,MAAM,YAAY,oBAAC,WAAD;GAAW,GAAI;GAAa;GAAe;EAAU,CAAA;CACjE,CAAA;AAEd"}
+{"version":3,"file":"table-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\nimport { ViewGate } from '../../components/view-gate';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableTabs } from './table-tabs';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/**\n * Groups as a sortable table, one view per tab. It waits on the aggregate gates every tab needs, so tabs\n * don't come and go; a tab whose gate can't apply the page's filters says so.\n */\nexport function TableWidget(props: WidgetKindProps<TableOptions>) {\n  return (\n    <ViewGate\n      queries={props.views.flatMap(v => v.queries)}\n      partial\n      pending={() => (\n        <ChartCard\n          title={props.widget.title ?? ''}\n          dragHandle={props.dragHandle}\n          {...pinActions(props.pin)}\n          bodyHeight=\"fit\"\n        >\n          <MetricsCard.Loading />\n        </ChartCard>\n      )}\n    >\n      {(page, blocked) => <TableTabs {...props} page={page} blocked={blocked} />}\n    </ViewGate>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,YAAY,OAAsC;CAChE,OACE,oBAAC,UAAD;EACE,SAAS,MAAM,MAAM,SAAQ,MAAK,EAAE,OAAO;EAC3C,SAAA;EACA,eACE,oBAAC,WAAD;GACE,OAAO,MAAM,OAAO,SAAS;GAC7B,YAAY,MAAM;GAClB,GAAI,WAAW,MAAM,GAAG;GACxB,YAAW;GAEX,UAAA,oBAAC,YAAY,SAAb,CAAsB,CAAA;EACb,CAAA;EAGX,WAAA,MAAM,YAAY,oBAAC,WAAD;GAAW,GAAI;GAAa;GAAe;EAAU,CAAA;CACjE,CAAA;AAEd"}

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
 const require_domains_dashboards_lib_table = require("../lib/table.cjs.js");
+const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
 const require_domains_dashboards_kinds_table_table_widget = require("./table/table-widget.cjs.js");
 // src/domains/dashboards/kinds/table/index.ts
 /** Groups joined across the view's queries as a sortable table, with change against the previous window. */

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

@@ -1,5 +1,5 @@
-import { defineWidgetKind } from "../widget-kind.es.js";
 import { tableColumnOptionsSchema, tableIssues, tableOptionsSchema } from "../lib/table.es.js";
+import { defineWidgetKind } from "../widget-kind.es.js";
 import { TableWidget } from "./table/table-widget.es.js";
 // src/domains/dashboards/kinds/table/index.ts
 /** Groups joined across the view's queries as a sortable table, with change against the previous window. */

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

@@ -1,25 +1,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
-const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
-const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
-const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
-const require_MetricsCard = require("../../../../MetricsCard-CEB-f2sv.cjs");
 const require_domains_metrics_components_chart_area = require("../../../metrics/components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("../../../metrics/components/chart-card-error.cjs.js");
 const require_domains_metrics_lib_chart_axis = require("../../../metrics/lib/chart-axis.cjs.js");
-const require_domains_dashboards_lib_format = require("../../lib/format.cjs.js");
-const require_MetricsLineChart = require("../../../../MetricsLineChart-CjBm4IXu.cjs");
-const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
-const require_domains_dashboards_lib_timeseries = require("../../lib/timeseries.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_components_widget_controls = require("../../components/widget-controls.cjs.js");
-const require_MetricsStackedBarChart = require("../../../../MetricsStackedBarChart-BdMlKv6G.cjs");
+const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
+const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.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_timeseries = require("../../lib/timeseries.cjs.js");
+const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
+const require_MetricsLineChart = require("../../../../MetricsLineChart-BnY9JKzc.cjs");
+const require_MetricsStackedBarChart = require("../../../../MetricsStackedBarChart-CJQF99sc.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx
 function TimeseriesWidget(props) {
-	const { view, heading } = require_domains_dashboards_hooks_use_widget_views.useViewMenu(props.widget, props.views);
+	const menu = require_domains_dashboards_hooks_use_widget_views.useViewMenu(props.widget, props.views, 0, props.expand);
+	const { view } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(props.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, {
@@ -64,11 +71,11 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 	const withRangeTotals = options.series.some((s) => s.rangeTotal !== void 0);
 	const layout = {
 		...heading,
-		actions: require_domains_dashboards_hooks_use_widget_views.hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.DrilldownAction, {
+		actions: require_domains_dashboards_hooks_use_widget_views.hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.DrilldownAction, {
 			widget,
 			view,
 			onDrilldown
-		}) : void 0,
+		}), heading.actions] }) : heading.actions,
 		total: withRangeTotals ? rangeTotals : void 0,
 		isLoading,
 		toolbar: lines.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Toolbar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChartLegend, { series: lines }) })
@@ -105,7 +112,8 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 			emptyMessage: options.emptyMessage,
 			children: options.chart === "stackedBar" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsStackedBarChart.MetricsStackedBarChart, { ...chart }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsLineChart.MetricsLineChart, {
 				...chart,
-				yDomain
+				yDomain,
+				lineStyle: "thin"
 			})
 		})
 	});