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

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

@@ -0,0 +1,47 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_metrics_hooks_use_aggregate_limiter = require("../../metrics/hooks/use-aggregate-limiter.cjs.js");
+const require_domains_dashboards_lib_requests = require("../lib/requests.cjs.js");
+let _mastra_react = require("@mastra/react");
+let _tanstack_react_query = require("@tanstack/react-query");
+// src/domains/dashboards/hooks/use-dashboard-requests.ts
+var KEPT = { staleTime: Infinity };
+/** Aggregates retry in the client only, as `useTraceAggregate` does. */
+var CLIENT_RETRIES = {
+	retry: false,
+	refetchOnWindowFocus: false
+};
+function queryOptions(request, client, limiter, isObserved) {
+	const queryKey = require_domains_dashboards_lib_requests.requestKey(request);
+	const isAggregate = request.method === "aggregateTraces" || request.method === "aggregateSpans";
+	return {
+		queryKey,
+		queryFn: isAggregate && !request.unsatisfiable ? () => limiter.run(() => require_domains_dashboards_lib_requests.sendRequest(client, request), {
+			priority: request.priority,
+			isWanted: () => isObserved(queryKey)
+		}) : () => require_domains_dashboards_lib_requests.sendRequest(client, request),
+		...isAggregate || request.method === "getMetricBreakdown" || request.unsatisfiable ? KEPT : {},
+		...isAggregate ? CLIENT_RETRIES : {}
+	};
+}
+/**
+* Sends a view's requests; equal requests share one fetch across widgets. Results line up with
+* `requests`: an `undefined` request keeps its slot without sending anything. A request whose key
+* changed has no answer until its own arrives, so a widget never shows one window's or filter's
+* figures under another: it loads instead, and dims only while refetching an answer it already has.
+*/
+function useDashboardRequests(requests) {
+	const client = (0, _mastra_react.useMastraClient)();
+	const limiter = require_domains_metrics_hooks_use_aggregate_limiter.useAggregateLimiter();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const isObserved = (key) => (queryClient.getQueryCache().find({
+		queryKey: key,
+		exact: true
+	})?.getObserversCount() ?? 0) > 0;
+	const sent = requests.filter((request) => request !== void 0);
+	const results = (0, _tanstack_react_query.useQueries)({ queries: sent.map((request) => queryOptions(request, client, limiter, isObserved)) });
+	let next = 0;
+	return requests.map((request) => request ? results[next++] : void 0);
+}
+exports.useDashboardRequests = useDashboardRequests;
+
+//# sourceMappingURL=use-dashboard-requests.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard-requests.cjs.js","names":["requestKey","sendRequest","useMastraClient","useAggregateLimiter","useQueryClient","useQueries"],"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,WAAWA,wCAAAA,WAAW,OAAO;CACnC,MAAM,cAAc,QAAQ,WAAW,qBAAqB,QAAQ,WAAW;CAC/E,OAAO;EACL;EAEA,SACE,eAAe,CAAC,QAAQ,sBAElB,QAAQ,UAAUC,wCAAAA,YAAY,QAAQ,OAAO,GAAG;GAC9C,UAAU,QAAQ;GAClB,gBAAgB,WAAW,QAAQ;EACrC,CAAC,UACGA,wCAAAA,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,UAAA,GAASC,cAAAA,gBAAAA,CAAgB;CAC/B,MAAM,UAAUC,oDAAAA,oBAAoB;CACpC,MAAM,eAAA,GAAcC,sBAAAA,eAAAA,CAAe;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,WAAA,GAAUC,sBAAAA,WAAAA,CAAW,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"}

package/dist/domains/dashboards/hooks/use-dashboard-requests.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/hooks/use-dashboard-requests';

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

