@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

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

@@ -0,0 +1,44 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+let react_jsx_runtime = require("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.
+*/
+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"
+};
+/** One dashboard row: its own grid, so a short row never pulls widgets up from the next. */
+function DashboardGridRow({ children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "grid gap-4 @3xl:grid-cols-12",
+		children
+	});
+}
+/** A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. */
+function DashboardGridCell({ span, id, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-widget-id": id,
+		"data-span": span,
+		className: require_utils.cn("min-w-0 *:w-full *:min-w-0!", SPAN_CLASSES[span]),
+		children
+	});
+}
+/** The dashboard's rows, sized by the container's width rather than the viewport's. */
+function DashboardGrid({ children, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_utils.cn("@container flex flex-col gap-4", className),
+		children
+	});
+}
+exports.DashboardGrid = DashboardGrid;
+exports.DashboardGridCell = DashboardGridCell;
+exports.DashboardGridRow = DashboardGridRow;
+
+//# sourceMappingURL=dashboard-grid.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-grid.cjs.js","names":["cn"],"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,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAgC;CAAc,CAAA;AACtE;;AAGA,SAAgB,kBAAkB,EAAE,MAAM,IAAI,YAAuE;CACnH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,kBAAgB;EAAI,aAAW;EAAM,WAAWA,cAAAA,GAAG,+BAA+B,aAAa,KAAK;EACtG;CACE,CAAA;AAET;;AAGA,SAAgB,cAAc,EAAE,UAAU,aAA0D;CAClG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAWA,cAAAA,GAAG,kCAAkC,SAAS;EAAI;CAAc,CAAA;AACzF"}

package/dist/domains/dashboards/components/dashboard-grid.d.ts

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

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

