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

package/dist/domains/dashboards/components/dashboard-grid.es.js

@@ -2,16 +2,16 @@ import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/components/dashboard-grid.tsx
 /**
-* Twelve columns on wide containers. Below `@3xl` every widget takes the row, as in `MetricsGrid`;
-* between `@3xl` and `@7xl`, widgets narrower than half take half, like the Metrics page's 3-up grids.
+* Below `@3xl` every widget takes the row, as in `MetricsGrid`. From `@3xl` up each widget takes its
+* saved span, so a row keeps the widths it was arranged with and never wraps onto a second line.
 */
 var SPAN_CLASSES = {
 	12: "col-span-full",
 	6: "@3xl:col-span-6",
-	4: "@3xl:col-span-6 @7xl:col-span-4",
-	3: "@3xl:col-span-6 @7xl:col-span-3",
-	2: "@3xl:col-span-4 @7xl:col-span-2",
-	1: "@3xl:col-span-2 @7xl:col-span-1"
+	4: "@3xl:col-span-4",
+	3: "@3xl:col-span-3",
+	2: "@3xl:col-span-2",
+	1: "@3xl:col-span-1"
 };
 /** One dashboard row: its own grid, so a short row never pulls widgets up from the next. */
 function DashboardGridRow({ children }) {
@@ -20,12 +20,15 @@ function DashboardGridRow({ children }) {
 		children
 	});
 }
-/** A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. */
+/**
+* A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. The cell stretches
+* to its row and its card fills it, so a card whose title wraps doesn't stand taller than its neighbours.
+*/
 function DashboardGridCell({ span, id, children }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-widget-id": id,
 		"data-span": span,
-		className: cn("min-w-0 *:w-full *:min-w-0!", SPAN_CLASSES[span]),
+		className: cn("min-w-0 *:size-full *:min-w-0!", SPAN_CLASSES[span]),
 		children
 	});
 }

package/dist/domains/dashboards/components/dashboard-grid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-grid.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/dashboard-grid.tsx"],"sourcesContent":["import type { DASHBOARD_WIDGET_SPANS } from '@mastra/core/storage/dashboards';\nimport type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DashboardSpan = (typeof DASHBOARD_WIDGET_SPANS)[number];\n\n/**\n * Twelve columns on wide containers. Below `@3xl` every widget takes the row, as in `MetricsGrid`;\n * between `@3xl` and `@7xl`, widgets narrower than half take half, like the Metrics page's 3-up grids.\n */\nconst SPAN_CLASSES: Record<DashboardSpan, string> = {\n  12: 'col-span-full',\n  6: '@3xl:col-span-6',\n  4: '@3xl:col-span-6 @7xl:col-span-4',\n  3: '@3xl:col-span-6 @7xl:col-span-3',\n  2: '@3xl:col-span-4 @7xl:col-span-2',\n  1: '@3xl:col-span-2 @7xl:col-span-1',\n};\n\n/** One dashboard row: its own grid, so a short row never pulls widgets up from the next. */\nexport function DashboardGridRow({ children }: { children: ReactNode }) {\n  return <div className=\"grid gap-4 @3xl:grid-cols-12\">{children}</div>;\n}\n\n/** A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. */\nexport function DashboardGridCell({ span, id, children }: { span: DashboardSpan; id?: string; children: ReactNode }) {\n  return (\n    <div data-widget-id={id} data-span={span} className={cn('min-w-0 *:w-full *:min-w-0!', SPAN_CLASSES[span])}>\n      {children}\n    </div>\n  );\n}\n\n/** The dashboard's rows, sized by the container's width rather than the viewport's. */\nexport function DashboardGrid({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('@container flex flex-col gap-4', className)}>{children}</div>;\n}\n"],"mappings":";;;;;;;AAUA,IAAM,eAA8C;CAClD,IAAI;CACJ,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;;AAGA,SAAgB,iBAAiB,EAAE,YAAqC;CACtE,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAgC;CAAc,CAAA;AACtE;;AAGA,SAAgB,kBAAkB,EAAE,MAAM,IAAI,YAAuE;CACnH,OACE,oBAAC,OAAD;EAAK,kBAAgB;EAAI,aAAW;EAAM,WAAW,GAAG,+BAA+B,aAAa,KAAK;EACtG;CACE,CAAA;AAET;;AAGA,SAAgB,cAAc,EAAE,UAAU,aAA0D;CAClG,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,kCAAkC,SAAS;EAAI;CAAc,CAAA;AACzF"}
+{"version":3,"file":"dashboard-grid.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/dashboard-grid.tsx"],"sourcesContent":["import type { DASHBOARD_WIDGET_SPANS } from '@mastra/core/storage/dashboards';\nimport type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type DashboardSpan = (typeof DASHBOARD_WIDGET_SPANS)[number];\n\n/**\n * Below `@3xl` every widget takes the row, as in `MetricsGrid`. From `@3xl` up each widget takes its\n * saved span, so a row keeps the widths it was arranged with and never wraps onto a second line.\n */\nconst SPAN_CLASSES: Record<DashboardSpan, string> = {\n  12: 'col-span-full',\n  6: '@3xl:col-span-6',\n  4: '@3xl:col-span-4',\n  3: '@3xl:col-span-3',\n  2: '@3xl:col-span-2',\n  1: '@3xl:col-span-1',\n};\n\n/** One dashboard row: its own grid, so a short row never pulls widgets up from the next. */\nexport function DashboardGridRow({ children }: { children: ReactNode }) {\n  return <div className=\"grid gap-4 @3xl:grid-cols-12\">{children}</div>;\n}\n\n/**\n * A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. The cell stretches\n * to its row and its card fills it, so a card whose title wraps doesn't stand taller than its neighbours.\n */\nexport function DashboardGridCell({ span, id, children }: { span: DashboardSpan; id?: string; children: ReactNode }) {\n  return (\n    <div data-widget-id={id} data-span={span} className={cn('min-w-0 *:size-full *:min-w-0!', SPAN_CLASSES[span])}>\n      {children}\n    </div>\n  );\n}\n\n/** The dashboard's rows, sized by the container's width rather than the viewport's. */\nexport function DashboardGrid({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('@container flex flex-col gap-4', className)}>{children}</div>;\n}\n"],"mappings":";;;;;;;AAUA,IAAM,eAA8C;CAClD,IAAI;CACJ,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;;AAGA,SAAgB,iBAAiB,EAAE,YAAqC;CACtE,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAgC;CAAc,CAAA;AACtE;;;;;AAMA,SAAgB,kBAAkB,EAAE,MAAM,IAAI,YAAuE;CACnH,OACE,oBAAC,OAAD;EAAK,kBAAgB;EAAI,aAAW;EAAM,WAAW,GAAG,kCAAkC,aAAa,KAAK;EACzG;CACE,CAAA;AAET;;AAGA,SAAgB,cAAc,EAAE,UAAU,aAA0D;CAClG,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,kCAAkC,SAAS;EAAI;CAAc,CAAA;AACzF"}

package/dist/domains/dashboards/components/dashboard-renderer.cjs.js

