@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"file":"table.cjs.js","names":["defineWidgetKind","tableOptionsSchema","tableIssues","TableWidget"],"sources":["../../../../src/domains/dashboards/kinds/table/index.ts"],"sourcesContent":["import { tableIssues, tableOptionsSchema } from '../../lib/table';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TableWidget } from './table-widget';\n\nexport { tableColumnOptionsSchema, tableOptionsSchema } from '../../lib/table';\nexport type { TableColumnOptions, TableOptions } from '../../lib/table';\n\n/** Groups joined across the view's queries as a sortable table, with change against the previous window. */\nexport const tableKind = defineWidgetKind({\n  kind: 'table',\n  optionsSchema: tableOptionsSchema,\n  issues: view => tableIssues(view.columns, view.options, view.queries),\n  component: TableWidget,\n});\n"],"mappings":";;;;;;AAQA,IAAa,YAAYA,uCAAAA,iBAAiB;CACxC,MAAM;CACN,eAAeC,qCAAAA;CACf,SAAQ,SAAQC,qCAAAA,YAAY,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO;CACpE,WAAWC,oDAAAA;AACb,CAAC"}
+{"version":3,"file":"table.cjs.js","names":["defineWidgetKind","tableOptionsSchema","tableIssues","tableDiscover","tableRequests","TableWidget"],"sources":["../../../../src/domains/dashboards/kinds/table/index.ts"],"sourcesContent":["import { tableIssues, tableOptionsSchema } from '../../lib/table';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { tableDiscover, tableRequests } from './table-plan';\nimport { TableWidget } from './table-widget';\n\nexport { tableColumnOptionsSchema, tableOptionsSchema } from '../../lib/table';\nexport type { TableColumnOptions, TableOptions } from '../../lib/table';\n\n/** Groups joined across the view's queries as a sortable table, with change against the previous window. */\nexport const tableKind = defineWidgetKind({\n  kind: 'table',\n  optionsSchema: tableOptionsSchema,\n  issues: view => tableIssues(view.columns, view.options, view.queries),\n  partial: true,\n  discover: tableDiscover,\n  requests: tableRequests,\n  component: TableWidget,\n});\n"],"mappings":";;;;;;;AASA,IAAa,YAAYA,uCAAAA,iBAAiB;CACxC,MAAM;CACN,eAAeC,qCAAAA;CACf,SAAQ,SAAQC,qCAAAA,YAAY,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO;CACpE,SAAS;CACT,UAAUC,kDAAAA;CACV,UAAUC,kDAAAA;CACV,WAAWC,oDAAAA;AACb,CAAC"}

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

@@ -1,5 +1,6 @@
-import { defineWidgetKind } from "../widget-kind.es.js";
 import { tableColumnOptionsSchema, tableIssues, tableOptionsSchema } from "../lib/table.es.js";
+import { defineWidgetKind } from "../widget-kind.es.js";
+import { tableDiscover, tableRequests } from "./table/table-plan.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. */
@@ -7,6 +8,9 @@ var tableKind = defineWidgetKind({
 	kind: "table",
 	optionsSchema: tableOptionsSchema,
 	issues: (view) => tableIssues(view.columns, view.options, view.queries),
+	partial: true,
+	discover: tableDiscover,
+	requests: tableRequests,
 	component: TableWidget
 });
 export { tableColumnOptionsSchema, tableKind, tableOptionsSchema };

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

@@ -1 +1 @@
-{"version":3,"file":"table.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/table/index.ts"],"sourcesContent":["import { tableIssues, tableOptionsSchema } from '../../lib/table';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TableWidget } from './table-widget';\n\nexport { tableColumnOptionsSchema, tableOptionsSchema } from '../../lib/table';\nexport type { TableColumnOptions, TableOptions } from '../../lib/table';\n\n/** Groups joined across the view's queries as a sortable table, with change against the previous window. */\nexport const tableKind = defineWidgetKind({\n  kind: 'table',\n  optionsSchema: tableOptionsSchema,\n  issues: view => tableIssues(view.columns, view.options, view.queries),\n  component: TableWidget,\n});\n"],"mappings":";;;;;AAQA,IAAa,YAAY,iBAAiB;CACxC,MAAM;CACN,eAAe;CACf,SAAQ,SAAQ,YAAY,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO;CACpE,WAAW;AACb,CAAC"}
+{"version":3,"file":"table.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/table/index.ts"],"sourcesContent":["import { tableIssues, tableOptionsSchema } from '../../lib/table';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { tableDiscover, tableRequests } from './table-plan';\nimport { TableWidget } from './table-widget';\n\nexport { tableColumnOptionsSchema, tableOptionsSchema } from '../../lib/table';\nexport type { TableColumnOptions, TableOptions } from '../../lib/table';\n\n/** Groups joined across the view's queries as a sortable table, with change against the previous window. */\nexport const tableKind = defineWidgetKind({\n  kind: 'table',\n  optionsSchema: tableOptionsSchema,\n  issues: view => tableIssues(view.columns, view.options, view.queries),\n  partial: true,\n  discover: tableDiscover,\n  requests: tableRequests,\n  component: TableWidget,\n});\n"],"mappings":";;;;;;AASA,IAAa,YAAY,iBAAiB;CACxC,MAAM;CACN,eAAe;CACf,SAAQ,SAAQ,YAAY,KAAK,SAAS,KAAK,SAAS,KAAK,OAAO;CACpE,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;AACb,CAAC"}

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

@@ -0,0 +1,18 @@
+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");
+// src/domains/dashboards/kinds/timeseries/timeseries-plan.ts
+var openView = (views, state) => views[state.view ?? 0] ?? views[0];
+/** Only the open view is gated: a closed view's trace query mustn't hold up a metrics one. */
+var timeseriesGatedQueries = (views, state) => openView(views, state).queries;
+/** The open view's requests; totals span the whole window, so they ask for no buckets. */
+function timeseriesRequests({ views, page, state }) {
+	const view = openView(views, state);
+	const { interval } = require_domains_metrics_lib_metrics_buckets.bucketPlan(page.window.start, page.window.end);
+	const totals = new Set(view.options.totals ?? []);
+	return view.queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, { interval: q.id !== void 0 && totals.has(q.id) ? void 0 : interval }));
+}
+exports.timeseriesGatedQueries = timeseriesGatedQueries;
+exports.timeseriesRequests = timeseriesRequests;
+
+//# sourceMappingURL=timeseries-plan.cjs.js.map