@@ -0,0 +1,41 @@
+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.
+*/
+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"
+};
+/** One dashboard row: its own grid, so a short row never pulls widgets up from the next. */
+function DashboardGridRow({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid gap-4 @3xl:grid-cols-12",
+		children
+	});
+}
+/** A grid cell; the grid owns the width, so a card's own `min-w-*` is neutralised. */
+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]),
+		children
+	});
+}
+/** The dashboard's rows, sized by the container's width rather than the viewport's. */
+function DashboardGrid({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("@container flex flex-col gap-4", className),
+		children
+	});
+}
+export { DashboardGrid, DashboardGridCell, DashboardGridRow };
+
+//# sourceMappingURL=dashboard-grid.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,72 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ErrorBoundary = require("../../../ErrorBoundary-Bm0LL_b7.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-CEB-f2sv.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_widget_error = require("./widget-error.cjs.js");
+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
+/** Whether a stored widget's `span` is one the grid lays out. */
+var isDashboardSpan = (span) => _mastra_core_storage_dashboards.DASHBOARD_WIDGET_SPANS.some((s) => s === span);
+var isShown = (cell) => cell.prepared.ok !== "hidden";
+var spanOf = (widget) => isDashboardSpan(widget.span) ? widget.span : 12;
+/**
+* Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which
+* 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, kinds = [], className }) {
+	const { datePreset, customRange, filterTokens } = require_domains_metrics_hooks_use_metrics.useMetrics();
+	const pageKey = JSON.stringify([
+		datePreset,
+		customRange,
+		filterTokens
+	]);
+	const registry = new Map([...require_domains_dashboards_kinds.BUILT_IN_WIDGET_KINDS, ...kinds].map((k) => [k.kind, k]));
+	const envelope = _mastra_core_storage_dashboards.dashboardDefinitionEnvelopeSchema.safeParse(definition);
+	if (!envelope.success) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Error, { message: `This dashboard can't be shown. ${require_domains_dashboards_lib_prepare_widget.describeIssue(envelope.error.issues[0])}` });
+	const { rows } = (0, _mastra_core_storage_dashboards.migrateDashboardDefinition)(envelope.data);
+	const shown = rows.map((row, rowIndex) => ({
+		rowIndex,
+		widgets: row.widgets.map((widget) => ({
+			widget,
+			prepared: require_domains_dashboards_lib_prepare_widget.prepareWidget(widget, registry, scope)
+		})).filter(isShown)
+	})).filter((row) => row.widgets.length > 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_dashboard_grid.DashboardGrid, {
+		className,
+		children: shown.map(({ rowIndex, widgets }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_dashboard_grid.DashboardGridRow, { children: widgets.map(({ widget, prepared }) => {
+			const heading = {
+				id: widget.id,
+				title: typeof widget.title === "string" ? widget.title : void 0
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_dashboard_grid.DashboardGridCell, {
+				id: widget.id,
+				span: spanOf(widget),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ErrorBoundary.ErrorBoundary, {
+					resetKeys: [pageKey, JSON.stringify(widget)],
+					variant: "inline",
+					fallback: ({ error }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_error.WidgetError, {
+						widget: heading,
+						message: error.message
+					}),
+					children: prepared.ok ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(prepared.kind.component, {
+						widget: prepared.widget,
+						views: prepared.views,
+						scope,
+						onDrilldown
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_error.WidgetError, {
+						widget: heading,
+						message: prepared.message
+					})
+				})
+			}, widget.id);
+		}) }, rowIndex))
+	});
+}
+exports.DashboardRenderer = DashboardRenderer;
+
+//# sourceMappingURL=dashboard-renderer.cjs.js.map

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

@@ -0,0 +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 } 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  /** 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({ definition, scope, onDrilldown, kinds = [], className }: 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                    />\n                  ) : (\n                    <WidgetError widget={heading} message={prepared.message} />\n                  )}\n                </ErrorBoundary>\n              </DashboardGridCell>\n            );\n          })}\n        </DashboardGridRow>\n      ))}\n    </DashboardGrid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,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,EAAE,YAAY,OAAO,aAAa,QAAQ,CAAC,GAAG,aAAqC;CAEnH,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;KACd,CAAA,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACA,mDAAAA,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;KAAU,CAAA;IAE/C,CAAA;GACE,GAjBK,OAAO,EAiBZ;EAEvB,CAAC,EACe,GAzBK,QAyBL,CACnB;CACY,CAAA;AAEnB"}

package/dist/domains/dashboards/components/dashboard-renderer.d.ts

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

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

@@ -0,0 +1,71 @@
+import { t as ErrorBoundary } from "../../../ErrorBoundary-95_6A77S.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-M8awJ2B_.js";
+import { BUILT_IN_WIDGET_KINDS } from "../kinds.es.js";
+import { describeIssue, prepareWidget } from "../lib/prepare-widget.es.js";
+import { WidgetError } from "./widget-error.es.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
+/** Whether a stored widget's `span` is one the grid lays out. */
+var isDashboardSpan = (span) => DASHBOARD_WIDGET_SPANS.some((s) => s === span);
+var isShown = (cell) => cell.prepared.ok !== "hidden";
+var spanOf = (widget) => isDashboardSpan(widget.span) ? widget.span : 12;
+/**
+* Lays a dashboard definition out on a 12-column grid inside the page's `MetricsProvider`, which
+* 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, kinds = [], className }) {
+	const { datePreset, customRange, filterTokens } = useMetrics();
+	const pageKey = JSON.stringify([
+		datePreset,
+		customRange,
+		filterTokens
+	]);
+	const registry = new Map([...BUILT_IN_WIDGET_KINDS, ...kinds].map((k) => [k.kind, k]));
+	const envelope = dashboardDefinitionEnvelopeSchema.safeParse(definition);
+	if (!envelope.success) return /* @__PURE__ */ jsx(MetricsCard.Error, { message: `This dashboard can't be shown. ${describeIssue(envelope.error.issues[0])}` });
+	const { rows } = migrateDashboardDefinition(envelope.data);
+	const shown = rows.map((row, rowIndex) => ({
+		rowIndex,
+		widgets: row.widgets.map((widget) => ({
+			widget,
+			prepared: prepareWidget(widget, registry, scope)
+		})).filter(isShown)
+	})).filter((row) => row.widgets.length > 0);
+	return /* @__PURE__ */ jsx(DashboardGrid, {
+		className,
+		children: shown.map(({ rowIndex, widgets }) => /* @__PURE__ */ jsx(DashboardGridRow, { children: widgets.map(({ widget, prepared }) => {
+			const heading = {
+				id: widget.id,
+				title: typeof widget.title === "string" ? widget.title : void 0
+			};
+			return /* @__PURE__ */ jsx(DashboardGridCell, {
+				id: widget.id,
+				span: spanOf(widget),
+				children: /* @__PURE__ */ jsx(ErrorBoundary, {
+					resetKeys: [pageKey, JSON.stringify(widget)],
+					variant: "inline",
+					fallback: ({ error }) => /* @__PURE__ */ jsx(WidgetError, {
+						widget: heading,
+						message: error.message
+					}),
+					children: prepared.ok ? /* @__PURE__ */ jsx(prepared.kind.component, {
+						widget: prepared.widget,
+						views: prepared.views,
+						scope,
+						onDrilldown
+					}) : /* @__PURE__ */ jsx(WidgetError, {
+						widget: heading,
+						message: prepared.message
+					})
+				})
+			}, widget.id);
+		}) }, rowIndex))
+	});
+}
+export { DashboardRenderer };
+
+//# sourceMappingURL=dashboard-renderer.es.js.map

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

