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

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-plan.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-plan.ts"],"sourcesContent":["import type { BlockedFields } from '../../lib/gate';\nimport { buildPreviousRequest, buildRequest } from '../../lib/requests';\nimport type { DashboardResult } 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, WidgetPlanContext, WidgetState } from '../../widget-kind';\n\ntype Views = WidgetKindProps<TableOptions>['views'];\n\n/** The opener view's sorted column and every query it reads, when the opener can count its rows. */\nfunction openerSource(views: 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\n/**\n * A view that opens only with enough rows counts them from its sorted column's own requests, so\n * opening on it costs nothing more.\n */\nexport function tableDiscover({ views, page, blocked }: WidgetPlanContext<TableOptions>) {\n  return openerSource(views, blocked)?.queries.map(q => buildRequest(q, page, {})) ?? [];\n}\n\n/** The open tab: the one picked, else the one the opener's row count opens on. */\nexport function openTab(\n  views: Views,\n  blocked: BlockedFields,\n  state: WidgetState,\n  discovered: (DashboardResult | undefined)[],\n) {\n  if (state.view !== undefined) return state.view;\n  const opener = openerSource(views, blocked);\n  const rows = opener\n    ? countRows(\n        opener.view.options,\n        opener.column,\n        opener.queries,\n        discovered.map(r => r?.data),\n      )\n    : 'uncountable';\n  return openingView(views, rows);\n}\n\n/**\n * The open tab's requests, then the same over the previous window for its % Change; a tab whose\n * aggregates can't apply the page's filters sends nothing.\n */\nexport function tableRequests(\n  { views, page, blocked, state }: WidgetPlanContext<TableOptions>,\n  discovered: (DashboardResult | undefined)[],\n) {\n  const view = views[openTab(views, blocked, state, discovered)] ?? views[0];\n  if (blocked(view.queries)) return [];\n  return [\n    ...view.queries.map(q => buildRequest(q, page, {})),\n    ...view.queries.map(q => buildPreviousRequest(q, page, {})),\n  ];\n}\n"],"mappings":";;;;;AAWA,SAAS,aAAa,OAAc,SAAwB;CAC1D,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;;;;;AAMA,SAAgB,cAAc,EAAE,OAAO,MAAM,WAA4C;CACvF,OAAO,aAAa,OAAO,OAAO,CAAC,EAAE,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AACvF;;AAGA,SAAgB,QACd,OACA,SACA,OACA,YACA;CACA,IAAI,MAAM,SAAS,KAAA,GAAW,OAAO,MAAM;CAC3C,MAAM,SAAS,aAAa,OAAO,OAAO;CAC1C,MAAM,OAAO,SACT,UACE,OAAO,KAAK,SACZ,OAAO,QACP,OAAO,SACP,WAAW,KAAI,MAAK,GAAG,IAAI,CAC7B,IACA;CACJ,OAAO,YAAY,OAAO,IAAI;AAChC;;;;;AAMA,SAAgB,cACd,EAAE,OAAO,MAAM,SAAS,SACxB,YACA;CACA,MAAM,OAAO,MAAM,QAAQ,OAAO,SAAS,OAAO,UAAU,MAAM,MAAM;CACxE,IAAI,QAAQ,KAAK,OAAO,GAAG,OAAO,CAAC;CACnC,OAAO,CACL,GAAG,KAAK,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,GAClD,GAAG,KAAK,QAAQ,KAAI,MAAK,qBAAqB,GAAG,MAAM,CAAC,CAAC,CAAC,CAC5D;AACF"}

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

@@ -1,13 +1,13 @@
 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-BEwiS7Pe.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_chrome = require("../../lib/chrome.cjs.js");
+const require_domains_dashboards_lib_pin_actions = require("../../lib/pin-actions.cjs.js");
 const require_domains_dashboards_lib_table = require("../../lib/table.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_kinds_table_table_plan = require("./table-plan.cjs.js");
 const require_domains_dashboards_kinds_table_table_view = require("./table-view.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-CSJ4TsNq.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. */
@@ -19,36 +19,37 @@ var FILTER_NAMES = {
 	provider: "provider",
 	model: "model"
 };
-/** The opener view's sorted column and every query it reads, when the opener can count its rows. */
-function openerSource(views, blocked) {
-	const opener = views.find((v) => v.options.openWhen);
-	if (!opener || blocked(opener.queries)) return void 0;
-	const column = require_domains_dashboards_lib_table.parseColumns(opener.columns).columns.filter(require_domains_dashboards_lib_table.isValueColumn).find((c) => c.id === opener.options.defaultSort.column);
-	if (!column) return void 0;
-	const read = new Set(require_domains_dashboards_lib_values.exprRefs(column.options.value).map((r) => r.query));
-	const queries = opener.queries.filter((q) => q.id !== void 0 && read.has(q.id));
-	return queries.length > 0 && queries.length === read.size ? {
-		view: opener,
-		column,
-		queries
-	} : void 0;
-}
 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 { views, state, discovered, onStateChange } = props;
+	const menu = require_domains_dashboards_hooks_use_widget_views.viewMenu(props.widget, views, require_domains_dashboards_kinds_table_table_plan.openTab(views, blocked, state, discovered), (i) => onStateChange({ view: i }));
+	const { view, index } = menu;
 	const unsupported = blocked(view.queries);
+	const alert = require_domains_dashboards_lib_alert_actions.alertAction(props.alert, props.widget, view, unsupported ? {
+		blocked: unsupported,
+		names: FILTER_NAMES
+	} : {
+		page,
+		values: require_domains_dashboards_lib_table.parseColumns(view.columns).columns.filter(require_domains_dashboards_lib_table.isValueColumn).map((c) => ({
+			label: c.label,
+			value: c.options.value
+		}))
+	});
+	const heading = require_domains_dashboards_lib_alert_actions.withAction({
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(props.pin)
+	}, alert);
 	if (unsupported) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_frame.TableFrame, {
 		heading,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.NoData, { message: require_domains_dashboards_lib_chrome.unsupportedMessage(unsupported, FILTER_NAMES) })
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_view.TableView, {
 		...props,
+		index,
 		view,
 		heading,
 		page
-	}, index);
+	});
 }
 exports.TableTabs = TableTabs;
 

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":["viewMenu","openTab","alertAction","parseColumns","isValueColumn","withAction","pinActions","TableFrame","MetricsCard","unsupportedMessage","TableView"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-tabs.tsx"],"sourcesContent":["import { viewMenu } from '../../hooks/use-widget-views';\nimport { alertAction, withAction } from '../../lib/alert-actions';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport type { BlockedFields } from '../../lib/gate';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { openTab } from './table-plan';\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\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n  const { views, state, discovered, onStateChange } = props;\n  // Picking a tab starts it on its own default sort.\n  const menu = viewMenu(props.widget, views, openTab(views, blocked, state, discovered), i =>\n    onStateChange({ view: i }),\n  );\n  const { view, index } = menu;\n  const unsupported = blocked(view.queries);\n  const alert = alertAction(\n    props.alert,\n    props.widget,\n    view,\n    unsupported\n      ? { blocked: unsupported, names: FILTER_NAMES }\n      : {\n          page,\n          values: parseColumns(view.columns)\n            .columns.filter(isValueColumn)\n            .map(c => ({ label: c.label, value: c.options.value })),\n        },\n  );\n  const heading = withAction({ ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) }, alert);\n\n  if (unsupported) {\n    return (\n      <TableFrame heading={heading}>\n        <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n      </TableFrame>\n    );\n  }\n  // Unkeyed: picking a tab clears `sort` and `compared` in the widget state. Local state added to\n  // `TableView` would carry over to the next tab instead, so key it on `index` if that happens.\n  return <TableView {...props} index={index} 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;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CACrH,MAAM,EAAE,OAAO,OAAO,YAAY,kBAAkB;CAEpD,MAAM,OAAOA,kDAAAA,SAAS,MAAM,QAAQ,OAAOC,kDAAAA,QAAQ,OAAO,SAAS,OAAO,UAAU,IAAG,MACrF,cAAc,EAAE,MAAM,EAAE,CAAC,CAC3B;CACA,MAAM,EAAE,MAAM,UAAU;CACxB,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,MAAM,QAAQC,6CAAAA,YACZ,MAAM,OACN,MAAM,QACN,MACA,cACI;EAAE,SAAS;EAAa,OAAO;CAAa,IAC5C;EACE;EACA,QAAQC,qCAAAA,aAAa,KAAK,OAAO,CAAC,CAC/B,QAAQ,OAAOC,qCAAAA,aAAa,CAAC,CAC7B,KAAI,OAAM;GAAE,OAAO,EAAE;GAAO,OAAO,EAAE,QAAQ;EAAM,EAAE;CAC1D,CACN;CACA,MAAM,UAAUC,6CAAAA,WAAW;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAGC,2CAAAA,WAAW,MAAM,GAAG;CAAE,GAAG,KAAK;CAE7G,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;CAKhB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;EAAW,GAAI;EAAc;EAAa;EAAe;EAAe;CAAO,CAAA;AACxF"}

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