package/dist/domains/dashboards/kinds/timeseries/timeseries-plan.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeseries-plan.cjs.js","names":["bucketPlan","buildRequest"],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-plan.ts"],"sourcesContent":["import { bucketPlan } from '../../../metrics/lib/metrics-buckets';\nimport { buildRequest } from '../../lib/requests';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport type { WidgetPlanContext, WidgetState } from '../../widget-kind';\n\nconst openView = (views: WidgetPlanContext<TimeseriesOptions>['views'], state: WidgetState) =>\n  views[state.view ?? 0] ?? views[0];\n\n/** Only the open view is gated: a closed view's trace query mustn't hold up a metrics one. */\nexport const timeseriesGatedQueries = (views: WidgetPlanContext<TimeseriesOptions>['views'], state: WidgetState) =>\n  openView(views, state).queries;\n\n/** The open view's requests; totals span the whole window, so they ask for no buckets. */\nexport function timeseriesRequests({ views, page, state }: WidgetPlanContext<TimeseriesOptions>) {\n  const view = openView(views, state);\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const totals = new Set(view.options.totals ?? []);\n  return view.queries.map(q =>\n    buildRequest(q, page, { interval: q.id !== undefined && totals.has(q.id) ? undefined : interval }),\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,YAAY,OAAsD,UACtE,MAAM,MAAM,QAAQ,MAAM,MAAM;;AAGlC,IAAa,0BAA0B,OAAsD,UAC3F,SAAS,OAAO,KAAK,CAAC,CAAC;;AAGzB,SAAgB,mBAAmB,EAAE,OAAO,MAAM,SAA+C;CAC/F,MAAM,OAAO,SAAS,OAAO,KAAK;CAClC,MAAM,EAAE,aAAaA,4CAAAA,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,SAAS,IAAI,IAAI,KAAK,QAAQ,UAAU,CAAC,CAAC;CAChD,OAAO,KAAK,QAAQ,KAAI,MACtBC,wCAAAA,aAAa,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO,KAAA,KAAa,OAAO,IAAI,EAAE,EAAE,IAAI,KAAA,IAAY,SAAS,CAAC,CACnG;AACF"}

package/dist/domains/dashboards/kinds/timeseries/timeseries-plan.d.ts

@@ -0,0 +1 @@
+export * from '../../../../src/domains/dashboards/kinds/timeseries/timeseries-plan';

package/dist/domains/dashboards/kinds/timeseries/timeseries-plan.es.js

@@ -0,0 +1,16 @@
+import { bucketPlan } from "../../../metrics/lib/metrics-buckets.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
+// src/domains/dashboards/kinds/timeseries/timeseries-plan.ts
+var openView = (views, state) => views[state.view ?? 0] ?? views[0];
+/** Only the open view is gated: a closed view's trace query mustn't hold up a metrics one. */
+var timeseriesGatedQueries = (views, state) => openView(views, state).queries;
+/** The open view's requests; totals span the whole window, so they ask for no buckets. */
+function timeseriesRequests({ views, page, state }) {
+	const view = openView(views, state);
+	const { interval } = bucketPlan(page.window.start, page.window.end);
+	const totals = new Set(view.options.totals ?? []);
+	return view.queries.map((q) => buildRequest(q, page, { interval: q.id !== void 0 && totals.has(q.id) ? void 0 : interval }));
+}
+export { timeseriesGatedQueries, timeseriesRequests };
+
+//# sourceMappingURL=timeseries-plan.es.js.map

package/dist/domains/dashboards/kinds/timeseries/timeseries-plan.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeseries-plan.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-plan.ts"],"sourcesContent":["import { bucketPlan } from '../../../metrics/lib/metrics-buckets';\nimport { buildRequest } from '../../lib/requests';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport type { WidgetPlanContext, WidgetState } from '../../widget-kind';\n\nconst openView = (views: WidgetPlanContext<TimeseriesOptions>['views'], state: WidgetState) =>\n  views[state.view ?? 0] ?? views[0];\n\n/** Only the open view is gated: a closed view's trace query mustn't hold up a metrics one. */\nexport const timeseriesGatedQueries = (views: WidgetPlanContext<TimeseriesOptions>['views'], state: WidgetState) =>\n  openView(views, state).queries;\n\n/** The open view's requests; totals span the whole window, so they ask for no buckets. */\nexport function timeseriesRequests({ views, page, state }: WidgetPlanContext<TimeseriesOptions>) {\n  const view = openView(views, state);\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const totals = new Set(view.options.totals ?? []);\n  return view.queries.map(q =>\n    buildRequest(q, page, { interval: q.id !== undefined && totals.has(q.id) ? undefined : interval }),\n  );\n}\n"],"mappings":";;;AAKA,IAAM,YAAY,OAAsD,UACtE,MAAM,MAAM,QAAQ,MAAM,MAAM;;AAGlC,IAAa,0BAA0B,OAAsD,UAC3F,SAAS,OAAO,KAAK,CAAC,CAAC;;AAGzB,SAAgB,mBAAmB,EAAE,OAAO,MAAM,SAA+C;CAC/F,MAAM,OAAO,SAAS,OAAO,KAAK;CAClC,MAAM,EAAE,aAAa,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,SAAS,IAAI,IAAI,KAAK,QAAQ,UAAU,CAAC,CAAC;CAChD,OAAO,KAAK,QAAQ,KAAI,MACtB,aAAa,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO,KAAA,KAAa,OAAO,IAAI,EAAE,EAAE,IAAI,KAAA,IAAY,SAAS,CAAC,CACnG;AACF"}

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

@@ -1,44 +1,51 @@
 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-BEwiS7Pe.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-tZxsauau.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_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-CDLE76IB.cjs");
+const require_domains_dashboards_hooks_use_widget_views = require("../../hooks/use-widget-views.cjs.js");
+const require_domains_dashboards_lib_alert_actions = require("../../lib/alert-actions.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_timeseries = require("../../lib/timeseries.cjs.js");
+const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-CSJ4TsNq.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, 0, props.expand);
-	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)(TimeseriesView, {
-			...props,
-			view,
-			heading,
-			page
-		})
+	const { gate, state, onStateChange } = props;
+	const menu = require_domains_dashboards_hooks_use_widget_views.viewMenu(props.widget, props.views, state.view ?? 0, (i) => onStateChange({
+		...state,
+		view: i
+	}), props.expand);
+	const { view } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(props.pin)
+	};
+	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, props.alert, props.widget, view)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeseriesView, {
+		...props,
+		view,
+		heading,
+		page: gate.page
 	});
 }
-function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
+function TimeseriesView({ widget, view, heading: own, page, onDrilldown, alert, results, onRetry }) {
+	const heading = require_domains_dashboards_lib_alert_actions.withAction(own, require_domains_dashboards_lib_alert_actions.alertAction(alert, widget, view, {
+		page,
+		values: require_domains_dashboards_lib_timeseries.timeseriesAlertValues(view.options)
+	}));
 	const { options } = view;
-	const { interval } = require_domains_metrics_lib_metrics_buckets.bucketPlan(page.window.start, page.window.end);
-	const totals = new Set(options.totals ?? []);
-	const results = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(view.queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, { interval: q.id !== void 0 && totals.has(q.id) ? void 0 : interval })));
 	const sent = results.filter((r) => r !== void 0);
 	const hasTraceQueries = view.queries.some((q) => q.source === "traceAggregate" || q.source === "spanAggregate");
 	const onClick = require_domains_dashboards_hooks_use_widget_views.useDrilldown(widget, view, onDrilldown);