@@ -0,0 +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 } 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  /** 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({ definition, scope, onDrilldown, kinds = [], className }: 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                    />\n                  ) : (\n                    <WidgetError widget={heading} message={prepared.message} />\n                  )}\n                </ErrorBoundary>\n              </DashboardGridCell>\n            );\n          })}\n        </DashboardGridRow>\n      ))}\n    </DashboardGrid>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA8BA,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,EAAE,YAAY,OAAO,aAAa,QAAQ,CAAC,GAAG,aAAqC;CAEnH,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;KACd,CAAA,IAED,oBAAC,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;KAAU,CAAA;IAE/C,CAAA;GACE,GAjBK,OAAO,EAiBZ;EAEvB,CAAC,EACe,GAzBK,QAyBL,CACnB;CACY,CAAA;AAEnB"}

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

@@ -0,0 +1,55 @@
+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");
+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 });
+}
+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 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
+	});
+	return children({
+		window: timestamp,
+		filters,
+		traceWhere: traceGate.status === "ready" ? traceGate.scope.where : void 0,
+		spanWhere: spanGate.status === "ready" ? spanGate.scope.where : void 0
+	}, blocked);
+}
+exports.ViewGate = ViewGate;
+
+//# sourceMappingURL=view-gate.cjs.js.map

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

@@ -0,0 +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"}

package/dist/domains/dashboards/components/view-gate.d.ts

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

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

@@ -0,0 +1,54 @@
+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 { 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 });
+}
+var noneBlocked = () => void 0;
+function MetricsOnly({ children }) {
+	const { filters, timestamp } = useMetricsFilters();
+	return children({
+		window: timestamp,
+		filters
+	}, noneBlocked);
+}
+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
+	});
+	return children({
+		window: timestamp,
+		filters,
+		traceWhere: traceGate.status === "ready" ? traceGate.scope.where : void 0,
+		spanWhere: spanGate.status === "ready" ? spanGate.scope.where : void 0
+	}, blocked);
+}
+export { ViewGate };
+
+//# sourceMappingURL=view-gate.es.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_domains_metrics_components_chart_card = require("../../metrics/components/chart-card.cjs.js");
+const require_domains_dashboards_lib_chrome = require("../lib/chrome.cjs.js");
+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. */
+function PendingChartCard({ gate, heading }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
+		...heading,
+		children: gate.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Loading, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.NoData, { message: require_domains_dashboards_lib_chrome.unsupportedMessage(gate.unsupportedFields) })
+	});
+}
+exports.PendingChartCard = PendingChartCard;
+
+//# sourceMappingURL=widget-chrome.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-chrome.cjs.js","names":["ChartCard","MetricsCard","unsupportedMessage"],"sources":["../../../../src/domains/dashboards/components/widget-chrome.tsx"],"sourcesContent":["import { ChartCard } from '../../metrics/components/chart-card';\nimport { unsupportedMessage } from '../lib/chrome';\nimport type { ViewHeading } from '../lib/chrome';\nimport type { PendingGate } from './view-gate';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/** A chart widget while its aggregate gates aren't ready, as `TraceAggregateCard` shows it. */\nexport function PendingChartCard({ gate, heading }: { gate: PendingGate; heading: ViewHeading }) {\n  return (\n    <ChartCard {...heading}>\n      {gate.status === 'loading' ? (\n        <MetricsCard.Loading />\n      ) : (\n        <MetricsCard.NoData message={unsupportedMessage(gate.unsupportedFields)} />\n      )}\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,iBAAiB,EAAE,MAAM,WAAwD;CAC/F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,8CAAAA,WAAD;EAAW,GAAI;EACZ,UAAA,KAAK,WAAW,YACf,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,SAAb,CAAsB,CAAA,IAEtB,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,YAAY,QAAb,EAAoB,SAASC,sCAAAA,mBAAmB,KAAK,iBAAiB,EAAI,CAAA;CAEnE,CAAA;AAEf"}

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

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

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