@@ -1,12 +1,12 @@
-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-ua6C6b8a.js";
+import { viewMenu } from "../../hooks/use-widget-views.es.js";
+import { alertAction, withAction } from "../../lib/alert-actions.es.js";
 import { unsupportedMessage } from "../../lib/chrome.es.js";
-import { countRows, isValueColumn, openingView, parseColumns } from "../../lib/table.es.js";
-import { useViewMenu } from "../../hooks/use-widget-views.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
+import { isValueColumn, parseColumns } from "../../lib/table.es.js";
 import { TableFrame } from "./table-frame.es.js";
+import { openTab } from "./table-plan.es.js";
 import { TableView } from "./table-view.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-D6bQfynP.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. */
@@ -18,36 +18,37 @@ var FILTER_NAMES = {
 	provider: "provider",
 	model: "model"
 };
-/** The opener view's sorted column and every query it reads, when the opener can count its rows. */
-function openerSource(views, blocked) {
-	const opener = views.find((v) => v.options.openWhen);
-	if (!opener || blocked(opener.queries)) return void 0;
-	const column = parseColumns(opener.columns).columns.filter(isValueColumn).find((c) => c.id === opener.options.defaultSort.column);
-	if (!column) return void 0;
-	const read = new Set(exprRefs(column.options.value).map((r) => r.query));
-	const queries = opener.queries.filter((q) => q.id !== void 0 && read.has(q.id));
-	return queries.length > 0 && queries.length === read.size ? {
-		view: opener,
-		column,
-		queries
-	} : void 0;
-}
 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 { views, state, discovered, onStateChange } = props;
+	const menu = viewMenu(props.widget, views, openTab(views, blocked, state, discovered), (i) => onStateChange({ view: i }));
+	const { view, index } = menu;
 	const unsupported = blocked(view.queries);