@@ -0,0 +1,46 @@
+import { useAggregateLimiter } from "../../metrics/hooks/use-aggregate-limiter.es.js";
+import { requestKey, sendRequest } from "../lib/requests.es.js";
+import { useMastraClient } from "@mastra/react";
+import { useQueries, useQueryClient } from "@tanstack/react-query";
+// src/domains/dashboards/hooks/use-dashboard-requests.ts
+var KEPT = { staleTime: Infinity };
+/** Aggregates retry in the client only, as `useTraceAggregate` does. */
+var CLIENT_RETRIES = {
+	retry: false,
+	refetchOnWindowFocus: false
+};
+function queryOptions(request, client, limiter, isObserved) {
+	const queryKey = requestKey(request);
+	const isAggregate = request.method === "aggregateTraces" || request.method === "aggregateSpans";
+	return {
+		queryKey,
+		queryFn: isAggregate && !request.unsatisfiable ? () => limiter.run(() => sendRequest(client, request), {
+			priority: request.priority,
+			isWanted: () => isObserved(queryKey)
+		}) : () => sendRequest(client, request),
+		...isAggregate || request.method === "getMetricBreakdown" || request.unsatisfiable ? KEPT : {},
+		...isAggregate ? CLIENT_RETRIES : {}
+	};
+}
+/**
+* Sends a view's requests; equal requests share one fetch across widgets. Results line up with
+* `requests`: an `undefined` request keeps its slot without sending anything. A request whose key
+* changed has no answer until its own arrives, so a widget never shows one window's or filter's
+* figures under another: it loads instead, and dims only while refetching an answer it already has.
+*/
+function useDashboardRequests(requests) {
+	const client = useMastraClient();
+	const limiter = useAggregateLimiter();
+	const queryClient = useQueryClient();
+	const isObserved = (key) => (queryClient.getQueryCache().find({
+		queryKey: key,
+		exact: true
+	})?.getObserversCount() ?? 0) > 0;
+	const sent = requests.filter((request) => request !== void 0);
+	const results = useQueries({ queries: sent.map((request) => queryOptions(request, client, limiter, isObserved)) });
+	let next = 0;
+	return requests.map((request) => request ? results[next++] : void 0);
+}
+export { useDashboardRequests };
+
+//# sourceMappingURL=use-dashboard-requests.es.js.map

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

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

package/dist/domains/dashboards/hooks/use-scorers.cjs.js

@@ -0,0 +1,41 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_lib_scores = require("../lib/scores.cjs.js");
+let _mastra_react = require("@mastra/react");
+let _tanstack_react_query = require("@tanstack/react-query");
+// src/domains/dashboards/hooks/use-scorers.ts
+/** How many recent scores to read to find the scorers in the range (the API's page limit). */
+var DISCOVERY_PAGE_SIZE = 100;
+/**
+* The scorers to chart: the queries' own scorer, or, when they leave it out, every scorer among the
+* range's most recent scores, as the Scores card finds them (the API can't list scorers).
+*/
+function useScorers(queries, page) {
+	const client = (0, _mastra_react.useMastraClient)();
+	const discover = queries.some(require_domains_dashboards_lib_scores.needsScorer);
+	const args = {
+		filters: page.filters,
+		pagination: {
+			page: 0,
+			perPage: DISCOVERY_PAGE_SIZE
+		}
+	};
+	const recent = (0, _tanstack_react_query.useQuery)({
+		queryKey: [
+			"dashboards",
+			"listScores",
+			args
+		],
+		queryFn: discover ? () => client.listScores(args) : _tanstack_react_query.skipToken
+	});
+	const recentScores = (recent.data?.scores ?? []).map((s) => ({
+		scorerId: s.scorerId,
+		scorerName: s.scorerName ?? void 0
+	}));
+	return {
+		recent,
+		scorers: discover ? require_domains_dashboards_lib_scores.discoveredScorers(recentScores) : require_domains_dashboards_lib_scores.ownScorers(queries)
+	};
+}
+exports.useScorers = useScorers;
+
+//# sourceMappingURL=use-scorers.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-scorers.cjs.js","names":["useMastraClient","needsScorer","useQuery","skipToken","discoveredScorers","ownScorers"],"sources":["../../../../src/domains/dashboards/hooks/use-scorers.ts"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { skipToken, useQuery } from '@tanstack/react-query';\nimport type { DashboardPageContext } from '../lib/requests';\nimport { discoveredScorers, needsScorer, ownScorers } from '../lib/scores';\n\n/** How many recent scores to read to find the scorers in the range (the API's page limit). */\nconst DISCOVERY_PAGE_SIZE = 100;\n\n/**\n * The scorers to chart: the queries' own scorer, or, when they leave it out, every scorer among the\n * range's most recent scores, as the Scores card finds them (the API can't list scorers).\n */\nexport function useScorers(queries: DashboardQuery[], page: DashboardPageContext) {\n  const client = useMastraClient();\n  const discover = queries.some(needsScorer);\n  const args = { filters: page.filters, pagination: { page: 0, perPage: DISCOVERY_PAGE_SIZE } };\n  const recent = useQuery({\n    queryKey: ['dashboards', 'listScores', args],\n    queryFn: discover ? () => client.listScores(args) : skipToken,\n  });\n  const recentScores = (recent.data?.scores ?? []).map(s => ({\n    scorerId: s.scorerId,\n    scorerName: s.scorerName ?? undefined,\n  }));\n  const scorers = discover ? discoveredScorers(recentScores) : ownScorers(queries);\n  return { recent, scorers };\n}\n"],"mappings":";;;;;;AAOA,IAAM,sBAAsB;;;;;AAM5B,SAAgB,WAAW,SAA2B,MAA4B;CAChF,MAAM,UAAA,GAASA,cAAAA,gBAAAA,CAAgB;CAC/B,MAAM,WAAW,QAAQ,KAAKC,sCAAAA,WAAW;CACzC,MAAM,OAAO;EAAE,SAAS,KAAK;EAAS,YAAY;GAAE,MAAM;GAAG,SAAS;EAAoB;CAAE;CAC5F,MAAM,UAAA,GAASC,sBAAAA,SAAAA,CAAS;EACtB,UAAU;GAAC;GAAc;GAAc;EAAI;EAC3C,SAAS,iBAAiB,OAAO,WAAW,IAAI,IAAIC,sBAAAA;CACtD,CAAC;CACD,MAAM,gBAAgB,OAAO,MAAM,UAAU,CAAC,EAAA,CAAG,KAAI,OAAM;EACzD,UAAU,EAAE;EACZ,YAAY,EAAE,cAAc,KAAA;CAC9B,EAAE;CAEF,OAAO;EAAE;EAAQ,SADD,WAAWC,sCAAAA,kBAAkB,YAAY,IAAIC,sCAAAA,WAAW,OAAO;CACtD;AAC3B"}