@@ -0,0 +1,15 @@
+import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { ChartCard } from "../../metrics/components/chart-card.es.js";
+import { unsupportedMessage } from "../lib/chrome.es.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. */
+function PendingChartCard({ gate, heading }) {
+	return /* @__PURE__ */ jsx(ChartCard, {
+		...heading,
+		children: gate.status === "loading" ? /* @__PURE__ */ jsx(MetricsCard.Loading, {}) : /* @__PURE__ */ jsx(MetricsCard.NoData, { message: unsupportedMessage(gate.unsupportedFields) })
+	});
+}
+export { PendingChartCard };
+
+//# sourceMappingURL=widget-chrome.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-chrome.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-chrome.tsx"],"sourcesContent":["import { ChartCard } from '../../metrics/components/chart-card';\nimport { unsupportedMessage } from '../lib/chrome';\nimport type { ViewHeading } from '../lib/chrome';\nimport type { PendingGate } from './view-gate';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/** A chart widget while its aggregate gates aren't ready, as `TraceAggregateCard` shows it. */\nexport function PendingChartCard({ gate, heading }: { gate: PendingGate; heading: ViewHeading }) {\n  return (\n    <ChartCard {...heading}>\n      {gate.status === 'loading' ? (\n        <MetricsCard.Loading />\n      ) : (\n        <MetricsCard.NoData message={unsupportedMessage(gate.unsupportedFields)} />\n      )}\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAgB,iBAAiB,EAAE,MAAM,WAAwD;CAC/F,OACE,oBAAC,WAAD;EAAW,GAAI;EACZ,UAAA,KAAK,WAAW,YACf,oBAAC,YAAY,SAAb,CAAsB,CAAA,IAEtB,oBAAC,YAAY,QAAb,EAAoB,SAAS,mBAAmB,KAAK,iBAAiB,EAAI,CAAA;CAEnE,CAAA;AAEf"}

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

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_lib_definition = require("../lib/definition.cjs.js");
+const require_domains_metrics_components_card_action_buttons = require("../../metrics/components/card-action-buttons.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/components/widget-controls.tsx
+/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */
+function DrilldownAction({ widget, view, onDrilldown }) {
+	const { action } = require_domains_dashboards_lib_definition.viewDrilldown(widget, view);
+	if (!onDrilldown || !action) return null;
+	const scope = require_domains_dashboards_lib_definition.targetScope(action);
+	const open = () => onDrilldown(action.page, scope);
+	switch (action.page) {
+		case "traces": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenInTracesButton, { onClick: open });
+		case "spans": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenInSpansButton, { onClick: open });
+		case "threads": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenInThreadsButton, { onClick: open });
+		case "logs": return scope.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenErrorsInLogsButton, { onClick: open }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenInLogsButton, { onClick: open });
+	}
+}
+exports.DrilldownAction = DrilldownAction;
+
+//# sourceMappingURL=widget-controls.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-controls.cjs.js","names":["viewDrilldown","targetScope","OpenInTracesButton","OpenInSpansButton","OpenInThreadsButton","OpenErrorsInLogsButton","OpenInLogsButton"],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":";;;;;;AAYA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAWA,0CAAAA,cAAc,QAAQ,IAAI;CAC7C,IAAI,CAAC,eAAe,CAAC,QAAQ,OAAO;CACpC,MAAM,QAAQC,0CAAAA,YAAY,MAAM;CAChC,MAAM,aAAa,YAAY,OAAO,MAAM,KAAK;CACjD,QAAQ,OAAO,MAAf;EACE,KAAK,UACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD,EAAoB,SAAS,KAAO,CAAA;EAC7C,KAAK,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,mBAAD,EAAmB,SAAS,KAAO,CAAA;EAC5C,KAAK,WACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,qBAAD,EAAqB,SAAS,KAAO,CAAA;EAC9C,KAAK,QACH,OAAO,MAAM,WAAW,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,wBAAD,EAAwB,SAAS,KAAO,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,kBAAD,EAAkB,SAAS,KAAO,CAAA;CACpH;AACF"}

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

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

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