@@ -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 }) })
@@ -78,7 +85,7 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 		...layout,
 		children: hasTraceQueries ? /* @__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
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card_error.ChartCardError, {})
 	});
 	const totalFormat = require_domains_dashboards_lib_format.FORMATTERS[options.total?.format ?? options.format];

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

@@ -1 +1 @@
-{"version":3,"file":"timeseries-widget.cjs.js","names":["useViewMenu","ViewGate","PendingChartCard","bucketPlan","useDashboardRequests","buildRequest","useDrilldown","shapeTimeseries","answersById","FORMATTERS","chartColor","hasDrilldownAction","DrilldownAction","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","bucketWindow","EDGE_BUCKET_AXIS","BUCKET_AXIS","ChartArea","MetricsStackedBarChart","MetricsLineChart"],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-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, EDGE_BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { bucketPlan, bucketWindow } from '../../../metrics/lib/metrics-buckets';\nimport { ViewGate } from '../../components/view-gate';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { DrilldownAction } from '../../components/widget-controls';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { hasDrilldownAction, useDrilldown, useViewMenu } from '../../hooks/use-widget-views';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { chartColor, FORMATTERS } from '../../lib/format';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeTimeseries } from '../../lib/timeseries';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport { answersById } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\ntype Props = WidgetKindProps<TimeseriesOptions>;\ntype ViewProps = Props & {\n  view: ResolvedView<TimeseriesOptions>;\n  heading: ViewHeading;\n  page: DashboardPageContext;\n};\n\nexport function TimeseriesWidget(props: Props) {\n  const { view, heading } = useViewMenu(props.widget, props.views, 0, props.expand);\n  return (\n    <ViewGate queries={view.queries} pending={gate => <PendingChartCard gate={gate} heading={heading} />}>\n      {page => <TimeseriesView {...props} view={view} heading={heading} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction TimeseriesView({ widget, view, heading, page, onDrilldown }: ViewProps) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const totals = new Set(options.totals ?? []);\n  const results = useDashboardRequests(\n    view.queries.map(q =>\n      buildRequest(q, page, { interval: q.id !== undefined && totals.has(q.id) ? undefined : interval }),\n    ),\n  );\n  const sent = results.filter(r => r !== undefined);\n  const hasTraceQueries = view.queries.some(q => q.source === 'traceAggregate' || q.source === 'spanAggregate');\n  const onClick = useDrilldown(widget, view, onDrilldown);\n\n  const isLoading = sent.some(r => r.isLoading);\n  const shaped = shapeTimeseries({\n    options,\n    responses: answersById(\n      view.queries,\n      results.map(r => r?.data),\n    ),\n    window: page.window,\n    hasTraceQueries,\n  });\n  const format = FORMATTERS[options.format];\n  const lines: MetricsLineChartSeries[] = shaped.series.map(s => ({\n    dataKey: s.dataKey,\n    label: s.label,\n    color: chartColor(s.color),\n    emphasis: s.emphasis,\n  }));\n  // Series with a range total each show theirs, marked like their line: they count different things.\n  const rangeTotals = shaped.series.flatMap(s =>\n    s.rangeTotal === undefined\n      ? []\n      : [{ label: s.label, value: format.value(s.rangeTotal), color: chartColor(s.color) }],\n  );\n  const withRangeTotals = options.series.some(s => s.rangeTotal !== undefined);\n\n  const layout = {\n    ...heading,\n    actions: hasDrilldownAction(widget, view, onDrilldown) ? (\n      <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n    ) : undefined,\n    total: withRangeTotals ? rangeTotals : undefined,\n    isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  const failed = sent.filter(r => r.isError);\n  if (failed.length) {\n    return (\n      <ChartCard {...layout}>\n        {hasTraceQueries ? (\n          <ChartCardError error={failed[0]?.error} onRetry={() => failed.forEach(r => void r.refetch())} />\n        ) : (\n          <ChartCardError />\n        )}\n      </ChartCard>\n    );\n  }\n\n  const totalFormat = FORMATTERS[options.total?.format ?? options.format];\n  const total =\n    options.total &&\n    (typeof options.total.value === 'object' && 'peak' in options.total.value && !shaped.total\n      ? '—'\n      : totalFormat.value(shaped.total ?? 0));\n\n  const chart = {\n    data: shaped.data,\n    series: lines,\n    height: 'fill' as const,\n    xLabels: options.xLabels,\n    showLegend: false,\n    valueFormatter: format.value,\n    axisFormatter: options.axis === false ? undefined : format.axis,\n    onBucketClick:\n      onClick &&\n      ((row: Record<string, unknown>) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),\n    isLoading,\n    ...(options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS),\n  };\n  const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;\n\n  return (\n    <ChartCard {...layout} total={layout.total ?? total} isUpdating={sent.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && shaped.empty} emptyMessage={options.emptyMessage}>\n        {options.chart === 'stackedBar' ? (\n          <MetricsStackedBarChart {...chart} />\n        ) : (\n          <MetricsLineChart {...chart} yDomain={yDomain} lineStyle=\"thin\" />\n        )}\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"timeseries-widget.cjs.js","names":["viewMenu","pinActions","PendingChartCard","pendingHeading","withAction","alertAction","timeseriesAlertValues","useDrilldown","shapeTimeseries","answersById","FORMATTERS","chartColor","hasDrilldownAction","_Fragment","DrilldownAction","MetricsCard","MetricsLineChartLegend","ChartCard","ChartCardError","bucketWindow","EDGE_BUCKET_AXIS","BUCKET_AXIS","ChartArea","MetricsStackedBarChart","MetricsLineChart"],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-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, EDGE_BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { bucketWindow } from '../../../metrics/lib/metrics-buckets';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { DrilldownAction } from '../../components/widget-controls';\nimport { hasDrilldownAction, useDrilldown, viewMenu } from '../../hooks/use-widget-views';\nimport { alertAction, pendingHeading, withAction } from '../../lib/alert-actions';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { chartColor, FORMATTERS } from '../../lib/format';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeTimeseries, timeseriesAlertValues } from '../../lib/timeseries';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport { answersById } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\ntype Props = WidgetKindProps<TimeseriesOptions>;\ntype ViewProps = Props & {\n  view: ResolvedView<TimeseriesOptions>;\n  heading: ViewHeading;\n  page: DashboardPageContext;\n};\n\nexport function TimeseriesWidget(props: Props) {\n  const { gate, state, onStateChange } = props;\n  const menu = viewMenu(\n    props.widget,\n    props.views,\n    state.view ?? 0,\n    i => onStateChange({ ...state, view: i }),\n    props.expand,\n  );\n  const { view } = menu;\n  const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\n  if (gate.status === 'pending')\n    return (\n      <PendingChartCard\n        gate={gate.gate}\n        heading={pendingHeading(heading, gate.gate, props.alert, props.widget, view)}\n      />\n    );\n  return <TimeseriesView {...props} view={view} heading={heading} page={gate.page} />;\n}\n\nfunction TimeseriesView({ widget, view, heading: own, page, onDrilldown, alert, results, onRetry }: ViewProps) {\n  // Drilldown, then the alert, then the pin.\n  const heading = withAction(\n    own,\n    alertAction(alert, widget, view, { page, values: timeseriesAlertValues(view.options) }),\n  );\n  const { options } = view;\n  const sent = results.filter(r => r !== undefined);\n  const hasTraceQueries = view.queries.some(q => q.source === 'traceAggregate' || q.source === 'spanAggregate');\n  const onClick = useDrilldown(widget, view, onDrilldown);\n\n  const isLoading = sent.some(r => r.isLoading);\n  const shaped = shapeTimeseries({\n    options,\n    responses: answersById(\n      view.queries,\n      results.map(r => r?.data),\n    ),\n    window: page.window,\n    hasTraceQueries,\n  });\n  const format = FORMATTERS[options.format];\n  const lines: MetricsLineChartSeries[] = shaped.series.map(s => ({\n    dataKey: s.dataKey,\n    label: s.label,\n    color: chartColor(s.color),\n    emphasis: s.emphasis,\n  }));\n  // Series with a range total each show theirs, marked like their line: they count different things.\n  const rangeTotals = shaped.series.flatMap(s =>\n    s.rangeTotal === undefined\n      ? []\n      : [{ label: s.label, value: format.value(s.rangeTotal), color: chartColor(s.color) }],\n  );\n  const withRangeTotals = options.series.some(s => s.rangeTotal !== undefined);\n\n  const layout = {\n    ...heading,\n    actions: hasDrilldownAction(widget, view, onDrilldown) ? (\n      <>\n        <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n        {heading.actions}\n      </>\n    ) : (\n      heading.actions\n    ),\n    total: withRangeTotals ? rangeTotals : undefined,\n    isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  const failed = sent.filter(r => r.isError);\n  if (failed.length) {\n    return (\n      <ChartCard {...layout}>\n        {hasTraceQueries ? <ChartCardError error={failed[0]?.error} onRetry={onRetry} /> : <ChartCardError />}\n      </ChartCard>\n    );\n  }\n\n  const totalFormat = FORMATTERS[options.total?.format ?? options.format];\n  const total =\n    options.total &&\n    (typeof options.total.value === 'object' && 'peak' in options.total.value && !shaped.total\n      ? '—'\n      : totalFormat.value(shaped.total ?? 0));\n\n  const chart = {\n    data: shaped.data,\n    series: lines,\n    height: 'fill' as const,\n    xLabels: options.xLabels,\n    showLegend: false,\n    valueFormatter: format.value,\n    axisFormatter: options.axis === false ? undefined : format.axis,\n    onBucketClick:\n      onClick &&\n      ((row: Record<string, unknown>) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),\n    isLoading,\n    ...(options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS),\n  };\n  const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;\n\n  return (\n    <ChartCard {...layout} total={layout.total ?? total} isUpdating={sent.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && shaped.empty} emptyMessage={options.emptyMessage}>\n        {options.chart === 'stackedBar' ? (\n          <MetricsStackedBarChart {...chart} />\n        ) : (\n          <MetricsLineChart {...chart} yDomain={yDomain} lineStyle=\"thin\" />\n        )}\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,43 +1,50 @@
-import { bucketPlan, bucketWindow } 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 { answersById } from "../../lib/values.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.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, EDGE_BUCKET_AXIS } from "../../../metrics/lib/chart-axis.es.js";
-import { FORMATTERS, chartColor } from "../../lib/format.es.js";
-import { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../../MetricsLineChart-4SwxBbQx.js";
-import { hasDrilldownAction, useDrilldown, useViewMenu } from "../../hooks/use-widget-views.es.js";
-import { shapeTimeseries } from "../../lib/timeseries.es.js";
+import { bucketWindow } from "../../../metrics/lib/metrics-buckets.es.js";
 import { PendingChartCard } from "../../components/widget-chrome.es.js";
 import { DrilldownAction } from "../../components/widget-controls.es.js";
-import { t as MetricsStackedBarChart } from "../../../../MetricsStackedBarChart-D2QyS4-z.js";
-import { jsx } from "react/jsx-runtime";
+import { hasDrilldownAction, useDrilldown, viewMenu } from "../../hooks/use-widget-views.es.js";
+import { alertAction, pendingHeading, withAction } from "../../lib/alert-actions.es.js";
+import { FORMATTERS, chartColor } from "../../lib/format.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
+import { shapeTimeseries, timeseriesAlertValues } from "../../lib/timeseries.es.js";
+import { answersById } from "../../lib/values.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-D6bQfynP.js";
+import { r as MetricsLineChartLegend, t as MetricsLineChart } from "../../../../MetricsLineChart-4w5lpH63.js";
+import { t as MetricsStackedBarChart } from "../../../../MetricsStackedBarChart-Bmk0OjYp.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/timeseries/timeseries-widget.tsx
 function TimeseriesWidget(props) {
-	const { view, heading } = useViewMenu(props.widget, props.views, 0, props.expand);
-	return /* @__PURE__ */ jsx(ViewGate, {
-		queries: view.queries,
-		pending: (gate) => /* @__PURE__ */ jsx(PendingChartCard, {
-			gate,
-			heading
-		}),
-		children: (page) => /* @__PURE__ */ jsx(TimeseriesView, {
-			...props,
-			view,
-			heading,
-			page
-		})
+	const { gate, state, onStateChange } = props;
+	const menu = viewMenu(props.widget, props.views, state.view ?? 0, (i) => onStateChange({
+		...state,
+		view: i
+	}), props.expand);
+	const { view } = menu;
+	const heading = {
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...pinActions(props.pin)
+	};
+	if (gate.status === "pending") return /* @__PURE__ */ jsx(PendingChartCard, {
+		gate: gate.gate,
+		heading: pendingHeading(heading, gate.gate, props.alert, props.widget, view)
+	});
+	return /* @__PURE__ */ jsx(TimeseriesView, {
+		...props,
+		view,
+		heading,
+		page: gate.page
 	});
 }
-function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
+function TimeseriesView({ widget, view, heading: own, page, onDrilldown, alert, results, onRetry }) {
+	const heading = withAction(own, alertAction(alert, widget, view, {
+		page,
+		values: timeseriesAlertValues(view.options)
+	}));
 	const { options } = view;
-	const { interval } = bucketPlan(page.window.start, page.window.end);
-	const totals = new Set(options.totals ?? []);
-	const results = useDashboardRequests(view.queries.map((q) => buildRequest(q, page, { interval: q.id !== void 0 && totals.has(q.id) ? void 0 : interval })));
 	const sent = results.filter((r) => r !== void 0);
 	const hasTraceQueries = view.queries.some((q) => q.source === "traceAggregate" || q.source === "spanAggregate");
 	const onClick = useDrilldown(widget, view, onDrilldown);
@@ -63,11 +70,11 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 	const withRangeTotals = options.series.some((s) => s.rangeTotal !== void 0);
 	const layout = {
 		...heading,
-		actions: hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ jsx(DrilldownAction, {
+		actions: hasDrilldownAction(widget, view, onDrilldown) ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DrilldownAction, {
 			widget,
 			view,
 			onDrilldown
-		}) : void 0,
+		}), heading.actions] }) : heading.actions,
 		total: withRangeTotals ? rangeTotals : void 0,
 		isLoading,
 		toolbar: lines.length > 0 && /* @__PURE__ */ jsx(MetricsCard.Toolbar, { children: /* @__PURE__ */ jsx(MetricsLineChartLegend, { series: lines }) })