+	const alert = alertAction(props.alert, props.widget, view, unsupported ? {
+		blocked: unsupported,
+		names: FILTER_NAMES
+	} : {
+		page,
+		values: parseColumns(view.columns).columns.filter(isValueColumn).map((c) => ({
+			label: c.label,
+			value: c.options.value
+		}))
+	});
+	const heading = withAction({
+		...menu.heading,
+		dragHandle: props.dragHandle,
+		...pinActions(props.pin)
+	}, alert);
 	if (unsupported) return /* @__PURE__ */ jsx(TableFrame, {
 		heading,
 		children: /* @__PURE__ */ jsx(MetricsCard.NoData, { message: unsupportedMessage(unsupported, FILTER_NAMES) })
 	});
 	return /* @__PURE__ */ jsx(TableView, {
 		...props,
+		index,
 		view,
 		heading,
 		page
-	}, index);
+	});
 }
 export { TableTabs };
 

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 { viewMenu } from '../../hooks/use-widget-views';\nimport { alertAction, withAction } from '../../lib/alert-actions';\nimport { unsupportedMessage } from '../../lib/chrome';\nimport type { BlockedFields } from '../../lib/gate';\nimport { pinActions } from '../../lib/pin-actions';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns } from '../../lib/table';\nimport type { TableOptions } from '../../lib/table';\nimport type { WidgetKindProps } from '../../widget-kind';\nimport { TableFrame } from './table-frame';\nimport { openTab } from './table-plan';\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\nexport function TableTabs({ page, blocked, ...props }: Props & { page: DashboardPageContext; blocked: BlockedFields }) {\n  const { views, state, discovered, onStateChange } = props;\n  // Picking a tab starts it on its own default sort.\n  const menu = viewMenu(props.widget, views, openTab(views, blocked, state, discovered), i =>\n    onStateChange({ view: i }),\n  );\n  const { view, index } = menu;\n  const unsupported = blocked(view.queries);\n  const alert = alertAction(\n    props.alert,\n    props.widget,\n    view,\n    unsupported\n      ? { blocked: unsupported, names: FILTER_NAMES }\n      : {\n          page,\n          values: parseColumns(view.columns)\n            .columns.filter(isValueColumn)\n            .map(c => ({ label: c.label, value: c.options.value })),\n        },\n  );\n  const heading = withAction({ ...menu.heading, dragHandle: props.dragHandle, ...pinActions(props.pin) }, alert);\n\n  if (unsupported) {\n    return (\n      <TableFrame heading={heading}>\n        <MetricsCard.NoData message={unsupportedMessage(unsupported, FILTER_NAMES)} />\n      </TableFrame>\n    );\n  }\n  // Unkeyed: picking a tab clears `sort` and `compared` in the widget state. Local state added to\n  // `TableView` would carry over to the next tab instead, so key it on `index` if that happens.\n  return <TableView {...props} index={index} 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;AAEA,SAAgB,UAAU,EAAE,MAAM,SAAS,GAAG,SAAyE;CACrH,MAAM,EAAE,OAAO,OAAO,YAAY,kBAAkB;CAEpD,MAAM,OAAO,SAAS,MAAM,QAAQ,OAAO,QAAQ,OAAO,SAAS,OAAO,UAAU,IAAG,MACrF,cAAc,EAAE,MAAM,EAAE,CAAC,CAC3B;CACA,MAAM,EAAE,MAAM,UAAU;CACxB,MAAM,cAAc,QAAQ,KAAK,OAAO;CACxC,MAAM,QAAQ,YACZ,MAAM,OACN,MAAM,QACN,MACA,cACI;EAAE,SAAS;EAAa,OAAO;CAAa,IAC5C;EACE;EACA,QAAQ,aAAa,KAAK,OAAO,CAAC,CAC/B,QAAQ,OAAO,aAAa,CAAC,CAC7B,KAAI,OAAM;GAAE,OAAO,EAAE;GAAO,OAAO,EAAE,QAAQ;EAAM,EAAE;CAC1D,CACN;CACA,MAAM,UAAU,WAAW;EAAE,GAAG,KAAK;EAAS,YAAY,MAAM;EAAY,GAAG,WAAW,MAAM,GAAG;CAAE,GAAG,KAAK;CAE7G,IAAI,aACF,OACE,oBAAC,YAAD;EAAqB;EACnB,UAAA,oBAAC,YAAY,QAAb,EAAoB,SAAS,mBAAmB,aAAa,YAAY,EAAI,CAAA;CACnE,CAAA;CAKhB,OAAO,oBAAC,WAAD;EAAW,GAAI;EAAc;EAAa;EAAe;EAAe;CAAO,CAAA;AACxF"}

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

@@ -1,44 +1,44 @@
 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_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");
-let react = require("react");
+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_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-view.tsx
 var isAggregate = (query) => query !== void 0 && require_domains_dashboards_lib_requests.aggregateSource(query) !== void 0;
 function TableView(props) {
-	const { view, page, widget, onDrilldown } = props;
+	const { view, index, page, widget, onDrilldown, state, onStateChange, results, onRetry, projectLabel } = props;
 	const { options, queries } = view;
 	const onClick = require_domains_dashboards_hooks_use_widget_views.useDrilldown(widget, view, onDrilldown);
 	const { columns } = require_domains_dashboards_lib_table.parseColumns(view.columns);
 	const values = columns.filter(require_domains_dashboards_lib_table.isValueColumn);
-	const [sort, setSort] = (0, react.useState)(options.defaultSort);
-	const [compared, setCompared] = (0, react.useState)(() => values.find((c) => c.id === options.defaultSort.column)?.id ?? values[0]?.id);
-	const onSortChange = (next = options.defaultSort) => {
-		setSort(next);
-		if (values.some((c) => c.id === next.column)) setCompared(next.column);
-	};
+	const sort = state.sort ?? options.defaultSort;
+	const compared = state.compared ?? values.find((c) => c.id === options.defaultSort.column)?.id ?? values[0]?.id;
+	const onSortChange = (next = options.defaultSort) => onStateChange({
+		...state,
+		view: index,
+		sort: next,
+		compared: values.some((c) => c.id === next.column) ? next.column : compared
+	});
 	const rowIds = new Set(require_domains_dashboards_lib_table.rowQueries(columns, queries));
 	const isRowQuery = (i) => {
 		const id = queries[i]?.id;
 		return id !== void 0 && rowIds.has(id);
 	};
-	const current = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, {})));
-	const previous = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(queries.map((q) => require_domains_dashboards_lib_requests.buildPreviousRequest(q, page, {})));
+	const current = results.slice(0, queries.length);
+	const previous = results.slice(queries.length);
 	const waited = current.flatMap((r, i) => r && isRowQuery(i) ? [r] : []);
 	if (waited.some((r) => r.isError)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_frame.TableFrame, {
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card_error.ChartCardError, {
 			error: waited.find((r) => r.isError)?.error,
-			onRetry: () => waited.forEach((r) => r.isError && void r.refetch())
+			onRetry
 		})
 	});
 	const isLoading = waited.some((r) => r.isLoading);