@@ -0,0 +1,20 @@
+import { targetScope, viewDrilldown } from "../lib/definition.es.js";
+import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "../../metrics/components/card-action-buttons.es.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/dashboards/components/widget-controls.tsx
+/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */
+function DrilldownAction({ widget, view, onDrilldown }) {
+	const { action } = viewDrilldown(widget, view);
+	if (!onDrilldown || !action) return null;
+	const scope = targetScope(action);
+	const open = () => onDrilldown(action.page, scope);
+	switch (action.page) {
+		case "traces": return /* @__PURE__ */ jsx(OpenInTracesButton, { onClick: open });
+		case "spans": return /* @__PURE__ */ jsx(OpenInSpansButton, { onClick: open });
+		case "threads": return /* @__PURE__ */ jsx(OpenInThreadsButton, { onClick: open });
+		case "logs": return scope.status === "error" ? /* @__PURE__ */ jsx(OpenErrorsInLogsButton, { onClick: open }) : /* @__PURE__ */ jsx(OpenInLogsButton, { onClick: open });
+	}
+}
+export { DrilldownAction };
+
+//# sourceMappingURL=widget-controls.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-controls.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAW,cAAc,QAAQ,IAAI;CAC7C,IAAI,CAAC,eAAe,CAAC,QAAQ,OAAO;CACpC,MAAM,QAAQ,YAAY,MAAM;CAChC,MAAM,aAAa,YAAY,OAAO,MAAM,KAAK;CACjD,QAAQ,OAAO,MAAf;EACE,KAAK,UACH,OAAO,oBAAC,oBAAD,EAAoB,SAAS,KAAO,CAAA;EAC7C,KAAK,SACH,OAAO,oBAAC,mBAAD,EAAmB,SAAS,KAAO,CAAA;EAC5C,KAAK,WACH,OAAO,oBAAC,qBAAD,EAAqB,SAAS,KAAO,CAAA;EAC9C,KAAK,QACH,OAAO,MAAM,WAAW,UAAU,oBAAC,wBAAD,EAAwB,SAAS,KAAO,CAAA,IAAI,oBAAC,kBAAD,EAAkB,SAAS,KAAO,CAAA;CACpH;AACF"}

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

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_domains_metrics_components_chart_card = require("../../metrics/components/chart-card.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/dashboards/components/widget-error.tsx
+/** A widget that can't render: its own card, so the rest of the dashboard still does. */
+function WidgetError({ widget, message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
+		title: widget.title ?? widget.id,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Error, {
+			message,
+			className: "h-full"
+		})
+	});
+}
+exports.WidgetError = WidgetError;
+
+//# sourceMappingURL=widget-error.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-error.cjs.js","names":["ChartCard","MetricsCard"],"sources":["../../../../src/domains/dashboards/components/widget-error.tsx"],"sourcesContent":["import type { DashboardWidget } from '@mastra/client-js';\nimport { ChartCard } from '../../metrics/components/chart-card';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/** A widget that can't render: its own card, so the rest of the dashboard still does. */\nexport function WidgetError({ widget, message }: { widget: Pick<DashboardWidget, 'id' | 'title'>; message: string }) {\n  return (\n    <ChartCard title={widget.title ?? widget.id}>\n      <MetricsCard.Error message={message} className=\"h-full\" />\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,YAAY,EAAE,QAAQ,WAA+E;CACnH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,8CAAAA,WAAD;EAAW,OAAO,OAAO,SAAS,OAAO;EACvC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,OAAb;GAA4B;GAAS,WAAU;EAAU,CAAA;CAChD,CAAA;AAEf"}

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

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

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

@@ -0,0 +1,17 @@
+import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { ChartCard } from "../../metrics/components/chart-card.es.js";
+import { jsx } from "react/jsx-runtime";
+// src/domains/dashboards/components/widget-error.tsx
+/** A widget that can't render: its own card, so the rest of the dashboard still does. */
+function WidgetError({ widget, message }) {
+	return /* @__PURE__ */ jsx(ChartCard, {
+		title: widget.title ?? widget.id,
+		children: /* @__PURE__ */ jsx(MetricsCard.Error, {
+			message,
+			className: "h-full"
+		})
+	});
+}
+export { WidgetError };
+
+//# sourceMappingURL=widget-error.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-error.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-error.tsx"],"sourcesContent":["import type { DashboardWidget } from '@mastra/client-js';\nimport { ChartCard } from '../../metrics/components/chart-card';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/** A widget that can't render: its own card, so the rest of the dashboard still does. */\nexport function WidgetError({ widget, message }: { widget: Pick<DashboardWidget, 'id' | 'title'>; message: string }) {\n  return (\n    <ChartCard title={widget.title ?? widget.id}>\n      <MetricsCard.Error message={message} className=\"h-full\" />\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,YAAY,EAAE,QAAQ,WAA+E;CACnH,OACE,oBAAC,WAAD;EAAW,OAAO,OAAO,SAAS,OAAO;EACvC,UAAA,oBAAC,YAAY,OAAb;GAA4B;GAAS,WAAU;EAAU,CAAA;CAChD,CAAA;AAEf"}