@@ -77,7 +84,7 @@ function TimeseriesView({ widget, view, heading, page, onDrilldown }) {
 		...layout,
 		children: hasTraceQueries ? /* @__PURE__ */ jsx(ChartCardError, {
 			error: failed[0]?.error,
-			onRetry: () => failed.forEach((r) => void r.refetch())
+			onRetry
 		}) : /* @__PURE__ */ jsx(ChartCardError, {})
 	});
 	const totalFormat = FORMATTERS[options.total?.format ?? options.format];

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

@@ -1 +1 @@
-{"version":3,"file":"timeseries-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-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, EDGE_BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { bucketPlan, bucketWindow } from '../../../metrics/lib/metrics-buckets';\nimport { ViewGate } from '../../components/view-gate';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { DrilldownAction } from '../../components/widget-controls';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { hasDrilldownAction, useDrilldown, useViewMenu } from '../../hooks/use-widget-views';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { chartColor, FORMATTERS } from '../../lib/format';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeTimeseries } from '../../lib/timeseries';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport { answersById } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\ntype Props = WidgetKindProps<TimeseriesOptions>;\ntype ViewProps = Props & {\n  view: ResolvedView<TimeseriesOptions>;\n  heading: ViewHeading;\n  page: DashboardPageContext;\n};\n\nexport function TimeseriesWidget(props: Props) {\n  const { view, heading } = useViewMenu(props.widget, props.views, 0, props.expand);\n  return (\n    <ViewGate queries={view.queries} pending={gate => <PendingChartCard gate={gate} heading={heading} />}>\n      {page => <TimeseriesView {...props} view={view} heading={heading} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction TimeseriesView({ widget, view, heading, page, onDrilldown }: ViewProps) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const totals = new Set(options.totals ?? []);\n  const results = useDashboardRequests(\n    view.queries.map(q =>\n      buildRequest(q, page, { interval: q.id !== undefined && totals.has(q.id) ? undefined : interval }),\n    ),\n  );\n  const sent = results.filter(r => r !== undefined);\n  const hasTraceQueries = view.queries.some(q => q.source === 'traceAggregate' || q.source === 'spanAggregate');\n  const onClick = useDrilldown(widget, view, onDrilldown);\n\n  const isLoading = sent.some(r => r.isLoading);\n  const shaped = shapeTimeseries({\n    options,\n    responses: answersById(\n      view.queries,\n      results.map(r => r?.data),\n    ),\n    window: page.window,\n    hasTraceQueries,\n  });\n  const format = FORMATTERS[options.format];\n  const lines: MetricsLineChartSeries[] = shaped.series.map(s => ({\n    dataKey: s.dataKey,\n    label: s.label,\n    color: chartColor(s.color),\n    emphasis: s.emphasis,\n  }));\n  // Series with a range total each show theirs, marked like their line: they count different things.\n  const rangeTotals = shaped.series.flatMap(s =>\n    s.rangeTotal === undefined\n      ? []\n      : [{ label: s.label, value: format.value(s.rangeTotal), color: chartColor(s.color) }],\n  );\n  const withRangeTotals = options.series.some(s => s.rangeTotal !== undefined);\n\n  const layout = {\n    ...heading,\n    actions: hasDrilldownAction(widget, view, onDrilldown) ? (\n      <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n    ) : undefined,\n    total: withRangeTotals ? rangeTotals : undefined,\n    isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  const failed = sent.filter(r => r.isError);\n  if (failed.length) {\n    return (\n      <ChartCard {...layout}>\n        {hasTraceQueries ? (\n          <ChartCardError error={failed[0]?.error} onRetry={() => failed.forEach(r => void r.refetch())} />\n        ) : (\n          <ChartCardError />\n        )}\n      </ChartCard>\n    );\n  }\n\n  const totalFormat = FORMATTERS[options.total?.format ?? options.format];\n  const total =\n    options.total &&\n    (typeof options.total.value === 'object' && 'peak' in options.total.value && !shaped.total\n      ? '—'\n      : totalFormat.value(shaped.total ?? 0));\n\n  const chart = {\n    data: shaped.data,\n    series: lines,\n    height: 'fill' as const,\n    xLabels: options.xLabels,\n    showLegend: false,\n    valueFormatter: format.value,\n    axisFormatter: options.axis === false ? undefined : format.axis,\n    onBucketClick:\n      onClick &&\n      ((row: Record<string, unknown>) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),\n    isLoading,\n    ...(options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS),\n  };\n  const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;\n\n  return (\n    <ChartCard {...layout} total={layout.total ?? total} isUpdating={sent.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && shaped.empty} emptyMessage={options.emptyMessage}>\n        {options.chart === 'stackedBar' ? (\n          <MetricsStackedBarChart {...chart} />\n        ) : (\n          <MetricsLineChart {...chart} yDomain={yDomain} lineStyle=\"thin\" />\n        )}\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"timeseries-widget.es.js","names":["_Fragment"],"sources":["../../../../../src/domains/dashboards/kinds/timeseries/timeseries-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, EDGE_BUCKET_AXIS } from '../../../metrics/lib/chart-axis';\nimport { bucketWindow } from '../../../metrics/lib/metrics-buckets';\nimport { PendingChartCard } from '../../components/widget-chrome';\nimport { DrilldownAction } from '../../components/widget-controls';\nimport { hasDrilldownAction, useDrilldown, viewMenu } from '../../hooks/use-widget-views';\nimport { alertAction, pendingHeading, withAction } from '../../lib/alert-actions';\nimport type { ViewHeading } from '../../lib/chrome';\nimport { chartColor, FORMATTERS } from '../../lib/format';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { shapeTimeseries, timeseriesAlertValues } from '../../lib/timeseries';\nimport type { TimeseriesOptions } from '../../lib/timeseries';\nimport { answersById } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsLineChart, MetricsLineChartLegend } from '@/ds/components/MetricsLineChart';\nimport type { MetricsLineChartSeries } from '@/ds/components/MetricsLineChart';\nimport { MetricsStackedBarChart } from '@/ds/components/MetricsStackedBarChart';\n\ntype Props = WidgetKindProps<TimeseriesOptions>;\ntype ViewProps = Props & {\n  view: ResolvedView<TimeseriesOptions>;\n  heading: ViewHeading;\n  page: DashboardPageContext;\n};\n\nexport function TimeseriesWidget(props: Props) {\n  const { gate, state, onStateChange } = props;\n  const menu = viewMenu(\n    props.widget,\n    props.views,\n    state.view ?? 0,\n    i => onStateChange({ ...state, view: i }),\n    props.expand,\n  );\n  const { view } = menu;\n  const heading = { ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) };\n  if (gate.status === 'pending')\n    return (\n      <PendingChartCard\n        gate={gate.gate}\n        heading={pendingHeading(heading, gate.gate, props.alert, props.widget, view)}\n      />\n    );\n  return <TimeseriesView {...props} view={view} heading={heading} page={gate.page} />;\n}\n\nfunction TimeseriesView({ widget, view, heading: own, page, onDrilldown, alert, results, onRetry }: ViewProps) {\n  // Drilldown, then the alert, then the pin.\n  const heading = withAction(\n    own,\n    alertAction(alert, widget, view, { page, values: timeseriesAlertValues(view.options) }),\n  );\n  const { options } = view;\n  const sent = results.filter(r => r !== undefined);\n  const hasTraceQueries = view.queries.some(q => q.source === 'traceAggregate' || q.source === 'spanAggregate');\n  const onClick = useDrilldown(widget, view, onDrilldown);\n\n  const isLoading = sent.some(r => r.isLoading);\n  const shaped = shapeTimeseries({\n    options,\n    responses: answersById(\n      view.queries,\n      results.map(r => r?.data),\n    ),\n    window: page.window,\n    hasTraceQueries,\n  });\n  const format = FORMATTERS[options.format];\n  const lines: MetricsLineChartSeries[] = shaped.series.map(s => ({\n    dataKey: s.dataKey,\n    label: s.label,\n    color: chartColor(s.color),\n    emphasis: s.emphasis,\n  }));\n  // Series with a range total each show theirs, marked like their line: they count different things.\n  const rangeTotals = shaped.series.flatMap(s =>\n    s.rangeTotal === undefined\n      ? []\n      : [{ label: s.label, value: format.value(s.rangeTotal), color: chartColor(s.color) }],\n  );\n  const withRangeTotals = options.series.some(s => s.rangeTotal !== undefined);\n\n  const layout = {\n    ...heading,\n    actions: hasDrilldownAction(widget, view, onDrilldown) ? (\n      <>\n        <DrilldownAction widget={widget} view={view} onDrilldown={onDrilldown} />\n        {heading.actions}\n      </>\n    ) : (\n      heading.actions\n    ),\n    total: withRangeTotals ? rangeTotals : undefined,\n    isLoading,\n    toolbar: lines.length > 0 && (\n      <MetricsCard.Toolbar>\n        <MetricsLineChartLegend series={lines} />\n      </MetricsCard.Toolbar>\n    ),\n  };\n\n  const failed = sent.filter(r => r.isError);\n  if (failed.length) {\n    return (\n      <ChartCard {...layout}>\n        {hasTraceQueries ? <ChartCardError error={failed[0]?.error} onRetry={onRetry} /> : <ChartCardError />}\n      </ChartCard>\n    );\n  }\n\n  const totalFormat = FORMATTERS[options.total?.format ?? options.format];\n  const total =\n    options.total &&\n    (typeof options.total.value === 'object' && 'peak' in options.total.value && !shaped.total\n      ? '—'\n      : totalFormat.value(shaped.total ?? 0));\n\n  const chart = {\n    data: shaped.data,\n    series: lines,\n    height: 'fill' as const,\n    xLabels: options.xLabels,\n    showLegend: false,\n    valueFormatter: format.value,\n    axisFormatter: options.axis === false ? undefined : format.axis,\n    onBucketClick:\n      onClick &&\n      ((row: Record<string, unknown>) => onClick({ window: bucketWindow(Number(row.ts), shaped.stepHours) })),\n    isLoading,\n    ...(options.xLabels ? EDGE_BUCKET_AXIS : BUCKET_AXIS),\n  };\n  const yDomain = shaped.flat && options.flatYDomain ? options.flatYDomain : options.yDomain;\n\n  return (\n    <ChartCard {...layout} total={layout.total ?? total} isUpdating={sent.some(r => r.isRefetching)}>\n      <ChartArea isEmpty={!isLoading && shaped.empty} emptyMessage={options.emptyMessage}>\n        {options.chart === 'stackedBar' ? (\n          <MetricsStackedBarChart {...chart} />\n        ) : (\n          <MetricsLineChart {...chart} yDomain={yDomain} lineStyle=\"thin\" />\n        )}\n      </ChartArea>\n    </ChartCard>\n  );\n}\n"],"mappings":"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"}

package/dist/domains/dashboards/kinds/timeseries.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_lib_timeseries = require("../lib/timeseries.cjs.js");
+const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
+const require_domains_dashboards_kinds_timeseries_timeseries_plan = require("./timeseries/timeseries-plan.cjs.js");
 const require_domains_dashboards_kinds_timeseries_timeseries_widget = require("./timeseries/timeseries-widget.cjs.js");
 // src/domains/dashboards/kinds/timeseries/index.ts
 /** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */
@@ -8,6 +9,8 @@ var timeseriesKind = require_domains_dashboards_widget_kind.defineWidgetKind({
 	kind: "timeseries",
 	optionsSchema: require_domains_dashboards_lib_timeseries.timeseriesOptionsSchema,
 	issues: (view) => require_domains_dashboards_lib_timeseries.timeseriesIssues(view.options, view.queries),
+	gatedQueries: require_domains_dashboards_kinds_timeseries_timeseries_plan.timeseriesGatedQueries,
+	requests: require_domains_dashboards_kinds_timeseries_timeseries_plan.timeseriesRequests,
 	component: require_domains_dashboards_kinds_timeseries_timeseries_widget.TimeseriesWidget
 });
 exports.timeseriesKind = timeseriesKind;

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

@@ -1 +1 @@
-{"version":3,"file":"timeseries.cjs.js","names":["defineWidgetKind","timeseriesOptionsSchema","timeseriesIssues","TimeseriesWidget"],"sources":["../../../../src/domains/dashboards/kinds/timeseries/index.ts"],"sourcesContent":["import { timeseriesIssues, timeseriesOptionsSchema } from '../../lib/timeseries';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TimeseriesWidget } from './timeseries-widget';\n\n/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */\nexport const timeseriesKind = defineWidgetKind({\n  kind: 'timeseries',\n  optionsSchema: timeseriesOptionsSchema,\n  issues: view => timeseriesIssues(view.options, view.queries),\n  component: TimeseriesWidget,\n});\n"],"mappings":";;;;;;AAKA,IAAa,iBAAiBA,uCAAAA,iBAAiB;CAC7C,MAAM;CACN,eAAeC,0CAAAA;CACf,SAAQ,SAAQC,0CAAAA,iBAAiB,KAAK,SAAS,KAAK,OAAO;CAC3D,WAAWC,8DAAAA;AACb,CAAC"}
+{"version":3,"file":"timeseries.cjs.js","names":["defineWidgetKind","timeseriesOptionsSchema","timeseriesIssues","timeseriesGatedQueries","timeseriesRequests","TimeseriesWidget"],"sources":["../../../../src/domains/dashboards/kinds/timeseries/index.ts"],"sourcesContent":["import { timeseriesIssues, timeseriesOptionsSchema } from '../../lib/timeseries';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { timeseriesGatedQueries, timeseriesRequests } from './timeseries-plan';\nimport { TimeseriesWidget } from './timeseries-widget';\n\n/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */\nexport const timeseriesKind = defineWidgetKind({\n  kind: 'timeseries',\n  optionsSchema: timeseriesOptionsSchema,\n  issues: view => timeseriesIssues(view.options, view.queries),\n  gatedQueries: timeseriesGatedQueries,\n  requests: timeseriesRequests,\n  component: TimeseriesWidget,\n});\n"],"mappings":";;;;;;;AAMA,IAAa,iBAAiBA,uCAAAA,iBAAiB;CAC7C,MAAM;CACN,eAAeC,0CAAAA;CACf,SAAQ,SAAQC,0CAAAA,iBAAiB,KAAK,SAAS,KAAK,OAAO;CAC3D,cAAcC,4DAAAA;CACd,UAAUC,4DAAAA;CACV,WAAWC,8DAAAA;AACb,CAAC"}

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

@@ -1,5 +1,6 @@
-import { defineWidgetKind } from "../widget-kind.es.js";
 import { timeseriesIssues, timeseriesOptionsSchema } from "../lib/timeseries.es.js";
+import { defineWidgetKind } from "../widget-kind.es.js";
+import { timeseriesGatedQueries, timeseriesRequests } from "./timeseries/timeseries-plan.es.js";
 import { TimeseriesWidget } from "./timeseries/timeseries-widget.es.js";
 // src/domains/dashboards/kinds/timeseries/index.ts
 /** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */
@@ -7,6 +8,8 @@ var timeseriesKind = defineWidgetKind({
 	kind: "timeseries",
 	optionsSchema: timeseriesOptionsSchema,
 	issues: (view) => timeseriesIssues(view.options, view.queries),
+	gatedQueries: timeseriesGatedQueries,
+	requests: timeseriesRequests,
 	component: TimeseriesWidget
 });
 export { timeseriesKind };

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

@@ -1 +1 @@
-{"version":3,"file":"timeseries.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/timeseries/index.ts"],"sourcesContent":["import { timeseriesIssues, timeseriesOptionsSchema } from '../../lib/timeseries';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { TimeseriesWidget } from './timeseries-widget';\n\n/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */\nexport const timeseriesKind = defineWidgetKind({\n  kind: 'timeseries',\n  optionsSchema: timeseriesOptionsSchema,\n  issues: view => timeseriesIssues(view.options, view.queries),\n  component: TimeseriesWidget,\n});\n"],"mappings":";;;;;AAKA,IAAa,iBAAiB,iBAAiB;CAC7C,MAAM;CACN,eAAe;CACf,SAAQ,SAAQ,iBAAiB,KAAK,SAAS,KAAK,OAAO;CAC3D,WAAW;AACb,CAAC"}
+{"version":3,"file":"timeseries.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/timeseries/index.ts"],"sourcesContent":["import { timeseriesIssues, timeseriesOptionsSchema } from '../../lib/timeseries';\nimport { defineWidgetKind } from '../../widget-kind';\nimport { timeseriesGatedQueries, timeseriesRequests } from './timeseries-plan';\nimport { TimeseriesWidget } from './timeseries-widget';\n\n/** Values per time bucket as stacked bars or lines, from metrics, trace or span time series. */\nexport const timeseriesKind = defineWidgetKind({\n  kind: 'timeseries',\n  optionsSchema: timeseriesOptionsSchema,\n  issues: view => timeseriesIssues(view.options, view.queries),\n  gatedQueries: timeseriesGatedQueries,\n  requests: timeseriesRequests,\n  component: TimeseriesWidget,\n});\n"],"mappings":";;;;;;AAMA,IAAa,iBAAiB,iBAAiB;CAC7C,MAAM;CACN,eAAe;CACf,SAAQ,SAAQ,iBAAiB,KAAK,SAAS,KAAK,OAAO;CAC3D,cAAc;CACd,UAAU;CACV,WAAW;AACb,CAAC"}