package/dist/domains/dashboards/hooks/use-scorers.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/hooks/use-scorers';

package/dist/domains/dashboards/hooks/use-scorers.es.js

@@ -0,0 +1,40 @@
+import { discoveredScorers, needsScorer, ownScorers } from "../lib/scores.es.js";
+import { useMastraClient } from "@mastra/react";
+import { skipToken, useQuery } from "@tanstack/react-query";
+// src/domains/dashboards/hooks/use-scorers.ts
+/** How many recent scores to read to find the scorers in the range (the API's page limit). */
+var DISCOVERY_PAGE_SIZE = 100;
+/**
+* The scorers to chart: the queries' own scorer, or, when they leave it out, every scorer among the
+* range's most recent scores, as the Scores card finds them (the API can't list scorers).
+*/
+function useScorers(queries, page) {
+	const client = useMastraClient();
+	const discover = queries.some(needsScorer);
+	const args = {
+		filters: page.filters,
+		pagination: {
+			page: 0,
+			perPage: DISCOVERY_PAGE_SIZE
+		}
+	};
+	const recent = useQuery({
+		queryKey: [
+			"dashboards",
+			"listScores",
+			args
+		],
+		queryFn: discover ? () => client.listScores(args) : skipToken
+	});
+	const recentScores = (recent.data?.scores ?? []).map((s) => ({
+		scorerId: s.scorerId,
+		scorerName: s.scorerName ?? void 0
+	}));
+	return {
+		recent,
+		scorers: discover ? discoveredScorers(recentScores) : ownScorers(queries)
+	};
+}
+export { useScorers };
+
+//# sourceMappingURL=use-scorers.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-scorers.es.js","names":[],"sources":["../../../../src/domains/dashboards/hooks/use-scorers.ts"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { skipToken, useQuery } from '@tanstack/react-query';\nimport type { DashboardPageContext } from '../lib/requests';\nimport { discoveredScorers, needsScorer, ownScorers } from '../lib/scores';\n\n/** How many recent scores to read to find the scorers in the range (the API's page limit). */\nconst DISCOVERY_PAGE_SIZE = 100;\n\n/**\n * The scorers to chart: the queries' own scorer, or, when they leave it out, every scorer among the\n * range's most recent scores, as the Scores card finds them (the API can't list scorers).\n */\nexport function useScorers(queries: DashboardQuery[], page: DashboardPageContext) {\n  const client = useMastraClient();\n  const discover = queries.some(needsScorer);\n  const args = { filters: page.filters, pagination: { page: 0, perPage: DISCOVERY_PAGE_SIZE } };\n  const recent = useQuery({\n    queryKey: ['dashboards', 'listScores', args],\n    queryFn: discover ? () => client.listScores(args) : skipToken,\n  });\n  const recentScores = (recent.data?.scores ?? []).map(s => ({\n    scorerId: s.scorerId,\n    scorerName: s.scorerName ?? undefined,\n  }));\n  const scorers = discover ? discoveredScorers(recentScores) : ownScorers(queries);\n  return { recent, scorers };\n}\n"],"mappings":";;;;;AAOA,IAAM,sBAAsB;;;;;AAM5B,SAAgB,WAAW,SAA2B,MAA4B;CAChF,MAAM,SAAS,gBAAgB;CAC/B,MAAM,WAAW,QAAQ,KAAK,WAAW;CACzC,MAAM,OAAO;EAAE,SAAS,KAAK;EAAS,YAAY;GAAE,MAAM;GAAG,SAAS;EAAoB;CAAE;CAC5F,MAAM,SAAS,SAAS;EACtB,UAAU;GAAC;GAAc;GAAc;EAAI;EAC3C,SAAS,iBAAiB,OAAO,WAAW,IAAI,IAAI;CACtD,CAAC;CACD,MAAM,gBAAgB,OAAO,MAAM,UAAU,CAAC,EAAA,CAAG,KAAI,OAAM;EACzD,UAAU,EAAE;EACZ,YAAY,EAAE,cAAc,KAAA;CAC9B,EAAE;CAEF,OAAO;EAAE;EAAQ,SADD,WAAW,kBAAkB,YAAY,IAAI,WAAW,OAAO;CACtD;AAC3B"}

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