@@ -1,11 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ErrorBoundary = require("../../../ErrorBoundary-B5GjmA6V.cjs");
-const require_domains_dashboards_components_dashboard_grid = require("./dashboard-grid.cjs.js");
 const require_domains_metrics_hooks_use_metrics = require("../../metrics/hooks/use-metrics.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_dashboards_kinds = require("../kinds.cjs.js");
 const require_domains_dashboards_lib_prepare_widget = require("../lib/prepare-widget.cjs.js");
+const require_domains_dashboards_components_connected_widget = require("./connected-widget.cjs.js");
+const require_domains_dashboards_components_dashboard_grid = require("./dashboard-grid.cjs.js");
 const require_domains_dashboards_components_widget_error = require("./widget-error.cjs.js");
+const require_ErrorBoundary = require("../../../ErrorBoundary-Bwoum0sT.cjs");
+const require_MetricsCard = require("../../../MetricsCard-CSJ4TsNq.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_storage_dashboards = require("@mastra/core/storage/dashboards");
 // src/domains/dashboards/components/dashboard-renderer.tsx
@@ -18,7 +19,7 @@ var spanOf = (widget) => isDashboardSpan(widget.span) ? widget.span : 12;
 * owns the range and filters. Each widget is checked and rendered on its own: one that fails to
 * parse, query or render shows its own error, and the rest of the dashboard still renders.
 */
-function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [], className }) {
+function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [], dragHandle, onPin, isPinned, alert, className }) {
 	const { datePreset, customRange, filterTokens } = require_domains_metrics_hooks_use_metrics.useMetrics();
 	const pageKey = JSON.stringify([
 		datePreset,
@@ -43,6 +44,16 @@ function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [],
 				id: widget.id,
 				title: typeof widget.title === "string" ? widget.title : void 0
 			};
+			const handle = dragHandle?.(widget.id);
+			const pin = onPin && prepared.ok ? {
+				isPinned: isPinned(widget.id),
+				onPin,
+				name: prepared.widget.title?.trim() || "widget"
+			} : void 0;
+			const errorPin = pin && prepared.ok ? {
+				...pin,
+				onPin: (next) => pin.onPin(prepared.widget, next)
+			} : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_dashboard_grid.DashboardGridCell, {
 				id: widget.id,
 				span: spanOf(widget),
@@ -51,17 +62,22 @@ function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [],
 					variant: "inline",
 					fallback: ({ error }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_error.WidgetError, {
 						widget: heading,
-						message: error.message
+						message: error.message,
+						dragHandle: handle,
+						pin: errorPin
 					}),
-					children: prepared.ok ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(prepared.kind.component, {
-						widget: prepared.widget,
-						views: prepared.views,
+					children: prepared.ok ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_connected_widget.ConnectedWidget, {
+						prepared,
 						scope,
 						onDrilldown,
-						expand
+						expand,
+						dragHandle: handle,
+						pin,
+						alert: handle ? void 0 : alert
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_error.WidgetError, {
 						widget: heading,
-						message: prepared.message
+						message: prepared.message,
+						dragHandle: handle
 					})
 				})
 			}, widget.id);

package/dist/domains/dashboards/components/dashboard-renderer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-renderer.cjs.js","names":["DASHBOARD_WIDGET_SPANS","useMetrics","BUILT_IN_WIDGET_KINDS","dashboardDefinitionEnvelopeSchema","MetricsCard","describeIssue","migrateDashboardDefinition","prepareWidget","DashboardGrid","DashboardGridRow","DashboardGridCell","ErrorBoundary","WidgetError"],"sources":["../../../../src/domains/dashboards/components/dashboard-renderer.tsx"],"sourcesContent":["import type { DashboardDefinition } from '@mastra/client-js';\nimport {\n  DASHBOARD_WIDGET_SPANS,\n  dashboardDefinitionEnvelopeSchema,\n  migrateDashboardDefinition,\n} from '@mastra/core/storage/dashboards';\nimport { useMetrics } from '../../metrics/hooks/use-metrics';\nimport { BUILT_IN_WIDGET_KINDS } from '../kinds';\nimport type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';\nimport { describeIssue, prepareWidget } from '../lib/prepare-widget';\nimport type { PreparedWidget, StoredWidget } from '../lib/prepare-widget';\nimport type { AnyWidgetKind, DashboardExpand } from '../widget-kind';\nimport { DashboardGrid, DashboardGridCell, DashboardGridRow } from './dashboard-grid';\nimport type { DashboardSpan } from './dashboard-grid';\nimport { WidgetError } from './widget-error';\nimport { ErrorBoundary } from '@/ds/components/ErrorBoundary';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\nexport type DashboardRendererProps = {\n  definition: DashboardDefinition;\n  /** Which widgets, views and columns show: `org` spans several projects, `project` is one. */\n  scope: DashboardScope;\n  /** Opens a drilldown; each host routes to its own Traces or Logs page. */\n  onDrilldown?: OnDashboardDrilldown;\n  /** Where chart cards expand to, e.g. the host's query page; see `DashboardExpand`. */\n  expand?: DashboardExpand;\n  /** Kinds beyond the built-in ones; a kind of the same name replaces the built-in. */\n  kinds?: AnyWidgetKind[];\n  className?: string;\n};\n\n/** Whether a stored widget's `span` is one the grid lays out. */\nconst isDashboardSpan = (span: unknown): span is DashboardSpan => DASHBOARD_WIDGET_SPANS.some(s => s === span);\ntype ShownCell = { widget: StoredWidget; prepared: Exclude<PreparedWidget, { ok: 'hidden' }> };\nconst isShown = (cell: { widget: StoredWidget; prepared: PreparedWidget }): cell is ShownCell =>\n  cell.prepared.ok !== 'hidden';\n\nconst spanOf = (widget: StoredWidget) => (isDashboardSpan(widget.span) ? widget.span : 12);\n\n/**\n * Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which\n * owns the range and filters. Each widget is checked and rendered on its own: one that fails to\n * parse, query or render shows its own error, and the rest of the dashboard still renders.\n */\nexport function DashboardRenderer({\n  definition,\n  scope,\n  onDrilldown,\n  expand,\n  kinds = [],\n  className,\n}: DashboardRendererProps) {\n  // A widget that threw renders again once the page's range or filters change, or the widget does.\n  const { datePreset, customRange, filterTokens } = useMetrics();\n  const pageKey = JSON.stringify([datePreset, customRange, filterTokens]);\n  const registry = new Map([...BUILT_IN_WIDGET_KINDS, ...kinds].map(k => [k.kind, k]));\n\n  const envelope = dashboardDefinitionEnvelopeSchema.safeParse(definition);\n  if (!envelope.success) {\n    return <MetricsCard.Error message={`This dashboard can't be shown. ${describeIssue(envelope.error.issues[0])}`} />;\n  }\n  // Each widget is parsed on its own below, so one that doesn't fit the current version shows its own error.\n  const { rows } = migrateDashboardDefinition(envelope.data);\n\n  // A row whose widgets are all hidden on this page isn't drawn, so it leaves no gap in the grid.\n  const shown = rows\n    .map((row, rowIndex) => ({\n      rowIndex,\n      widgets: row.widgets\n        .map(widget => ({ widget, prepared: prepareWidget(widget, registry, scope) }))\n        .filter(isShown),\n    }))\n    .filter(row => row.widgets.length > 0);\n\n  return (\n    <DashboardGrid className={className}>\n      {shown.map(({ rowIndex, widgets }) => (\n        <DashboardGridRow key={rowIndex}>\n          {widgets.map(({ widget, prepared }) => {\n            // Unparsed, the title may be anything; the error card shows it only when it's text.\n            const heading = { id: widget.id, title: typeof widget.title === 'string' ? widget.title : undefined };\n            return (\n              <DashboardGridCell key={widget.id} id={widget.id} span={spanOf(widget)}>\n                <ErrorBoundary\n                  resetKeys={[pageKey, JSON.stringify(widget)]}\n                  variant=\"inline\"\n                  fallback={({ error }) => <WidgetError widget={heading} message={error.message} />}\n                >\n                  {prepared.ok ? (\n                    <prepared.kind.component\n                      widget={prepared.widget}\n                      views={prepared.views}\n                      scope={scope}\n                      onDrilldown={onDrilldown}\n                      expand={expand}\n                    />\n                  ) : (\n                    <WidgetError widget={heading} message={prepared.message} />\n                  )}\n                </ErrorBoundary>\n              </DashboardGridCell>\n            );\n          })}\n        </DashboardGridRow>\n      ))}\n    </DashboardGrid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgCA,IAAM,mBAAmB,SAAyCA,gCAAAA,uBAAuB,MAAK,MAAK,MAAM,IAAI;AAE7G,IAAM,WAAW,SACf,KAAK,SAAS,OAAO;AAEvB,IAAM,UAAU,WAA0B,gBAAgB,OAAO,IAAI,IAAI,OAAO,OAAO;;;;;;AAOvF,SAAgB,kBAAkB,EAChC,YACA,OACA,aACA,QACA,QAAQ,CAAC,GACT,aACyB;CAEzB,MAAM,EAAE,YAAY,aAAa,iBAAiBC,0CAAAA,WAAW;CAC7D,MAAM,UAAU,KAAK,UAAU;EAAC;EAAY;EAAa;CAAY,CAAC;CACtE,MAAM,WAAW,IAAI,IAAI,CAAC,GAAGC,iCAAAA,uBAAuB,GAAG,KAAK,CAAC,CAAC,KAAI,MAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CAEnF,MAAM,WAAWC,gCAAAA,kCAAkC,UAAU,UAAU;CACvE,IAAI,CAAC,SAAS,SACZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,OAAb,EAAmB,SAAS,kCAAkCC,8CAAAA,cAAc,SAAS,MAAM,OAAO,EAAE,IAAM,CAAA;CAGnH,MAAM,EAAE,UAAA,GAASC,gCAAAA,2BAAAA,CAA2B,SAAS,IAAI;CAGzD,MAAM,QAAQ,KACX,KAAK,KAAK,cAAc;EACvB;EACA,SAAS,IAAI,QACV,KAAI,YAAW;GAAE;GAAQ,UAAUC,8CAAAA,cAAc,QAAQ,UAAU,KAAK;EAAE,EAAE,CAAC,CAC7E,OAAO,OAAO;CACnB,EAAE,CAAC,CACF,QAAO,QAAO,IAAI,QAAQ,SAAS,CAAC;CAEvC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,eAAD;EAA0B;EACvB,UAAA,MAAM,KAAK,EAAE,UAAU,cACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,kBAAD,EAAA,UACG,QAAQ,KAAK,EAAE,QAAQ,eAAe;GAErC,MAAM,UAAU;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;GAAU;GACpG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,mBAAD;IAAmC,IAAI,OAAO;IAAI,MAAM,OAAO,MAAM;IACnE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,eAAD;KACE,WAAW,CAAC,SAAS,KAAK,UAAU,MAAM,CAAC;KAC3C,SAAQ;KACR,WAAW,EAAE,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,aAAD;MAAa,QAAQ;MAAS,SAAS,MAAM;KAAU,CAAA;KAE/E,UAAA,SAAS,KACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAS,KAAK,WAAf;MACE,QAAQ,SAAS;MACjB,OAAO,SAAS;MACT;MACM;MACL;KACT,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACA,mDAAAA,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;KAAU,CAAA;IAE/C,CAAA;GACE,GAlBK,OAAO,EAkBZ;EAEvB,CAAC,EACe,GA1BK,QA0BL,CACnB;CACY,CAAA;AAEnB"}
+{"version":3,"file":"dashboard-renderer.cjs.js","names":["DASHBOARD_WIDGET_SPANS","useMetrics","BUILT_IN_WIDGET_KINDS","dashboardDefinitionEnvelopeSchema","MetricsCard","describeIssue","migrateDashboardDefinition","prepareWidget","DashboardGrid","DashboardGridRow","DashboardGridCell","ErrorBoundary","WidgetError","ConnectedWidget"],"sources":["../../../../src/domains/dashboards/components/dashboard-renderer.tsx"],"sourcesContent":["import type { DashboardDefinition, DashboardWidget } from '@mastra/client-js';\nimport {\n  DASHBOARD_WIDGET_SPANS,\n  dashboardDefinitionEnvelopeSchema,\n  migrateDashboardDefinition,\n} from '@mastra/core/storage/dashboards';\nimport { useMetrics } from '../../metrics/hooks/use-metrics';\nimport { BUILT_IN_WIDGET_KINDS } from '../kinds';\nimport type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';\nimport { describeIssue, prepareWidget } from '../lib/prepare-widget';\nimport type { PreparedWidget, StoredWidget } from '../lib/prepare-widget';\nimport type { AnyWidgetKind, DashboardAlert, DashboardExpand } from '../widget-kind';\nimport { ConnectedWidget } from './connected-widget';\nimport { DashboardGrid, DashboardGridCell, DashboardGridRow } from './dashboard-grid';\nimport type { DashboardSpan } from './dashboard-grid';\nimport { WidgetError } from './widget-error';\nimport { ErrorBoundary } from '@/ds/components/ErrorBoundary';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\nexport type DashboardRendererProps = {\n  definition: DashboardDefinition;\n  /** Which widgets, views and columns show: `org` spans several projects, `project` is one. */\n  scope: DashboardScope;\n  /** Opens a drilldown; each host routes to its own Traces or Logs page. */\n  onDrilldown?: OnDashboardDrilldown;\n  /** Where chart cards expand to, e.g. the host's query page; see `DashboardExpand`. */\n  expand?: DashboardExpand;\n  /** Kinds beyond the built-in ones; a kind of the same name replaces the built-in. */\n  kinds?: AnyWidgetKind[];\n  /**\n   * The grip each widget is dragged by, by widget id, e.g. from a layout editor; shown left of the\n   * widget's title. No grips without it.\n   */\n  dragHandle?: (widgetId: string) => MetricsCardDragHandleProps | undefined;\n  /**\n   * Turns a card's open view into an alert: each card shows a Create alert button, linking where\n   * `alert.action` says, or disabled with its reason. No buttons without it. Cards with a drag\n   * handle (a layout being edited) show none, and neither do error cards: their widget or query\n   * failed, so there is nothing checked to alert on.\n   */\n  alert?: DashboardAlert;\n  className?: string;\n} & DashboardPinProps;\n\n/** Both or neither: a host that pins widgets says which are pinned, so a pinned one can be unpinned. */\ntype DashboardPinProps =\n  | {\n      /**\n       * Pins or unpins a widget, called with the widget and the state the user asked for. The host\n       * owns that state and passes it back through `isPinned`. No pin buttons without it.\n       */\n      onPin: (widget: DashboardWidget, isPinned: boolean) => void;\n      /** Whether the host has a widget pinned, by widget id. */\n      isPinned: (widgetId: string) => boolean;\n    }\n  | { onPin?: never; isPinned?: never };\n\n/** Whether a stored widget's `span` is one the grid lays out. */\nconst isDashboardSpan = (span: unknown): span is DashboardSpan => DASHBOARD_WIDGET_SPANS.some(s => s === span);\ntype ShownCell = { widget: StoredWidget; prepared: Exclude<PreparedWidget, { ok: 'hidden' }> };\nconst isShown = (cell: { widget: StoredWidget; prepared: PreparedWidget }): cell is ShownCell =>\n  cell.prepared.ok !== 'hidden';\n\nconst spanOf = (widget: StoredWidget) => (isDashboardSpan(widget.span) ? widget.span : 12);\n\n/**\n * Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which\n * owns the range and filters. Each widget is checked and rendered on its own: one that fails to\n * parse, query or render shows its own error, and the rest of the dashboard still renders.\n */\nexport function DashboardRenderer({\n  definition,\n  scope,\n  onDrilldown,\n  expand,\n  kinds = [],\n  dragHandle,\n  onPin,\n  isPinned,\n  alert,\n  className,\n}: DashboardRendererProps) {\n  // A widget that threw renders again once the page's range or filters change, or the widget does.\n  const { datePreset, customRange, filterTokens } = useMetrics();\n  const pageKey = JSON.stringify([datePreset, customRange, filterTokens]);\n  const registry = new Map([...BUILT_IN_WIDGET_KINDS, ...kinds].map(k => [k.kind, k]));\n\n  const envelope = dashboardDefinitionEnvelopeSchema.safeParse(definition);\n  if (!envelope.success) {\n    return <MetricsCard.Error message={`This dashboard can't be shown. ${describeIssue(envelope.error.issues[0])}`} />;\n  }\n  // Each widget is parsed on its own below, so one that doesn't fit the current version shows its own error.\n  const { rows } = migrateDashboardDefinition(envelope.data);\n\n  // A row whose widgets are all hidden on this page isn't drawn, so it leaves no gap in the grid.\n  const shown = rows\n    .map((row, rowIndex) => ({\n      rowIndex,\n      widgets: row.widgets\n        .map(widget => ({ widget, prepared: prepareWidget(widget, registry, scope) }))\n        .filter(isShown),\n    }))\n    .filter(row => row.widgets.length > 0);\n\n  return (\n    <DashboardGrid className={className}>\n      {shown.map(({ rowIndex, widgets }) => (\n        <DashboardGridRow key={rowIndex}>\n          {widgets.map(({ widget, prepared }) => {\n            // Unparsed, the title may be anything; the error card shows it only when it's text.\n            const heading = { id: widget.id, title: typeof widget.title === 'string' ? widget.title : undefined };\n            const handle = dragHandle?.(widget.id);\n            // Only a widget that parsed can be pinned: the host gets the widget as it renders.\n            const pin =\n              onPin && prepared.ok\n                ? { isPinned: isPinned(widget.id), onPin, name: prepared.widget.title?.trim() || 'widget' }\n                : undefined;\n            const errorPin =\n              pin && prepared.ok ? { ...pin, onPin: (next: boolean) => pin.onPin(prepared.widget, next) } : undefined;\n            return (\n              <DashboardGridCell key={widget.id} id={widget.id} span={spanOf(widget)}>\n                <ErrorBoundary\n                  resetKeys={[pageKey, JSON.stringify(widget)]}\n                  variant=\"inline\"\n                  fallback={({ error }) => (\n                    <WidgetError widget={heading} message={error.message} dragHandle={handle} pin={errorPin} />\n                  )}\n                >\n                  {prepared.ok ? (\n                    <ConnectedWidget\n                      prepared={prepared}\n                      scope={scope}\n                      onDrilldown={onDrilldown}\n                      expand={expand}\n                      dragHandle={handle}\n                      pin={pin}\n                      alert={handle ? undefined : alert}\n                    />\n                  ) : (\n                    <WidgetError widget={heading} message={prepared.message} dragHandle={handle} />\n                  )}\n                </ErrorBoundary>\n              </DashboardGridCell>\n            );\n          })}\n        </DashboardGridRow>\n      ))}\n    </DashboardGrid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA2DA,IAAM,mBAAmB,SAAyCA,gCAAAA,uBAAuB,MAAK,MAAK,MAAM,IAAI;AAE7G,IAAM,WAAW,SACf,KAAK,SAAS,OAAO;AAEvB,IAAM,UAAU,WAA0B,gBAAgB,OAAO,IAAI,IAAI,OAAO,OAAO;;;;;;AAOvF,SAAgB,kBAAkB,EAChC,YACA,OACA,aACA,QACA,QAAQ,CAAC,GACT,YACA,OACA,UACA,OACA,aACyB;CAEzB,MAAM,EAAE,YAAY,aAAa,iBAAiBC,0CAAAA,WAAW;CAC7D,MAAM,UAAU,KAAK,UAAU;EAAC;EAAY;EAAa;CAAY,CAAC;CACtE,MAAM,WAAW,IAAI,IAAI,CAAC,GAAGC,iCAAAA,uBAAuB,GAAG,KAAK,CAAC,CAAC,KAAI,MAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CAEnF,MAAM,WAAWC,gCAAAA,kCAAkC,UAAU,UAAU;CACvE,IAAI,CAAC,SAAS,SACZ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,OAAb,EAAmB,SAAS,kCAAkCC,8CAAAA,cAAc,SAAS,MAAM,OAAO,EAAE,IAAM,CAAA;CAGnH,MAAM,EAAE,UAAA,GAASC,gCAAAA,2BAAAA,CAA2B,SAAS,IAAI;CAGzD,MAAM,QAAQ,KACX,KAAK,KAAK,cAAc;EACvB;EACA,SAAS,IAAI,QACV,KAAI,YAAW;GAAE;GAAQ,UAAUC,8CAAAA,cAAc,QAAQ,UAAU,KAAK;EAAE,EAAE,CAAC,CAC7E,OAAO,OAAO;CACnB,EAAE,CAAC,CACF,QAAO,QAAO,IAAI,QAAQ,SAAS,CAAC;CAEvC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,eAAD;EAA0B;EACvB,UAAA,MAAM,KAAK,EAAE,UAAU,cACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,kBAAD,EAAA,UACG,QAAQ,KAAK,EAAE,QAAQ,eAAe;GAErC,MAAM,UAAU;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;GAAU;GACpG,MAAM,SAAS,aAAa,OAAO,EAAE;GAErC,MAAM,MACJ,SAAS,SAAS,KACd;IAAE,UAAU,SAAS,OAAO,EAAE;IAAG;IAAO,MAAM,SAAS,OAAO,OAAO,KAAK,KAAK;GAAS,IACxF,KAAA;GACN,MAAM,WACJ,OAAO,SAAS,KAAK;IAAE,GAAG;IAAK,QAAQ,SAAkB,IAAI,MAAM,SAAS,QAAQ,IAAI;GAAE,IAAI,KAAA;GAChG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qDAAAA,mBAAD;IAAmC,IAAI,OAAO;IAAI,MAAM,OAAO,MAAM;IACnE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,eAAD;KACE,WAAW,CAAC,SAAS,KAAK,UAAU,MAAM,CAAC;KAC3C,SAAQ;KACR,WAAW,EAAE,YACX,iBAAA,GAAA,kBAAA,IAAA,CAACC,mDAAAA,aAAD;MAAa,QAAQ;MAAS,SAAS,MAAM;MAAS,YAAY;MAAQ,KAAK;KAAW,CAAA;KAG3F,UAAA,SAAS,KACR,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,iBAAD;MACY;MACH;MACM;MACL;MACR,YAAY;MACP;MACL,OAAO,SAAS,KAAA,IAAY;KAC7B,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACD,mDAAAA,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;MAAS,YAAY;KAAS,CAAA;IAEnE,CAAA;GACE,GAtBK,OAAO,EAsBZ;EAEvB,CAAC,EACe,GAtCK,QAsCL,CACnB;CACY,CAAA;AAEnB"}

package/dist/domains/dashboards/components/dashboard-renderer.es.js

@@ -1,10 +1,11 @@
-import { t as ErrorBoundary } from "../../../ErrorBoundary-Cat3KU86.js";
-import { DashboardGrid, DashboardGridCell, DashboardGridRow } from "./dashboard-grid.es.js";
 import { useMetrics } from "../../metrics/hooks/use-metrics.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { BUILT_IN_WIDGET_KINDS } from "../kinds.es.js";
 import { describeIssue, prepareWidget } from "../lib/prepare-widget.es.js";
+import { ConnectedWidget } from "./connected-widget.es.js";
+import { DashboardGrid, DashboardGridCell, DashboardGridRow } from "./dashboard-grid.es.js";
 import { WidgetError } from "./widget-error.es.js";
+import { t as ErrorBoundary } from "../../../ErrorBoundary-BzmaWe2y.js";
+import { t as MetricsCard } from "../../../MetricsCard-D6bQfynP.js";
 import { jsx } from "react/jsx-runtime";
 import { DASHBOARD_WIDGET_SPANS, dashboardDefinitionEnvelopeSchema, migrateDashboardDefinition } from "@mastra/core/storage/dashboards";
 // src/domains/dashboards/components/dashboard-renderer.tsx
@@ -17,7 +18,7 @@ var spanOf = (widget) => isDashboardSpan(widget.span) ? widget.span : 12;
 * owns the range and filters. Each widget is checked and rendered on its own: one that fails to
 * parse, query or render shows its own error, and the rest of the dashboard still renders.
 */
-function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [], className }) {
+function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [], dragHandle, onPin, isPinned, alert, className }) {
 	const { datePreset, customRange, filterTokens } = useMetrics();
 	const pageKey = JSON.stringify([
 		datePreset,
@@ -42,6 +43,16 @@ function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [],
 				id: widget.id,
 				title: typeof widget.title === "string" ? widget.title : void 0
 			};
+			const handle = dragHandle?.(widget.id);
+			const pin = onPin && prepared.ok ? {
+				isPinned: isPinned(widget.id),
+				onPin,
+				name: prepared.widget.title?.trim() || "widget"
+			} : void 0;
+			const errorPin = pin && prepared.ok ? {
+				...pin,
+				onPin: (next) => pin.onPin(prepared.widget, next)
+			} : void 0;
 			return /* @__PURE__ */ jsx(DashboardGridCell, {
 				id: widget.id,
 				span: spanOf(widget),
@@ -50,17 +61,22 @@ function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [],
 					variant: "inline",
 					fallback: ({ error }) => /* @__PURE__ */ jsx(WidgetError, {
 						widget: heading,
-						message: error.message
+						message: error.message,
+						dragHandle: handle,
+						pin: errorPin
 					}),
-					children: prepared.ok ? /* @__PURE__ */ jsx(prepared.kind.component, {
-						widget: prepared.widget,
-						views: prepared.views,
+					children: prepared.ok ? /* @__PURE__ */ jsx(ConnectedWidget, {
+						prepared,
 						scope,
 						onDrilldown,
-						expand
+						expand,
+						dragHandle: handle,
+						pin,
+						alert: handle ? void 0 : alert
 					}) : /* @__PURE__ */ jsx(WidgetError, {
 						widget: heading,
-						message: prepared.message
+						message: prepared.message,
+						dragHandle: handle
 					})
 				})
 			}, widget.id);

package/dist/domains/dashboards/components/dashboard-renderer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-renderer.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/dashboard-renderer.tsx"],"sourcesContent":["import type { DashboardDefinition } from '@mastra/client-js';\nimport {\n  DASHBOARD_WIDGET_SPANS,\n  dashboardDefinitionEnvelopeSchema,\n  migrateDashboardDefinition,\n} from '@mastra/core/storage/dashboards';\nimport { useMetrics } from '../../metrics/hooks/use-metrics';\nimport { BUILT_IN_WIDGET_KINDS } from '../kinds';\nimport type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';\nimport { describeIssue, prepareWidget } from '../lib/prepare-widget';\nimport type { PreparedWidget, StoredWidget } from '../lib/prepare-widget';\nimport type { AnyWidgetKind, DashboardExpand } from '../widget-kind';\nimport { DashboardGrid, DashboardGridCell, DashboardGridRow } from './dashboard-grid';\nimport type { DashboardSpan } from './dashboard-grid';\nimport { WidgetError } from './widget-error';\nimport { ErrorBoundary } from '@/ds/components/ErrorBoundary';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\nexport type DashboardRendererProps = {\n  definition: DashboardDefinition;\n  /** Which widgets, views and columns show: `org` spans several projects, `project` is one. */\n  scope: DashboardScope;\n  /** Opens a drilldown; each host routes to its own Traces or Logs page. */\n  onDrilldown?: OnDashboardDrilldown;\n  /** Where chart cards expand to, e.g. the host's query page; see `DashboardExpand`. */\n  expand?: DashboardExpand;\n  /** Kinds beyond the built-in ones; a kind of the same name replaces the built-in. */\n  kinds?: AnyWidgetKind[];\n  className?: string;\n};\n\n/** Whether a stored widget's `span` is one the grid lays out. */\nconst isDashboardSpan = (span: unknown): span is DashboardSpan => DASHBOARD_WIDGET_SPANS.some(s => s === span);\ntype ShownCell = { widget: StoredWidget; prepared: Exclude<PreparedWidget, { ok: 'hidden' }> };\nconst isShown = (cell: { widget: StoredWidget; prepared: PreparedWidget }): cell is ShownCell =>\n  cell.prepared.ok !== 'hidden';\n\nconst spanOf = (widget: StoredWidget) => (isDashboardSpan(widget.span) ? widget.span : 12);\n\n/**\n * Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which\n * owns the range and filters. Each widget is checked and rendered on its own: one that fails to\n * parse, query or render shows its own error, and the rest of the dashboard still renders.\n */\nexport function DashboardRenderer({\n  definition,\n  scope,\n  onDrilldown,\n  expand,\n  kinds = [],\n  className,\n}: DashboardRendererProps) {\n  // A widget that threw renders again once the page's range or filters change, or the widget does.\n  const { datePreset, customRange, filterTokens } = useMetrics();\n  const pageKey = JSON.stringify([datePreset, customRange, filterTokens]);\n  const registry = new Map([...BUILT_IN_WIDGET_KINDS, ...kinds].map(k => [k.kind, k]));\n\n  const envelope = dashboardDefinitionEnvelopeSchema.safeParse(definition);\n  if (!envelope.success) {\n    return <MetricsCard.Error message={`This dashboard can't be shown. ${describeIssue(envelope.error.issues[0])}`} />;\n  }\n  // Each widget is parsed on its own below, so one that doesn't fit the current version shows its own error.\n  const { rows } = migrateDashboardDefinition(envelope.data);\n\n  // A row whose widgets are all hidden on this page isn't drawn, so it leaves no gap in the grid.\n  const shown = rows\n    .map((row, rowIndex) => ({\n      rowIndex,\n      widgets: row.widgets\n        .map(widget => ({ widget, prepared: prepareWidget(widget, registry, scope) }))\n        .filter(isShown),\n    }))\n    .filter(row => row.widgets.length > 0);\n\n  return (\n    <DashboardGrid className={className}>\n      {shown.map(({ rowIndex, widgets }) => (\n        <DashboardGridRow key={rowIndex}>\n          {widgets.map(({ widget, prepared }) => {\n            // Unparsed, the title may be anything; the error card shows it only when it's text.\n            const heading = { id: widget.id, title: typeof widget.title === 'string' ? widget.title : undefined };\n            return (\n              <DashboardGridCell key={widget.id} id={widget.id} span={spanOf(widget)}>\n                <ErrorBoundary\n                  resetKeys={[pageKey, JSON.stringify(widget)]}\n                  variant=\"inline\"\n                  fallback={({ error }) => <WidgetError widget={heading} message={error.message} />}\n                >\n                  {prepared.ok ? (\n                    <prepared.kind.component\n                      widget={prepared.widget}\n                      views={prepared.views}\n                      scope={scope}\n                      onDrilldown={onDrilldown}\n                      expand={expand}\n                    />\n                  ) : (\n                    <WidgetError widget={heading} message={prepared.message} />\n                  )}\n                </ErrorBoundary>\n              </DashboardGridCell>\n            );\n          })}\n        </DashboardGridRow>\n      ))}\n    </DashboardGrid>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgCA,IAAM,mBAAmB,SAAyC,uBAAuB,MAAK,MAAK,MAAM,IAAI;AAE7G,IAAM,WAAW,SACf,KAAK,SAAS,OAAO;AAEvB,IAAM,UAAU,WAA0B,gBAAgB,OAAO,IAAI,IAAI,OAAO,OAAO;;;;;;AAOvF,SAAgB,kBAAkB,EAChC,YACA,OACA,aACA,QACA,QAAQ,CAAC,GACT,aACyB;CAEzB,MAAM,EAAE,YAAY,aAAa,iBAAiB,WAAW;CAC7D,MAAM,UAAU,KAAK,UAAU;EAAC;EAAY;EAAa;CAAY,CAAC;CACtE,MAAM,WAAW,IAAI,IAAI,CAAC,GAAG,uBAAuB,GAAG,KAAK,CAAC,CAAC,KAAI,MAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CAEnF,MAAM,WAAW,kCAAkC,UAAU,UAAU;CACvE,IAAI,CAAC,SAAS,SACZ,OAAO,oBAAC,YAAY,OAAb,EAAmB,SAAS,kCAAkC,cAAc,SAAS,MAAM,OAAO,EAAE,IAAM,CAAA;CAGnH,MAAM,EAAE,SAAS,2BAA2B,SAAS,IAAI;CAGzD,MAAM,QAAQ,KACX,KAAK,KAAK,cAAc;EACvB;EACA,SAAS,IAAI,QACV,KAAI,YAAW;GAAE;GAAQ,UAAU,cAAc,QAAQ,UAAU,KAAK;EAAE,EAAE,CAAC,CAC7E,OAAO,OAAO;CACnB,EAAE,CAAC,CACF,QAAO,QAAO,IAAI,QAAQ,SAAS,CAAC;CAEvC,OACE,oBAAC,eAAD;EAA0B;EACvB,UAAA,MAAM,KAAK,EAAE,UAAU,cACtB,oBAAC,kBAAD,EAAA,UACG,QAAQ,KAAK,EAAE,QAAQ,eAAe;GAErC,MAAM,UAAU;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;GAAU;GACpG,OACE,oBAAC,mBAAD;IAAmC,IAAI,OAAO;IAAI,MAAM,OAAO,MAAM;IACnE,UAAA,oBAAC,eAAD;KACE,WAAW,CAAC,SAAS,KAAK,UAAU,MAAM,CAAC;KAC3C,SAAQ;KACR,WAAW,EAAE,YAAY,oBAAC,aAAD;MAAa,QAAQ;MAAS,SAAS,MAAM;KAAU,CAAA;KAE/E,UAAA,SAAS,KACR,oBAAC,SAAS,KAAK,WAAf;MACE,QAAQ,SAAS;MACjB,OAAO,SAAS;MACT;MACM;MACL;KACT,CAAA,IAED,oBAAC,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;KAAU,CAAA;IAE/C,CAAA;GACE,GAlBK,OAAO,EAkBZ;EAEvB,CAAC,EACe,GA1BK,QA0BL,CACnB;CACY,CAAA;AAEnB"}
+{"version":3,"file":"dashboard-renderer.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/dashboard-renderer.tsx"],"sourcesContent":["import type { DashboardDefinition, DashboardWidget } from '@mastra/client-js';\nimport {\n  DASHBOARD_WIDGET_SPANS,\n  dashboardDefinitionEnvelopeSchema,\n  migrateDashboardDefinition,\n} from '@mastra/core/storage/dashboards';\nimport { useMetrics } from '../../metrics/hooks/use-metrics';\nimport { BUILT_IN_WIDGET_KINDS } from '../kinds';\nimport type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';\nimport { describeIssue, prepareWidget } from '../lib/prepare-widget';\nimport type { PreparedWidget, StoredWidget } from '../lib/prepare-widget';\nimport type { AnyWidgetKind, DashboardAlert, DashboardExpand } from '../widget-kind';\nimport { ConnectedWidget } from './connected-widget';\nimport { DashboardGrid, DashboardGridCell, DashboardGridRow } from './dashboard-grid';\nimport type { DashboardSpan } from './dashboard-grid';\nimport { WidgetError } from './widget-error';\nimport { ErrorBoundary } from '@/ds/components/ErrorBoundary';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\nexport type DashboardRendererProps = {\n  definition: DashboardDefinition;\n  /** Which widgets, views and columns show: `org` spans several projects, `project` is one. */\n  scope: DashboardScope;\n  /** Opens a drilldown; each host routes to its own Traces or Logs page. */\n  onDrilldown?: OnDashboardDrilldown;\n  /** Where chart cards expand to, e.g. the host's query page; see `DashboardExpand`. */\n  expand?: DashboardExpand;\n  /** Kinds beyond the built-in ones; a kind of the same name replaces the built-in. */\n  kinds?: AnyWidgetKind[];\n  /**\n   * The grip each widget is dragged by, by widget id, e.g. from a layout editor; shown left of the\n   * widget's title. No grips without it.\n   */\n  dragHandle?: (widgetId: string) => MetricsCardDragHandleProps | undefined;\n  /**\n   * Turns a card's open view into an alert: each card shows a Create alert button, linking where\n   * `alert.action` says, or disabled with its reason. No buttons without it. Cards with a drag\n   * handle (a layout being edited) show none, and neither do error cards: their widget or query\n   * failed, so there is nothing checked to alert on.\n   */\n  alert?: DashboardAlert;\n  className?: string;\n} & DashboardPinProps;\n\n/** Both or neither: a host that pins widgets says which are pinned, so a pinned one can be unpinned. */\ntype DashboardPinProps =\n  | {\n      /**\n       * Pins or unpins a widget, called with the widget and the state the user asked for. The host\n       * owns that state and passes it back through `isPinned`. No pin buttons without it.\n       */\n      onPin: (widget: DashboardWidget, isPinned: boolean) => void;\n      /** Whether the host has a widget pinned, by widget id. */\n      isPinned: (widgetId: string) => boolean;\n    }\n  | { onPin?: never; isPinned?: never };\n\n/** Whether a stored widget's `span` is one the grid lays out. */\nconst isDashboardSpan = (span: unknown): span is DashboardSpan => DASHBOARD_WIDGET_SPANS.some(s => s === span);\ntype ShownCell = { widget: StoredWidget; prepared: Exclude<PreparedWidget, { ok: 'hidden' }> };\nconst isShown = (cell: { widget: StoredWidget; prepared: PreparedWidget }): cell is ShownCell =>\n  cell.prepared.ok !== 'hidden';\n\nconst spanOf = (widget: StoredWidget) => (isDashboardSpan(widget.span) ? widget.span : 12);\n\n/**\n * Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which\n * owns the range and filters. Each widget is checked and rendered on its own: one that fails to\n * parse, query or render shows its own error, and the rest of the dashboard still renders.\n */\nexport function DashboardRenderer({\n  definition,\n  scope,\n  onDrilldown,\n  expand,\n  kinds = [],\n  dragHandle,\n  onPin,\n  isPinned,\n  alert,\n  className,\n}: DashboardRendererProps) {\n  // A widget that threw renders again once the page's range or filters change, or the widget does.\n  const { datePreset, customRange, filterTokens } = useMetrics();\n  const pageKey = JSON.stringify([datePreset, customRange, filterTokens]);\n  const registry = new Map([...BUILT_IN_WIDGET_KINDS, ...kinds].map(k => [k.kind, k]));\n\n  const envelope = dashboardDefinitionEnvelopeSchema.safeParse(definition);\n  if (!envelope.success) {\n    return <MetricsCard.Error message={`This dashboard can't be shown. ${describeIssue(envelope.error.issues[0])}`} />;\n  }\n  // Each widget is parsed on its own below, so one that doesn't fit the current version shows its own error.\n  const { rows } = migrateDashboardDefinition(envelope.data);\n\n  // A row whose widgets are all hidden on this page isn't drawn, so it leaves no gap in the grid.\n  const shown = rows\n    .map((row, rowIndex) => ({\n      rowIndex,\n      widgets: row.widgets\n        .map(widget => ({ widget, prepared: prepareWidget(widget, registry, scope) }))\n        .filter(isShown),\n    }))\n    .filter(row => row.widgets.length > 0);\n\n  return (\n    <DashboardGrid className={className}>\n      {shown.map(({ rowIndex, widgets }) => (\n        <DashboardGridRow key={rowIndex}>\n          {widgets.map(({ widget, prepared }) => {\n            // Unparsed, the title may be anything; the error card shows it only when it's text.\n            const heading = { id: widget.id, title: typeof widget.title === 'string' ? widget.title : undefined };\n            const handle = dragHandle?.(widget.id);\n            // Only a widget that parsed can be pinned: the host gets the widget as it renders.\n            const pin =\n              onPin && prepared.ok\n                ? { isPinned: isPinned(widget.id), onPin, name: prepared.widget.title?.trim() || 'widget' }\n                : undefined;\n            const errorPin =\n              pin && prepared.ok ? { ...pin, onPin: (next: boolean) => pin.onPin(prepared.widget, next) } : undefined;\n            return (\n              <DashboardGridCell key={widget.id} id={widget.id} span={spanOf(widget)}>\n                <ErrorBoundary\n                  resetKeys={[pageKey, JSON.stringify(widget)]}\n                  variant=\"inline\"\n                  fallback={({ error }) => (\n                    <WidgetError widget={heading} message={error.message} dragHandle={handle} pin={errorPin} />\n                  )}\n                >\n                  {prepared.ok ? (\n                    <ConnectedWidget\n                      prepared={prepared}\n                      scope={scope}\n                      onDrilldown={onDrilldown}\n                      expand={expand}\n                      dragHandle={handle}\n                      pin={pin}\n                      alert={handle ? undefined : alert}\n                    />\n                  ) : (\n                    <WidgetError widget={heading} message={prepared.message} dragHandle={handle} />\n                  )}\n                </ErrorBoundary>\n              </DashboardGridCell>\n            );\n          })}\n        </DashboardGridRow>\n      ))}\n    </DashboardGrid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA2DA,IAAM,mBAAmB,SAAyC,uBAAuB,MAAK,MAAK,MAAM,IAAI;AAE7G,IAAM,WAAW,SACf,KAAK,SAAS,OAAO;AAEvB,IAAM,UAAU,WAA0B,gBAAgB,OAAO,IAAI,IAAI,OAAO,OAAO;;;;;;AAOvF,SAAgB,kBAAkB,EAChC,YACA,OACA,aACA,QACA,QAAQ,CAAC,GACT,YACA,OACA,UACA,OACA,aACyB;CAEzB,MAAM,EAAE,YAAY,aAAa,iBAAiB,WAAW;CAC7D,MAAM,UAAU,KAAK,UAAU;EAAC;EAAY;EAAa;CAAY,CAAC;CACtE,MAAM,WAAW,IAAI,IAAI,CAAC,GAAG,uBAAuB,GAAG,KAAK,CAAC,CAAC,KAAI,MAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CAEnF,MAAM,WAAW,kCAAkC,UAAU,UAAU;CACvE,IAAI,CAAC,SAAS,SACZ,OAAO,oBAAC,YAAY,OAAb,EAAmB,SAAS,kCAAkC,cAAc,SAAS,MAAM,OAAO,EAAE,IAAM,CAAA;CAGnH,MAAM,EAAE,SAAS,2BAA2B,SAAS,IAAI;CAGzD,MAAM,QAAQ,KACX,KAAK,KAAK,cAAc;EACvB;EACA,SAAS,IAAI,QACV,KAAI,YAAW;GAAE;GAAQ,UAAU,cAAc,QAAQ,UAAU,KAAK;EAAE,EAAE,CAAC,CAC7E,OAAO,OAAO;CACnB,EAAE,CAAC,CACF,QAAO,QAAO,IAAI,QAAQ,SAAS,CAAC;CAEvC,OACE,oBAAC,eAAD;EAA0B;EACvB,UAAA,MAAM,KAAK,EAAE,UAAU,cACtB,oBAAC,kBAAD,EAAA,UACG,QAAQ,KAAK,EAAE,QAAQ,eAAe;GAErC,MAAM,UAAU;IAAE,IAAI,OAAO;IAAI,OAAO,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;GAAU;GACpG,MAAM,SAAS,aAAa,OAAO,EAAE;GAErC,MAAM,MACJ,SAAS,SAAS,KACd;IAAE,UAAU,SAAS,OAAO,EAAE;IAAG;IAAO,MAAM,SAAS,OAAO,OAAO,KAAK,KAAK;GAAS,IACxF,KAAA;GACN,MAAM,WACJ,OAAO,SAAS,KAAK;IAAE,GAAG;IAAK,QAAQ,SAAkB,IAAI,MAAM,SAAS,QAAQ,IAAI;GAAE,IAAI,KAAA;GAChG,OACE,oBAAC,mBAAD;IAAmC,IAAI,OAAO;IAAI,MAAM,OAAO,MAAM;IACnE,UAAA,oBAAC,eAAD;KACE,WAAW,CAAC,SAAS,KAAK,UAAU,MAAM,CAAC;KAC3C,SAAQ;KACR,WAAW,EAAE,YACX,oBAAC,aAAD;MAAa,QAAQ;MAAS,SAAS,MAAM;MAAS,YAAY;MAAQ,KAAK;KAAW,CAAA;KAG3F,UAAA,SAAS,KACR,oBAAC,iBAAD;MACY;MACH;MACM;MACL;MACR,YAAY;MACP;MACL,OAAO,SAAS,KAAA,IAAY;KAC7B,CAAA,IAED,oBAAC,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;MAAS,YAAY;KAAS,CAAA;IAEnE,CAAA;GACE,GAtBK,OAAO,EAsBZ;EAEvB,CAAC,EACe,GAtCK,QAsCL,CACnB;CACY,CAAA;AAEnB"}

package/dist/domains/dashboards/components/stateless-widget.cjs.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_lib_plan_widget = require("../lib/plan-widget.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/components/stateless-widget.tsx
+/**
+* One widget drawn from what it is given: it holds no state, fetches nothing and has no effects.
+* The host plans its requests with `planWidget`, sends them however it can, and passes the answers
+* back; picks on the widget come back through `onStateChange`.
+*/
+function StatelessWidget({ prepared, env, discovered = [], results = [], pin, ...props }) {
+	const gate = require_domains_dashboards_lib_plan_widget.preparedGate(prepared, env, props.state);
+	if (gate.status === "hidden") return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(prepared.kind.component, {
+		...props,
+		widget: prepared.widget,
+		views: prepared.views,
+		gate,
+		comparisonLabel: env.comparisonLabel,
+		projectLabel: env.projectLabel,
+		discovered,
+		results,
+		pin: pin && {
+			...pin,
+			onPin: (next) => pin.onPin(prepared.widget, next)
+		}
+	});
+}
+exports.StatelessWidget = StatelessWidget;
+
+//# sourceMappingURL=stateless-widget.cjs.js.map

package/dist/domains/dashboards/components/stateless-widget.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateless-widget.cjs.js","names":["preparedGate"],"sources":["../../../../src/domains/dashboards/components/stateless-widget.tsx"],"sourcesContent":["import type { DashboardWidget } from '@mastra/client-js';\nimport type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';\nimport type { DashboardEnvironment } from '../lib/gate';\nimport { preparedGate } from '../lib/plan-widget';\nimport type { ReadyPreparedWidget } from '../lib/plan-widget';\nimport type { DashboardResult } from '../lib/requests';\nimport type { DashboardAlert, DashboardExpand, WidgetPin, WidgetState } from '../widget-kind';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\n/** A widget's pinned state, as the host holds it, and the call that asks the host to change it. */\nexport type StatelessWidgetPin = Omit<WidgetPin, 'onPin'> & {\n  /** Called with the widget's definition, as it renders, and the state the user asked for. */\n  onPin: (widget: DashboardWidget, isPinned: boolean) => void;\n};\n\nexport type StatelessWidgetProps = {\n  /** The widget as `prepareWidget` parsed it. */\n  prepared: ReadyPreparedWidget;\n  /** The page's window, filters and aggregate gates. */\n  env: DashboardEnvironment;\n  /** What the user picked on the widget; `{}` for its defaults. */\n  state: WidgetState;\n  onStateChange: (next: WidgetState) => void;\n  /** Answers to `planWidget`'s `discover` requests, in order; missing ones are still loading. */\n  discovered?: (DashboardResult | undefined)[];\n  /** Answers to `planWidget`'s `requests`, in order; missing ones are still loading. */\n  results?: (DashboardResult | undefined)[];\n  /** Asks the host to send the failed requests again. */\n  onRetry: () => void;\n  scope: DashboardScope;\n  onDrilldown?: OnDashboardDrilldown;\n  expand?: DashboardExpand;\n  dragHandle?: MetricsCardDragHandleProps;\n  pin?: StatelessWidgetPin;\n  /** The card's Create alert button; see `DashboardAlert`. */\n  alert?: DashboardAlert;\n};\n\n/**\n * One widget drawn from what it is given: it holds no state, fetches nothing and has no effects.\n * The host plans its requests with `planWidget`, sends them however it can, and passes the answers\n * back; picks on the widget come back through `onStateChange`.\n */\nexport function StatelessWidget({ prepared, env, discovered = [], results = [], pin, ...props }: StatelessWidgetProps) {\n  const gate = preparedGate(prepared, env, props.state);\n  if (gate.status === 'hidden') return null;\n  return (\n    <prepared.kind.component\n      {...props}\n      widget={prepared.widget}\n      views={prepared.views}\n      gate={gate}\n      comparisonLabel={env.comparisonLabel}\n      projectLabel={env.projectLabel}\n      discovered={discovered}\n      results={results}\n      pin={pin && { ...pin, onPin: next => pin.onPin(prepared.widget, next) }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AA2CA,SAAgB,gBAAgB,EAAE,UAAU,KAAK,aAAa,CAAC,GAAG,UAAU,CAAC,GAAG,KAAK,GAAG,SAA+B;CACrH,MAAM,OAAOA,2CAAAA,aAAa,UAAU,KAAK,MAAM,KAAK;CACpD,IAAI,KAAK,WAAW,UAAU,OAAO;CACrC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAS,KAAK,WAAf;EACE,GAAI;EACJ,QAAQ,SAAS;EACjB,OAAO,SAAS;EACV;EACN,iBAAiB,IAAI;EACrB,cAAc,IAAI;EACN;EACH;EACT,KAAK,OAAO;GAAE,GAAG;GAAK,QAAO,SAAQ,IAAI,MAAM,SAAS,QAAQ,IAAI;EAAE;CACvE,CAAA;AAEL"}

package/dist/domains/dashboards/components/stateless-widget.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/components/stateless-widget';

package/dist/domains/dashboards/components/stateless-widget.es.js

@@ -0,0 +1,29 @@
+import { preparedGate } from "../lib/plan-widget.es.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/dashboards/components/stateless-widget.tsx
+/**
+* One widget drawn from what it is given: it holds no state, fetches nothing and has no effects.
+* The host plans its requests with `planWidget`, sends them however it can, and passes the answers
+* back; picks on the widget come back through `onStateChange`.
+*/
+function StatelessWidget({ prepared, env, discovered = [], results = [], pin, ...props }) {
+	const gate = preparedGate(prepared, env, props.state);
+	if (gate.status === "hidden") return null;
+	return /* @__PURE__ */ jsx(prepared.kind.component, {
+		...props,
+		widget: prepared.widget,
+		views: prepared.views,
+		gate,
+		comparisonLabel: env.comparisonLabel,
+		projectLabel: env.projectLabel,
+		discovered,
+		results,
+		pin: pin && {
+			...pin,
+			onPin: (next) => pin.onPin(prepared.widget, next)
+		}
+	});
+}
+export { StatelessWidget };
+
+//# sourceMappingURL=stateless-widget.es.js.map

package/dist/domains/dashboards/components/stateless-widget.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateless-widget.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/stateless-widget.tsx"],"sourcesContent":["import type { DashboardWidget } from '@mastra/client-js';\nimport type { DashboardScope, OnDashboardDrilldown } from '../lib/definition';\nimport type { DashboardEnvironment } from '../lib/gate';\nimport { preparedGate } from '../lib/plan-widget';\nimport type { ReadyPreparedWidget } from '../lib/plan-widget';\nimport type { DashboardResult } from '../lib/requests';\nimport type { DashboardAlert, DashboardExpand, WidgetPin, WidgetState } from '../widget-kind';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\n/** A widget's pinned state, as the host holds it, and the call that asks the host to change it. */\nexport type StatelessWidgetPin = Omit<WidgetPin, 'onPin'> & {\n  /** Called with the widget's definition, as it renders, and the state the user asked for. */\n  onPin: (widget: DashboardWidget, isPinned: boolean) => void;\n};\n\nexport type StatelessWidgetProps = {\n  /** The widget as `prepareWidget` parsed it. */\n  prepared: ReadyPreparedWidget;\n  /** The page's window, filters and aggregate gates. */\n  env: DashboardEnvironment;\n  /** What the user picked on the widget; `{}` for its defaults. */\n  state: WidgetState;\n  onStateChange: (next: WidgetState) => void;\n  /** Answers to `planWidget`'s `discover` requests, in order; missing ones are still loading. */\n  discovered?: (DashboardResult | undefined)[];\n  /** Answers to `planWidget`'s `requests`, in order; missing ones are still loading. */\n  results?: (DashboardResult | undefined)[];\n  /** Asks the host to send the failed requests again. */\n  onRetry: () => void;\n  scope: DashboardScope;\n  onDrilldown?: OnDashboardDrilldown;\n  expand?: DashboardExpand;\n  dragHandle?: MetricsCardDragHandleProps;\n  pin?: StatelessWidgetPin;\n  /** The card's Create alert button; see `DashboardAlert`. */\n  alert?: DashboardAlert;\n};\n\n/**\n * One widget drawn from what it is given: it holds no state, fetches nothing and has no effects.\n * The host plans its requests with `planWidget`, sends them however it can, and passes the answers\n * back; picks on the widget come back through `onStateChange`.\n */\nexport function StatelessWidget({ prepared, env, discovered = [], results = [], pin, ...props }: StatelessWidgetProps) {\n  const gate = preparedGate(prepared, env, props.state);\n  if (gate.status === 'hidden') return null;\n  return (\n    <prepared.kind.component\n      {...props}\n      widget={prepared.widget}\n      views={prepared.views}\n      gate={gate}\n      comparisonLabel={env.comparisonLabel}\n      projectLabel={env.projectLabel}\n      discovered={discovered}\n      results={results}\n      pin={pin && { ...pin, onPin: next => pin.onPin(prepared.widget, next) }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AA2CA,SAAgB,gBAAgB,EAAE,UAAU,KAAK,aAAa,CAAC,GAAG,UAAU,CAAC,GAAG,KAAK,GAAG,SAA+B;CACrH,MAAM,OAAO,aAAa,UAAU,KAAK,MAAM,KAAK;CACpD,IAAI,KAAK,WAAW,UAAU,OAAO;CACrC,OACE,oBAAC,SAAS,KAAK,WAAf;EACE,GAAI;EACJ,QAAQ,SAAS;EACjB,OAAO,SAAS;EACV;EACN,iBAAiB,IAAI;EACrB,cAAc,IAAI;EACN;EACH;EACT,KAAK,OAAO;GAAE,GAAG;GAAK,QAAO,SAAQ,IAAI,MAAM,SAAS,QAAQ,IAAI;EAAE;CACvE,CAAA;AAEL"}

package/dist/domains/dashboards/components/view-gate.cjs.js

@@ -1,54 +1,32 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_use_metrics_filters = require("../../metrics/hooks/use-metrics-filters.cjs.js");
-const require_domains_metrics_hooks_use_metrics_span_aggregate = require("../../metrics/hooks/use-metrics-span-aggregate.cjs.js");
-const require_domains_metrics_hooks_use_metrics_trace_aggregate = require("../../metrics/hooks/use-metrics-trace-aggregate.cjs.js");
-const require_domains_dashboards_lib_requests = require("../lib/requests.cjs.js");
+const require_domains_dashboards_hooks_use_dashboard_environment = require("../hooks/use-dashboard-environment.cjs.js");
+const require_domains_dashboards_lib_gate = require("../lib/gate.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/components/view-gate.tsx
-var sourcesOf = (queries) => new Set(queries.map(require_domains_dashboards_lib_requests.aggregateSource));
 /**
 * The page context for a widget's queries. Metrics and scores answer every filter; queries with trace
 * or span aggregates wait on their gates, as the cards built on them do.
 */
 function ViewGate(props) {
-	const sources = sourcesOf(props.queries);
-	if (sources.has("trace") || sources.has("span")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AggregateGate, { ...props });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetricsOnly, { ...props });
+	return require_domains_dashboards_lib_gate.needsAggregates(props.queries) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AggregateGate, { ...props }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MetricsOnly, { ...props });
 }
-var noneBlocked = () => void 0;
-function MetricsOnly({ children }) {
-	const { filters, timestamp } = require_domains_metrics_hooks_use_metrics_filters.useMetricsFilters();
-	return children({
-		window: timestamp,
-		filters
-	}, noneBlocked);
+function MetricsOnly(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Gate, {
+		...props,
+		env: require_domains_dashboards_hooks_use_dashboard_environment.useMetricsEnvironment()
+	});
 }
-function AggregateGate({ queries, children, pending, partial }) {
-	const { filters, timestamp } = require_domains_metrics_hooks_use_metrics_filters.useMetricsFilters();
-	const traceGate = require_domains_metrics_hooks_use_metrics_trace_aggregate.useTraceAggregateGate();
-	const spanGate = require_domains_metrics_hooks_use_metrics_span_aggregate.useSpanAggregateGate();
-	const gatesOf = (qs) => {
-		const sources = sourcesOf(qs);
-		return [...sources.has("trace") ? [traceGate] : [], ...sources.has("span") ? [spanGate] : []];
-	};
-	const blocked = (qs) => {
-		const fields = gatesOf(qs).flatMap((g) => g.status === "unsupported-filter" ? g.unsupportedFields : []);
-		return fields.length ? [...new Set(fields)] : void 0;
-	};
-	const gates = gatesOf(queries);
-	if (gates.some((g) => g.status === "unavailable")) return null;
-	if (gates.some((g) => g.status === "loading")) return pending({ status: "loading" });
-	const unsupportedFields = blocked(queries);
-	if (unsupportedFields && !partial) return pending({
-		status: "unsupported-filter",
-		unsupportedFields
+function AggregateGate(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Gate, {
+		...props,
+		env: require_domains_dashboards_hooks_use_dashboard_environment.useDashboardEnvironment()
 	});
-	return children({
-		window: timestamp,
-		filters,
-		traceWhere: traceGate.status === "ready" ? traceGate.scope.where : void 0,
-		spanWhere: spanGate.status === "ready" ? spanGate.scope.where : void 0
-	}, blocked);
+}
+function Gate({ queries, children, pending, partial, env }) {
+	const gate = require_domains_dashboards_lib_gate.widgetGate(queries, env, { partial });
+	if (gate.status === "hidden") return null;
+	if (gate.status === "pending") return pending(gate.gate);
+	return children(gate.page, gate.blocked);
 }
 exports.ViewGate = ViewGate;
 

package/dist/domains/dashboards/components/view-gate.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-gate.cjs.js","names":["aggregateSource","useMetricsFilters","useTraceAggregateGate","useSpanAggregateGate"],"sources":["../../../../src/domains/dashboards/components/view-gate.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport type { ReactNode } from 'react';\nimport { useMetricsFilters } from '../../metrics/hooks/use-metrics-filters';\nimport { useSpanAggregateGate } from '../../metrics/hooks/use-metrics-span-aggregate';\nimport { useTraceAggregateGate } from '../../metrics/hooks/use-metrics-trace-aggregate';\nimport type { DashboardPageContext } from '../lib/requests';\nimport { aggregateSource } from '../lib/requests';\n\n/** A view that can't run yet: capabilities loading, or a page filter its aggregates can't apply. */\nexport type PendingGate = { status: 'loading' } | { status: 'unsupported-filter'; unsupportedFields: string[] };\n\n/** The page filters `queries` can't apply; `undefined` when they apply them all. */\nexport type BlockedFields = (queries: DashboardQuery[]) => string[] | undefined;\n\ntype GateProps = {\n  queries: DashboardQuery[];\n  /** Rendered with the page context once every query can run. */\n  children: (page: DashboardPageContext, blocked: BlockedFields) => ReactNode;\n  /** Rendered while a gate isn't ready; a server without the aggregates renders nothing. */\n  pending: (gate: PendingGate) => ReactNode;\n  /**\n   * Renders `children` even when a page filter can't apply, for widgets whose views each say so on\n   * their own (a table's tabs); they check `blocked`.\n   */\n  partial?: boolean;\n};\n\nconst sourcesOf = (queries: DashboardQuery[]) => new Set(queries.map(aggregateSource));\n\n/**\n * The page context for a widget's queries. Metrics and scores answer every filter; queries with trace\n * or span aggregates wait on their gates, as the cards built on them do.\n */\nexport function ViewGate(props: GateProps) {\n  const sources = sourcesOf(props.queries);\n  if (sources.has('trace') || sources.has('span')) return <AggregateGate {...props} />;\n  return <MetricsOnly {...props} />;\n}\n\nconst noneBlocked: BlockedFields = () => undefined;\n\nfunction MetricsOnly({ children }: GateProps) {\n  const { filters, timestamp } = useMetricsFilters();\n  return children({ window: timestamp, filters }, noneBlocked);\n}\n\nfunction AggregateGate({ queries, children, pending, partial }: GateProps) {\n  const { filters, timestamp } = useMetricsFilters();\n  const traceGate = useTraceAggregateGate();\n  const spanGate = useSpanAggregateGate();\n  const gatesOf = (qs: DashboardQuery[]) => {\n    const sources = sourcesOf(qs);\n    return [...(sources.has('trace') ? [traceGate] : []), ...(sources.has('span') ? [spanGate] : [])];\n  };\n  const blocked: BlockedFields = qs => {\n    const fields = gatesOf(qs).flatMap(g => (g.status === 'unsupported-filter' ? g.unsupportedFields : []));\n    return fields.length ? [...new Set(fields)] : undefined;\n  };\n\n  const gates = gatesOf(queries);\n  if (gates.some(g => g.status === 'unavailable')) return null;\n  if (gates.some(g => g.status === 'loading')) return pending({ status: 'loading' });\n  const unsupportedFields = blocked(queries);\n  if (unsupportedFields && !partial) return pending({ status: 'unsupported-filter', unsupportedFields });\n\n  return children(\n    {\n      window: timestamp,\n      filters,\n      traceWhere: traceGate.status === 'ready' ? traceGate.scope.where : undefined,\n      spanWhere: spanGate.status === 'ready' ? spanGate.scope.where : undefined,\n    },\n    blocked,\n  );\n}\n"],"mappings":";;;;;;;AA2BA,IAAM,aAAa,YAA8B,IAAI,IAAI,QAAQ,IAAIA,wCAAAA,eAAe,CAAC;;;;;AAMrF,SAAgB,SAAS,OAAkB;CACzC,MAAM,UAAU,UAAU,MAAM,OAAO;CACvC,IAAI,QAAQ,IAAI,OAAO,KAAK,QAAQ,IAAI,MAAM,GAAG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAe,GAAI,MAAQ,CAAA;CACnF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;AAClC;AAEA,IAAM,oBAAmC,KAAA;AAEzC,SAAS,YAAY,EAAE,YAAuB;CAC5C,MAAM,EAAE,SAAS,cAAcC,kDAAAA,kBAAkB;CACjD,OAAO,SAAS;EAAE,QAAQ;EAAW;CAAQ,GAAG,WAAW;AAC7D;AAEA,SAAS,cAAc,EAAE,SAAS,UAAU,SAAS,WAAsB;CACzE,MAAM,EAAE,SAAS,cAAcA,kDAAAA,kBAAkB;CACjD,MAAM,YAAYC,0DAAAA,sBAAsB;CACxC,MAAM,WAAWC,yDAAAA,qBAAqB;CACtC,MAAM,WAAW,OAAyB;EACxC,MAAM,UAAU,UAAU,EAAE;EAC5B,OAAO,CAAC,GAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,GAAI,GAAI,QAAQ,IAAI,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAE;CAClG;CACA,MAAM,WAAyB,OAAM;EACnC,MAAM,SAAS,QAAQ,EAAE,CAAC,CAAC,SAAQ,MAAM,EAAE,WAAW,uBAAuB,EAAE,oBAAoB,CAAC,CAAE;EACtG,OAAO,OAAO,SAAS,CAAC,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI,KAAA;CAChD;CAEA,MAAM,QAAQ,QAAQ,OAAO;CAC7B,IAAI,MAAM,MAAK,MAAK,EAAE,WAAW,aAAa,GAAG,OAAO;CACxD,IAAI,MAAM,MAAK,MAAK,EAAE,WAAW,SAAS,GAAG,OAAO,QAAQ,EAAE,QAAQ,UAAU,CAAC;CACjF,MAAM,oBAAoB,QAAQ,OAAO;CACzC,IAAI,qBAAqB,CAAC,SAAS,OAAO,QAAQ;EAAE,QAAQ;EAAsB;CAAkB,CAAC;CAErG,OAAO,SACL;EACE,QAAQ;EACR;EACA,YAAY,UAAU,WAAW,UAAU,UAAU,MAAM,QAAQ,KAAA;EACnE,WAAW,SAAS,WAAW,UAAU,SAAS,MAAM,QAAQ,KAAA;CAClE,GACA,OACF;AACF"}
+{"version":3,"file":"view-gate.cjs.js","names":["needsAggregates","useMetricsEnvironment","useDashboardEnvironment","widgetGate"],"sources":["../../../../src/domains/dashboards/components/view-gate.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport type { ReactNode } from 'react';\nimport { useDashboardEnvironment, useMetricsEnvironment } from '../hooks/use-dashboard-environment';\nimport { needsAggregates, widgetGate } from '../lib/gate';\nimport type { BlockedFields, DashboardEnvironment, PendingGate } from '../lib/gate';\nimport type { DashboardPageContext } from '../lib/requests';\n\nexport type { BlockedFields, PendingGate } from '../lib/gate';\n\ntype GateProps = {\n  queries: DashboardQuery[];\n  /** Rendered with the page context once every query can run. */\n  children: (page: DashboardPageContext, blocked: BlockedFields) => ReactNode;\n  /** Rendered while a gate isn't ready; a server without the aggregates renders nothing. */\n  pending: (gate: PendingGate) => ReactNode;\n  /**\n   * Renders `children` even when a page filter can't apply, for widgets whose views each say so on\n   * their own (a table's tabs); they check `blocked`.\n   */\n  partial?: boolean;\n};\n\n/**\n * The page context for a widget's queries. Metrics and scores answer every filter; queries with trace\n * or span aggregates wait on their gates, as the cards built on them do.\n */\nexport function ViewGate(props: GateProps) {\n  return needsAggregates(props.queries) ? <AggregateGate {...props} /> : <MetricsOnly {...props} />;\n}\n\nfunction MetricsOnly(props: GateProps) {\n  return <Gate {...props} env={useMetricsEnvironment()} />;\n}\n\nfunction AggregateGate(props: GateProps) {\n  return <Gate {...props} env={useDashboardEnvironment()} />;\n}\n\nfunction Gate({ queries, children, pending, partial, env }: GateProps & { env: DashboardEnvironment }) {\n  const gate = widgetGate(queries, env, { partial });\n  if (gate.status === 'hidden') return null;\n  if (gate.status === 'pending') return pending(gate.gate);\n  return children(gate.page, gate.blocked);\n}\n"],"mappings":";;;;;;;;;AA0BA,SAAgB,SAAS,OAAkB;CACzC,OAAOA,oCAAAA,gBAAgB,MAAM,OAAO,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAe,GAAI,MAAQ,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;AAClG;AAEA,SAAS,YAAY,OAAkB;CACrC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAM,GAAI;EAAO,KAAKC,2DAAAA,sBAAsB;CAAI,CAAA;AACzD;AAEA,SAAS,cAAc,OAAkB;CACvC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAM,GAAI;EAAO,KAAKC,2DAAAA,wBAAwB;CAAI,CAAA;AAC3D;AAEA,SAAS,KAAK,EAAE,SAAS,UAAU,SAAS,SAAS,OAAkD;CACrG,MAAM,OAAOC,oCAAAA,WAAW,SAAS,KAAK,EAAE,QAAQ,CAAC;CACjD,IAAI,KAAK,WAAW,UAAU,OAAO;CACrC,IAAI,KAAK,WAAW,WAAW,OAAO,QAAQ,KAAK,IAAI;CACvD,OAAO,SAAS,KAAK,MAAM,KAAK,OAAO;AACzC"}

package/dist/domains/dashboards/components/view-gate.es.js

@@ -1,53 +1,31 @@
-import { useMetricsFilters } from "../../metrics/hooks/use-metrics-filters.es.js";
-import { useSpanAggregateGate } from "../../metrics/hooks/use-metrics-span-aggregate.es.js";
-import { useTraceAggregateGate } from "../../metrics/hooks/use-metrics-trace-aggregate.es.js";
-import { aggregateSource } from "../lib/requests.es.js";
+import { useDashboardEnvironment, useMetricsEnvironment } from "../hooks/use-dashboard-environment.es.js";
+import { needsAggregates, widgetGate } from "../lib/gate.es.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/components/view-gate.tsx
-var sourcesOf = (queries) => new Set(queries.map(aggregateSource));
 /**
 * The page context for a widget's queries. Metrics and scores answer every filter; queries with trace
 * or span aggregates wait on their gates, as the cards built on them do.
 */
 function ViewGate(props) {
-	const sources = sourcesOf(props.queries);
-	if (sources.has("trace") || sources.has("span")) return /* @__PURE__ */ jsx(AggregateGate, { ...props });
-	return /* @__PURE__ */ jsx(MetricsOnly, { ...props });
+	return needsAggregates(props.queries) ? /* @__PURE__ */ jsx(AggregateGate, { ...props }) : /* @__PURE__ */ jsx(MetricsOnly, { ...props });
 }
-var noneBlocked = () => void 0;
-function MetricsOnly({ children }) {
-	const { filters, timestamp } = useMetricsFilters();
-	return children({
-		window: timestamp,
-		filters
-	}, noneBlocked);
+function MetricsOnly(props) {
+	return /* @__PURE__ */ jsx(Gate, {
+		...props,
+		env: useMetricsEnvironment()
+	});
 }
-function AggregateGate({ queries, children, pending, partial }) {
-	const { filters, timestamp } = useMetricsFilters();
-	const traceGate = useTraceAggregateGate();
-	const spanGate = useSpanAggregateGate();
-	const gatesOf = (qs) => {
-		const sources = sourcesOf(qs);
-		return [...sources.has("trace") ? [traceGate] : [], ...sources.has("span") ? [spanGate] : []];
-	};
-	const blocked = (qs) => {
-		const fields = gatesOf(qs).flatMap((g) => g.status === "unsupported-filter" ? g.unsupportedFields : []);
-		return fields.length ? [...new Set(fields)] : void 0;
-	};
-	const gates = gatesOf(queries);
-	if (gates.some((g) => g.status === "unavailable")) return null;
-	if (gates.some((g) => g.status === "loading")) return pending({ status: "loading" });
-	const unsupportedFields = blocked(queries);
-	if (unsupportedFields && !partial) return pending({
-		status: "unsupported-filter",
-		unsupportedFields
+function AggregateGate(props) {
+	return /* @__PURE__ */ jsx(Gate, {
+		...props,
+		env: useDashboardEnvironment()
 	});
-	return children({
-		window: timestamp,
-		filters,
-		traceWhere: traceGate.status === "ready" ? traceGate.scope.where : void 0,
-		spanWhere: spanGate.status === "ready" ? spanGate.scope.where : void 0
-	}, blocked);
+}
+function Gate({ queries, children, pending, partial, env }) {
+	const gate = widgetGate(queries, env, { partial });
+	if (gate.status === "hidden") return null;
+	if (gate.status === "pending") return pending(gate.gate);
+	return children(gate.page, gate.blocked);
 }
 export { ViewGate };
 

package/dist/domains/dashboards/components/view-gate.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-gate.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/view-gate.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport type { ReactNode } from 'react';\nimport { useMetricsFilters } from '../../metrics/hooks/use-metrics-filters';\nimport { useSpanAggregateGate } from '../../metrics/hooks/use-metrics-span-aggregate';\nimport { useTraceAggregateGate } from '../../metrics/hooks/use-metrics-trace-aggregate';\nimport type { DashboardPageContext } from '../lib/requests';\nimport { aggregateSource } from '../lib/requests';\n\n/** A view that can't run yet: capabilities loading, or a page filter its aggregates can't apply. */\nexport type PendingGate = { status: 'loading' } | { status: 'unsupported-filter'; unsupportedFields: string[] };\n\n/** The page filters `queries` can't apply; `undefined` when they apply them all. */\nexport type BlockedFields = (queries: DashboardQuery[]) => string[] | undefined;\n\ntype GateProps = {\n  queries: DashboardQuery[];\n  /** Rendered with the page context once every query can run. */\n  children: (page: DashboardPageContext, blocked: BlockedFields) => ReactNode;\n  /** Rendered while a gate isn't ready; a server without the aggregates renders nothing. */\n  pending: (gate: PendingGate) => ReactNode;\n  /**\n   * Renders `children` even when a page filter can't apply, for widgets whose views each say so on\n   * their own (a table's tabs); they check `blocked`.\n   */\n  partial?: boolean;\n};\n\nconst sourcesOf = (queries: DashboardQuery[]) => new Set(queries.map(aggregateSource));\n\n/**\n * The page context for a widget's queries. Metrics and scores answer every filter; queries with trace\n * or span aggregates wait on their gates, as the cards built on them do.\n */\nexport function ViewGate(props: GateProps) {\n  const sources = sourcesOf(props.queries);\n  if (sources.has('trace') || sources.has('span')) return <AggregateGate {...props} />;\n  return <MetricsOnly {...props} />;\n}\n\nconst noneBlocked: BlockedFields = () => undefined;\n\nfunction MetricsOnly({ children }: GateProps) {\n  const { filters, timestamp } = useMetricsFilters();\n  return children({ window: timestamp, filters }, noneBlocked);\n}\n\nfunction AggregateGate({ queries, children, pending, partial }: GateProps) {\n  const { filters, timestamp } = useMetricsFilters();\n  const traceGate = useTraceAggregateGate();\n  const spanGate = useSpanAggregateGate();\n  const gatesOf = (qs: DashboardQuery[]) => {\n    const sources = sourcesOf(qs);\n    return [...(sources.has('trace') ? [traceGate] : []), ...(sources.has('span') ? [spanGate] : [])];\n  };\n  const blocked: BlockedFields = qs => {\n    const fields = gatesOf(qs).flatMap(g => (g.status === 'unsupported-filter' ? g.unsupportedFields : []));\n    return fields.length ? [...new Set(fields)] : undefined;\n  };\n\n  const gates = gatesOf(queries);\n  if (gates.some(g => g.status === 'unavailable')) return null;\n  if (gates.some(g => g.status === 'loading')) return pending({ status: 'loading' });\n  const unsupportedFields = blocked(queries);\n  if (unsupportedFields && !partial) return pending({ status: 'unsupported-filter', unsupportedFields });\n\n  return children(\n    {\n      window: timestamp,\n      filters,\n      traceWhere: traceGate.status === 'ready' ? traceGate.scope.where : undefined,\n      spanWhere: spanGate.status === 'ready' ? spanGate.scope.where : undefined,\n    },\n    blocked,\n  );\n}\n"],"mappings":";;;;;;AA2BA,IAAM,aAAa,YAA8B,IAAI,IAAI,QAAQ,IAAI,eAAe,CAAC;;;;;AAMrF,SAAgB,SAAS,OAAkB;CACzC,MAAM,UAAU,UAAU,MAAM,OAAO;CACvC,IAAI,QAAQ,IAAI,OAAO,KAAK,QAAQ,IAAI,MAAM,GAAG,OAAO,oBAAC,eAAD,EAAe,GAAI,MAAQ,CAAA;CACnF,OAAO,oBAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;AAClC;AAEA,IAAM,oBAAmC,KAAA;AAEzC,SAAS,YAAY,EAAE,YAAuB;CAC5C,MAAM,EAAE,SAAS,cAAc,kBAAkB;CACjD,OAAO,SAAS;EAAE,QAAQ;EAAW;CAAQ,GAAG,WAAW;AAC7D;AAEA,SAAS,cAAc,EAAE,SAAS,UAAU,SAAS,WAAsB;CACzE,MAAM,EAAE,SAAS,cAAc,kBAAkB;CACjD,MAAM,YAAY,sBAAsB;CACxC,MAAM,WAAW,qBAAqB;CACtC,MAAM,WAAW,OAAyB;EACxC,MAAM,UAAU,UAAU,EAAE;EAC5B,OAAO,CAAC,GAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,GAAI,GAAI,QAAQ,IAAI,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAE;CAClG;CACA,MAAM,WAAyB,OAAM;EACnC,MAAM,SAAS,QAAQ,EAAE,CAAC,CAAC,SAAQ,MAAM,EAAE,WAAW,uBAAuB,EAAE,oBAAoB,CAAC,CAAE;EACtG,OAAO,OAAO,SAAS,CAAC,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI,KAAA;CAChD;CAEA,MAAM,QAAQ,QAAQ,OAAO;CAC7B,IAAI,MAAM,MAAK,MAAK,EAAE,WAAW,aAAa,GAAG,OAAO;CACxD,IAAI,MAAM,MAAK,MAAK,EAAE,WAAW,SAAS,GAAG,OAAO,QAAQ,EAAE,QAAQ,UAAU,CAAC;CACjF,MAAM,oBAAoB,QAAQ,OAAO;CACzC,IAAI,qBAAqB,CAAC,SAAS,OAAO,QAAQ;EAAE,QAAQ;EAAsB;CAAkB,CAAC;CAErG,OAAO,SACL;EACE,QAAQ;EACR;EACA,YAAY,UAAU,WAAW,UAAU,UAAU,MAAM,QAAQ,KAAA;EACnE,WAAW,SAAS,WAAW,UAAU,SAAS,MAAM,QAAQ,KAAA;CAClE,GACA,OACF;AACF"}
+{"version":3,"file":"view-gate.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/view-gate.tsx"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport type { ReactNode } from 'react';\nimport { useDashboardEnvironment, useMetricsEnvironment } from '../hooks/use-dashboard-environment';\nimport { needsAggregates, widgetGate } from '../lib/gate';\nimport type { BlockedFields, DashboardEnvironment, PendingGate } from '../lib/gate';\nimport type { DashboardPageContext } from '../lib/requests';\n\nexport type { BlockedFields, PendingGate } from '../lib/gate';\n\ntype GateProps = {\n  queries: DashboardQuery[];\n  /** Rendered with the page context once every query can run. */\n  children: (page: DashboardPageContext, blocked: BlockedFields) => ReactNode;\n  /** Rendered while a gate isn't ready; a server without the aggregates renders nothing. */\n  pending: (gate: PendingGate) => ReactNode;\n  /**\n   * Renders `children` even when a page filter can't apply, for widgets whose views each say so on\n   * their own (a table's tabs); they check `blocked`.\n   */\n  partial?: boolean;\n};\n\n/**\n * The page context for a widget's queries. Metrics and scores answer every filter; queries with trace\n * or span aggregates wait on their gates, as the cards built on them do.\n */\nexport function ViewGate(props: GateProps) {\n  return needsAggregates(props.queries) ? <AggregateGate {...props} /> : <MetricsOnly {...props} />;\n}\n\nfunction MetricsOnly(props: GateProps) {\n  return <Gate {...props} env={useMetricsEnvironment()} />;\n}\n\nfunction AggregateGate(props: GateProps) {\n  return <Gate {...props} env={useDashboardEnvironment()} />;\n}\n\nfunction Gate({ queries, children, pending, partial, env }: GateProps & { env: DashboardEnvironment }) {\n  const gate = widgetGate(queries, env, { partial });\n  if (gate.status === 'hidden') return null;\n  if (gate.status === 'pending') return pending(gate.gate);\n  return children(gate.page, gate.blocked);\n}\n"],"mappings":";;;;;;;;AA0BA,SAAgB,SAAS,OAAkB;CACzC,OAAO,gBAAgB,MAAM,OAAO,IAAI,oBAAC,eAAD,EAAe,GAAI,MAAQ,CAAA,IAAI,oBAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;AAClG;AAEA,SAAS,YAAY,OAAkB;CACrC,OAAO,oBAAC,MAAD;EAAM,GAAI;EAAO,KAAK,sBAAsB;CAAI,CAAA;AACzD;AAEA,SAAS,cAAc,OAAkB;CACvC,OAAO,oBAAC,MAAD;EAAM,GAAI;EAAO,KAAK,wBAAwB;CAAI,CAAA;AAC3D;AAEA,SAAS,KAAK,EAAE,SAAS,UAAU,SAAS,SAAS,OAAkD;CACrG,MAAM,OAAO,WAAW,SAAS,KAAK,EAAE,QAAQ,CAAC;CACjD,IAAI,KAAK,WAAW,UAAU,OAAO;CACrC,IAAI,KAAK,WAAW,WAAW,OAAO,QAAQ,KAAK,IAAI;CACvD,OAAO,SAAS,KAAK,MAAM,KAAK,OAAO;AACzC"}

package/dist/domains/dashboards/components/widget-chrome.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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_chrome = require("../lib/chrome.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-CSJ4TsNq.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/components/widget-chrome.tsx
 /** A chart widget while its aggregate gates aren't ready, as `TraceAggregateCard` shows it. */

package/dist/domains/dashboards/components/widget-chrome.es.js

@@ -1,6 +1,6 @@
-import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { ChartCard } from "../../metrics/components/chart-card.es.js";
 import { unsupportedMessage } from "../lib/chrome.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-D6bQfynP.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/components/widget-chrome.tsx
 /** A chart widget while its aggregate gates aren't ready, as `TraceAggregateCard` shows it. */