package/dist/domains/dashboards/lib/alert-actions.cjs.js

@@ -0,0 +1,123 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_components_widget_controls = require("../components/widget-controls.cjs.js");
+const require_domains_dashboards_lib_chrome = require("./chrome.cjs.js");
+const require_domains_dashboards_lib_requests = require("./requests.cjs.js");
+const require_domains_dashboards_lib_values = require("./values.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/lib/alert-actions.tsx
+var UNSATISFIABLE_ALERT = "The page's filters exclude everything this card shows.";
+/** `p95` for 0.95: percentiles as people name them. */
+var percentileName = (p) => `p${Math.round(p * 1e3) / 10}`;
+/** What a ref picks from its query, beyond the query itself: `(countDistinct.threadId)`, `(p95)`. */
+function refDetail(ref) {
+	const parts = [
+		ref.measure,
+		ref.field,
+		ref.percentile === void 0 ? void 0 : percentileName(ref.percentile),
+		ref.groups?.join(", "),
+		ref.notGroups && `not ${ref.notGroups.join(", ")}`
+	].filter((p) => p !== void 0);
+	return parts.length ? ` (${parts.join(", ")})` : "";
+}
+var refKey = ({ query, measure, field, percentile, groups, notGroups }) => JSON.stringify([
+	query,
+	measure,
+	field,
+	percentile,
+	groups,
+	notGroups
+]);
+/**
+* Each distinct ref the view's values read, labelled: by the label of a value that is just that ref
+* if there is one, else as a part of the first combined value reading it (the value's label, its
+* query and what it picks). In the order the values first read them.
+*/
+function alertRefs(values) {
+	const own = /* @__PURE__ */ new Map();
+	for (const { label, value } of values) if ("query" in value && !own.has(refKey(value))) own.set(refKey(value), label);
+	const seen = /* @__PURE__ */ new Set();
+	return values.flatMap(({ label, value }) => require_domains_dashboards_lib_values.exprRefs(value).flatMap((ref) => {
+		const key = refKey(ref);
+		if (seen.has(key)) return [];
+		seen.add(key);
+		const { query: _query, ...rest } = ref;
+		return [{
+			label: own.get(key) ?? `${label}: ${ref.query}${refDetail(rest)}`,
+			ref
+		}];
+	}));
+}
+/** Each source's action, the host's for those it was asked about, in the view's order. */
+function entries(located, answers) {
+	let asked = 0;
+	return located.flatMap(({ label, query }) => {
+		const action = query === "unsatisfiable" ? { disabled: UNSATISFIABLE_ALERT } : answers[asked++];
+		return action ? [{
+			label,
+			action
+		}] : [];
+	});
+}
+/**
+* The open view's Create alert button, or nothing without an `alert` host. A view the page's filters
+* block, or contradict, gets a disabled button saying so; otherwise the host decides, for the whole
+* card or per source. A source whose query the page's filters contradict is disabled on its own.
+*/
+function alertAction(alert, widget, view, source) {
+	if (!alert) return void 0;
+	const name = view.label?.trim() || widget.title?.trim();
+	const label = name ? `Create alert from ${name}` : "Create alert";
+	const button = (action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.AlertAction, {
+		action,
+		label,
+		LinkComponent: alert.LinkComponent
+	});
+	if ("blocked" in source) return button({ disabled: require_domains_dashboards_lib_chrome.unsupportedMessage(source.blocked, source.names) });
+	const page = source.page;
+	const queries = view.queries.map((q) => require_domains_dashboards_lib_requests.pageQuery(q, page));
+	const located = alertRefs(source.values).flatMap(({ label, ref }) => {
+		const index = view.queries.findIndex((q) => q.id === ref.query);
+		const query = queries[index];
+		if (query === void 0) return [];
+		const { query: _query, ...rest } = ref;
+		return [{
+			label,
+			ref: rest,
+			query
+		}];
+	});
+	const satisfiable = located.filter((s) => s.query !== "unsatisfiable");
+	if (located.length ? satisfiable.length === 0 : queries.some((q) => q === "unsatisfiable")) return button({ disabled: UNSATISFIABLE_ALERT });
+	const action = alert.action({
+		widget,
+		view,
+		queries: queries.filter((q) => q !== "unsatisfiable"),
+		sources: satisfiable
+	});
+	if (!Array.isArray(action)) return action && button(action);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.AlertMenu, {
+		entries: entries(located, action),
+		label,
+		LinkComponent: alert.LinkComponent
+	});
+}
+/** `heading` with `action` first among its hover actions, so it sits left of the pin. */
+function withAction(heading, action) {
+	if (!action) return heading;
+	return {
+		...heading,
+		actions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [action, heading.actions] })
+	};
+}
+/** A pending card's heading: a view the page's filters block gets its disabled button, saying so. */
+function pendingHeading(heading, gate, alert, widget, view) {
+	if (gate.status !== "unsupported-filter") return heading;
+	return withAction(heading, alertAction(alert, widget, view, { blocked: gate.unsupportedFields }));
+}
+exports.UNSATISFIABLE_ALERT = UNSATISFIABLE_ALERT;
+exports.alertAction = alertAction;
+exports.alertRefs = alertRefs;
+exports.pendingHeading = pendingHeading;
+exports.withAction = withAction;
+
+//# sourceMappingURL=alert-actions.cjs.js.map