@@ -53,7 +53,7 @@ function TableView(props) {
 		isUpdating: aggregates.length ? aggregates.some((r) => r.isRefetching) : void 0,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_domains_metrics_components_chart_area.ChartArea, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsTable.MetricsTable, {
 			"aria-label": options.ariaLabel,
-			columns: columns.map((c) => require_domains_dashboards_kinds_table_table_columns.tableColumn(c, page.window, comparedColumn, changeOf)),
+			columns: columns.map((c) => require_domains_dashboards_kinds_table_table_columns.tableColumn(c, page.window, comparedColumn, changeOf, projectLabel)),
 			rows: content?.rows ?? [],
 			getRowKey: (row) => row.key,
 			sort,

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

@@ -1 +1 @@
-{"version":3,"file":"table-view.cjs.js","names":["aggregateSource","useDrilldown","parseColumns","isValueColumn","useState","rowQueries","useDashboardRequests","buildRequest","buildPreviousRequest","TableFrame","ChartCardError","tableContent","valueChange","ChartArea","MetricsTable","tableColumn","rowDrilldown","Txt","formatCount"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-view.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { useState } from 'react';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { formatCount } from '../../../metrics/lib/chart-format';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useDrilldown } from '../../hooks/use-widget-views';\nimport { aggregateSource, buildPreviousRequest, buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from '../../lib/table';\nimport type { TableRow } from '../../lib/table';\nimport { tableColumn } from './table-columns';\nimport { TableFrame } from './table-frame';\nimport type { TableTabProps } from './table-frame';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\nconst isAggregate = (query: DashboardQuery | undefined) => query !== undefined && aggregateSource(query) !== undefined;\n\nexport function TableView(props: TableTabProps & { page: DashboardPageContext }) {\n  const { view, page, widget, onDrilldown } = props;\n  const { options, queries } = view;\n  const onClick = useDrilldown(widget, view, onDrilldown);\n  const { columns } = parseColumns(view.columns);\n  const values = columns.filter(isValueColumn);\n  const [sort, setSort] = useState<MetricsTableSort>(options.defaultSort);\n  // % Change compares the value column sorted last, starting from the default sort's.\n  const [compared, setCompared] = useState(\n    () => values.find(c => c.id === options.defaultSort.column)?.id ?? values[0]?.id,\n  );\n  const onSortChange = (next: MetricsTableSort = options.defaultSort) => {\n    setSort(next);\n    if (values.some(c => c.id === next.column)) setCompared(next.column);\n  };\n\n  const rowIds = new Set(rowQueries(columns, queries));\n  const isRowQuery = (i: number) => {\n    const id = queries[i]?.id;\n    return id !== undefined && rowIds.has(id);\n  };\n  const current = useDashboardRequests(queries.map(q => buildRequest(q, page, {})));\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previous = useDashboardRequests(queries.map(q => buildPreviousRequest(q, page, {})));\n\n  const waited = current.flatMap((r, i) => (r && isRowQuery(i) ? [r] : []));\n  if (waited.some(r => r.isError)) {\n    return (\n      <TableFrame {...props}>\n        <ChartCardError\n          error={waited.find(r => r.isError)?.error}\n          onRetry={() => waited.forEach(r => r.isError && void r.refetch())}\n        />\n      </TableFrame>\n    );\n  }\n\n  const isLoading = waited.some(r => r.isLoading);\n  const previousSettled = previous.every((r, i) => !r || !isRowQuery(i) || (!r.isLoading && !r.isError));\n  const content = isLoading\n    ? undefined\n    : tableContent(\n        options,\n        columns,\n        queries,\n        current.map(r => r?.data),\n        previousSettled ? previous.map(r => r?.data) : undefined,\n      );\n  const before = content?.before;\n  const aggregates = current.flatMap((r, i) => (r && isRowQuery(i) && isAggregate(queries[i]) ? [r] : []));\n\n  const comparedColumn = values.find(c => c.id === compared);\n  const changeOf = (row: TableRow) =>\n    before && comparedColumn\n      ? valueChange(comparedColumn, row.values[comparedColumn.id], before.get(row.key)?.[comparedColumn.id])\n      : undefined;\n\n  return (\n    <TableFrame {...props} isUpdating={aggregates.length ? aggregates.some(r => r.isRefetching) : undefined}>\n      <ChartArea>\n        <MetricsTable\n          aria-label={options.ariaLabel}\n          columns={columns.map(c => tableColumn(c, page.window, comparedColumn, changeOf))}\n          rows={content?.rows ?? []}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={options.defaultSort}\n          onSortChange={onSortChange}\n          onRowClick={onClick && (row => onClick(rowDrilldown(options, row)))}\n          pageSize={options.pageSize}\n          isLoading={isLoading}\n          empty={options.emptyMessage}\n        />\n        {content?.truncated && content.limit !== undefined && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(content.limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </TableFrame>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"table-view.cjs.js","names":["aggregateSource","useDrilldown","parseColumns","isValueColumn","rowQueries","TableFrame","ChartCardError","tableContent","valueChange","ChartArea","MetricsTable","tableColumn","rowDrilldown","Txt","formatCount"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-view.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { formatCount } from '../../../metrics/lib/chart-format';\nimport { useDrilldown } from '../../hooks/use-widget-views';\nimport { aggregateSource } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from '../../lib/table';\nimport type { TableRow } from '../../lib/table';\nimport { tableColumn } from './table-columns';\nimport { TableFrame } from './table-frame';\nimport type { TableTabProps } from './table-frame';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\nconst isAggregate = (query: DashboardQuery | undefined) => query !== undefined && aggregateSource(query) !== undefined;\n\nexport function TableView(props: TableTabProps & { index: number; page: DashboardPageContext }) {\n  const { view, index, page, widget, onDrilldown, state, onStateChange, results, onRetry, projectLabel } = props;\n  const { options, queries } = view;\n  const onClick = useDrilldown(widget, view, onDrilldown);\n  const { columns } = parseColumns(view.columns);\n  const values = columns.filter(isValueColumn);\n  const sort = state.sort ?? options.defaultSort;\n  // % Change compares the value column sorted last, starting from the default sort's.\n  const compared = state.compared ?? values.find(c => c.id === options.defaultSort.column)?.id ?? values[0]?.id;\n  // Sorting keeps the open tab, so a late row count can't switch it under the new sort.\n  const onSortChange = (next: MetricsTableSort = options.defaultSort) =>\n    onStateChange({\n      ...state,\n      view: index,\n      sort: next,\n      compared: values.some(c => c.id === next.column) ? next.column : compared,\n    });\n\n  const rowIds = new Set(rowQueries(columns, queries));\n  const isRowQuery = (i: number) => {\n    const id = queries[i]?.id;\n    return id !== undefined && rowIds.has(id);\n  };\n  const current = results.slice(0, queries.length);\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previous = results.slice(queries.length);\n\n  const waited = current.flatMap((r, i) => (r && isRowQuery(i) ? [r] : []));\n  if (waited.some(r => r.isError)) {\n    return (\n      <TableFrame {...props}>\n        <ChartCardError error={waited.find(r => r.isError)?.error} onRetry={onRetry} />\n      </TableFrame>\n    );\n  }\n\n  const isLoading = waited.some(r => r.isLoading);\n  const previousSettled = previous.every((r, i) => !r || !isRowQuery(i) || (!r.isLoading && !r.isError));\n  const content = isLoading\n    ? undefined\n    : tableContent(\n        options,\n        columns,\n        queries,\n        current.map(r => r?.data),\n        previousSettled ? previous.map(r => r?.data) : undefined,\n      );\n  const before = content?.before;\n  const aggregates = current.flatMap((r, i) => (r && isRowQuery(i) && isAggregate(queries[i]) ? [r] : []));\n\n  const comparedColumn = values.find(c => c.id === compared);\n  const changeOf = (row: TableRow) =>\n    before && comparedColumn\n      ? valueChange(comparedColumn, row.values[comparedColumn.id], before.get(row.key)?.[comparedColumn.id])\n      : undefined;\n\n  return (\n    <TableFrame {...props} isUpdating={aggregates.length ? aggregates.some(r => r.isRefetching) : undefined}>\n      <ChartArea>\n        <MetricsTable\n          aria-label={options.ariaLabel}\n          columns={columns.map(c => tableColumn(c, page.window, comparedColumn, changeOf, projectLabel))}\n          rows={content?.rows ?? []}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={options.defaultSort}\n          onSortChange={onSortChange}\n          onRowClick={onClick && (row => onClick(rowDrilldown(options, row)))}\n          pageSize={options.pageSize}\n          isLoading={isLoading}\n          empty={options.emptyMessage}\n        />\n        {content?.truncated && content.limit !== undefined && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(content.limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </TableFrame>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,43 +1,43 @@
-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 { useDrilldown } from "../../hooks/use-widget-views.es.js";
-import { TableFrame } from "./table-frame.es.js";
+import { aggregateSource } 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 { useState } from "react";
+import { TableFrame } from "./table-frame.es.js";
+import { t as MetricsTable } from "../../../../MetricsTable-DIjbD5Xk.js";
+import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-view.tsx
 var isAggregate = (query) => query !== void 0 && aggregateSource(query) !== void 0;
 function TableView(props) {
-	const { view, page, widget, onDrilldown } = props;
+	const { view, index, page, widget, onDrilldown, state, onStateChange, results, onRetry, projectLabel } = props;
 	const { options, queries } = view;
 	const onClick = useDrilldown(widget, view, onDrilldown);
 	const { columns } = parseColumns(view.columns);
 	const values = columns.filter(isValueColumn);
-	const [sort, setSort] = useState(options.defaultSort);
-	const [compared, setCompared] = useState(() => values.find((c) => c.id === options.defaultSort.column)?.id ?? values[0]?.id);
-	const onSortChange = (next = options.defaultSort) => {
-		setSort(next);
-		if (values.some((c) => c.id === next.column)) setCompared(next.column);
-	};
+	const sort = state.sort ?? options.defaultSort;
+	const compared = state.compared ?? values.find((c) => c.id === options.defaultSort.column)?.id ?? values[0]?.id;
+	const onSortChange = (next = options.defaultSort) => onStateChange({
+		...state,
+		view: index,
+		sort: next,
+		compared: values.some((c) => c.id === next.column) ? next.column : compared
+	});
 	const rowIds = new Set(rowQueries(columns, queries));
 	const isRowQuery = (i) => {
 		const id = queries[i]?.id;
 		return id !== void 0 && rowIds.has(id);
 	};
-	const current = useDashboardRequests(queries.map((q) => buildRequest(q, page, {})));
-	const previous = useDashboardRequests(queries.map((q) => buildPreviousRequest(q, page, {})));
+	const current = results.slice(0, queries.length);
+	const previous = results.slice(queries.length);
 	const waited = current.flatMap((r, i) => r && isRowQuery(i) ? [r] : []);
 	if (waited.some((r) => r.isError)) return /* @__PURE__ */ jsx(TableFrame, {
 		...props,
 		children: /* @__PURE__ */ jsx(ChartCardError, {
 			error: waited.find((r) => r.isError)?.error,
-			onRetry: () => waited.forEach((r) => r.isError && void r.refetch())
+			onRetry
 		})
 	});
 	const isLoading = waited.some((r) => r.isLoading);
@@ -52,7 +52,7 @@ function TableView(props) {
 		isUpdating: aggregates.length ? aggregates.some((r) => r.isRefetching) : void 0,
 		children: /* @__PURE__ */ jsxs(ChartArea, { children: [/* @__PURE__ */ jsx(MetricsTable, {
 			"aria-label": options.ariaLabel,
-			columns: columns.map((c) => tableColumn(c, page.window, comparedColumn, changeOf)),
+			columns: columns.map((c) => tableColumn(c, page.window, comparedColumn, changeOf, projectLabel)),
 			rows: content?.rows ?? [],
 			getRowKey: (row) => row.key,
 			sort,

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

@@ -1 +1 @@
-{"version":3,"file":"table-view.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-view.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { useState } from 'react';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { formatCount } from '../../../metrics/lib/chart-format';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { useDrilldown } from '../../hooks/use-widget-views';\nimport { aggregateSource, buildPreviousRequest, buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from '../../lib/table';\nimport type { TableRow } from '../../lib/table';\nimport { tableColumn } from './table-columns';\nimport { TableFrame } from './table-frame';\nimport type { TableTabProps } from './table-frame';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\nconst isAggregate = (query: DashboardQuery | undefined) => query !== undefined && aggregateSource(query) !== undefined;\n\nexport function TableView(props: TableTabProps & { page: DashboardPageContext }) {\n  const { view, page, widget, onDrilldown } = props;\n  const { options, queries } = view;\n  const onClick = useDrilldown(widget, view, onDrilldown);\n  const { columns } = parseColumns(view.columns);\n  const values = columns.filter(isValueColumn);\n  const [sort, setSort] = useState<MetricsTableSort>(options.defaultSort);\n  // % Change compares the value column sorted last, starting from the default sort's.\n  const [compared, setCompared] = useState(\n    () => values.find(c => c.id === options.defaultSort.column)?.id ?? values[0]?.id,\n  );\n  const onSortChange = (next: MetricsTableSort = options.defaultSort) => {\n    setSort(next);\n    if (values.some(c => c.id === next.column)) setCompared(next.column);\n  };\n\n  const rowIds = new Set(rowQueries(columns, queries));\n  const isRowQuery = (i: number) => {\n    const id = queries[i]?.id;\n    return id !== undefined && rowIds.has(id);\n  };\n  const current = useDashboardRequests(queries.map(q => buildRequest(q, page, {})));\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previous = useDashboardRequests(queries.map(q => buildPreviousRequest(q, page, {})));\n\n  const waited = current.flatMap((r, i) => (r && isRowQuery(i) ? [r] : []));\n  if (waited.some(r => r.isError)) {\n    return (\n      <TableFrame {...props}>\n        <ChartCardError\n          error={waited.find(r => r.isError)?.error}\n          onRetry={() => waited.forEach(r => r.isError && void r.refetch())}\n        />\n      </TableFrame>\n    );\n  }\n\n  const isLoading = waited.some(r => r.isLoading);\n  const previousSettled = previous.every((r, i) => !r || !isRowQuery(i) || (!r.isLoading && !r.isError));\n  const content = isLoading\n    ? undefined\n    : tableContent(\n        options,\n        columns,\n        queries,\n        current.map(r => r?.data),\n        previousSettled ? previous.map(r => r?.data) : undefined,\n      );\n  const before = content?.before;\n  const aggregates = current.flatMap((r, i) => (r && isRowQuery(i) && isAggregate(queries[i]) ? [r] : []));\n\n  const comparedColumn = values.find(c => c.id === compared);\n  const changeOf = (row: TableRow) =>\n    before && comparedColumn\n      ? valueChange(comparedColumn, row.values[comparedColumn.id], before.get(row.key)?.[comparedColumn.id])\n      : undefined;\n\n  return (\n    <TableFrame {...props} isUpdating={aggregates.length ? aggregates.some(r => r.isRefetching) : undefined}>\n      <ChartArea>\n        <MetricsTable\n          aria-label={options.ariaLabel}\n          columns={columns.map(c => tableColumn(c, page.window, comparedColumn, changeOf))}\n          rows={content?.rows ?? []}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={options.defaultSort}\n          onSortChange={onSortChange}\n          onRowClick={onClick && (row => onClick(rowDrilldown(options, row)))}\n          pageSize={options.pageSize}\n          isLoading={isLoading}\n          empty={options.emptyMessage}\n        />\n        {content?.truncated && content.limit !== undefined && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(content.limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </TableFrame>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"table-view.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/table/table-view.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { ChartArea } from '../../../metrics/components/chart-area';\nimport { ChartCardError } from '../../../metrics/components/chart-card-error';\nimport { formatCount } from '../../../metrics/lib/chart-format';\nimport { useDrilldown } from '../../hooks/use-widget-views';\nimport { aggregateSource } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { isValueColumn, parseColumns, rowDrilldown, rowQueries, tableContent, valueChange } from '../../lib/table';\nimport type { TableRow } from '../../lib/table';\nimport { tableColumn } from './table-columns';\nimport { TableFrame } from './table-frame';\nimport type { TableTabProps } from './table-frame';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\nconst isAggregate = (query: DashboardQuery | undefined) => query !== undefined && aggregateSource(query) !== undefined;\n\nexport function TableView(props: TableTabProps & { index: number; page: DashboardPageContext }) {\n  const { view, index, page, widget, onDrilldown, state, onStateChange, results, onRetry, projectLabel } = props;\n  const { options, queries } = view;\n  const onClick = useDrilldown(widget, view, onDrilldown);\n  const { columns } = parseColumns(view.columns);\n  const values = columns.filter(isValueColumn);\n  const sort = state.sort ?? options.defaultSort;\n  // % Change compares the value column sorted last, starting from the default sort's.\n  const compared = state.compared ?? values.find(c => c.id === options.defaultSort.column)?.id ?? values[0]?.id;\n  // Sorting keeps the open tab, so a late row count can't switch it under the new sort.\n  const onSortChange = (next: MetricsTableSort = options.defaultSort) =>\n    onStateChange({\n      ...state,\n      view: index,\n      sort: next,\n      compared: values.some(c => c.id === next.column) ? next.column : compared,\n    });\n\n  const rowIds = new Set(rowQueries(columns, queries));\n  const isRowQuery = (i: number) => {\n    const id = queries[i]?.id;\n    return id !== undefined && rowIds.has(id);\n  };\n  const current = results.slice(0, queries.length);\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previous = results.slice(queries.length);\n\n  const waited = current.flatMap((r, i) => (r && isRowQuery(i) ? [r] : []));\n  if (waited.some(r => r.isError)) {\n    return (\n      <TableFrame {...props}>\n        <ChartCardError error={waited.find(r => r.isError)?.error} onRetry={onRetry} />\n      </TableFrame>\n    );\n  }\n\n  const isLoading = waited.some(r => r.isLoading);\n  const previousSettled = previous.every((r, i) => !r || !isRowQuery(i) || (!r.isLoading && !r.isError));\n  const content = isLoading\n    ? undefined\n    : tableContent(\n        options,\n        columns,\n        queries,\n        current.map(r => r?.data),\n        previousSettled ? previous.map(r => r?.data) : undefined,\n      );\n  const before = content?.before;\n  const aggregates = current.flatMap((r, i) => (r && isRowQuery(i) && isAggregate(queries[i]) ? [r] : []));\n\n  const comparedColumn = values.find(c => c.id === compared);\n  const changeOf = (row: TableRow) =>\n    before && comparedColumn\n      ? valueChange(comparedColumn, row.values[comparedColumn.id], before.get(row.key)?.[comparedColumn.id])\n      : undefined;\n\n  return (\n    <TableFrame {...props} isUpdating={aggregates.length ? aggregates.some(r => r.isRefetching) : undefined}>\n      <ChartArea>\n        <MetricsTable\n          aria-label={options.ariaLabel}\n          columns={columns.map(c => tableColumn(c, page.window, comparedColumn, changeOf, projectLabel))}\n          rows={content?.rows ?? []}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={options.defaultSort}\n          onSortChange={onSortChange}\n          onRowClick={onClick && (row => onClick(rowDrilldown(options, row)))}\n          pageSize={options.pageSize}\n          isLoading={isLoading}\n          empty={options.emptyMessage}\n        />\n        {content?.truncated && content.limit !== undefined && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(content.limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </TableFrame>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,IAAM,eAAe,UAAsC,UAAU,KAAA,KAAa,gBAAgB,KAAK,MAAM,KAAA;AAE7G,SAAgB,UAAU,OAAsE;CAC9F,MAAM,EAAE,MAAM,OAAO,MAAM,QAAQ,aAAa,OAAO,eAAe,SAAS,SAAS,iBAAiB;CACzG,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,UAAU,aAAa,QAAQ,MAAM,WAAW;CACtD,MAAM,EAAE,YAAY,aAAa,KAAK,OAAO;CAC7C,MAAM,SAAS,QAAQ,OAAO,aAAa;CAC3C,MAAM,OAAO,MAAM,QAAQ,QAAQ;CAEnC,MAAM,WAAW,MAAM,YAAY,OAAO,MAAK,MAAK,EAAE,OAAO,QAAQ,YAAY,MAAM,CAAC,EAAE,MAAM,OAAO,EAAE,EAAE;CAE3G,MAAM,gBAAgB,OAAyB,QAAQ,gBACrD,cAAc;EACZ,GAAG;EACH,MAAM;EACN,MAAM;EACN,UAAU,OAAO,MAAK,MAAK,EAAE,OAAO,KAAK,MAAM,IAAI,KAAK,SAAS;CACnE,CAAC;CAEH,MAAM,SAAS,IAAI,IAAI,WAAW,SAAS,OAAO,CAAC;CACnD,MAAM,cAAc,MAAc;EAChC,MAAM,KAAK,QAAQ,EAAE,EAAE;EACvB,OAAO,OAAO,KAAA,KAAa,OAAO,IAAI,EAAE;CAC1C;CACA,MAAM,UAAU,QAAQ,MAAM,GAAG,QAAQ,MAAM;CAE/C,MAAM,WAAW,QAAQ,MAAM,QAAQ,MAAM;CAE7C,MAAM,SAAS,QAAQ,SAAS,GAAG,MAAO,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAE;CACxE,IAAI,OAAO,MAAK,MAAK,EAAE,OAAO,GAC5B,OACE,oBAAC,YAAD;EAAY,GAAI;EACd,UAAA,oBAAC,gBAAD;GAAgB,OAAO,OAAO,MAAK,MAAK,EAAE,OAAO,CAAC,EAAE;GAAgB;EAAU,CAAA;CACpE,CAAA;CAIhB,MAAM,YAAY,OAAO,MAAK,MAAK,EAAE,SAAS;CAC9C,MAAM,kBAAkB,SAAS,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAM,CAAC,EAAE,aAAa,CAAC,EAAE,OAAQ;CACrG,MAAM,UAAU,YACZ,KAAA,IACA,aACE,SACA,SACA,SACA,QAAQ,KAAI,MAAK,GAAG,IAAI,GACxB,kBAAkB,SAAS,KAAI,MAAK,GAAG,IAAI,IAAI,KAAA,CACjD;CACJ,MAAM,SAAS,SAAS;CACxB,MAAM,aAAa,QAAQ,SAAS,GAAG,MAAO,KAAK,WAAW,CAAC,KAAK,YAAY,QAAQ,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAE;CAEvG,MAAM,iBAAiB,OAAO,MAAK,MAAK,EAAE,OAAO,QAAQ;CACzD,MAAM,YAAY,QAChB,UAAU,iBACN,YAAY,gBAAgB,IAAI,OAAO,eAAe,KAAK,OAAO,IAAI,IAAI,GAAG,CAAC,GAAG,eAAe,GAAG,IACnG,KAAA;CAEN,OACE,oBAAC,YAAD;EAAY,GAAI;EAAO,YAAY,WAAW,SAAS,WAAW,MAAK,MAAK,EAAE,YAAY,IAAI,KAAA;EAC5F,UAAA,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,cAAD;GACE,cAAY,QAAQ;GACpB,SAAS,QAAQ,KAAI,MAAK,YAAY,GAAG,KAAK,QAAQ,gBAAgB,UAAU,YAAY,CAAC;GAC7F,MAAM,SAAS,QAAQ,CAAC;GACxB,YAAW,QAAO,IAAI;GAChB;GACN,aAAa,QAAQ;GACP;GACd,YAAY,aAAY,QAAO,QAAQ,aAAa,SAAS,GAAG,CAAC;GACjE,UAAU,QAAQ;GACP;GACX,OAAO,QAAQ;EAChB,CAAA,GACA,SAAS,aAAa,QAAQ,UAAU,KAAA,KACvC,qBAAC,KAAD;GAAK,SAAQ;GAAU,MAAK;GAAQ,WAAU;GAA9C,UAAA;IAAqD;IACtC,YAAY,QAAQ,KAAK;IAAE;GACrC;EAEE,CAAA,CAAA,EAAA,CAAA;CACD,CAAA;AAEhB"}

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

@@ -1,8 +1,8 @@
 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-BEwiS7Pe.cjs");
 const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.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-CSJ4TsNq.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/table/table-widget.tsx
 /**
@@ -10,19 +10,18 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * don't come and go; a tab whose gate can't apply the page's filters says so.
 */
 function TableWidget(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_view_gate.ViewGate, {
-		queries: props.views.flatMap((v) => v.queries),
-		partial: true,
-		pending: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
-			title: props.widget.title ?? "",
-			bodyHeight: "fit",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Loading, {})
-		}),
-		children: (page, blocked) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_tabs.TableTabs, {
-			...props,
-			page,
-			blocked
-		})
+	const { gate } = props;
+	if (gate.status === "pending") return /* @__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, {})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_kinds_table_table_tabs.TableTabs, {
+		...props,
+		page: gate.page,
+		blocked: gate.blocked
 	});
 }
 exports.TableWidget = TableWidget;

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":["ChartCard","pinActions","MetricsCard","TableTabs"],"sources":["../../../../../src/domains/dashboards/kinds/table/table-widget.tsx"],"sourcesContent":["import { ChartCard } from '../../../metrics/components/chart-card';\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  const { gate } = props;\n  if (gate.status === 'pending') {\n    return (\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  return <TableTabs {...props} page={gate.page} blocked={gate.blocked} />;\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,SAAS;CACjB,IAAI,KAAK,WAAW,WAClB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,8CAAAA,WAAD;EACE,OAAO,MAAM,OAAO,SAAS;EAC7B,YAAY,MAAM;EAClB,GAAIC,2CAAAA,WAAW,MAAM,GAAG;EACxB,YAAW;EAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,CAAsB,CAAA;CACb,CAAA;CAGf,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,WAAD;EAAW,GAAI;EAAO,MAAM,KAAK;EAAM,SAAS,KAAK;CAAU,CAAA;AACxE"}

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

@@ -1,7 +1,7 @@
-import { ViewGate } from "../../components/view-gate.es.js";
-import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.js";
 import { ChartCard } from "../../../metrics/components/chart-card.es.js";
+import { pinActions } from "../../lib/pin-actions.es.js";
 import { TableTabs } from "./table-tabs.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-D6bQfynP.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/kinds/table/table-widget.tsx
 /**
@@ -9,19 +9,18 @@ import { jsx } from "react/jsx-runtime";
 * don't come and go; a tab whose gate can't apply the page's filters says so.
 */
 function TableWidget(props) {
-	return /* @__PURE__ */ jsx(ViewGate, {
-		queries: props.views.flatMap((v) => v.queries),
-		partial: true,
-		pending: () => /* @__PURE__ */ jsx(ChartCard, {
-			title: props.widget.title ?? "",
-			bodyHeight: "fit",
-			children: /* @__PURE__ */ jsx(MetricsCard.Loading, {})
-		}),
-		children: (page, blocked) => /* @__PURE__ */ jsx(TableTabs, {
-			...props,
-			page,
-			blocked
-		})
+	const { gate } = props;
+	if (gate.status === "pending") return /* @__PURE__ */ jsx(ChartCard, {
+		title: props.widget.title ?? "",
+		dragHandle: props.dragHandle,
+		...pinActions(props.pin),
+		bodyHeight: "fit",
+		children: /* @__PURE__ */ jsx(MetricsCard.Loading, {})
+	});
+	return /* @__PURE__ */ jsx(TableTabs, {
+		...props,
+		page: gate.page,
+		blocked: gate.blocked
 	});
 }
 export { TableWidget };

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 { 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  const { gate } = props;\n  if (gate.status === 'pending') {\n    return (\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  return <TableTabs {...props} page={gate.page} blocked={gate.blocked} />;\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,SAAS;CACjB,IAAI,KAAK,WAAW,WAClB,OACE,oBAAC,WAAD;EACE,OAAO,MAAM,OAAO,SAAS;EAC7B,YAAY,MAAM;EAClB,GAAI,WAAW,MAAM,GAAG;EACxB,YAAW;EAEX,UAAA,oBAAC,YAAY,SAAb,CAAsB,CAAA;CACb,CAAA;CAGf,OAAO,oBAAC,WAAD;EAAW,GAAI;EAAO,MAAM,KAAK;EAAM,SAAS,KAAK;CAAU,CAAA;AACxE"}

package/dist/domains/dashboards/kinds/table.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_table = require("../lib/table.cjs.js");
+const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
+const require_domains_dashboards_kinds_table_table_plan = require("./table/table-plan.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. */
@@ -8,6 +9,9 @@ var tableKind = require_domains_dashboards_widget_kind.defineWidgetKind({
 	kind: "table",
 	optionsSchema: require_domains_dashboards_lib_table.tableOptionsSchema,
 	issues: (view) => require_domains_dashboards_lib_table.tableIssues(view.columns, view.options, view.queries),
+	partial: true,
+	discover: require_domains_dashboards_kinds_table_table_plan.tableDiscover,
+	requests: require_domains_dashboards_kinds_table_table_plan.tableRequests,
 	component: require_domains_dashboards_kinds_table_table_widget.TableWidget
 });
 exports.tableColumnOptionsSchema = require_domains_dashboards_lib_table.tableColumnOptionsSchema;