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

package/dist/domains/dashboards/hooks/use-dashboard-requests.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dashboard-requests.es.js","names":[],"sources":["../../../../src/domains/dashboards/hooks/use-dashboard-requests.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useQueries, useQueryClient } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useAggregateLimiter } from '../../metrics/hooks/use-aggregate-limiter';\nimport type { RequestLimiter } from '../../metrics/lib/request-limiter';\nimport type { DashboardAnswer, DashboardRequest } from '../lib/requests';\nimport { requestKey, sendRequest } from '../lib/requests';\n\nexport type DashboardQueryResult = UseQueryResult<DashboardAnswer>;\n\nconst KEPT = { staleTime: Infinity } as const;\n/** Aggregates retry in the client only, as `useTraceAggregate` does. */\nconst CLIENT_RETRIES = { retry: false, refetchOnWindowFocus: false } as const;\n\nfunction queryOptions(\n  request: DashboardRequest,\n  client: MastraClient,\n  limiter: RequestLimiter,\n  isObserved: (key: readonly unknown[]) => boolean,\n) {\n  const queryKey = requestKey(request);\n  const isAggregate = request.method === 'aggregateTraces' || request.method === 'aggregateSpans';\n  return {\n    queryKey,\n    // Grouped aggregates wait for a slot in the page's three-request cap, as the cards' do.\n    queryFn:\n      isAggregate && !request.unsatisfiable\n        ? () =>\n            limiter.run(() => sendRequest(client, request), {\n              priority: request.priority,\n              isWanted: () => isObserved(queryKey),\n            })\n        : () => sendRequest(client, request),\n    // React Query lays these over the client's defaults, so a key set to `undefined` would erase a\n    // default: the overrides below are left out rather than set to `undefined`.\n    // Grouped aggregates and usage breakdowns keep an answer for the frozen window, as the cards' do; the\n    // other cards refetch a tab opened again, so these do too.\n    ...(isAggregate || request.method === 'getMetricBreakdown' || request.unsatisfiable ? KEPT : {}),\n    ...(isAggregate ? CLIENT_RETRIES : {}),\n  };\n}\n\n/**\n * Sends a view's requests; equal requests share one fetch across widgets. Results line up with\n * `requests`: an `undefined` request keeps its slot without sending anything. A request whose key\n * changed has no answer until its own arrives, so a widget never shows one window's or filter's\n * figures under another: it loads instead, and dims only while refetching an answer it already has.\n */\nexport function useDashboardRequests(requests: (DashboardRequest | undefined)[]): (DashboardQueryResult | undefined)[] {\n  const client = useMastraClient();\n  const limiter = useAggregateLimiter();\n  const queryClient = useQueryClient();\n  const isObserved = (key: readonly unknown[]) =>\n    (queryClient.getQueryCache().find({ queryKey: key, exact: true })?.getObserversCount() ?? 0) > 0;\n  const sent = requests.filter(request => request !== undefined);\n  const results = useQueries({\n    queries: sent.map(request => queryOptions(request, client, limiter, isObserved)),\n  });\n  let next = 0;\n  return requests.map(request => (request ? results[next++] : undefined));\n}\n"],"mappings":";;;;;AAWA,IAAM,OAAO,EAAE,WAAW,SAAS;;AAEnC,IAAM,iBAAiB;CAAE,OAAO;CAAO,sBAAsB;AAAM;AAEnE,SAAS,aACP,SACA,QACA,SACA,YACA;CACA,MAAM,WAAW,WAAW,OAAO;CACnC,MAAM,cAAc,QAAQ,WAAW,qBAAqB,QAAQ,WAAW;CAC/E,OAAO;EACL;EAEA,SACE,eAAe,CAAC,QAAQ,sBAElB,QAAQ,UAAU,YAAY,QAAQ,OAAO,GAAG;GAC9C,UAAU,QAAQ;GAClB,gBAAgB,WAAW,QAAQ;EACrC,CAAC,UACG,YAAY,QAAQ,OAAO;EAKvC,GAAI,eAAe,QAAQ,WAAW,wBAAwB,QAAQ,gBAAgB,OAAO,CAAC;EAC9F,GAAI,cAAc,iBAAiB,CAAC;CACtC;AACF;;;;;;;AAQA,SAAgB,qBAAqB,UAAkF;CACrH,MAAM,SAAS,gBAAgB;CAC/B,MAAM,UAAU,oBAAoB;CACpC,MAAM,cAAc,eAAe;CACnC,MAAM,cAAc,SACjB,YAAY,cAAc,CAAC,CAAC,KAAK;EAAE,UAAU;EAAK,OAAO;CAAK,CAAC,CAAC,EAAE,kBAAkB,KAAK,KAAK;CACjG,MAAM,OAAO,SAAS,QAAO,YAAW,YAAY,KAAA,CAAS;CAC7D,MAAM,UAAU,WAAW,EACzB,SAAS,KAAK,KAAI,YAAW,aAAa,SAAS,QAAQ,SAAS,UAAU,CAAC,EACjF,CAAC;CACD,IAAI,OAAO;CACX,OAAO,SAAS,KAAI,YAAY,UAAU,QAAQ,UAAU,KAAA,CAAU;AACxE"}
+{"version":3,"file":"use-dashboard-requests.es.js","names":[],"sources":["../../../../src/domains/dashboards/hooks/use-dashboard-requests.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useQueries, useQueryClient } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useAggregateLimiter } from '../../metrics/hooks/use-aggregate-limiter';\nimport type { RequestLimiter } from '../../metrics/lib/request-limiter';\nimport type { DashboardAnswer, DashboardRequest, DashboardResult } from '../lib/requests';\nimport { requestKey, sendRequest } from '../lib/requests';\n\nexport type DashboardQueryResult = UseQueryResult<DashboardAnswer>;\n\nconst KEPT = { staleTime: Infinity } as const;\n/** Aggregates retry in the client only, as `useTraceAggregate` does. */\nconst CLIENT_RETRIES = { retry: false, refetchOnWindowFocus: false } as const;\n\nfunction queryOptions(\n  request: DashboardRequest,\n  client: MastraClient,\n  limiter: RequestLimiter,\n  isObserved: (key: readonly unknown[]) => boolean,\n) {\n  const queryKey = requestKey(request);\n  const isAggregate = request.method === 'aggregateTraces' || request.method === 'aggregateSpans';\n  return {\n    queryKey,\n    // Grouped aggregates wait for a slot in the page's three-request cap, as the cards' do.\n    queryFn:\n      isAggregate && !request.unsatisfiable\n        ? () =>\n            limiter.run(() => sendRequest(client, request), {\n              priority: request.priority,\n              isWanted: () => isObserved(queryKey),\n            })\n        : () => sendRequest(client, request),\n    // React Query lays these over the client's defaults, so a key set to `undefined` would erase a\n    // default: the overrides below are left out rather than set to `undefined`.\n    // Grouped aggregates and usage breakdowns keep an answer for the frozen window, as the cards' do; the\n    // other cards refetch a tab opened again, so these do too.\n    ...(isAggregate || request.method === 'getMetricBreakdown' || request.unsatisfiable ? KEPT : {}),\n    ...(isAggregate ? CLIENT_RETRIES : {}),\n  };\n}\n\n/**\n * Sends a view's requests; equal requests share one fetch across widgets. Results line up with\n * `requests`: an `undefined` request keeps its slot without sending anything. A request whose key\n * changed has no answer until its own arrives, so a widget never shows one window's or filter's\n * figures under another: it loads instead, and dims only while refetching an answer it already has.\n */\nexport function useDashboardRequests(requests: (DashboardRequest | undefined)[]): (DashboardQueryResult | undefined)[] {\n  const client = useMastraClient();\n  const limiter = useAggregateLimiter();\n  const queryClient = useQueryClient();\n  const isObserved = (key: readonly unknown[]) =>\n    (queryClient.getQueryCache().find({ queryKey: key, exact: true })?.getObserversCount() ?? 0) > 0;\n  const sent = requests.filter(request => request !== undefined);\n  const results = useQueries({\n    queries: sent.map(request => queryOptions(request, client, limiter, isObserved)),\n  });\n  let next = 0;\n  return requests.map(request => (request ? results[next++] : undefined));\n}\n\n/** A query result as the plain data `StatelessWidget` renders from. */\nexport function toDashboardResult(result: DashboardQueryResult): DashboardResult {\n  const { data, isLoading, isRefetching, isError, error } = result;\n  return { data, isLoading, isRefetching, isError, error: error ?? undefined };\n}\n\n/**\n * `useDashboardRequests` as plain results, with `retry` refetching the ones that failed. Results line\n * up with `requests`.\n */\nexport function useDashboardResults(requests: (DashboardRequest | undefined)[]) {\n  const sent = useDashboardRequests(requests);\n  return {\n    results: sent.map(r => (r ? toDashboardResult(r) : undefined)),\n    retry: () => sent.forEach(r => r?.isError && void r.refetch()),\n  };\n}\n"],"mappings":";;;;;AAWA,IAAM,OAAO,EAAE,WAAW,SAAS;;AAEnC,IAAM,iBAAiB;CAAE,OAAO;CAAO,sBAAsB;AAAM;AAEnE,SAAS,aACP,SACA,QACA,SACA,YACA;CACA,MAAM,WAAW,WAAW,OAAO;CACnC,MAAM,cAAc,QAAQ,WAAW,qBAAqB,QAAQ,WAAW;CAC/E,OAAO;EACL;EAEA,SACE,eAAe,CAAC,QAAQ,sBAElB,QAAQ,UAAU,YAAY,QAAQ,OAAO,GAAG;GAC9C,UAAU,QAAQ;GAClB,gBAAgB,WAAW,QAAQ;EACrC,CAAC,UACG,YAAY,QAAQ,OAAO;EAKvC,GAAI,eAAe,QAAQ,WAAW,wBAAwB,QAAQ,gBAAgB,OAAO,CAAC;EAC9F,GAAI,cAAc,iBAAiB,CAAC;CACtC;AACF;;;;;;;AAQA,SAAgB,qBAAqB,UAAkF;CACrH,MAAM,SAAS,gBAAgB;CAC/B,MAAM,UAAU,oBAAoB;CACpC,MAAM,cAAc,eAAe;CACnC,MAAM,cAAc,SACjB,YAAY,cAAc,CAAC,CAAC,KAAK;EAAE,UAAU;EAAK,OAAO;CAAK,CAAC,CAAC,EAAE,kBAAkB,KAAK,KAAK;CACjG,MAAM,OAAO,SAAS,QAAO,YAAW,YAAY,KAAA,CAAS;CAC7D,MAAM,UAAU,WAAW,EACzB,SAAS,KAAK,KAAI,YAAW,aAAa,SAAS,QAAQ,SAAS,UAAU,CAAC,EACjF,CAAC;CACD,IAAI,OAAO;CACX,OAAO,SAAS,KAAI,YAAY,UAAU,QAAQ,UAAU,KAAA,CAAU;AACxE;;AAGA,SAAgB,kBAAkB,QAA+C;CAC/E,MAAM,EAAE,MAAM,WAAW,cAAc,SAAS,UAAU;CAC1D,OAAO;EAAE;EAAM;EAAW;EAAc;EAAS,OAAO,SAAS,KAAA;CAAU;AAC7E;;;;;AAMA,SAAgB,oBAAoB,UAA4C;CAC9E,MAAM,OAAO,qBAAqB,QAAQ;CAC1C,OAAO;EACL,SAAS,KAAK,KAAI,MAAM,IAAI,kBAAkB,CAAC,IAAI,KAAA,CAAU;EAC7D,aAAa,KAAK,SAAQ,MAAK,GAAG,WAAW,KAAK,EAAE,QAAQ,CAAC;CAC/D;AACF"}

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

@@ -4,20 +4,23 @@ const require_domains_dashboards_lib_definition = require("../lib/definition.cjs
 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
+* The open view of a widget, `wanted` when it has one (else the first), and the card title for it
 * (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into
-* `ChartCard`.
+* `ChartCard`; picking a view calls `onChoose`.
 */
-function useViewMenu(widget, views, defaultIndex = 0, expand) {
-	const [chosen, choose] = (0, react.useState)();
-	const wanted = chosen ?? defaultIndex;
+function viewMenu(widget, views, wanted, onChoose, expand) {
 	const index = views[wanted] ? wanted : 0;
 	return {
 		view: views[index] ?? views[0],
 		index,
-		heading: require_domains_dashboards_lib_chrome.viewTitle(widget, views, index, choose, expand)
+		heading: require_domains_dashboards_lib_chrome.viewTitle(widget, views, index, onChoose, expand)
 	};
 }
+/** `viewMenu` with the open view held here: `defaultIndex` until one is picked. */
+function useViewMenu(widget, views, defaultIndex = 0, expand) {
+	const [chosen, choose] = (0, react.useState)();
+	return viewMenu(widget, views, chosen ?? defaultIndex, choose, expand);
+}
 /** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */
 function useDrilldown(widget, view, onDrilldown) {
 	const { click } = require_domains_dashboards_lib_definition.viewDrilldown(widget, view);
@@ -32,5 +35,6 @@ var hasDrilldownAction = (widget, view, onDrilldown) => onDrilldown !== void 0 &
 exports.hasDrilldownAction = hasDrilldownAction;
 exports.useDrilldown = useDrilldown;
 exports.useViewMenu = useViewMenu;
+exports.viewMenu = viewMenu;
 
 //# sourceMappingURL=use-widget-views.cjs.js.map

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 { 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"}
+{"version":3,"file":"use-widget-views.cjs.js","names":["viewTitle","useState","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, `wanted` when it has one (else the first), and the card title for it\n * (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into\n * `ChartCard`; picking a view calls `onChoose`.\n */\nexport function viewMenu<Options>(\n  widget: DashboardWidget,\n  views: Views<Options>,\n  wanted: number,\n  onChoose: (index: number) => void,\n  expand?: DashboardExpand,\n) {\n  const index = views[wanted] ? wanted : 0;\n  return { view: views[index] ?? views[0], index, heading: viewTitle(widget, views, index, onChoose, expand) };\n}\n\n/** `viewMenu` with the open view held here: `defaultIndex` until one is picked. */\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  return viewMenu(widget, views, chosen ?? defaultIndex, 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,SACd,QACA,OACA,QACA,UACA,QACA;CACA,MAAM,QAAQ,MAAM,UAAU,SAAS;CACvC,OAAO;EAAE,MAAM,MAAM,UAAU,MAAM;EAAI;EAAO,SAASA,sCAAAA,UAAU,QAAQ,OAAO,OAAO,UAAU,MAAM;CAAE;AAC7G;;AAGA,SAAgB,YACd,QACA,OACA,eAAe,GACf,QACA;CACA,MAAM,CAAC,QAAQ,WAAA,GAAUC,MAAAA,SAAAA,CAAiB;CAC1C,OAAO,SAAS,QAAQ,OAAO,UAAU,cAAc,QAAQ,MAAM;AACvE;;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

@@ -3,20 +3,23 @@ import { targetScope, viewDrilldown } from "../lib/definition.es.js";
 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
+* The open view of a widget, `wanted` when it has one (else the first), and the card title for it
 * (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into
-* `ChartCard`.
+* `ChartCard`; picking a view calls `onChoose`.
 */
-function useViewMenu(widget, views, defaultIndex = 0, expand) {
-	const [chosen, choose] = useState();
-	const wanted = chosen ?? defaultIndex;
+function viewMenu(widget, views, wanted, onChoose, expand) {
 	const index = views[wanted] ? wanted : 0;
 	return {
 		view: views[index] ?? views[0],
 		index,
-		heading: viewTitle(widget, views, index, choose, expand)
+		heading: viewTitle(widget, views, index, onChoose, expand)
 	};
 }
+/** `viewMenu` with the open view held here: `defaultIndex` until one is picked. */
+function useViewMenu(widget, views, defaultIndex = 0, expand) {
+	const [chosen, choose] = useState();
+	return viewMenu(widget, views, chosen ?? defaultIndex, choose, expand);
+}
 /** What clicking a bucket or row opens, with what was clicked; `undefined` when the view has no click target. */
 function useDrilldown(widget, view, onDrilldown) {
 	const { click } = viewDrilldown(widget, view);
@@ -28,6 +31,6 @@ function useDrilldown(widget, view, onDrilldown) {
 }
 /** Whether the view has an action button to show (`DrilldownAction`). */
 var hasDrilldownAction = (widget, view, onDrilldown) => onDrilldown !== void 0 && viewDrilldown(widget, view).action !== void 0;
-export { hasDrilldownAction, useDrilldown, useViewMenu };
+export { hasDrilldownAction, useDrilldown, useViewMenu, viewMenu };
 
 //# sourceMappingURL=use-widget-views.es.js.map

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 { 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"}
+{"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, `wanted` when it has one (else the first), and the card title for it\n * (`title`, and `titleMenu` with several views, or an expand link with `expand`) to spread into\n * `ChartCard`; picking a view calls `onChoose`.\n */\nexport function viewMenu<Options>(\n  widget: DashboardWidget,\n  views: Views<Options>,\n  wanted: number,\n  onChoose: (index: number) => void,\n  expand?: DashboardExpand,\n) {\n  const index = views[wanted] ? wanted : 0;\n  return { view: views[index] ?? views[0], index, heading: viewTitle(widget, views, index, onChoose, expand) };\n}\n\n/** `viewMenu` with the open view held here: `defaultIndex` until one is picked. */\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  return viewMenu(widget, views, chosen ?? defaultIndex, 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,SACd,QACA,OACA,QACA,UACA,QACA;CACA,MAAM,QAAQ,MAAM,UAAU,SAAS;CACvC,OAAO;EAAE,MAAM,MAAM,UAAU,MAAM;EAAI;EAAO,SAAS,UAAU,QAAQ,OAAO,OAAO,UAAU,MAAM;CAAE;AAC7G;;AAGA,SAAgB,YACd,QACA,OACA,eAAe,GACf,QACA;CACA,MAAM,CAAC,QAAQ,UAAU,SAAiB;CAC1C,OAAO,SAAS,QAAQ,OAAO,UAAU,cAAc,QAAQ,MAAM;AACvE;;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-plan.cjs.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
+// src/domains/dashboards/kinds/kpis/kpis-plan.ts
+/** One request per query of the first view, the only one KPIs show. */
+var kpisRequests = ({ views: [view], page }) => view.queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, {}));
+/** KPIs only ever show their first view, so only its queries are gated. */
+var kpisGatedQueries = ([view]) => view.queries;
+exports.kpisGatedQueries = kpisGatedQueries;
+exports.kpisRequests = kpisRequests;
+
+//# sourceMappingURL=kpis-plan.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kpis-plan.cjs.js","names":["buildRequest"],"sources":["../../../../../src/domains/dashboards/kinds/kpis/kpis-plan.ts"],"sourcesContent":["import { buildRequest } from '../../lib/requests';\nimport type { WidgetPlanContext } from '../../widget-kind';\nimport type { KpisOptions } from './options';\n\n/** One request per query of the first view, the only one KPIs show. */\nexport const kpisRequests = ({ views: [view], page }: WidgetPlanContext<KpisOptions>) =>\n  view.queries.map(q => buildRequest(q, page, {}));\n\n/** KPIs only ever show their first view, so only its queries are gated. */\nexport const kpisGatedQueries = ([view]: WidgetPlanContext<KpisOptions>['views']) => view.queries;\n"],"mappings":";;;;AAKA,IAAa,gBAAgB,EAAE,OAAO,CAAC,OAAO,WAC5C,KAAK,QAAQ,KAAI,MAAKA,wCAAAA,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC;;AAGjD,IAAa,oBAAoB,CAAC,UAAmD,KAAK"}

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

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

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

@@ -0,0 +1,9 @@
+import { buildRequest } from "../../lib/requests.es.js";
+// src/domains/dashboards/kinds/kpis/kpis-plan.ts
+/** One request per query of the first view, the only one KPIs show. */
+var kpisRequests = ({ views: [view], page }) => view.queries.map((q) => buildRequest(q, page, {}));
+/** KPIs only ever show their first view, so only its queries are gated. */
+var kpisGatedQueries = ([view]) => view.queries;
+export { kpisGatedQueries, kpisRequests };
+
+//# sourceMappingURL=kpis-plan.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kpis-plan.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/kpis/kpis-plan.ts"],"sourcesContent":["import { buildRequest } from '../../lib/requests';\nimport type { WidgetPlanContext } from '../../widget-kind';\nimport type { KpisOptions } from './options';\n\n/** One request per query of the first view, the only one KPIs show. */\nexport const kpisRequests = ({ views: [view], page }: WidgetPlanContext<KpisOptions>) =>\n  view.queries.map(q => buildRequest(q, page, {}));\n\n/** KPIs only ever show their first view, so only its queries are gated. */\nexport const kpisGatedQueries = ([view]: WidgetPlanContext<KpisOptions>['views']) => view.queries;\n"],"mappings":";;;AAKA,IAAa,gBAAgB,EAAE,OAAO,CAAC,OAAO,WAC5C,KAAK,QAAQ,KAAI,MAAK,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC;;AAGjD,IAAa,oBAAoB,CAAC,UAAmD,KAAK"}

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

@@ -1,13 +1,12 @@
 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_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_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
+const require_domains_dashboards_components_widget_controls = require("../../components/widget-controls.cjs.js");
+const require_domains_dashboards_lib_alert_actions = require("../../lib/alert-actions.cjs.js");
 const require_domains_dashboards_lib_answers = require("../../lib/answers.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-CSJ4TsNq.cjs");
 const require_MetricsCardGroup = require("../../../../MetricsCardGroup-DYSet-qU.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -23,20 +22,34 @@ 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({ widget, views, gate, results, comparisonLabel, dragHandle, pin, alert }) {
 	const [view] = views;
-	return /* @__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, {
-			view,
-			page
-		})
+	const figures = gate.status === "ready" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KpisView, {
+		view,
+		results,
+		comparisonLabel
+	}) : null;
+	if (!dragHandle && !pin && !alert) return figures;
+	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: figures
+			}),
+			gate.status === "ready" && require_domains_dashboards_lib_alert_actions.alertAction(alert, widget, view, {
+				page: gate.page,
+				values: view.options.items.map(({ label, value }) => ({
+					label,
+					value
+				}))
+			}),
+			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();
-	const results = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(view.queries.map((q) => require_domains_dashboards_lib_requests.buildRequest(q, page, {})));
+function KpisView({ view, results, comparisonLabel }) {
 	const byId = require_domains_dashboards_lib_values.answersById(view.queries, results);
 	const answers = new Map([...byId].map(([id, r]) => [id, require_domains_dashboards_lib_answers.valueOf(r?.data)]));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCardGroup.MetricsCardGroup, { children: view.options.items.map((item, i) => {

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","MetricsCard","alertAction","PinAction","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 { formatCount, formatUsd } from '../../../metrics/lib/chart-format';\nimport { PinAction } from '../../components/widget-controls';\nimport { alertAction } from '../../lib/alert-actions';\nimport { valueOf } from '../../lib/answers';\nimport type { DashboardResult } 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({\n  widget,\n  views,\n  gate,\n  results,\n  comparisonLabel,\n  dragHandle,\n  pin,\n  alert,\n}: WidgetKindProps<KpisOptions>) {\n  const [view] = views;\n  const figures =\n    gate.status === 'ready' ? <KpisView view={view} results={results} comparisonLabel={comparisonLabel} /> : null;\n  if (!dragHandle && !pin && !alert) return figures;\n  // The group has no title of its own, so the grip, the alert 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\">{figures}</div>\n      {/* KPIs read metrics and scores aggregates only, which every page filter applies to. */}\n      {gate.status === 'ready' &&\n        alertAction(alert, widget, view, {\n          page: gate.page,\n          values: view.options.items.map(({ label, value }) => ({ label, value })),\n        })}\n      {pin && <PinAction {...pin} />}\n    </div>\n  );\n}\n\nfunction KpisView({\n  view,\n  results,\n  comparisonLabel,\n}: {\n  view: ResolvedView<KpisOptions>;\n  results: (DashboardResult | undefined)[];\n  comparisonLabel: string;\n}) {\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 DashboardResult => 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":";;;;;;;;;;;;;AAcA,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,EACzB,QACA,OACA,MACA,SACA,iBACA,YACA,KACA,SAC+B;CAC/B,MAAM,CAAC,QAAQ;CACf,MAAM,UACJ,KAAK,WAAW,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAgB;EAAe;EAA0B;CAAkB,CAAA,IAAI;CAC3G,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,OAAO;CAE1C,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;GAAa,CAAA;GAE7C,KAAK,WAAW,WACfC,6CAAAA,YAAY,OAAO,QAAQ,MAAM;IAC/B,MAAM,KAAK;IACX,QAAQ,KAAK,QAAQ,MAAM,KAAK,EAAE,OAAO,aAAa;KAAE;KAAO;IAAM,EAAE;GACzE,CAAC;GACF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,WAAD,EAAW,GAAI,IAAM,CAAA;EAC1B;;AAET;AAEA,SAAS,SAAS,EAChB,MACA,SACA,mBAKC;CACD,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,MAA4B,MAAM,KAAA,CAAS;EACtD,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,13 @@
-import { useMetrics } from "../../../metrics/hooks/use-metrics.es.js";
 import { KpiCard } from "../../../metrics/components/kpi-card.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 { useDashboardRequests } from "../../hooks/use-dashboard-requests.es.js";
+import { PinAction } from "../../components/widget-controls.es.js";
+import { alertAction } from "../../lib/alert-actions.es.js";
 import { valueOf } from "../../lib/answers.es.js";
 import { answersById, exprRefs } from "../../lib/values.es.js";
 import { kpiFigures } from "./options.es.js";
+import { t as MetricsCard } from "../../../../MetricsCard-D6bQfynP.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,20 +21,34 @@ var FORMAT = {
 	usd: formatUsd
 };
 var change = (pct) => pct !== void 0 && Number.isFinite(pct) ? pct : void 0;
-function KpisWidget({ views }) {
+function KpisWidget({ widget, views, gate, results, comparisonLabel, dragHandle, pin, alert }) {
 	const [view] = views;
-	return /* @__PURE__ */ jsx(ViewGate, {
-		queries: view.queries,
-		pending: () => null,
-		children: (page) => /* @__PURE__ */ jsx(KpisView, {
-			view,
-			page
-		})
+	const figures = gate.status === "ready" ? /* @__PURE__ */ jsx(KpisView, {
+		view,
+		results,
+		comparisonLabel
+	}) : null;
+	if (!dragHandle && !pin && !alert) return figures;
+	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: figures
+			}),
+			gate.status === "ready" && alertAction(alert, widget, view, {
+				page: gate.page,
+				values: view.options.items.map(({ label, value }) => ({
+					label,
+					value
+				}))
+			}),
+			pin && /* @__PURE__ */ jsx(PinAction, { ...pin })
+		]
 	});
 }
-function KpisView({ view, page }) {
-	const { comparisonLabel } = useMetrics();
-	const results = useDashboardRequests(view.queries.map((q) => buildRequest(q, page, {})));
+function KpisView({ view, results, comparisonLabel }) {
 	const byId = answersById(view.queries, results);
 	const answers = new Map([...byId].map(([id, r]) => [id, valueOf(r?.data)]));
 	return /* @__PURE__ */ jsx(MetricsCardGroup, { children: view.options.items.map((item, i) => {

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 { formatCount, formatUsd } from '../../../metrics/lib/chart-format';\nimport { PinAction } from '../../components/widget-controls';\nimport { alertAction } from '../../lib/alert-actions';\nimport { valueOf } from '../../lib/answers';\nimport type { DashboardResult } 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({\n  widget,\n  views,\n  gate,\n  results,\n  comparisonLabel,\n  dragHandle,\n  pin,\n  alert,\n}: WidgetKindProps<KpisOptions>) {\n  const [view] = views;\n  const figures =\n    gate.status === 'ready' ? <KpisView view={view} results={results} comparisonLabel={comparisonLabel} /> : null;\n  if (!dragHandle && !pin && !alert) return figures;\n  // The group has no title of its own, so the grip, the alert 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\">{figures}</div>\n      {/* KPIs read metrics and scores aggregates only, which every page filter applies to. */}\n      {gate.status === 'ready' &&\n        alertAction(alert, widget, view, {\n          page: gate.page,\n          values: view.options.items.map(({ label, value }) => ({ label, value })),\n        })}\n      {pin && <PinAction {...pin} />}\n    </div>\n  );\n}\n\nfunction KpisView({\n  view,\n  results,\n  comparisonLabel,\n}: {\n  view: ResolvedView<KpisOptions>;\n  results: (DashboardResult | undefined)[];\n  comparisonLabel: string;\n}) {\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 DashboardResult => 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":";;;;;;;;;;;;AAcA,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,EACzB,QACA,OACA,MACA,SACA,iBACA,YACA,KACA,SAC+B;CAC/B,MAAM,CAAC,QAAQ;CACf,MAAM,UACJ,KAAK,WAAW,UAAU,oBAAC,UAAD;EAAgB;EAAe;EAA0B;CAAkB,CAAA,IAAI;CAC3G,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,OAAO;CAE1C,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACG,cAAc,oBAAC,YAAY,YAAb,EAAwB,GAAI,WAAa,CAAA;GACxD,oBAAC,OAAD;IAAK,WAAU;IAAkB,UAAA;GAAa,CAAA;GAE7C,KAAK,WAAW,WACf,YAAY,OAAO,QAAQ,MAAM;IAC/B,MAAM,KAAK;IACX,QAAQ,KAAK,QAAQ,MAAM,KAAK,EAAE,OAAO,aAAa;KAAE;KAAO;IAAM,EAAE;GACzE,CAAC;GACF,OAAO,oBAAC,WAAD,EAAW,GAAI,IAAM,CAAA;EAC1B;;AAET;AAEA,SAAS,SAAS,EAChB,MACA,SACA,mBAKC;CACD,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,MAA4B,MAAM,KAAA,CAAS;EACtD,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,13 +1,16 @@
 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_plan = require("./kpis/kpis-plan.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({
 	kind: "kpis",
 	optionsSchema: require_domains_dashboards_kinds_kpis_options.kpisOptionsSchema,
 	issues: require_domains_dashboards_kinds_kpis_options.kpisIssues,
+	gatedQueries: require_domains_dashboards_kinds_kpis_kpis_plan.kpisGatedQueries,
+	requests: require_domains_dashboards_kinds_kpis_kpis_plan.kpisRequests,
 	component: require_domains_dashboards_kinds_kpis_kpis_widget.KpisWidget
 });
 exports.kpiFigures = require_domains_dashboards_kinds_kpis_options.kpiFigures;

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

@@ -1 +1 @@
-{"version":3,"file":"kpis.cjs.js","names":["defineWidgetKind","kpisOptionsSchema","kpisIssues","KpisWidget"],"sources":["../../../../src/domains/dashboards/kinds/kpis/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { KpisWidget } from './kpis-widget';\nimport { kpisIssues, kpisOptionsSchema } from './options';\n\nexport { kpiFigures, kpisOptionsSchema } from './options';\nexport type { KpiFigures, KpisOptions } from './options';\n\n/** A row of headline numbers, each against the previous window. */\nexport const kpisKind = defineWidgetKind({\n  kind: 'kpis',\n  optionsSchema: kpisOptionsSchema,\n  issues: kpisIssues,\n  component: KpisWidget,\n});\n"],"mappings":";;;;;;AAQA,IAAa,WAAWA,uCAAAA,iBAAiB;CACvC,MAAM;CACN,eAAeC,8CAAAA;CACf,QAAQC,8CAAAA;CACR,WAAWC,kDAAAA;AACb,CAAC"}
+{"version":3,"file":"kpis.cjs.js","names":["defineWidgetKind","kpisOptionsSchema","kpisIssues","kpisGatedQueries","kpisRequests","KpisWidget"],"sources":["../../../../src/domains/dashboards/kinds/kpis/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { kpisGatedQueries, kpisRequests } from './kpis-plan';\nimport { KpisWidget } from './kpis-widget';\nimport { kpisIssues, kpisOptionsSchema } from './options';\n\nexport { kpiFigures, kpisOptionsSchema } from './options';\nexport type { KpiFigures, KpisOptions } from './options';\n\n/** A row of headline numbers, each against the previous window. */\nexport const kpisKind = defineWidgetKind({\n  kind: 'kpis',\n  optionsSchema: kpisOptionsSchema,\n  issues: kpisIssues,\n  gatedQueries: kpisGatedQueries,\n  requests: kpisRequests,\n  component: KpisWidget,\n});\n"],"mappings":";;;;;;;AASA,IAAa,WAAWA,uCAAAA,iBAAiB;CACvC,MAAM;CACN,eAAeC,8CAAAA;CACf,QAAQC,8CAAAA;CACR,cAAcC,gDAAAA;CACd,UAAUC,gDAAAA;CACV,WAAWC,kDAAAA;AACb,CAAC"}

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

@@ -1,12 +1,15 @@
 import { defineWidgetKind } from "../widget-kind.es.js";
-import { kpiFigures, kpisIssues, kpisOptionsSchema } from "./kpis/options.es.js";
+import { kpisGatedQueries, kpisRequests } from "./kpis/kpis-plan.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({
 	kind: "kpis",
 	optionsSchema: kpisOptionsSchema,
 	issues: kpisIssues,
+	gatedQueries: kpisGatedQueries,
+	requests: kpisRequests,
 	component: KpisWidget
 });
 export { kpiFigures, kpisKind, kpisOptionsSchema };

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

@@ -1 +1 @@
-{"version":3,"file":"kpis.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/kpis/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { KpisWidget } from './kpis-widget';\nimport { kpisIssues, kpisOptionsSchema } from './options';\n\nexport { kpiFigures, kpisOptionsSchema } from './options';\nexport type { KpiFigures, KpisOptions } from './options';\n\n/** A row of headline numbers, each against the previous window. */\nexport const kpisKind = defineWidgetKind({\n  kind: 'kpis',\n  optionsSchema: kpisOptionsSchema,\n  issues: kpisIssues,\n  component: KpisWidget,\n});\n"],"mappings":";;;;;AAQA,IAAa,WAAW,iBAAiB;CACvC,MAAM;CACN,eAAe;CACf,QAAQ;CACR,WAAW;AACb,CAAC"}
+{"version":3,"file":"kpis.es.js","names":[],"sources":["../../../../src/domains/dashboards/kinds/kpis/index.ts"],"sourcesContent":["import { defineWidgetKind } from '../../widget-kind';\nimport { kpisGatedQueries, kpisRequests } from './kpis-plan';\nimport { KpisWidget } from './kpis-widget';\nimport { kpisIssues, kpisOptionsSchema } from './options';\n\nexport { kpiFigures, kpisOptionsSchema } from './options';\nexport type { KpiFigures, KpisOptions } from './options';\n\n/** A row of headline numbers, each against the previous window. */\nexport const kpisKind = defineWidgetKind({\n  kind: 'kpis',\n  optionsSchema: kpisOptionsSchema,\n  issues: kpisIssues,\n  gatedQueries: kpisGatedQueries,\n  requests: kpisRequests,\n  component: KpisWidget,\n});\n"],"mappings":";;;;;;AASA,IAAa,WAAW,iBAAiB;CACvC,MAAM;CACN,eAAe;CACf,QAAQ;CACR,cAAc;CACd,UAAU;CACV,WAAW;AACb,CAAC"}

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

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
+const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
+const require_domains_dashboards_lib_scores = require("../../lib/scores.cjs.js");
+// src/domains/dashboards/kinds/scores/scores-plan.ts
+/** Scores chart their first view only, so only its queries are gated. */
+var scoresGatedQueries = ([view]) => view.queries;
+/** Finds the scorers to chart, when the queries don't name their own. */
+var scoresDiscover = ({ views: [view], page }) => [require_domains_dashboards_lib_scores.scorerDiscoveryRequest(view.queries, page)];
+/** Each scorer's mean, then each scorer's points, in the discovered scorers' order. */
+function scoresRequests({ views: [view], page }, discovered) {
+	const { options } = view;
+	const { interval } = require_domains_metrics_lib_metrics_buckets.bucketPlan(page.window.start, page.window.end);
+	const scorers = require_domains_dashboards_lib_scores.scorersOf(view.queries, discovered[0]?.data);
+	const averageQuery = view.queries.find((q) => q.id === options.average);
+	const seriesQuery = view.queries.find((q) => q.id === options.series);
+	const send = (query, scorerId, bucket) => {
+		const own = require_domains_dashboards_lib_scores.withScorer(query, scorerId);
+		return own && require_domains_dashboards_lib_requests.buildRequest(own, page, { interval: bucket });
+	};
+	return [...scorers.map(({ scorerId }) => send(averageQuery, scorerId)), ...scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval))];
+}
+exports.scoresDiscover = scoresDiscover;
+exports.scoresGatedQueries = scoresGatedQueries;
+exports.scoresRequests = scoresRequests;
+
+//# sourceMappingURL=scores-plan.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scores-plan.cjs.js","names":["scorerDiscoveryRequest","bucketPlan","scorersOf","withScorer","buildRequest"],"sources":["../../../../../src/domains/dashboards/kinds/scores/scores-plan.ts"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { bucketPlan } from '../../../metrics/lib/metrics-buckets';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardResult } from '../../lib/requests';\nimport { scorerDiscoveryRequest, scorersOf, withScorer } from '../../lib/scores';\nimport type { WidgetPlanContext } from '../../widget-kind';\nimport type { ScoresOptions } from './options';\n\n/** Scores chart their first view only, so only its queries are gated. */\nexport const scoresGatedQueries = ([view]: WidgetPlanContext<ScoresOptions>['views']) => view.queries;\n\n/** Finds the scorers to chart, when the queries don't name their own. */\nexport const scoresDiscover = ({ views: [view], page }: WidgetPlanContext<ScoresOptions>) => [\n  scorerDiscoveryRequest(view.queries, page),\n];\n\n/** Each scorer's mean, then each scorer's points, in the discovered scorers' order. */\nexport function scoresRequests(\n  { views: [view], page }: WidgetPlanContext<ScoresOptions>,\n  discovered: (DashboardResult | undefined)[],\n) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const scorers = scorersOf(view.queries, discovered[0]?.data);\n  const averageQuery = view.queries.find(q => q.id === options.average);\n  const seriesQuery = view.queries.find(q => q.id === options.series);\n  const send = (query: DashboardQuery | undefined, scorerId: string, bucket?: typeof interval) => {\n    const own = withScorer(query, scorerId);\n    return own && buildRequest(own, page, { interval: bucket });\n  };\n  return [\n    ...scorers.map(({ scorerId }) => send(averageQuery, scorerId)),\n    ...scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)),\n  ];\n}\n"],"mappings":";;;;;;AASA,IAAa,sBAAsB,CAAC,UAAqD,KAAK;;AAG9F,IAAa,kBAAkB,EAAE,OAAO,CAAC,OAAO,WAA6C,CAC3FA,sCAAAA,uBAAuB,KAAK,SAAS,IAAI,CAC3C;;AAGA,SAAgB,eACd,EAAE,OAAO,CAAC,OAAO,QACjB,YACA;CACA,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAaC,4CAAAA,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,UAAUC,sCAAAA,UAAU,KAAK,SAAS,WAAW,EAAE,EAAE,IAAI;CAC3D,MAAM,eAAe,KAAK,QAAQ,MAAK,MAAK,EAAE,OAAO,QAAQ,OAAO;CACpE,MAAM,cAAc,KAAK,QAAQ,MAAK,MAAK,EAAE,OAAO,QAAQ,MAAM;CAClE,MAAM,QAAQ,OAAmC,UAAkB,WAA6B;EAC9F,MAAM,MAAMC,sCAAAA,WAAW,OAAO,QAAQ;EACtC,OAAO,OAAOC,wCAAAA,aAAa,KAAK,MAAM,EAAE,UAAU,OAAO,CAAC;CAC5D;CACA,OAAO,CACL,GAAG,QAAQ,KAAK,EAAE,eAAe,KAAK,cAAc,QAAQ,CAAC,GAC7D,GAAG,QAAQ,KAAK,EAAE,eAAe,KAAK,aAAa,UAAU,QAAQ,CAAC,CACxE;AACF"}

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

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

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

@@ -0,0 +1,24 @@
+import { bucketPlan } from "../../../metrics/lib/metrics-buckets.es.js";
+import { buildRequest } from "../../lib/requests.es.js";
+import { scorerDiscoveryRequest, scorersOf, withScorer } from "../../lib/scores.es.js";
+// src/domains/dashboards/kinds/scores/scores-plan.ts
+/** Scores chart their first view only, so only its queries are gated. */
+var scoresGatedQueries = ([view]) => view.queries;
+/** Finds the scorers to chart, when the queries don't name their own. */
+var scoresDiscover = ({ views: [view], page }) => [scorerDiscoveryRequest(view.queries, page)];
+/** Each scorer's mean, then each scorer's points, in the discovered scorers' order. */
+function scoresRequests({ views: [view], page }, discovered) {
+	const { options } = view;
+	const { interval } = bucketPlan(page.window.start, page.window.end);
+	const scorers = scorersOf(view.queries, discovered[0]?.data);
+	const averageQuery = view.queries.find((q) => q.id === options.average);
+	const seriesQuery = view.queries.find((q) => q.id === options.series);
+	const send = (query, scorerId, bucket) => {
+		const own = withScorer(query, scorerId);
+		return own && buildRequest(own, page, { interval: bucket });
+	};
+	return [...scorers.map(({ scorerId }) => send(averageQuery, scorerId)), ...scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval))];
+}
+export { scoresDiscover, scoresGatedQueries, scoresRequests };
+
+//# sourceMappingURL=scores-plan.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scores-plan.es.js","names":[],"sources":["../../../../../src/domains/dashboards/kinds/scores/scores-plan.ts"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { bucketPlan } from '../../../metrics/lib/metrics-buckets';\nimport { buildRequest } from '../../lib/requests';\nimport type { DashboardResult } from '../../lib/requests';\nimport { scorerDiscoveryRequest, scorersOf, withScorer } from '../../lib/scores';\nimport type { WidgetPlanContext } from '../../widget-kind';\nimport type { ScoresOptions } from './options';\n\n/** Scores chart their first view only, so only its queries are gated. */\nexport const scoresGatedQueries = ([view]: WidgetPlanContext<ScoresOptions>['views']) => view.queries;\n\n/** Finds the scorers to chart, when the queries don't name their own. */\nexport const scoresDiscover = ({ views: [view], page }: WidgetPlanContext<ScoresOptions>) => [\n  scorerDiscoveryRequest(view.queries, page),\n];\n\n/** Each scorer's mean, then each scorer's points, in the discovered scorers' order. */\nexport function scoresRequests(\n  { views: [view], page }: WidgetPlanContext<ScoresOptions>,\n  discovered: (DashboardResult | undefined)[],\n) {\n  const { options } = view;\n  const { interval } = bucketPlan(page.window.start, page.window.end);\n  const scorers = scorersOf(view.queries, discovered[0]?.data);\n  const averageQuery = view.queries.find(q => q.id === options.average);\n  const seriesQuery = view.queries.find(q => q.id === options.series);\n  const send = (query: DashboardQuery | undefined, scorerId: string, bucket?: typeof interval) => {\n    const own = withScorer(query, scorerId);\n    return own && buildRequest(own, page, { interval: bucket });\n  };\n  return [\n    ...scorers.map(({ scorerId }) => send(averageQuery, scorerId)),\n    ...scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)),\n  ];\n}\n"],"mappings":";;;;;AASA,IAAa,sBAAsB,CAAC,UAAqD,KAAK;;AAG9F,IAAa,kBAAkB,EAAE,OAAO,CAAC,OAAO,WAA6C,CAC3F,uBAAuB,KAAK,SAAS,IAAI,CAC3C;;AAGA,SAAgB,eACd,EAAE,OAAO,CAAC,OAAO,QACjB,YACA;CACA,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,aAAa,WAAW,KAAK,OAAO,OAAO,KAAK,OAAO,GAAG;CAClE,MAAM,UAAU,UAAU,KAAK,SAAS,WAAW,EAAE,EAAE,IAAI;CAC3D,MAAM,eAAe,KAAK,QAAQ,MAAK,MAAK,EAAE,OAAO,QAAQ,OAAO;CACpE,MAAM,cAAc,KAAK,QAAQ,MAAK,MAAK,EAAE,OAAO,QAAQ,MAAM;CAClE,MAAM,QAAQ,OAAmC,UAAkB,WAA6B;EAC9F,MAAM,MAAM,WAAW,OAAO,QAAQ;EACtC,OAAO,OAAO,aAAa,KAAK,MAAM,EAAE,UAAU,OAAO,CAAC;CAC5D;CACA,OAAO,CACL,GAAG,QAAQ,KAAK,EAAE,eAAe,KAAK,cAAc,QAAQ,CAAC,GAC7D,GAAG,QAAQ,KAAK,EAAE,eAAe,KAAK,aAAa,UAAU,QAAQ,CAAC,CACxE;AACF"}

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

@@ -1,18 +1,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
-const require_domains_dashboards_lib_requests = require("../../lib/requests.cjs.js");
-const require_domains_dashboards_components_view_gate = require("../../components/view-gate.cjs.js");
-const require_domains_dashboards_hooks_use_dashboard_requests = require("../../hooks/use-dashboard-requests.cjs.js");
 const require_domains_metrics_components_chart_area = require("../../../metrics/components/chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("../../../metrics/components/chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("../../../metrics/components/chart-card-error.cjs.js");
 const require_domains_metrics_lib_chart_axis = require("../../../metrics/lib/chart-axis.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("../../../metrics/lib/chart-colors.cjs.js");
-const require_domains_dashboards_lib_scores = require("../../lib/scores.cjs.js");
-const require_domains_dashboards_hooks_use_scorers = require("../../hooks/use-scorers.cjs.js");
+const require_domains_metrics_lib_metrics_buckets = require("../../../metrics/lib/metrics-buckets.cjs.js");
+const require_domains_dashboards_components_widget_chrome = require("../../components/widget-chrome.cjs.js");
+const require_domains_dashboards_lib_alert_actions = require("../../lib/alert-actions.cjs.js");
 const require_domains_dashboards_lib_chrome = require("../../lib/chrome.cjs.js");
 const require_domains_dashboards_lib_format = require("../../lib/format.cjs.js");
-const require_MetricsLineChart = require("../../../../MetricsLineChart-tZxsauau.cjs");
+const require_domains_dashboards_lib_pin_actions = require("../../lib/pin-actions.cjs.js");
+const require_domains_dashboards_lib_scores = require("../../lib/scores.cjs.js");
+const require_MetricsLineChart = require("../../../../MetricsLineChart-BnY9JKzc.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/kinds/scores/scores-widget.tsx
 /** Scores aren't problems, so no warm hues; past five scorers the colors repeat. */
@@ -23,43 +22,46 @@ var SCORER_COLORS = [
 	require_domains_metrics_lib_chart_colors.CHART_COLORS.teal,
 	require_domains_metrics_lib_chart_colors.CHART_COLORS.indigo
 ];
-function ScoresWidget({ widget, views, expand }) {
+function ScoresWidget({ widget, views, gate, discovered, results, onRetry, expand, dragHandle, pin, alert }) {
 	const [view] = views;
-	const heading = require_domains_dashboards_lib_chrome.viewTitle(widget, [view], 0, () => {}, expand);
-	return /* @__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)(ScoresView, {
-			heading,
-			view,
-			page
-		})
+	const heading = {
+		...require_domains_dashboards_lib_chrome.viewTitle(widget, [view], 0, () => {}, expand),
+		dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(pin)
+	};
+	if (gate.status === "pending") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_dashboards_components_widget_chrome.PendingChartCard, {
+		gate: gate.gate,
+		heading: require_domains_dashboards_lib_alert_actions.pendingHeading(heading, gate.gate, alert, widget, view)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScoresView, {
+		heading: require_domains_dashboards_lib_alert_actions.withAction(heading, require_domains_dashboards_lib_alert_actions.alertAction(alert, widget, view, {
+			page: gate.page,
+			values: [{
+				label: view.label?.trim() || widget.title?.trim() || "Scores",
+				value: { query: view.options.average }
+			}]
+		})),
+		view,
+		page: gate.page,
+		discovered,
+		results,
+		onRetry
 	});
 }
-function ScoresView({ heading, view, page }) {
+function ScoresView({ heading, view, page, discovered, results, onRetry }) {
 	const { options } = view;
 	const { interval } = require_domains_metrics_lib_metrics_buckets.bucketPlan(page.window.start, page.window.end);
 	const stepHours = require_domains_metrics_lib_metrics_buckets.intervalHours(interval);
-	const { recent, scorers } = require_domains_dashboards_hooks_use_scorers.useScorers(view.queries, page);
-	const averageQuery = view.queries.find((q) => q.id === options.average);
-	const seriesQuery = view.queries.find((q) => q.id === options.series);
-	const send = (query, scorerId, bucket) => {
-		const own = require_domains_dashboards_lib_scores.withScorer(query, scorerId);
-		return own && require_domains_dashboards_lib_requests.buildRequest(own, page, { interval: bucket });
-	};
-	const means = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(scorers.map(({ scorerId }) => send(averageQuery, scorerId)));
-	const points = require_domains_dashboards_hooks_use_dashboard_requests.useDashboardRequests(scorers.map(({ scorerId }) => send(seriesQuery, scorerId, interval)));
-	const all = [
-		recent,
-		...means,
-		...points
-	].filter((r) => r !== void 0);
+	const scorers = require_domains_dashboards_lib_scores.scorersOf(view.queries, discovered[0]?.data);
+	const means = results.slice(0, scorers.length);
+	const points = results.slice(scorers.length, scorers.length * 2);
+	const all = [...discovered, ...results].filter((r) => r !== void 0);
 	const failed = all.filter((r) => r.isError);
 	if (failed.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
 		...heading,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card_error.ChartCardError, {
 			error: failed[0]?.error,
-			onRetry: () => failed.forEach((r) => void r.refetch())
+			onRetry
 		})
 	});
 	const isLoading = all.some((r) => r.isLoading);