package/dist/domains/dashboards/lib/alert-actions.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-actions.cjs.js","names":["exprRefs","AlertAction","unsupportedMessage","pageQuery","AlertMenu","_Fragment"],"sources":["../../../../src/domains/dashboards/lib/alert-actions.tsx"],"sourcesContent":["import type { DashboardQuery, DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ReactNode } from 'react';\n\nimport { AlertAction, AlertMenu } from '../components/widget-controls';\nimport type { AlertEntry } from '../components/widget-controls';\nimport type { DashboardAlert, DashboardAlertAction, DashboardAlertRef, DashboardAlertSource } from '../widget-kind';\nimport type { ViewHeading } from './chrome';\nimport { unsupportedMessage } from './chrome';\nimport type { PendingGate } from './gate';\nimport { pageQuery } from './requests';\nimport type { DashboardPageContext } from './requests';\nimport { exprRefs } from './values';\nimport type { LabelledValue, ValueRef } from './values';\n\n/** What the open view runs against: the page's filters, or the page filters its aggregates can't apply. */\nexport type AlertSource =\n  | {\n      page: DashboardPageContext;\n      /** The view's series, columns or KPIs, each becoming the alert's sources. */\n      values: LabelledValue[];\n    }\n  | {\n      blocked: string[];\n      /** The filter bar's names for `blocked`, as the card names them. */ names?: Record<string, string>;\n    };\n\nexport const UNSATISFIABLE_ALERT = \"The page's filters exclude everything this card shows.\";\n\n/** `p95` for 0.95: percentiles as people name them. */\nconst percentileName = (p: number) => `p${Math.round(p * 1000) / 10}`;\n\n/** What a ref picks from its query, beyond the query itself: `(countDistinct.threadId)`, `(p95)`. */\nfunction refDetail(ref: DashboardAlertRef) {\n  const parts = [\n    ref.measure,\n    ref.field,\n    ref.percentile === undefined ? undefined : percentileName(ref.percentile),\n    ref.groups?.join(', '),\n    ref.notGroups && `not ${ref.notGroups.join(', ')}`,\n  ].filter((p): p is string => p !== undefined);\n  return parts.length ? ` (${parts.join(', ')})` : '';\n}\n\nconst refKey = ({ query, measure, field, percentile, groups, notGroups }: ValueRef) =>\n  JSON.stringify([query, measure, field, percentile, groups, notGroups]);\n\n/**\n * Each distinct ref the view's values read, labelled: by the label of a value that is just that ref\n * if there is one, else as a part of the first combined value reading it (the value's label, its\n * query and what it picks). In the order the values first read them.\n */\nexport function alertRefs(values: LabelledValue[]): { label: string; ref: ValueRef }[] {\n  const own = new Map<string, string>();\n  for (const { label, value } of values) {\n    if ('query' in value && !own.has(refKey(value))) own.set(refKey(value), label);\n  }\n  const seen = new Set<string>();\n  return values.flatMap(({ label, value }) =>\n    exprRefs(value).flatMap(ref => {\n      const key = refKey(ref);\n      if (seen.has(key)) return [];\n      seen.add(key);\n      const { query: _query, ...rest } = ref;\n      return [{ label: own.get(key) ?? `${label}: ${ref.query}${refDetail(rest)}`, ref }];\n    }),\n  );\n}\n\ntype Located = { label: string; ref: DashboardAlertRef; query: DashboardQuery | 'unsatisfiable' };\n\n/** Each source's action, the host's for those it was asked about, in the view's order. */\nfunction entries(located: Located[], answers: (DashboardAlertAction | undefined)[]): AlertEntry[] {\n  let asked = 0;\n  return located.flatMap(({ label, query }) => {\n    const action: DashboardAlertAction | undefined =\n      query === 'unsatisfiable' ? { disabled: UNSATISFIABLE_ALERT } : answers[asked++];\n    return action ? [{ label, action }] : [];\n  });\n}\n\n/**\n * The open view's Create alert button, or nothing without an `alert` host. A view the page's filters\n * block, or contradict, gets a disabled button saying so; otherwise the host decides, for the whole\n * card or per source. A source whose query the page's filters contradict is disabled on its own.\n */\nexport function alertAction(\n  alert: DashboardAlert | undefined,\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  source: AlertSource,\n): ReactNode {\n  if (!alert) return undefined;\n  const name = view.label?.trim() || widget.title?.trim();\n  const label = name ? `Create alert from ${name}` : 'Create alert';\n  const button = (action: DashboardAlertAction) => (\n    <AlertAction action={action} label={label} LinkComponent={alert.LinkComponent} />\n  );\n  if ('blocked' in source) return button({ disabled: unsupportedMessage(source.blocked, source.names) });\n  const page = source.page;\n  const queries = view.queries.map(q => pageQuery(q, page));\n  const located = alertRefs(source.values).flatMap(({ label, ref }): Located[] => {\n    const index = view.queries.findIndex(q => q.id === ref.query);\n    const query = queries[index];\n    if (query === undefined) return [];\n    const { query: _query, ...rest } = ref;\n    return [{ label, ref: rest, query }];\n  });\n  const satisfiable = located.filter((s): s is DashboardAlertSource => s.query !== 'unsatisfiable');\n  const contradicted = located.length ? satisfiable.length === 0 : queries.some(q => q === 'unsatisfiable');\n  if (contradicted) return button({ disabled: UNSATISFIABLE_ALERT });\n  const action = alert.action({\n    widget,\n    view,\n    queries: queries.filter(q => q !== 'unsatisfiable'),\n    sources: satisfiable,\n  });\n  if (!Array.isArray(action)) return action && button(action);\n  return <AlertMenu entries={entries(located, action)} label={label} LinkComponent={alert.LinkComponent} />;\n}\n\n/** `heading` with `action` first among its hover actions, so it sits left of the pin. */\nexport function withAction(heading: ViewHeading, action: ReactNode): ViewHeading {\n  if (!action) return heading;\n  return {\n    ...heading,\n    actions: (\n      <>\n        {action}\n        {heading.actions}\n      </>\n    ),\n  };\n}\n\n/** A pending card's heading: a view the page's filters block gets its disabled button, saying so. */\nexport function pendingHeading(\n  heading: ViewHeading,\n  gate: PendingGate,\n  alert: DashboardAlert | undefined,\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n): ViewHeading {\n  if (gate.status !== 'unsupported-filter') return heading;\n  return withAction(heading, alertAction(alert, widget, view, { blocked: gate.unsupportedFields }));\n}\n"],"mappings":"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"}