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

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

@@ -1,10 +1,10 @@
-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-M8awJ2B_.js";
 import { BUILT_IN_WIDGET_KINDS } from "../kinds.es.js";
 import { describeIssue, prepareWidget } from "../lib/prepare-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-kAqSCPPe.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 +17,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, kinds = [], className }) {
+function DashboardRenderer({ definition, scope, onDrilldown, expand, kinds = [], dragHandle, onPin, isPinned, className }) {
 	const { datePreset, customRange, filterTokens } = useMetrics();
 	const pageKey = JSON.stringify([
 		datePreset,
@@ -42,6 +42,12 @@ function DashboardRenderer({ definition, scope, onDrilldown, kinds = [], classNa
 				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: (next) => onPin(prepared.widget, next),
+				name: prepared.widget.title?.trim() || "widget"
+			} : void 0;
 			return /* @__PURE__ */ jsx(DashboardGridCell, {
 				id: widget.id,
 				span: spanOf(widget),
@@ -50,16 +56,22 @@ function DashboardRenderer({ definition, scope, onDrilldown, kinds = [], classNa
 					variant: "inline",
 					fallback: ({ error }) => /* @__PURE__ */ jsx(WidgetError, {
 						widget: heading,
-						message: error.message
+						message: error.message,
+						dragHandle: handle,
+						pin
 					}),
 					children: prepared.ok ? /* @__PURE__ */ jsx(prepared.kind.component, {
 						widget: prepared.widget,
 						views: prepared.views,
 						scope,
-						onDrilldown
+						onDrilldown,
+						expand,
+						dragHandle: handle,
+						pin
 					}) : /* @__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 } 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"}
+{"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, 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';\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  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  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                ? {\n                    isPinned: isPinned(widget.id),\n                    onPin: (next: boolean) => onPin(prepared.widget, next),\n                    name: prepared.widget.title?.trim() || 'widget',\n                  }\n                : 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={pin} />\n                  )}\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                      dragHandle={handle}\n                      pin={pin}\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":";;;;;;;;;;;AAmDA,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,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;IACE,UAAU,SAAS,OAAO,EAAE;IAC5B,QAAQ,SAAkB,MAAM,SAAS,QAAQ,IAAI;IACrD,MAAM,SAAS,OAAO,OAAO,KAAK,KAAK;GACzC,IACA,KAAA;GACN,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;MAAa;KAAM,CAAA;KAGtF,UAAA,SAAS,KACR,oBAAC,SAAS,KAAK,WAAf;MACE,QAAQ,SAAS;MACjB,OAAO,SAAS;MACT;MACM;MACL;MACR,YAAY;MACP;KACN,CAAA,IAED,oBAAC,aAAD;MAAa,QAAQ;MAAS,SAAS,SAAS;MAAS,YAAY;KAAS,CAAA;IAEnE,CAAA;GACE,GAtBK,OAAO,EAsBZ;EAEvB,CAAC,EACe,GAxCK,QAwCL,CACnB;CACY,CAAA;AAEnB"}

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-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");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.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-M8awJ2B_.js";
 import { ChartCard } from "../../metrics/components/chart-card.es.js";
 import { unsupportedMessage } from "../lib/chrome.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.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. */

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

@@ -1,8 +1,22 @@
 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");
+const require_domains_dashboards_lib_definition = require("../lib/definition.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
 // src/domains/dashboards/components/widget-controls.tsx
+/** Pins or unpins the widget; it shows the host's state, not the click. */
+function PinAction({ isPinned, onPin, name }) {
+	const label = `${isPinned ? "Unpin" : "Pin"} ${name}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		"aria-label": label,
+		onClick: () => onPin(!isPinned),
+		children: isPinned ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PinOffIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PinIcon, {})
+	});
+}
 /** 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);
@@ -17,5 +31,6 @@ function DrilldownAction({ widget, view, onDrilldown }) {
 	}
 }
 exports.DrilldownAction = DrilldownAction;
+exports.PinAction = PinAction;
 
 //# sourceMappingURL=widget-controls.cjs.js.map

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

@@ -1 +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"}
+{"version":3,"file":"widget-controls.cjs.js","names":["Button","PinOffIcon","PinIcon","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 { PinIcon, PinOffIcon } from 'lucide-react';\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';\nimport type { WidgetPin } from '../widget-kind';\nimport { Button } from '@/ds/components/Button';\n\n/** Pins or unpins the widget; it shows the host's state, not the click. */\nexport function PinAction({ isPinned, onPin, name }: WidgetPin) {\n  const label = `${isPinned ? 'Unpin' : 'Pin'} ${name}`;\n  return (\n    <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label} onClick={() => onPin(!isPinned)}>\n      {isPinned ? <PinOffIcon /> : <PinIcon />}\n    </Button>\n  );\n}\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":";;;;;;;;AAeA,SAAgB,UAAU,EAAE,UAAU,OAAO,QAAmB;CAC9D,MAAM,QAAQ,GAAG,WAAW,UAAU,MAAM,GAAG;CAC/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAU,SAAS;EAAO,cAAY;EAAO,eAAe,MAAM,CAAC,QAAQ;EACrG,UAAA,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD,CAAa,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,SAAD,CAAU,CAAA;CACjC,CAAA;AAEZ;;AAGA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAWC,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.es.js

@@ -1,7 +1,21 @@
-import { targetScope, viewDrilldown } from "../lib/definition.es.js";
 import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "../../metrics/components/card-action-buttons.es.js";
+import { targetScope, viewDrilldown } from "../lib/definition.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { jsx } from "react/jsx-runtime";
+import { PinIcon, PinOffIcon } from "lucide-react";
 // src/domains/dashboards/components/widget-controls.tsx
+/** Pins or unpins the widget; it shows the host's state, not the click. */
+function PinAction({ isPinned, onPin, name }) {
+	const label = `${isPinned ? "Unpin" : "Pin"} ${name}`;
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		"aria-label": label,
+		onClick: () => onPin(!isPinned),
+		children: isPinned ? /* @__PURE__ */ jsx(PinOffIcon, {}) : /* @__PURE__ */ jsx(PinIcon, {})
+	});
+}
 /** 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);
@@ -15,6 +29,6 @@ function DrilldownAction({ widget, view, onDrilldown }) {
 		case "logs": return scope.status === "error" ? /* @__PURE__ */ jsx(OpenErrorsInLogsButton, { onClick: open }) : /* @__PURE__ */ jsx(OpenInLogsButton, { onClick: open });
 	}
 }
-export { DrilldownAction };
+export { DrilldownAction, PinAction };
 
 //# sourceMappingURL=widget-controls.es.js.map

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

@@ -1 +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"}
+{"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 { PinIcon, PinOffIcon } from 'lucide-react';\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';\nimport type { WidgetPin } from '../widget-kind';\nimport { Button } from '@/ds/components/Button';\n\n/** Pins or unpins the widget; it shows the host's state, not the click. */\nexport function PinAction({ isPinned, onPin, name }: WidgetPin) {\n  const label = `${isPinned ? 'Unpin' : 'Pin'} ${name}`;\n  return (\n    <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label} onClick={() => onPin(!isPinned)}>\n      {isPinned ? <PinOffIcon /> : <PinIcon />}\n    </Button>\n  );\n}\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":";;;;;;;AAeA,SAAgB,UAAU,EAAE,UAAU,OAAO,QAAmB;CAC9D,MAAM,QAAQ,GAAG,WAAW,UAAU,MAAM,GAAG;CAC/C,OACE,oBAAC,QAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAU,SAAS;EAAO,cAAY;EAAO,eAAe,MAAM,CAAC,QAAQ;EACrG,UAAA,WAAW,oBAAC,YAAD,CAAa,CAAA,IAAI,oBAAC,SAAD,CAAU,CAAA;CACjC,CAAA;AAEZ;;AAGA,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

@@ -1,12 +1,15 @@
 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_pin_actions = require("../lib/pin-actions.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
 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 }) {
+/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */
+function WidgetError({ widget, message, dragHandle, pin }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
 		title: widget.title ?? widget.id,
+		dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(pin),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Error, {
 			message,
 			className: "h-full"

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

@@ -1 +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"}
+{"version":3,"file":"widget-error.cjs.js","names":["ChartCard","pinActions","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 { pinActions } from '../lib/pin-actions';\nimport type { WidgetPin } from '../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\n/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */\nexport function WidgetError({\n  widget,\n  message,\n  dragHandle,\n  pin,\n}: {\n  widget: Pick<DashboardWidget, 'id' | 'title'>;\n  message: string;\n  dragHandle?: MetricsCardDragHandleProps;\n  /** So a widget that broke after it was pinned can still be unpinned. */\n  pin?: WidgetPin;\n}) {\n  return (\n    <ChartCard title={widget.title ?? widget.id} dragHandle={dragHandle} {...pinActions(pin)}>\n      <MetricsCard.Error message={message} className=\"h-full\" />\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,YAAY,EAC1B,QACA,SACA,YACA,OAOC;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,8CAAAA,WAAD;EAAW,OAAO,OAAO,SAAS,OAAO;EAAgB;EAAY,GAAIC,2CAAAA,WAAW,GAAG;EACrF,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,OAAb;GAA4B;GAAS,WAAU;EAAU,CAAA;CAChD,CAAA;AAEf"}

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

@@ -1,11 +1,14 @@
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
 import { ChartCard } from "../../metrics/components/chart-card.es.js";
+import { pinActions } from "../lib/pin-actions.es.js";
+import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.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 }) {
+/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */
+function WidgetError({ widget, message, dragHandle, pin }) {
 	return /* @__PURE__ */ jsx(ChartCard, {
 		title: widget.title ?? widget.id,
+		dragHandle,
+		...pinActions(pin),
 		children: /* @__PURE__ */ jsx(MetricsCard.Error, {
 			message,
 			className: "h-full"

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

@@ -1 +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"}
+{"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 { pinActions } from '../lib/pin-actions';\nimport type { WidgetPin } from '../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\n/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */\nexport function WidgetError({\n  widget,\n  message,\n  dragHandle,\n  pin,\n}: {\n  widget: Pick<DashboardWidget, 'id' | 'title'>;\n  message: string;\n  dragHandle?: MetricsCardDragHandleProps;\n  /** So a widget that broke after it was pinned can still be unpinned. */\n  pin?: WidgetPin;\n}) {\n  return (\n    <ChartCard title={widget.title ?? widget.id} dragHandle={dragHandle} {...pinActions(pin)}>\n      <MetricsCard.Error message={message} className=\"h-full\" />\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,YAAY,EAC1B,QACA,SACA,YACA,OAOC;CACD,OACE,oBAAC,WAAD;EAAW,OAAO,OAAO,SAAS,OAAO;EAAgB;EAAY,GAAI,WAAW,GAAG;EACrF,UAAA,oBAAC,YAAY,OAAb;GAA4B;GAAS,WAAU;EAAU,CAAA;CAChD,CAAA;AAEf"}

package/dist/domains/dashboards/hooks/use-widget-views.cjs.js

@@ -5,16 +5,17 @@ let react = require("react");
 // src/domains/dashboards/hooks/use-widget-views.ts
 /**
 * The open view of a widget, `defaultIndex` until one is picked, and the card title for it
-* (`title`, and `titleMenu` with several views) to spread into `ChartCard`.
+* (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into
+* `ChartCard`.
 */
-function useViewMenu(widget, views, defaultIndex = 0) {
+function useViewMenu(widget, views, defaultIndex = 0, expand) {
 	const [chosen, choose] = (0, react.useState)();
 	const wanted = chosen ?? defaultIndex;
 	const index = views[wanted] ? wanted : 0;
 	return {
 		view: views[index] ?? views[0],
 		index,
-		heading: require_domains_dashboards_lib_chrome.viewTitle(widget, views, index, choose)
+		heading: require_domains_dashboards_lib_chrome.viewTitle(widget, views, index, choose, expand)
 	};
 }
 /** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */

package/dist/domains/dashboards/hooks/use-widget-views.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-widget-views.cjs.js","names":["useState","viewTitle","viewDrilldown","targetScope"],"sources":["../../../../src/domains/dashboards/hooks/use-widget-views.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { useState } from 'react';\nimport type { DrilldownScope } from '../../metrics/drilldown';\nimport { viewTitle } from '../lib/chrome';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { ResolvedView } from '../widget-kind';\n\nexport type Views<Options> = readonly [ResolvedView<Options>, ...ResolvedView<Options>[]];\n\n/**\n * The open view of a widget, `defaultIndex` until one is picked, and the card title for it\n * (`title`, and `titleMenu` with several views) to spread into `ChartCard`.\n */\nexport function useViewMenu<Options>(widget: DashboardWidget, views: Views<Options>, defaultIndex = 0) {\n  const [chosen, choose] = useState<number>();\n  const wanted = chosen ?? defaultIndex;\n  const index = views[wanted] ? wanted : 0;\n  return { view: views[index] ?? views[0], index, heading: viewTitle(widget, views, index, choose) };\n}\n\n/** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */\nexport function useDrilldown(\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) {\n  const { click } = viewDrilldown(widget, view);\n  if (!onDrilldown || !click) return undefined;\n  return (clicked: DrilldownScope) => onDrilldown(click.page, { ...targetScope(click), ...clicked });\n}\n\n/** Whether the view has an action button to show (`DrilldownAction`). */\nexport const hasDrilldownAction = (\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) => onDrilldown !== undefined && viewDrilldown(widget, view).action !== undefined;\n"],"mappings":";;;;;;;;;AAcA,SAAgB,YAAqB,QAAyB,OAAuB,eAAe,GAAG;CACrG,MAAM,CAAC,QAAQ,WAAA,GAAUA,MAAAA,SAAAA,CAAiB;CAC1C,MAAM,SAAS,UAAU;CACzB,MAAM,QAAQ,MAAM,UAAU,SAAS;CACvC,OAAO;EAAE,MAAM,MAAM,UAAU,MAAM;EAAI;EAAO,SAASC,sCAAAA,UAAU,QAAQ,OAAO,OAAO,MAAM;CAAE;AACnG;;AAGA,SAAgB,aACd,QACA,MACA,aACA;CACA,MAAM,EAAE,UAAUC,0CAAAA,cAAc,QAAQ,IAAI;CAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,OAAO,KAAA;CACnC,QAAQ,YAA4B,YAAY,MAAM,MAAM;EAAE,GAAGC,0CAAAA,YAAY,KAAK;EAAG,GAAG;CAAQ,CAAC;AACnG;;AAGA,IAAa,sBACX,QACA,MACA,gBACG,gBAAgB,KAAA,KAAaD,0CAAAA,cAAc,QAAQ,IAAI,CAAC,CAAC,WAAW,KAAA"}
+{"version":3,"file":"use-widget-views.cjs.js","names":["useState","viewTitle","viewDrilldown","targetScope"],"sources":["../../../../src/domains/dashboards/hooks/use-widget-views.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { useState } from 'react';\nimport type { DrilldownScope } from '../../metrics/drilldown';\nimport { viewTitle } from '../lib/chrome';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { DashboardExpand, ResolvedView } from '../widget-kind';\n\nexport type Views<Options> = readonly [ResolvedView<Options>, ...ResolvedView<Options>[]];\n\n/**\n * The open view of a widget, `defaultIndex` until one is picked, and the card title for it\n * (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into\n * `ChartCard`.\n */\nexport function useViewMenu<Options>(\n  widget: DashboardWidget,\n  views: Views<Options>,\n  defaultIndex = 0,\n  expand?: DashboardExpand,\n) {\n  const [chosen, choose] = useState<number>();\n  const wanted = chosen ?? defaultIndex;\n  const index = views[wanted] ? wanted : 0;\n  return { view: views[index] ?? views[0], index, heading: viewTitle(widget, views, index, choose, expand) };\n}\n\n/** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */\nexport function useDrilldown(\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) {\n  const { click } = viewDrilldown(widget, view);\n  if (!onDrilldown || !click) return undefined;\n  return (clicked: DrilldownScope) => onDrilldown(click.page, { ...targetScope(click), ...clicked });\n}\n\n/** Whether the view has an action button to show (`DrilldownAction`). */\nexport const hasDrilldownAction = (\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) => onDrilldown !== undefined && viewDrilldown(widget, view).action !== undefined;\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,YACd,QACA,OACA,eAAe,GACf,QACA;CACA,MAAM,CAAC,QAAQ,WAAA,GAAUA,MAAAA,SAAAA,CAAiB;CAC1C,MAAM,SAAS,UAAU;CACzB,MAAM,QAAQ,MAAM,UAAU,SAAS;CACvC,OAAO;EAAE,MAAM,MAAM,UAAU,MAAM;EAAI;EAAO,SAASC,sCAAAA,UAAU,QAAQ,OAAO,OAAO,QAAQ,MAAM;CAAE;AAC3G;;AAGA,SAAgB,aACd,QACA,MACA,aACA;CACA,MAAM,EAAE,UAAUC,0CAAAA,cAAc,QAAQ,IAAI;CAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,OAAO,KAAA;CACnC,QAAQ,YAA4B,YAAY,MAAM,MAAM;EAAE,GAAGC,0CAAAA,YAAY,KAAK;EAAG,GAAG;CAAQ,CAAC;AACnG;;AAGA,IAAa,sBACX,QACA,MACA,gBACG,gBAAgB,KAAA,KAAaD,0CAAAA,cAAc,QAAQ,IAAI,CAAC,CAAC,WAAW,KAAA"}

package/dist/domains/dashboards/hooks/use-widget-views.es.js

@@ -4,16 +4,17 @@ import { useState } from "react";
 // src/domains/dashboards/hooks/use-widget-views.ts
 /**
 * The open view of a widget, `defaultIndex` until one is picked, and the card title for it
-* (`title`, and `titleMenu` with several views) to spread into `ChartCard`.
+* (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into
+* `ChartCard`.
 */
-function useViewMenu(widget, views, defaultIndex = 0) {
+function useViewMenu(widget, views, defaultIndex = 0, expand) {
 	const [chosen, choose] = useState();
 	const wanted = chosen ?? defaultIndex;
 	const index = views[wanted] ? wanted : 0;
 	return {
 		view: views[index] ?? views[0],
 		index,
-		heading: viewTitle(widget, views, index, choose)
+		heading: viewTitle(widget, views, index, choose, expand)
 	};
 }
 /** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */

package/dist/domains/dashboards/hooks/use-widget-views.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-widget-views.es.js","names":[],"sources":["../../../../src/domains/dashboards/hooks/use-widget-views.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { useState } from 'react';\nimport type { DrilldownScope } from '../../metrics/drilldown';\nimport { viewTitle } from '../lib/chrome';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { ResolvedView } from '../widget-kind';\n\nexport type Views<Options> = readonly [ResolvedView<Options>, ...ResolvedView<Options>[]];\n\n/**\n * The open view of a widget, `defaultIndex` until one is picked, and the card title for it\n * (`title`, and `titleMenu` with several views) to spread into `ChartCard`.\n */\nexport function useViewMenu<Options>(widget: DashboardWidget, views: Views<Options>, defaultIndex = 0) {\n  const [chosen, choose] = useState<number>();\n  const wanted = chosen ?? defaultIndex;\n  const index = views[wanted] ? wanted : 0;\n  return { view: views[index] ?? views[0], index, heading: viewTitle(widget, views, index, choose) };\n}\n\n/** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */\nexport function useDrilldown(\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) {\n  const { click } = viewDrilldown(widget, view);\n  if (!onDrilldown || !click) return undefined;\n  return (clicked: DrilldownScope) => onDrilldown(click.page, { ...targetScope(click), ...clicked });\n}\n\n/** Whether the view has an action button to show (`DrilldownAction`). */\nexport const hasDrilldownAction = (\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) => onDrilldown !== undefined && viewDrilldown(widget, view).action !== undefined;\n"],"mappings":";;;;;;;;AAcA,SAAgB,YAAqB,QAAyB,OAAuB,eAAe,GAAG;CACrG,MAAM,CAAC,QAAQ,UAAU,SAAiB;CAC1C,MAAM,SAAS,UAAU;CACzB,MAAM,QAAQ,MAAM,UAAU,SAAS;CACvC,OAAO;EAAE,MAAM,MAAM,UAAU,MAAM;EAAI;EAAO,SAAS,UAAU,QAAQ,OAAO,OAAO,MAAM;CAAE;AACnG;;AAGA,SAAgB,aACd,QACA,MACA,aACA;CACA,MAAM,EAAE,UAAU,cAAc,QAAQ,IAAI;CAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,OAAO,KAAA;CACnC,QAAQ,YAA4B,YAAY,MAAM,MAAM;EAAE,GAAG,YAAY,KAAK;EAAG,GAAG;CAAQ,CAAC;AACnG;;AAGA,IAAa,sBACX,QACA,MACA,gBACG,gBAAgB,KAAA,KAAa,cAAc,QAAQ,IAAI,CAAC,CAAC,WAAW,KAAA"}
+{"version":3,"file":"use-widget-views.es.js","names":[],"sources":["../../../../src/domains/dashboards/hooks/use-widget-views.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { useState } from 'react';\nimport type { DrilldownScope } from '../../metrics/drilldown';\nimport { viewTitle } from '../lib/chrome';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { DashboardExpand, ResolvedView } from '../widget-kind';\n\nexport type Views<Options> = readonly [ResolvedView<Options>, ...ResolvedView<Options>[]];\n\n/**\n * The open view of a widget, `defaultIndex` until one is picked, and the card title for it\n * (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into\n * `ChartCard`.\n */\nexport function useViewMenu<Options>(\n  widget: DashboardWidget,\n  views: Views<Options>,\n  defaultIndex = 0,\n  expand?: DashboardExpand,\n) {\n  const [chosen, choose] = useState<number>();\n  const wanted = chosen ?? defaultIndex;\n  const index = views[wanted] ? wanted : 0;\n  return { view: views[index] ?? views[0], index, heading: viewTitle(widget, views, index, choose, expand) };\n}\n\n/** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */\nexport function useDrilldown(\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) {\n  const { click } = viewDrilldown(widget, view);\n  if (!onDrilldown || !click) return undefined;\n  return (clicked: DrilldownScope) => onDrilldown(click.page, { ...targetScope(click), ...clicked });\n}\n\n/** Whether the view has an action button to show (`DrilldownAction`). */\nexport const hasDrilldownAction = (\n  widget: DashboardWidget,\n  view: DashboardWidgetView,\n  onDrilldown: OnDashboardDrilldown | undefined,\n) => onDrilldown !== undefined && viewDrilldown(widget, view).action !== undefined;\n"],"mappings":";;;;;;;;;AAeA,SAAgB,YACd,QACA,OACA,eAAe,GACf,QACA;CACA,MAAM,CAAC,QAAQ,UAAU,SAAiB;CAC1C,MAAM,SAAS,UAAU;CACzB,MAAM,QAAQ,MAAM,UAAU,SAAS;CACvC,OAAO;EAAE,MAAM,MAAM,UAAU,MAAM;EAAI;EAAO,SAAS,UAAU,QAAQ,OAAO,OAAO,QAAQ,MAAM;CAAE;AAC3G;;AAGA,SAAgB,aACd,QACA,MACA,aACA;CACA,MAAM,EAAE,UAAU,cAAc,QAAQ,IAAI;CAC5C,IAAI,CAAC,eAAe,CAAC,OAAO,OAAO,KAAA;CACnC,QAAQ,YAA4B,YAAY,MAAM,MAAM;EAAE,GAAG,YAAY,KAAK;EAAG,GAAG;CAAQ,CAAC;AACnG;;AAGA,IAAa,sBACX,QACA,MACA,gBACG,gBAAgB,KAAA,KAAa,cAAc,QAAQ,IAAI,CAAC,CAAC,WAAW,KAAA"}

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

@@ -1,13 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_hooks_use_metrics = require("../../../metrics/hooks/use-metrics.cjs.js");
 const require_domains_metrics_components_kpi_card = require("../../../metrics/components/kpi-card.cjs.js");
+const require_domains_metrics_hooks_use_metrics = require("../../../metrics/hooks/use-metrics.cjs.js");
 const require_domains_metrics_lib_chart_format = require("../../../metrics/lib/chart-format.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
 const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
+const require_domains_dashboards_components_widget_controls = require("../../components/widget-controls.cjs.js");
 const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_dashboards_lib_answers = require("../../lib/answers.cjs.js");
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
 const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
 const require_domains_dashboards_kinds_kpis_options = require("./options.cjs.js");
+const require_MetricsCard = require("../../../../MetricsCard-DojbLiEx.cjs");
 const require_MetricsCardGroup = require("../../../../MetricsCardGroup-DYSet-qU.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -23,9 +25,9 @@ var FORMAT = {
 	usd: require_domains_metrics_lib_chart_format.formatUsd
 };
 var change = (pct) => pct !== void 0 && Number.isFinite(pct) ? pct : void 0;
-function KpisWidget({ views }) {
+function KpisWidget({ views, dragHandle, pin }) {
 	const [view] = views;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_view_gate.ViewGate, {
+	const gate = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_view_gate.ViewGate, {
 		queries: view.queries,
 		pending: () => null,
 		children: (page) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KpisView, {
@@ -33,6 +35,18 @@ function KpisWidget({ views }) {
 			page
 		})
 	});
+	if (!dragHandle && !pin) return gate;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-1.5",
+		children: [
+			dragHandle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.DragHandle, { ...dragHandle }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "min-w-0 flex-1",
+				children: gate
+			}),
+			pin && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_controls.PinAction, { ...pin })
+		]
+	});
 }
 function KpisView({ view, page }) {
 	const { comparisonLabel } = require_domains_metrics_hooks_use_metrics.useMetrics();

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

@@ -1 +1 @@
-{"version":3,"file":"kpis-widget.cjs.js","names":["BotIcon","CoinsIcon","HashIcon","MessagesSquareIcon","formatCount","formatUsd","ViewGate","useMetrics","useDashboardRequests","buildRequest","answersById","valueOf","MetricsCardGroup","exprRefs","kpiFigures","KpiCard"],"sources":["../../../../../src/domains/dashboards/kinds/kpis/kpis-widget.tsx"],"sourcesContent":["import { BotIcon, CoinsIcon, HashIcon, MessagesSquareIcon } from 'lucide-react';\nimport { KpiCard } from '../../../metrics/components/kpi-card';\nimport { useMetrics } from '../../../metrics/hooks/use-metrics';\nimport { formatCount, formatUsd } from '../../../metrics/lib/chart-format';\nimport { ViewGate } from '../../components/view-gate';\nimport type { DashboardQueryResult } from '../../hooks/use-dashboard-requests';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { valueOf } from '../../lib/answers';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { answersById, exprRefs } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { kpiFigures } from './options';\nimport type { KpisOptions } from './options';\nimport { MetricsCardGroup } from '@/ds/components/MetricsCardGroup';\n\nconst ICONS = { bot: BotIcon, coins: CoinsIcon, hash: HashIcon, threads: MessagesSquareIcon } as const;\n\nconst FORMAT = { count: formatCount, usd: formatUsd };\nconst change = (pct: number | undefined) => (pct !== undefined && Number.isFinite(pct) ? pct : undefined);\n\nexport function KpisWidget({ views }: WidgetKindProps<KpisOptions>) {\n  const [view] = views;\n  return (\n    <ViewGate queries={view.queries} pending={() => null}>\n      {page => <KpisView view={view} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction KpisView({ view, page }: { view: ResolvedView<KpisOptions>; page: DashboardPageContext }) {\n  const { comparisonLabel } = useMetrics();\n  const results = useDashboardRequests(view.queries.map(q => buildRequest(q, page, {})));\n  const byId = answersById(view.queries, results);\n  const answers = new Map([...byId].map(([id, r]) => [id, valueOf(r?.data)]));\n  return (\n    <MetricsCardGroup>\n      {view.options.items.map((item, i) => {\n        const used = [...new Set(exprRefs(item.value).map(r => r.query))]\n          .map(id => byId.get(id))\n          .filter((r): r is DashboardQueryResult => r !== undefined);\n        const figures = kpiFigures(item.value, answers);\n        const format = FORMAT[item.format];\n        return (\n          <KpiCard\n            key={i}\n            label={item.label}\n            icon={ICONS[item.icon]}\n            value={figures.value === undefined ? '—' : format(figures.value)}\n            change={change(figures.change)}\n            lowerIsBetter={item.lowerIsBetter}\n            detail={item.detail}\n            previous={figures.previous === undefined ? undefined : format(figures.previous)}\n            comparison={comparisonLabel}\n            isLoading={used.some(r => r.isLoading)}\n            isUpdating={used.some(r => r.isRefetching)}\n            isError={used.some(r => r.isError)}\n          />\n        );\n      })}\n    </MetricsCardGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,QAAQ;CAAE,KAAKA,aAAAA;CAAS,OAAOC,aAAAA;CAAW,MAAMC,aAAAA;CAAU,SAASC,aAAAA;AAAmB;AAE5F,IAAM,SAAS;CAAE,OAAOC,yCAAAA;CAAa,KAAKC,yCAAAA;AAAU;AACpD,IAAM,UAAU,QAA6B,QAAQ,KAAA,KAAa,OAAO,SAAS,GAAG,IAAI,MAAM,KAAA;AAE/F,SAAgB,WAAW,EAAE,SAAuC;CAClE,MAAM,CAAC,QAAQ;CACf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gDAAAA,UAAD;EAAU,SAAS,KAAK;EAAS,eAAe;EAC7C,WAAA,SAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAgB;GAAY;EAAO,CAAA;CACpC,CAAA;AAEd;AAEA,SAAS,SAAS,EAAE,MAAM,QAAyE;CACjG,MAAM,EAAE,oBAAoBC,0CAAAA,WAAW;CACvC,MAAM,UAAUC,wDAAAA,qBAAqB,KAAK,QAAQ,KAAI,MAAKC,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CACrF,MAAM,OAAOC,sCAAAA,YAAY,KAAK,SAAS,OAAO;CAC9C,MAAM,UAAU,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAIC,uCAAAA,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAA,UACG,KAAK,QAAQ,MAAM,KAAK,MAAM,MAAM;EACnC,MAAM,OAAO,CAAC,GAAG,IAAI,IAAIC,sCAAAA,SAAS,KAAK,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAC9D,KAAI,OAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CACvB,QAAQ,MAAiC,MAAM,KAAA,CAAS;EAC3D,MAAM,UAAUC,8CAAAA,WAAW,KAAK,OAAO,OAAO;EAC9C,MAAM,SAAS,OAAO,KAAK;EAC3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,SAAD;GAEE,OAAO,KAAK;GACZ,MAAM,MAAM,KAAK;GACjB,OAAO,QAAQ,UAAU,KAAA,IAAY,MAAM,OAAO,QAAQ,KAAK;GAC/D,QAAQ,OAAO,QAAQ,MAAM;GAC7B,eAAe,KAAK;GACpB,QAAQ,KAAK;GACb,UAAU,QAAQ,aAAa,KAAA,IAAY,KAAA,IAAY,OAAO,QAAQ,QAAQ;GAC9E,YAAY;GACZ,WAAW,KAAK,MAAK,MAAK,EAAE,SAAS;GACrC,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;GACzC,SAAS,KAAK,MAAK,MAAK,EAAE,OAAO;EAClC,GAZM,CAYN;CAEL,CAAC,EACe,CAAA;AAEtB"}
+{"version":3,"file":"kpis-widget.cjs.js","names":["BotIcon","CoinsIcon","HashIcon","MessagesSquareIcon","formatCount","formatUsd","ViewGate","MetricsCard","PinAction","useMetrics","useDashboardRequests","buildRequest","answersById","valueOf","MetricsCardGroup","exprRefs","kpiFigures","KpiCard"],"sources":["../../../../../src/domains/dashboards/kinds/kpis/kpis-widget.tsx"],"sourcesContent":["import { BotIcon, CoinsIcon, HashIcon, MessagesSquareIcon } from 'lucide-react';\nimport { KpiCard } from '../../../metrics/components/kpi-card';\nimport { useMetrics } from '../../../metrics/hooks/use-metrics';\nimport { formatCount, formatUsd } from '../../../metrics/lib/chart-format';\nimport { ViewGate } from '../../components/view-gate';\nimport { PinAction } from '../../components/widget-controls';\nimport type { DashboardQueryResult } from '../../hooks/use-dashboard-requests';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { valueOf } from '../../lib/answers';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { answersById, exprRefs } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { kpiFigures } from './options';\nimport type { KpisOptions } from './options';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsCardGroup } from '@/ds/components/MetricsCardGroup';\n\nconst ICONS = { bot: BotIcon, coins: CoinsIcon, hash: HashIcon, threads: MessagesSquareIcon } as const;\n\nconst FORMAT = { count: formatCount, usd: formatUsd };\nconst change = (pct: number | undefined) => (pct !== undefined && Number.isFinite(pct) ? pct : undefined);\n\nexport function KpisWidget({ views, dragHandle, pin }: WidgetKindProps<KpisOptions>) {\n  const [view] = views;\n  const gate = (\n    <ViewGate queries={view.queries} pending={() => null}>\n      {page => <KpisView view={view} page={page} />}\n    </ViewGate>\n  );\n  if (!dragHandle && !pin) return gate;\n  // The group has no title of its own, so the grip and the pin sit beside it, there even before the figures load.\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      {dragHandle && <MetricsCard.DragHandle {...dragHandle} />}\n      <div className=\"min-w-0 flex-1\">{gate}</div>\n      {pin && <PinAction {...pin} />}\n    </div>\n  );\n}\n\nfunction KpisView({ view, page }: { view: ResolvedView<KpisOptions>; page: DashboardPageContext }) {\n  const { comparisonLabel } = useMetrics();\n  const results = useDashboardRequests(view.queries.map(q => buildRequest(q, page, {})));\n  const byId = answersById(view.queries, results);\n  const answers = new Map([...byId].map(([id, r]) => [id, valueOf(r?.data)]));\n  return (\n    <MetricsCardGroup>\n      {view.options.items.map((item, i) => {\n        const used = [...new Set(exprRefs(item.value).map(r => r.query))]\n          .map(id => byId.get(id))\n          .filter((r): r is DashboardQueryResult => r !== undefined);\n        const figures = kpiFigures(item.value, answers);\n        const format = FORMAT[item.format];\n        return (\n          <KpiCard\n            key={i}\n            label={item.label}\n            icon={ICONS[item.icon]}\n            value={figures.value === undefined ? '—' : format(figures.value)}\n            change={change(figures.change)}\n            lowerIsBetter={item.lowerIsBetter}\n            detail={item.detail}\n            previous={figures.previous === undefined ? undefined : format(figures.previous)}\n            comparison={comparisonLabel}\n            isLoading={used.some(r => r.isLoading)}\n            isUpdating={used.some(r => r.isRefetching)}\n            isError={used.some(r => r.isError)}\n          />\n        );\n      })}\n    </MetricsCardGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAM,QAAQ;CAAE,KAAKA,aAAAA;CAAS,OAAOC,aAAAA;CAAW,MAAMC,aAAAA;CAAU,SAASC,aAAAA;AAAmB;AAE5F,IAAM,SAAS;CAAE,OAAOC,yCAAAA;CAAa,KAAKC,yCAAAA;AAAU;AACpD,IAAM,UAAU,QAA6B,QAAQ,KAAA,KAAa,OAAO,SAAS,GAAG,IAAI,MAAM,KAAA;AAE/F,SAAgB,WAAW,EAAE,OAAO,YAAY,OAAqC;CACnF,MAAM,CAAC,QAAQ;CACf,MAAM,OACJ,iBAAA,GAAA,kBAAA,IAAA,CAACC,gDAAAA,UAAD;EAAU,SAAS,KAAK;EAAS,eAAe;EAC7C,WAAA,SAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GAAgB;GAAY;EAAO,CAAA;CACpC,CAAA;CAEZ,IAAI,CAAC,cAAc,CAAC,KAAK,OAAO;CAEhC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACG,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,YAAY,YAAb,EAAwB,GAAI,WAAa,CAAA;GACxD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IAAkB,UAAA;GAAU,CAAA;GAC1C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,WAAD,EAAW,GAAI,IAAM,CAAA;EAC1B;;AAET;AAEA,SAAS,SAAS,EAAE,MAAM,QAAyE;CACjG,MAAM,EAAE,oBAAoBC,0CAAAA,WAAW;CACvC,MAAM,UAAUC,wDAAAA,qBAAqB,KAAK,QAAQ,KAAI,MAAKC,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CACrF,MAAM,OAAOC,sCAAAA,YAAY,KAAK,SAAS,OAAO;CAC9C,MAAM,UAAU,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAIC,uCAAAA,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAA,UACG,KAAK,QAAQ,MAAM,KAAK,MAAM,MAAM;EACnC,MAAM,OAAO,CAAC,GAAG,IAAI,IAAIC,sCAAAA,SAAS,KAAK,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAC9D,KAAI,OAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CACvB,QAAQ,MAAiC,MAAM,KAAA,CAAS;EAC3D,MAAM,UAAUC,8CAAAA,WAAW,KAAK,OAAO,OAAO;EAC9C,MAAM,SAAS,OAAO,KAAK;EAC3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,SAAD;GAEE,OAAO,KAAK;GACZ,MAAM,MAAM,KAAK;GACjB,OAAO,QAAQ,UAAU,KAAA,IAAY,MAAM,OAAO,QAAQ,KAAK;GAC/D,QAAQ,OAAO,QAAQ,MAAM;GAC7B,eAAe,KAAK;GACpB,QAAQ,KAAK;GACb,UAAU,QAAQ,aAAa,KAAA,IAAY,KAAA,IAAY,OAAO,QAAQ,QAAQ;GAC9E,YAAY;GACZ,WAAW,KAAK,MAAK,MAAK,EAAE,SAAS;GACrC,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;GACzC,SAAS,KAAK,MAAK,MAAK,EAAE,OAAO;EAClC,GAZM,CAYN;CAEL,CAAC,EACe,CAAA;AAEtB"}

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

@@ -1,14 +1,16 @@
-import { useMetrics } from "../../../metrics/hooks/use-metrics.es.js";
 import { KpiCard } from "../../../metrics/components/kpi-card.es.js";
+import { useMetrics } from "../../../metrics/hooks/use-metrics.es.js";
 import { formatCount, formatUsd } from "../../../metrics/lib/chart-format.es.js";
-import { buildRequest } from "../../lib/requests.es.js";
 import { ViewGate } from "../../components/view-gate.es.js";
+import { PinAction } from "../../components/widget-controls.es.js";
 import { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
 import { valueOf } from "../../lib/answers.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
 import { answersById, exprRefs } from "../../lib/values.es.js";
 import { kpiFigures } from "./options.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-kAqSCPPe.js";
 import { t as MetricsCardGroup } from "../../../../MetricsCardGroup-Dsu80WDM.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { BotIcon, CoinsIcon, HashIcon, MessagesSquareIcon } from "lucide-react";
 // src/domains/dashboards/kinds/kpis/kpis-widget.tsx
 var ICONS = {
@@ -22,9 +24,9 @@ var FORMAT = {
 	usd: formatUsd
 };
 var change = (pct) => pct !== void 0 && Number.isFinite(pct) ? pct : void 0;
-function KpisWidget({ views }) {
+function KpisWidget({ views, dragHandle, pin }) {
 	const [view] = views;
-	return /* @__PURE__ */ jsx(ViewGate, {
+	const gate = /* @__PURE__ */ jsx(ViewGate, {
 		queries: view.queries,
 		pending: () => null,
 		children: (page) => /* @__PURE__ */ jsx(KpisView, {
@@ -32,6 +34,18 @@ function KpisWidget({ views }) {
 			page
 		})
 	});
+	if (!dragHandle && !pin) return gate;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1.5",
+		children: [
+			dragHandle && /* @__PURE__ */ jsx(MetricsCard.DragHandle, { ...dragHandle }),
+			/* @__PURE__ */ jsx("div", {
+				className: "min-w-0 flex-1",
+				children: gate
+			}),
+			pin && /* @__PURE__ */ jsx(PinAction, { ...pin })
+		]
+	});
 }
 function KpisView({ view, page }) {
 	const { comparisonLabel } = useMetrics();

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

@@ -1 +1 @@
-{"version":3,"file":"kpis-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/kpis/kpis-widget.tsx"],"sourcesContent":["import { BotIcon, CoinsIcon, HashIcon, MessagesSquareIcon } from 'lucide-react';\nimport { KpiCard } from '../../../metrics/components/kpi-card';\nimport { useMetrics } from '../../../metrics/hooks/use-metrics';\nimport { formatCount, formatUsd } from '../../../metrics/lib/chart-format';\nimport { ViewGate } from '../../components/view-gate';\nimport type { DashboardQueryResult } from '../../hooks/use-dashboard-requests';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { valueOf } from '../../lib/answers';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { answersById, exprRefs } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { kpiFigures } from './options';\nimport type { KpisOptions } from './options';\nimport { MetricsCardGroup } from '@/ds/components/MetricsCardGroup';\n\nconst ICONS = { bot: BotIcon, coins: CoinsIcon, hash: HashIcon, threads: MessagesSquareIcon } as const;\n\nconst FORMAT = { count: formatCount, usd: formatUsd };\nconst change = (pct: number | undefined) => (pct !== undefined && Number.isFinite(pct) ? pct : undefined);\n\nexport function KpisWidget({ views }: WidgetKindProps<KpisOptions>) {\n  const [view] = views;\n  return (\n    <ViewGate queries={view.queries} pending={() => null}>\n      {page => <KpisView view={view} page={page} />}\n    </ViewGate>\n  );\n}\n\nfunction KpisView({ view, page }: { view: ResolvedView<KpisOptions>; page: DashboardPageContext }) {\n  const { comparisonLabel } = useMetrics();\n  const results = useDashboardRequests(view.queries.map(q => buildRequest(q, page, {})));\n  const byId = answersById(view.queries, results);\n  const answers = new Map([...byId].map(([id, r]) => [id, valueOf(r?.data)]));\n  return (\n    <MetricsCardGroup>\n      {view.options.items.map((item, i) => {\n        const used = [...new Set(exprRefs(item.value).map(r => r.query))]\n          .map(id => byId.get(id))\n          .filter((r): r is DashboardQueryResult => r !== undefined);\n        const figures = kpiFigures(item.value, answers);\n        const format = FORMAT[item.format];\n        return (\n          <KpiCard\n            key={i}\n            label={item.label}\n            icon={ICONS[item.icon]}\n            value={figures.value === undefined ? '—' : format(figures.value)}\n            change={change(figures.change)}\n            lowerIsBetter={item.lowerIsBetter}\n            detail={item.detail}\n            previous={figures.previous === undefined ? undefined : format(figures.previous)}\n            comparison={comparisonLabel}\n            isLoading={used.some(r => r.isLoading)}\n            isUpdating={used.some(r => r.isRefetching)}\n            isError={used.some(r => r.isError)}\n          />\n        );\n      })}\n    </MetricsCardGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,IAAM,QAAQ;CAAE,KAAK;CAAS,OAAO;CAAW,MAAM;CAAU,SAAS;AAAmB;AAE5F,IAAM,SAAS;CAAE,OAAO;CAAa,KAAK;AAAU;AACpD,IAAM,UAAU,QAA6B,QAAQ,KAAA,KAAa,OAAO,SAAS,GAAG,IAAI,MAAM,KAAA;AAE/F,SAAgB,WAAW,EAAE,SAAuC;CAClE,MAAM,CAAC,QAAQ;CACf,OACE,oBAAC,UAAD;EAAU,SAAS,KAAK;EAAS,eAAe;EAC7C,WAAA,SAAQ,oBAAC,UAAD;GAAgB;GAAY;EAAO,CAAA;CACpC,CAAA;AAEd;AAEA,SAAS,SAAS,EAAE,MAAM,QAAyE;CACjG,MAAM,EAAE,oBAAoB,WAAW;CACvC,MAAM,UAAU,qBAAqB,KAAK,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CACrF,MAAM,OAAO,YAAY,KAAK,SAAS,OAAO;CAC9C,MAAM,UAAU,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1E,OACE,oBAAC,kBAAD,EAAA,UACG,KAAK,QAAQ,MAAM,KAAK,MAAM,MAAM;EACnC,MAAM,OAAO,CAAC,GAAG,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAC9D,KAAI,OAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CACvB,QAAQ,MAAiC,MAAM,KAAA,CAAS;EAC3D,MAAM,UAAU,WAAW,KAAK,OAAO,OAAO;EAC9C,MAAM,SAAS,OAAO,KAAK;EAC3B,OACE,oBAAC,SAAD;GAEE,OAAO,KAAK;GACZ,MAAM,MAAM,KAAK;GACjB,OAAO,QAAQ,UAAU,KAAA,IAAY,MAAM,OAAO,QAAQ,KAAK;GAC/D,QAAQ,OAAO,QAAQ,MAAM;GAC7B,eAAe,KAAK;GACpB,QAAQ,KAAK;GACb,UAAU,QAAQ,aAAa,KAAA,IAAY,KAAA,IAAY,OAAO,QAAQ,QAAQ;GAC9E,YAAY;GACZ,WAAW,KAAK,MAAK,MAAK,EAAE,SAAS;GACrC,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;GACzC,SAAS,KAAK,MAAK,MAAK,EAAE,OAAO;EAClC,GAZM,CAYN;CAEL,CAAC,EACe,CAAA;AAEtB"}
+{"version":3,"file":"kpis-widget.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/kpis/kpis-widget.tsx"],"sourcesContent":["import { BotIcon, CoinsIcon, HashIcon, MessagesSquareIcon } from 'lucide-react';\nimport { KpiCard } from '../../../metrics/components/kpi-card';\nimport { useMetrics } from '../../../metrics/hooks/use-metrics';\nimport { formatCount, formatUsd } from '../../../metrics/lib/chart-format';\nimport { ViewGate } from '../../components/view-gate';\nimport { PinAction } from '../../components/widget-controls';\nimport type { DashboardQueryResult } from '../../hooks/use-dashboard-requests';\nimport { useDashboardRequests } from '../../hooks/use-dashboard-requests';\nimport { valueOf } from '../../lib/answers';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardPageContext } from '../../lib/requests';\nimport { answersById, exprRefs } from '../../lib/values';\nimport type { ResolvedView, WidgetKindProps } from '../../widget-kind';\nimport { kpiFigures } from './options';\nimport type { KpisOptions } from './options';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport { MetricsCardGroup } from '@/ds/components/MetricsCardGroup';\n\nconst ICONS = { bot: BotIcon, coins: CoinsIcon, hash: HashIcon, threads: MessagesSquareIcon } as const;\n\nconst FORMAT = { count: formatCount, usd: formatUsd };\nconst change = (pct: number | undefined) => (pct !== undefined && Number.isFinite(pct) ? pct : undefined);\n\nexport function KpisWidget({ views, dragHandle, pin }: WidgetKindProps<KpisOptions>) {\n  const [view] = views;\n  const gate = (\n    <ViewGate queries={view.queries} pending={() => null}>\n      {page => <KpisView view={view} page={page} />}\n    </ViewGate>\n  );\n  if (!dragHandle && !pin) return gate;\n  // The group has no title of its own, so the grip and the pin sit beside it, there even before the figures load.\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      {dragHandle && <MetricsCard.DragHandle {...dragHandle} />}\n      <div className=\"min-w-0 flex-1\">{gate}</div>\n      {pin && <PinAction {...pin} />}\n    </div>\n  );\n}\n\nfunction KpisView({ view, page }: { view: ResolvedView<KpisOptions>; page: DashboardPageContext }) {\n  const { comparisonLabel } = useMetrics();\n  const results = useDashboardRequests(view.queries.map(q => buildRequest(q, page, {})));\n  const byId = answersById(view.queries, results);\n  const answers = new Map([...byId].map(([id, r]) => [id, valueOf(r?.data)]));\n  return (\n    <MetricsCardGroup>\n      {view.options.items.map((item, i) => {\n        const used = [...new Set(exprRefs(item.value).map(r => r.query))]\n          .map(id => byId.get(id))\n          .filter((r): r is DashboardQueryResult => r !== undefined);\n        const figures = kpiFigures(item.value, answers);\n        const format = FORMAT[item.format];\n        return (\n          <KpiCard\n            key={i}\n            label={item.label}\n            icon={ICONS[item.icon]}\n            value={figures.value === undefined ? '—' : format(figures.value)}\n            change={change(figures.change)}\n            lowerIsBetter={item.lowerIsBetter}\n            detail={item.detail}\n            previous={figures.previous === undefined ? undefined : format(figures.previous)}\n            comparison={comparisonLabel}\n            isLoading={used.some(r => r.isLoading)}\n            isUpdating={used.some(r => r.isRefetching)}\n            isError={used.some(r => r.isError)}\n          />\n        );\n      })}\n    </MetricsCardGroup>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,QAAQ;CAAE,KAAK;CAAS,OAAO;CAAW,MAAM;CAAU,SAAS;AAAmB;AAE5F,IAAM,SAAS;CAAE,OAAO;CAAa,KAAK;AAAU;AACpD,IAAM,UAAU,QAA6B,QAAQ,KAAA,KAAa,OAAO,SAAS,GAAG,IAAI,MAAM,KAAA;AAE/F,SAAgB,WAAW,EAAE,OAAO,YAAY,OAAqC;CACnF,MAAM,CAAC,QAAQ;CACf,MAAM,OACJ,oBAAC,UAAD;EAAU,SAAS,KAAK;EAAS,eAAe;EAC7C,WAAA,SAAQ,oBAAC,UAAD;GAAgB;GAAY;EAAO,CAAA;CACpC,CAAA;CAEZ,IAAI,CAAC,cAAc,CAAC,KAAK,OAAO;CAEhC,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACG,cAAc,oBAAC,YAAY,YAAb,EAAwB,GAAI,WAAa,CAAA;GACxD,oBAAC,OAAD;IAAK,WAAU;IAAkB,UAAA;GAAU,CAAA;GAC1C,OAAO,oBAAC,WAAD,EAAW,GAAI,IAAM,CAAA;EAC1B;;AAET;AAEA,SAAS,SAAS,EAAE,MAAM,QAAyE;CACjG,MAAM,EAAE,oBAAoB,WAAW;CACvC,MAAM,UAAU,qBAAqB,KAAK,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CACrF,MAAM,OAAO,YAAY,KAAK,SAAS,OAAO;CAC9C,MAAM,UAAU,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,IAAI,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1E,OACE,oBAAC,kBAAD,EAAA,UACG,KAAK,QAAQ,MAAM,KAAK,MAAM,MAAM;EACnC,MAAM,OAAO,CAAC,GAAG,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAC9D,KAAI,OAAM,KAAK,IAAI,EAAE,CAAC,CAAC,CACvB,QAAQ,MAAiC,MAAM,KAAA,CAAS;EAC3D,MAAM,UAAU,WAAW,KAAK,OAAO,OAAO;EAC9C,MAAM,SAAS,OAAO,KAAK;EAC3B,OACE,oBAAC,SAAD;GAEE,OAAO,KAAK;GACZ,MAAM,MAAM,KAAK;GACjB,OAAO,QAAQ,UAAU,KAAA,IAAY,MAAM,OAAO,QAAQ,KAAK;GAC/D,QAAQ,OAAO,QAAQ,MAAM;GAC7B,eAAe,KAAK;GACpB,QAAQ,KAAK;GACb,UAAU,QAAQ,aAAa,KAAA,IAAY,KAAA,IAAY,OAAO,QAAQ,QAAQ;GAC9E,YAAY;GACZ,WAAW,KAAK,MAAK,MAAK,EAAE,SAAS;GACrC,YAAY,KAAK,MAAK,MAAK,EAAE,YAAY;GACzC,SAAS,KAAK,MAAK,MAAK,EAAE,OAAO;EAClC,GAZM,CAYN;CAEL,CAAC,EACe,CAAA;AAEtB"}

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_dashboards_widget_kind = require("../widget-kind.cjs.js");
-const require_domains_dashboards_kinds_kpis_options = require("./kpis/options.cjs.js");
 const require_domains_dashboards_kinds_kpis_kpis_widget = require("./kpis/kpis-widget.cjs.js");
+const require_domains_dashboards_kinds_kpis_options = require("./kpis/options.cjs.js");
 // src/domains/dashboards/kinds/kpis/index.ts
 /** A row of headline numbers, each against the previous window. */
 var kpisKind = require_domains_dashboards_widget_kind.defineWidgetKind({

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

@@ -1,6 +1,6 @@
 import { defineWidgetKind } from "../widget-kind.es.js";
-import { kpiFigures, kpisIssues, kpisOptionsSchema } from "./kpis/options.es.js";
 import { KpisWidget } from "./kpis/kpis-widget.es.js";
+import { kpiFigures, kpisIssues, kpisOptionsSchema } from "./kpis/options.es.js";
 // src/domains/dashboards/kinds/kpis/index.ts
 /** A row of headline numbers, each against the previous window. */
 var kpisKind = defineWidgetKind({