@@ -0,0 +1,35 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_lib_chrome = require("../lib/chrome.cjs.js");
+const require_domains_dashboards_lib_definition = require("../lib/definition.cjs.js");
+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`.
+*/
+function useViewMenu(widget, views, defaultIndex = 0) {
+	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)
+	};
+}
+/** 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);
+	if (!onDrilldown || !click) return void 0;
+	return (clicked) => onDrilldown(click.page, {
+		...require_domains_dashboards_lib_definition.targetScope(click),
+		...clicked
+	});
+}
+/** Whether the view has an action button to show (`DrilldownAction`). */
+var hasDrilldownAction = (widget, view, onDrilldown) => onDrilldown !== void 0 && require_domains_dashboards_lib_definition.viewDrilldown(widget, view).action !== void 0;
+exports.hasDrilldownAction = hasDrilldownAction;
+exports.useDrilldown = useDrilldown;
+exports.useViewMenu = useViewMenu;
+
+//# sourceMappingURL=use-widget-views.cjs.js.map

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

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

package/dist/domains/dashboards/hooks/use-widget-views.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/dashboards/hooks/use-widget-views';

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

@@ -0,0 +1,32 @@
+import { viewTitle } from "../lib/chrome.es.js";
+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
+* (`title`, and `titleMenu` with several views) to spread into `ChartCard`.
+*/
+function useViewMenu(widget, views, defaultIndex = 0) {
+	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)
+	};
+}
+/** 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);
+	if (!onDrilldown || !click) return void 0;
+	return (clicked) => onDrilldown(click.page, {
+		...targetScope(click),
+		...clicked
+	});
+}
+/** 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 };
+
+//# sourceMappingURL=use-widget-views.es.js.map

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

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

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

@@ -0,0 +1,63 @@
+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_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_MetricsCardGroup = require("../../../../MetricsCardGroup-DYSet-qU.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+// src/domains/dashboards/kinds/kpis/kpis-widget.tsx
+var ICONS = {
+	bot: lucide_react.BotIcon,
+	coins: lucide_react.CoinsIcon,
+	hash: lucide_react.HashIcon,
+	threads: lucide_react.MessagesSquareIcon
+};
+var FORMAT = {
+	count: require_domains_metrics_lib_chart_format.formatCount,
+	usd: require_domains_metrics_lib_chart_format.formatUsd
+};
+var change = (pct) => pct !== void 0 && Number.isFinite(pct) ? pct : void 0;
+function KpisWidget({ views }) {
+	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
+		})
+	});
+}
+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, {})));
+	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) => {
+		const used = [...new Set(require_domains_dashboards_lib_values.exprRefs(item.value).map((r) => r.query))].map((id) => byId.get(id)).filter((r) => r !== void 0);
+		const figures = require_domains_dashboards_kinds_kpis_options.kpiFigures(item.value, answers);
+		const format = FORMAT[item.format];
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_kpi_card.KpiCard, {
+			label: item.label,
+			icon: ICONS[item.icon],
+			value: figures.value === void 0 ? "—" : format(figures.value),
+			change: change(figures.change),
+			lowerIsBetter: item.lowerIsBetter,
+			detail: item.detail,
+			previous: figures.previous === void 0 ? void 0 : format(figures.previous),
+			comparison: comparisonLabel,
+			isLoading: used.some((r) => r.isLoading),
+			isUpdating: used.some((r) => r.isRefetching),
+			isError: used.some((r) => r.isError)
+		}, i);
+	}) });
+}
+exports.KpisWidget = KpisWidget;
+
+//# sourceMappingURL=kpis-widget.cjs.js.map

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

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

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

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

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

@@ -0,0 +1,62 @@
+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 { valueOf } from "../../lib/answers.es.js";
+import { answersById, exprRefs } from "../../lib/values.es.js";
+import { kpiFigures } from "./options.es.js";
+import { t as MetricsCardGroup } from "../../../../MetricsCardGroup-Dsu80WDM.js";
+import { jsx } from "react/jsx-runtime";
+import { BotIcon, CoinsIcon, HashIcon, MessagesSquareIcon } from "lucide-react";
+// src/domains/dashboards/kinds/kpis/kpis-widget.tsx
+var ICONS = {
+	bot: BotIcon,
+	coins: CoinsIcon,
+	hash: HashIcon,
+	threads: MessagesSquareIcon
+};
+var FORMAT = {
+	count: formatCount,
+	usd: formatUsd
+};
+var change = (pct) => pct !== void 0 && Number.isFinite(pct) ? pct : void 0;
+function KpisWidget({ views }) {
+	const [view] = views;
+	return /* @__PURE__ */ jsx(ViewGate, {
+		queries: view.queries,
+		pending: () => null,
+		children: (page) => /* @__PURE__ */ jsx(KpisView, {
+			view,
+			page
+		})
+	});
+}
+function KpisView({ view, page }) {
+	const { comparisonLabel } = useMetrics();
+	const results = useDashboardRequests(view.queries.map((q) => buildRequest(q, page, {})));
+	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) => {
+		const used = [...new Set(exprRefs(item.value).map((r) => r.query))].map((id) => byId.get(id)).filter((r) => r !== void 0);
+		const figures = kpiFigures(item.value, answers);
+		const format = FORMAT[item.format];
+		return /* @__PURE__ */ jsx(KpiCard, {
+			label: item.label,
+			icon: ICONS[item.icon],
+			value: figures.value === void 0 ? "—" : format(figures.value),
+			change: change(figures.change),
+			lowerIsBetter: item.lowerIsBetter,
+			detail: item.detail,
+			previous: figures.previous === void 0 ? void 0 : format(figures.previous),
+			comparison: comparisonLabel,
+			isLoading: used.some((r) => r.isLoading),
+			isUpdating: used.some((r) => r.isRefetching),
+			isError: used.some((r) => r.isError)
+		}, i);
+	}) });
+}
+export { KpisWidget };
+
+//# sourceMappingURL=kpis-widget.es.js.map

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

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

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

@@ -0,0 +1,72 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_dashboards_lib_values = require("../../lib/values.cjs.js");
+let zod_v4 = require("zod/v4");
+// src/domains/dashboards/kinds/kpis/options.ts
+var kpiItemSchema = zod_v4.z.object({
+	label: zod_v4.z.string().min(1),
+	icon: zod_v4.z.enum([
+		"bot",
+		"coins",
+		"hash",
+		"threads"
+	]),
+	format: zod_v4.z.enum(["count", "usd"]),
+	/** A metrics or scores aggregate value, or the sum of several. Comparing needs `compare` on the queries. */
+	value: require_domains_dashboards_lib_values.valueExprSchema,
+	detail: zod_v4.z.string(),
+	lowerIsBetter: zod_v4.z.boolean().optional()
+}).strict();
+var kpisOptionsSchema = zod_v4.z.object({ items: zod_v4.z.array(kpiItemSchema).min(1) }).strict();
+/** One aggregate's figures: its value (or price) now, before, and the change the API reports. */
+function refFigures(response, ref) {
+	if (ref.field === "estimatedCost") return {
+		value: response?.estimatedCost ?? void 0,
+		previous: response?.previousEstimatedCost ?? void 0,
+		change: response?.costChangePercent ?? void 0
+	};
+	return {
+		value: response?.value ?? void 0,
+		previous: response?.previousValue ?? void 0,
+		change: response?.changePercent ?? void 0
+	};
+}
+/**
+* A KPI's figures. A single aggregate keeps the API's own change; a sum adds the parts and works
+* out the change from the summed previous value, as the Tokens KPI does.
+*/
+function kpiFigures(expr, responses) {
+	if (!("sum" in expr)) {
+		const [ref] = require_domains_dashboards_lib_values.exprRefs(expr);
+		return ref ? refFigures(responses.get(ref.query), ref) : {};
+	}
+	const parts = expr.sum.map((e) => kpiFigures(e, responses));
+	const hasCurrent = parts.some((p) => p.value !== void 0);
+	const hasPrevious = parts.some((p) => p.previous !== void 0);
+	const value = parts.reduce((a, p) => a + (p.value ?? 0), 0);
+	const previous = parts.reduce((a, p) => a + (p.previous ?? 0), 0);
+	return {
+		value: hasCurrent ? value : void 0,
+		previous: hasPrevious ? previous : void 0,
+		change: hasPrevious && previous > 0 ? (value - previous) / previous * 100 : void 0
+	};
+}
+var readsAggregates = (expr) => "query" in expr || "sum" in expr && expr.sum.every(readsAggregates);
+var isAggregate = (query) => (query?.source === "metrics" || query?.source === "scores") && query.request === "aggregate";
+/** What the schema can't say: query ids the view has, and only metrics or scores aggregates (scores naming a scorer), or sums of them. */
+var kpisIssues = (view) => {
+	const byId = new Map(view.queries.map((q) => [q.id, q]));
+	return [
+		...require_domains_dashboards_lib_values.unknownQueryIssues(view.options.items.flatMap((i) => require_domains_dashboards_lib_values.exprRefs(i.value).map((r) => r.query)), view.queries),
+		...view.options.items.filter((i) => !readsAggregates(i.value)).map((i) => `KPI '${i.label}' can only read an aggregate or sum several`),
+		...view.options.items.flatMap((i) => require_domains_dashboards_lib_values.exprRefs(i.value).filter((r) => byId.has(r.query) && !isAggregate(byId.get(r.query))).map((r) => `KPI '${i.label}' reads query '${r.query}', which is not a metrics or scores aggregate`)),
+		...view.options.items.flatMap((i) => require_domains_dashboards_lib_values.exprRefs(i.value).filter((r) => {
+			const query = byId.get(r.query);
+			return query?.source === "scores" && query.scorerId === void 0;
+		}).map((r) => `KPI '${i.label}' reads scores query '${r.query}', which must name a scorer`))
+	];
+};
+exports.kpiFigures = kpiFigures;
+exports.kpisIssues = kpisIssues;
+exports.kpisOptionsSchema = kpisOptionsSchema;
+
+//# sourceMappingURL=options.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options.cjs.js","names":["z","valueExprSchema","exprRefs","unknownQueryIssues"],"sources":["../../../../../src/domains/dashboards/kinds/kpis/options.ts"],"sourcesContent":["import type { DashboardQuery } from '@mastra/client-js';\nimport { z } from 'zod/v4';\nimport type { AggregateValue } from '../../lib/answers';\nimport { exprRefs, unknownQueryIssues, valueExprSchema } from '../../lib/values';\nimport type { ValueExpr, ValueRef } from '../../lib/values';\nimport type { ResolvedView } from '../../widget-kind';\n\nconst kpiItemSchema = z\n  .object({\n    label: z.string().min(1),\n    icon: z.enum(['bot', 'coins', 'hash', 'threads']),\n    format: z.enum(['count', 'usd']),\n    /** A metrics or scores aggregate value, or the sum of several. Comparing needs `compare` on the queries. */\n    value: valueExprSchema,\n    detail: z.string(),\n    lowerIsBetter: z.boolean().optional(),\n  })\n  .strict();\n\nexport const kpisOptionsSchema = z.object({ items: z.array(kpiItemSchema).min(1) }).strict();\n\nexport type KpisOptions = z.infer<typeof kpisOptionsSchema>;\n\nexport type KpiFigures = { value?: number; previous?: number; change?: number };\n\n/** One aggregate's figures: its value (or price) now, before, and the change the API reports. */\nfunction refFigures(response: AggregateValue | undefined, ref: ValueRef): KpiFigures {\n  if (ref.field === 'estimatedCost') {\n    return {\n      value: response?.estimatedCost ?? undefined,\n      previous: response?.previousEstimatedCost ?? undefined,\n      change: response?.costChangePercent ?? undefined,\n    };\n  }\n  return {\n    value: response?.value ?? undefined,\n    previous: response?.previousValue ?? undefined,\n    change: response?.changePercent ?? undefined,\n  };\n}\n\n/**\n * A KPI's figures. A single aggregate keeps the API's own change; a sum adds the parts and works\n * out the change from the summed previous value, as the Tokens KPI does.\n */\nexport function kpiFigures(expr: ValueExpr, responses: ReadonlyMap<string, AggregateValue | undefined>): KpiFigures {\n  if (!('sum' in expr)) {\n    const [ref] = exprRefs(expr);\n    return ref ? refFigures(responses.get(ref.query), ref) : {};\n  }\n  const parts = expr.sum.map(e => kpiFigures(e, responses));\n  const hasCurrent = parts.some(p => p.value !== undefined);\n  const hasPrevious = parts.some(p => p.previous !== undefined);\n  const value = parts.reduce((a, p) => a + (p.value ?? 0), 0);\n  const previous = parts.reduce((a, p) => a + (p.previous ?? 0), 0);\n  return {\n    value: hasCurrent ? value : undefined,\n    previous: hasPrevious ? previous : undefined,\n    change: hasPrevious && previous > 0 ? ((value - previous) / previous) * 100 : undefined,\n  };\n}\n\nconst readsAggregates = (expr: ValueExpr): boolean =>\n  'query' in expr || ('sum' in expr && expr.sum.every(readsAggregates));\n\nconst isAggregate = (query: DashboardQuery | undefined) =>\n  (query?.source === 'metrics' || query?.source === 'scores') && query.request === 'aggregate';\n\n/** What the schema can't say: query ids the view has, and only metrics or scores aggregates (scores naming a scorer), or sums of them. */\nexport const kpisIssues = (view: ResolvedView<KpisOptions>) => {\n  const byId = new Map(view.queries.map(q => [q.id, q]));\n  return [\n    ...unknownQueryIssues(\n      view.options.items.flatMap(i => exprRefs(i.value).map(r => r.query)),\n      view.queries,\n    ),\n    ...view.options.items\n      .filter(i => !readsAggregates(i.value))\n      .map(i => `KPI '${i.label}' can only read an aggregate or sum several`),\n    ...view.options.items.flatMap(i =>\n      exprRefs(i.value)\n        .filter(r => byId.has(r.query) && !isAggregate(byId.get(r.query)))\n        .map(r => `KPI '${i.label}' reads query '${r.query}', which is not a metrics or scores aggregate`),\n    ),\n    // A KPI shows one figure, so it can't discover scorers the way the scores widget does.\n    ...view.options.items.flatMap(i =>\n      exprRefs(i.value)\n        .filter(r => {\n          const query = byId.get(r.query);\n          return query?.source === 'scores' && query.scorerId === undefined;\n        })\n        .map(r => `KPI '${i.label}' reads scores query '${r.query}', which must name a scorer`),\n    ),\n  ];\n};\n"],"mappings":";;;;AAOA,IAAM,gBAAgBA,OAAAA,EACnB,OAAO;CACN,OAAOA,OAAAA,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;CACvB,MAAMA,OAAAA,EAAE,KAAK;EAAC;EAAO;EAAS;EAAQ;CAAS,CAAC;CAChD,QAAQA,OAAAA,EAAE,KAAK,CAAC,SAAS,KAAK,CAAC;;CAE/B,OAAOC,sCAAAA;CACP,QAAQD,OAAAA,EAAE,OAAO;CACjB,eAAeA,OAAAA,EAAE,QAAQ,CAAC,CAAC,SAAS;AACtC,CAAC,CAAC,CACD,OAAO;AAEV,IAAa,oBAAoBA,OAAAA,EAAE,OAAO,EAAE,OAAOA,OAAAA,EAAE,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;;AAO3F,SAAS,WAAW,UAAsC,KAA2B;CACnF,IAAI,IAAI,UAAU,iBAChB,OAAO;EACL,OAAO,UAAU,iBAAiB,KAAA;EAClC,UAAU,UAAU,yBAAyB,KAAA;EAC7C,QAAQ,UAAU,qBAAqB,KAAA;CACzC;CAEF,OAAO;EACL,OAAO,UAAU,SAAS,KAAA;EAC1B,UAAU,UAAU,iBAAiB,KAAA;EACrC,QAAQ,UAAU,iBAAiB,KAAA;CACrC;AACF;;;;;AAMA,SAAgB,WAAW,MAAiB,WAAwE;CAClH,IAAI,EAAE,SAAS,OAAO;EACpB,MAAM,CAAC,OAAOE,sCAAAA,SAAS,IAAI;EAC3B,OAAO,MAAM,WAAW,UAAU,IAAI,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC;CAC5D;CACA,MAAM,QAAQ,KAAK,IAAI,KAAI,MAAK,WAAW,GAAG,SAAS,CAAC;CACxD,MAAM,aAAa,MAAM,MAAK,MAAK,EAAE,UAAU,KAAA,CAAS;CACxD,MAAM,cAAc,MAAM,MAAK,MAAK,EAAE,aAAa,KAAA,CAAS;CAC5D,MAAM,QAAQ,MAAM,QAAQ,GAAG,MAAM,KAAK,EAAE,SAAS,IAAI,CAAC;CAC1D,MAAM,WAAW,MAAM,QAAQ,GAAG,MAAM,KAAK,EAAE,YAAY,IAAI,CAAC;CAChE,OAAO;EACL,OAAO,aAAa,QAAQ,KAAA;EAC5B,UAAU,cAAc,WAAW,KAAA;EACnC,QAAQ,eAAe,WAAW,KAAM,QAAQ,YAAY,WAAY,MAAM,KAAA;CAChF;AACF;AAEA,IAAM,mBAAmB,SACvB,WAAW,QAAS,SAAS,QAAQ,KAAK,IAAI,MAAM,eAAe;AAErE,IAAM,eAAe,WAClB,OAAO,WAAW,aAAa,OAAO,WAAW,aAAa,MAAM,YAAY;;AAGnF,IAAa,cAAc,SAAoC;CAC7D,MAAM,OAAO,IAAI,IAAI,KAAK,QAAQ,KAAI,MAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;CACrD,OAAO;EACL,GAAGC,sCAAAA,mBACD,KAAK,QAAQ,MAAM,SAAQ,MAAKD,sCAAAA,SAAS,EAAE,KAAK,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,CAAC,GACnE,KAAK,OACP;EACA,GAAG,KAAK,QAAQ,MACb,QAAO,MAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CACtC,KAAI,MAAK,QAAQ,EAAE,MAAM,4CAA4C;EACxE,GAAG,KAAK,QAAQ,MAAM,SAAQ,MAC5BA,sCAAAA,SAAS,EAAE,KAAK,CAAC,CACd,QAAO,MAAK,KAAK,IAAI,EAAE,KAAK,KAAK,CAAC,YAAY,KAAK,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CACjE,KAAI,MAAK,QAAQ,EAAE,MAAM,iBAAiB,EAAE,MAAM,8CAA8C,CACrG;EAEA,GAAG,KAAK,QAAQ,MAAM,SAAQ,MAC5BA,sCAAAA,SAAS,EAAE,KAAK,CAAC,CACd,QAAO,MAAK;GACX,MAAM,QAAQ,KAAK,IAAI,EAAE,KAAK;GAC9B,OAAO,OAAO,WAAW,YAAY,MAAM,aAAa,KAAA;EAC1D,CAAC,CAAC,CACD,KAAI,MAAK,QAAQ,EAAE,MAAM,wBAAwB,EAAE,MAAM,4BAA4B,CAC1F;CACF;AACF"}

package/dist/domains/dashboards/kinds/kpis/options.d.ts

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