@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

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

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

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

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

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

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

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

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

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

@@ -2,9 +2,113 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_components_card_action_buttons = require("../../metrics/components/card-action-buttons.cjs.js");
 const require_domains_dashboards_lib_definition = require("../lib/definition.cjs.js");
 const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_dropdown_menu = require("../../../dropdown-menu-D3D8USIY.cjs");
+const require_tooltip = require("../../../tooltip-BsExuMO8.cjs");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/dashboards/components/widget-controls.tsx
+/**
+* Opens the host's alert editor for a view (`href`), or, disabled, says why the view can't become
+* an alert. `label` names the view ("Create alert from Agent runs").
+*/
+function AlertAction({ action, label, LinkComponent }) {
+	if ("href" in action) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, { href: action.href }),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.BellPlusIcon, {})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledAlertAction, {
+		label,
+		reason: action.disabled
+	});
+}
+var isLink = (e) => "href" in e.action;
+/**
+* A card's per-source alert actions. One source, or one the host can link, is a plain button; several
+* open a menu listing every source, each disabled one with its reason. With none to link, the button
+* is disabled with their reasons.
+*/
+function AlertMenu({ entries, label, LinkComponent }) {
+	const links = entries.filter(isLink);
+	const [only] = entries;
+	if (!only) return null;
+	if (entries.length === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertAction, {
+		action: only.action,
+		label,
+		LinkComponent
+	});
+	if (links.length === 0) {
+		const reasons = entries.map((e) => "disabled" in e.action ? e.action.disabled : "");
+		const reason = new Set(reasons).size === 1 ? reasons[0] ?? "" : entries.map((e, i) => `${e.label}: ${reasons[i]}`).join("\n");
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledAlertAction, {
+			label,
+			reason
+		});
+	}
+	const [link] = links;
+	if (links.length === 1 && link) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertAction, {
+		action: link.action,
+		label: `Create alert from ${link.label}`,
+		LinkComponent
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dropdown_menu.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Trigger, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		"aria-label": label,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.BellPlusIcon, {})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dropdown_menu.DropdownMenu.Content, {
+		align: "end",
+		className: "max-w-80",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Label, { children: "Create alert from" }), entries.map((entry, i) => "href" in entry.action ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.LinkItem, {
+			render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, { href: entry.action.href }),
+			children: entry.label
+		}, i) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dropdown_menu.DropdownMenu.Item, {
+			disabled: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 flex-col",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate",
+					children: entry.label
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-caption text-placeholder",
+					children: entry.action.disabled
+				})]
+			})
+		}, i))]
+	})] });
+}
+/**
+* A disabled button takes no pointer events or focus, so its wrapper is the control: named,
+* focused, and described by the reason (the tooltip stays mounted, hidden, for screen readers).
+*/
+function DisabledAlertAction({ label, reason }) {
+	const reasonId = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, { render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		role: "button",
+		tabIndex: 0,
+		"aria-label": label,
+		"aria-disabled": "true",
+		"aria-describedby": reasonId,
+		className: "inline-flex",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+			variant: "ghost",
+			size: "icon-sm",
+			disabled: true,
+			"aria-hidden": "true",
+			tabIndex: -1,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.BellPlusIcon, {})
+		})
+	}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, {
+		id: reasonId,
+		keepMounted: true,
+		className: "whitespace-pre-line",
+		children: reason
+	})] });
+}
 /** Pins or unpins the widget; it shows the host's state, not the click. */
 function PinAction({ isPinned, onPin, name }) {
 	const label = `${isPinned ? "Unpin" : "Pin"} ${name}`;
@@ -30,6 +134,8 @@ function DrilldownAction({ widget, view, onDrilldown }) {
 		case "logs": return scope.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenErrorsInLogsButton, { onClick: open }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_card_action_buttons.OpenInLogsButton, { onClick: open });
 	}
 }
+exports.AlertAction = AlertAction;
+exports.AlertMenu = AlertMenu;
 exports.DrilldownAction = DrilldownAction;
 exports.PinAction = PinAction;
 

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

@@ -1 +1 @@
-{"version":3,"file":"widget-controls.cjs.js","names":["Button","PinOffIcon","PinIcon","viewDrilldown","targetScope","OpenInTracesButton","OpenInSpansButton","OpenInThreadsButton","OpenErrorsInLogsButton","OpenInLogsButton"],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { PinIcon, PinOffIcon } from 'lucide-react';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { WidgetPin } from '../widget-kind';\nimport { Button } from '@/ds/components/Button';\n\n/** Pins or unpins the widget; it shows the host's state, not the click. */\nexport function PinAction({ isPinned, onPin, name }: WidgetPin) {\n  const label = `${isPinned ? 'Unpin' : 'Pin'} ${name}`;\n  return (\n    <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label} onClick={() => onPin(!isPinned)}>\n      {isPinned ? <PinOffIcon /> : <PinIcon />}\n    </Button>\n  );\n}\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,UAAU,EAAE,UAAU,OAAO,QAAmB;CAC9D,MAAM,QAAQ,GAAG,WAAW,UAAU,MAAM,GAAG;CAC/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAU,SAAS;EAAO,cAAY;EAAO,eAAe,MAAM,CAAC,QAAQ;EACrG,UAAA,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,YAAD,CAAa,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,SAAD,CAAU,CAAA;CACjC,CAAA;AAEZ;;AAGA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAWC,0CAAAA,cAAc,QAAQ,IAAI;CAC7C,IAAI,CAAC,eAAe,CAAC,QAAQ,OAAO;CACpC,MAAM,QAAQC,0CAAAA,YAAY,MAAM;CAChC,MAAM,aAAa,YAAY,OAAO,MAAM,KAAK;CACjD,QAAQ,OAAO,MAAf;EACE,KAAK,UACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD,EAAoB,SAAS,KAAO,CAAA;EAC7C,KAAK,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,mBAAD,EAAmB,SAAS,KAAO,CAAA;EAC5C,KAAK,WACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,qBAAD,EAAqB,SAAS,KAAO,CAAA;EAC9C,KAAK,QACH,OAAO,MAAM,WAAW,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,wBAAD,EAAwB,SAAS,KAAO,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,kBAAD,EAAkB,SAAS,KAAO,CAAA;CACpH;AACF"}
+{"version":3,"file":"widget-controls.cjs.js","names":["Button","BellPlusIcon","DropdownMenu","useId","Tooltip","TooltipTrigger","TooltipContent","PinOffIcon","PinIcon","viewDrilldown","targetScope","OpenInTracesButton","OpenInSpansButton","OpenInThreadsButton","OpenErrorsInLogsButton","OpenInLogsButton"],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { BellPlusIcon, PinIcon, PinOffIcon } from 'lucide-react';\nimport { useId } from 'react';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { DashboardAlert, DashboardAlertAction, WidgetPin } from '../widget-kind';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\n/**\n * Opens the host's alert editor for a view (`href`), or, disabled, says why the view can't become\n * an alert. `label` names the view (\"Create alert from Agent runs\").\n */\nexport function AlertAction({\n  action,\n  label,\n  LinkComponent,\n}: {\n  action: DashboardAlertAction;\n  label: string;\n  LinkComponent: DashboardAlert['LinkComponent'];\n}) {\n  if ('href' in action) {\n    return (\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} render={<LinkComponent href={action.href} />}>\n        <BellPlusIcon />\n      </Button>\n    );\n  }\n  return <DisabledAlertAction label={label} reason={action.disabled} />;\n}\n\n/** One source's action in a card's alert menu, under the source's label. */\nexport type AlertEntry = { label: string; action: DashboardAlertAction };\n\nconst isLink = (e: AlertEntry): e is { label: string; action: { href: string } } => 'href' in e.action;\n\n/**\n * A card's per-source alert actions. One source, or one the host can link, is a plain button; several\n * open a menu listing every source, each disabled one with its reason. With none to link, the button\n * is disabled with their reasons.\n */\nexport function AlertMenu({\n  entries,\n  label,\n  LinkComponent,\n}: {\n  entries: AlertEntry[];\n  label: string;\n  LinkComponent: DashboardAlert['LinkComponent'];\n}) {\n  const links = entries.filter(isLink);\n  const [only] = entries;\n  if (!only) return null;\n  if (entries.length === 1) return <AlertAction action={only.action} label={label} LinkComponent={LinkComponent} />;\n  if (links.length === 0) {\n    const reasons = entries.map(e => ('disabled' in e.action ? e.action.disabled : ''));\n    const reason =\n      new Set(reasons).size === 1 ? (reasons[0] ?? '') : entries.map((e, i) => `${e.label}: ${reasons[i]}`).join('\\n');\n    return <DisabledAlertAction label={label} reason={reason} />;\n  }\n  const [link] = links;\n  if (links.length === 1 && link) {\n    return <AlertAction action={link.action} label={`Create alert from ${link.label}`} LinkComponent={LinkComponent} />;\n  }\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label}>\n        <BellPlusIcon />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" className=\"max-w-80\">\n        <DropdownMenu.Label>Create alert from</DropdownMenu.Label>\n        {entries.map((entry, i) =>\n          'href' in entry.action ? (\n            <DropdownMenu.LinkItem key={i} render={<LinkComponent href={entry.action.href} />}>\n              {entry.label}\n            </DropdownMenu.LinkItem>\n          ) : (\n            <DropdownMenu.Item key={i} disabled>\n              <div className=\"flex min-w-0 flex-col\">\n                <span className=\"truncate\">{entry.label}</span>\n                <span className=\"text-caption text-placeholder\">{entry.action.disabled}</span>\n              </div>\n            </DropdownMenu.Item>\n          ),\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n\n/**\n * A disabled button takes no pointer events or focus, so its wrapper is the control: named,\n * focused, and described by the reason (the tooltip stays mounted, hidden, for screen readers).\n */\nfunction DisabledAlertAction({ label, reason }: { label: string; reason: string }) {\n  const reasonId = useId();\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span\n            role=\"button\"\n            tabIndex={0}\n            aria-label={label}\n            aria-disabled=\"true\"\n            aria-describedby={reasonId}\n            className=\"inline-flex\"\n          >\n            <Button variant=\"ghost\" size=\"icon-sm\" disabled aria-hidden=\"true\" tabIndex={-1}>\n              <BellPlusIcon />\n            </Button>\n          </span>\n        }\n      />\n      <TooltipContent id={reasonId} keepMounted className=\"whitespace-pre-line\">\n        {reason}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\n/** Pins or unpins the widget; it shows the host's state, not the click. */\nexport function PinAction({ isPinned, onPin, name }: WidgetPin) {\n  const label = `${isPinned ? 'Unpin' : 'Pin'} ${name}`;\n  return (\n    <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label} onClick={() => onPin(!isPinned)}>\n      {isPinned ? <PinOffIcon /> : <PinIcon />}\n    </Button>\n  );\n}\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,113 @@
 import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "../../metrics/components/card-action-buttons.es.js";
 import { targetScope, viewDrilldown } from "../lib/definition.es.js";
 import { t as Button } from "../../../Button-Bi7aXd_G.js";
-import { jsx } from "react/jsx-runtime";
-import { PinIcon, PinOffIcon } from "lucide-react";
+import { t as DropdownMenu } from "../../../dropdown-menu-jsf9D-J_.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-DJcze2VZ.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BellPlusIcon, PinIcon, PinOffIcon } from "lucide-react";
 // src/domains/dashboards/components/widget-controls.tsx
+/**
+* Opens the host's alert editor for a view (`href`), or, disabled, says why the view can't become
+* an alert. `label` names the view ("Create alert from Agent runs").
+*/
+function AlertAction({ action, label, LinkComponent }) {
+	if ("href" in action) return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		render: /* @__PURE__ */ jsx(LinkComponent, { href: action.href }),
+		children: /* @__PURE__ */ jsx(BellPlusIcon, {})
+	});
+	return /* @__PURE__ */ jsx(DisabledAlertAction, {
+		label,
+		reason: action.disabled
+	});
+}
+var isLink = (e) => "href" in e.action;
+/**
+* A card's per-source alert actions. One source, or one the host can link, is a plain button; several
+* open a menu listing every source, each disabled one with its reason. With none to link, the button
+* is disabled with their reasons.
+*/
+function AlertMenu({ entries, label, LinkComponent }) {
+	const links = entries.filter(isLink);
+	const [only] = entries;
+	if (!only) return null;
+	if (entries.length === 1) return /* @__PURE__ */ jsx(AlertAction, {
+		action: only.action,
+		label,
+		LinkComponent
+	});
+	if (links.length === 0) {
+		const reasons = entries.map((e) => "disabled" in e.action ? e.action.disabled : "");
+		const reason = new Set(reasons).size === 1 ? reasons[0] ?? "" : entries.map((e, i) => `${e.label}: ${reasons[i]}`).join("\n");
+		return /* @__PURE__ */ jsx(DisabledAlertAction, {
+			label,
+			reason
+		});
+	}
+	const [link] = links;
+	if (links.length === 1 && link) return /* @__PURE__ */ jsx(AlertAction, {
+		action: link.action,
+		label: `Create alert from ${link.label}`,
+		LinkComponent
+	});
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		"aria-label": label,
+		children: /* @__PURE__ */ jsx(BellPlusIcon, {})
+	}), /* @__PURE__ */ jsxs(DropdownMenu.Content, {
+		align: "end",
+		className: "max-w-80",
+		children: [/* @__PURE__ */ jsx(DropdownMenu.Label, { children: "Create alert from" }), entries.map((entry, i) => "href" in entry.action ? /* @__PURE__ */ jsx(DropdownMenu.LinkItem, {
+			render: /* @__PURE__ */ jsx(LinkComponent, { href: entry.action.href }),
+			children: entry.label
+		}, i) : /* @__PURE__ */ jsx(DropdownMenu.Item, {
+			disabled: true,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: entry.label
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-caption text-placeholder",
+					children: entry.action.disabled
+				})]
+			})
+		}, i))]
+	})] });
+}
+/**
+* A disabled button takes no pointer events or focus, so its wrapper is the control: named,
+* focused, and described by the reason (the tooltip stays mounted, hidden, for screen readers).
+*/
+function DisabledAlertAction({ label, reason }) {
+	const reasonId = useId();
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx("span", {
+		role: "button",
+		tabIndex: 0,
+		"aria-label": label,
+		"aria-disabled": "true",
+		"aria-describedby": reasonId,
+		className: "inline-flex",
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon-sm",
+			disabled: true,
+			"aria-hidden": "true",
+			tabIndex: -1,
+			children: /* @__PURE__ */ jsx(BellPlusIcon, {})
+		})
+	}) }), /* @__PURE__ */ jsx(TooltipContent, {
+		id: reasonId,
+		keepMounted: true,
+		className: "whitespace-pre-line",
+		children: reason
+	})] });
+}
 /** Pins or unpins the widget; it shows the host's state, not the click. */
 function PinAction({ isPinned, onPin, name }) {
 	const label = `${isPinned ? "Unpin" : "Pin"} ${name}`;
@@ -29,6 +133,6 @@ function DrilldownAction({ widget, view, onDrilldown }) {
 		case "logs": return scope.status === "error" ? /* @__PURE__ */ jsx(OpenErrorsInLogsButton, { onClick: open }) : /* @__PURE__ */ jsx(OpenInLogsButton, { onClick: open });
 	}
 }
-export { DrilldownAction, PinAction };
+export { AlertAction, AlertMenu, DrilldownAction, PinAction };
 
 //# sourceMappingURL=widget-controls.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"widget-controls.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { PinIcon, PinOffIcon } from 'lucide-react';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { WidgetPin } from '../widget-kind';\nimport { Button } from '@/ds/components/Button';\n\n/** Pins or unpins the widget; it shows the host's state, not the click. */\nexport function PinAction({ isPinned, onPin, name }: WidgetPin) {\n  const label = `${isPinned ? 'Unpin' : 'Pin'} ${name}`;\n  return (\n    <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label} onClick={() => onPin(!isPinned)}>\n      {isPinned ? <PinOffIcon /> : <PinIcon />}\n    </Button>\n  );\n}\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,UAAU,EAAE,UAAU,OAAO,QAAmB;CAC9D,MAAM,QAAQ,GAAG,WAAW,UAAU,MAAM,GAAG;CAC/C,OACE,oBAAC,QAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAU,SAAS;EAAO,cAAY;EAAO,eAAe,MAAM,CAAC,QAAQ;EACrG,UAAA,WAAW,oBAAC,YAAD,CAAa,CAAA,IAAI,oBAAC,SAAD,CAAU,CAAA;CACjC,CAAA;AAEZ;;AAGA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAW,cAAc,QAAQ,IAAI;CAC7C,IAAI,CAAC,eAAe,CAAC,QAAQ,OAAO;CACpC,MAAM,QAAQ,YAAY,MAAM;CAChC,MAAM,aAAa,YAAY,OAAO,MAAM,KAAK;CACjD,QAAQ,OAAO,MAAf;EACE,KAAK,UACH,OAAO,oBAAC,oBAAD,EAAoB,SAAS,KAAO,CAAA;EAC7C,KAAK,SACH,OAAO,oBAAC,mBAAD,EAAmB,SAAS,KAAO,CAAA;EAC5C,KAAK,WACH,OAAO,oBAAC,qBAAD,EAAqB,SAAS,KAAO,CAAA;EAC9C,KAAK,QACH,OAAO,MAAM,WAAW,UAAU,oBAAC,wBAAD,EAAwB,SAAS,KAAO,CAAA,IAAI,oBAAC,kBAAD,EAAkB,SAAS,KAAO,CAAA;CACpH;AACF"}
+{"version":3,"file":"widget-controls.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { BellPlusIcon, PinIcon, PinOffIcon } from 'lucide-react';\nimport { useId } from 'react';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\nimport type { DashboardAlert, DashboardAlertAction, WidgetPin } from '../widget-kind';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\n/**\n * Opens the host's alert editor for a view (`href`), or, disabled, says why the view can't become\n * an alert. `label` names the view (\"Create alert from Agent runs\").\n */\nexport function AlertAction({\n  action,\n  label,\n  LinkComponent,\n}: {\n  action: DashboardAlertAction;\n  label: string;\n  LinkComponent: DashboardAlert['LinkComponent'];\n}) {\n  if ('href' in action) {\n    return (\n      <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} render={<LinkComponent href={action.href} />}>\n        <BellPlusIcon />\n      </Button>\n    );\n  }\n  return <DisabledAlertAction label={label} reason={action.disabled} />;\n}\n\n/** One source's action in a card's alert menu, under the source's label. */\nexport type AlertEntry = { label: string; action: DashboardAlertAction };\n\nconst isLink = (e: AlertEntry): e is { label: string; action: { href: string } } => 'href' in e.action;\n\n/**\n * A card's per-source alert actions. One source, or one the host can link, is a plain button; several\n * open a menu listing every source, each disabled one with its reason. With none to link, the button\n * is disabled with their reasons.\n */\nexport function AlertMenu({\n  entries,\n  label,\n  LinkComponent,\n}: {\n  entries: AlertEntry[];\n  label: string;\n  LinkComponent: DashboardAlert['LinkComponent'];\n}) {\n  const links = entries.filter(isLink);\n  const [only] = entries;\n  if (!only) return null;\n  if (entries.length === 1) return <AlertAction action={only.action} label={label} LinkComponent={LinkComponent} />;\n  if (links.length === 0) {\n    const reasons = entries.map(e => ('disabled' in e.action ? e.action.disabled : ''));\n    const reason =\n      new Set(reasons).size === 1 ? (reasons[0] ?? '') : entries.map((e, i) => `${e.label}: ${reasons[i]}`).join('\\n');\n    return <DisabledAlertAction label={label} reason={reason} />;\n  }\n  const [link] = links;\n  if (links.length === 1 && link) {\n    return <AlertAction action={link.action} label={`Create alert from ${link.label}`} LinkComponent={LinkComponent} />;\n  }\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label}>\n        <BellPlusIcon />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" className=\"max-w-80\">\n        <DropdownMenu.Label>Create alert from</DropdownMenu.Label>\n        {entries.map((entry, i) =>\n          'href' in entry.action ? (\n            <DropdownMenu.LinkItem key={i} render={<LinkComponent href={entry.action.href} />}>\n              {entry.label}\n            </DropdownMenu.LinkItem>\n          ) : (\n            <DropdownMenu.Item key={i} disabled>\n              <div className=\"flex min-w-0 flex-col\">\n                <span className=\"truncate\">{entry.label}</span>\n                <span className=\"text-caption text-placeholder\">{entry.action.disabled}</span>\n              </div>\n            </DropdownMenu.Item>\n          ),\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n\n/**\n * A disabled button takes no pointer events or focus, so its wrapper is the control: named,\n * focused, and described by the reason (the tooltip stays mounted, hidden, for screen readers).\n */\nfunction DisabledAlertAction({ label, reason }: { label: string; reason: string }) {\n  const reasonId = useId();\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span\n            role=\"button\"\n            tabIndex={0}\n            aria-label={label}\n            aria-disabled=\"true\"\n            aria-describedby={reasonId}\n            className=\"inline-flex\"\n          >\n            <Button variant=\"ghost\" size=\"icon-sm\" disabled aria-hidden=\"true\" tabIndex={-1}>\n              <BellPlusIcon />\n            </Button>\n          </span>\n        }\n      />\n      <TooltipContent id={reasonId} keepMounted className=\"whitespace-pre-line\">\n        {reason}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n\n/** Pins or unpins the widget; it shows the host's state, not the click. */\nexport function PinAction({ isPinned, onPin, name }: WidgetPin) {\n  const label = `${isPinned ? 'Unpin' : 'Pin'} ${name}`;\n  return (\n    <Button variant=\"ghost\" size=\"icon-sm\" tooltip={label} aria-label={label} onClick={() => onPin(!isPinned)}>\n      {isPinned ? <PinOffIcon /> : <PinIcon />}\n    </Button>\n  );\n}\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_components_chart_card = require("../../metrics/components/chart-card.cjs.js");
 const require_domains_dashboards_lib_pin_actions = require("../lib/pin-actions.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-DojbLiEx.cjs");
+const require_MetricsCard = require("../../../MetricsCard-CSJ4TsNq.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/dashboards/components/widget-error.tsx
 /** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */

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

@@ -1,6 +1,6 @@
 import { ChartCard } from "../../metrics/components/chart-card.es.js";
 import { pinActions } from "../lib/pin-actions.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-kAqSCPPe.js";
+import { t as MetricsCard } from "../../../MetricsCard-D6bQfynP.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/dashboards/components/widget-error.tsx
 /** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */

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

@@ -0,0 +1,55 @@
+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_hooks_use_metrics_filters = require("../../metrics/hooks/use-metrics-filters.cjs.js");
+const require_domains_metrics_hooks_use_metrics_span_aggregate = require("../../metrics/hooks/use-metrics-span-aggregate.cjs.js");
+const require_domains_metrics_hooks_use_metrics_trace_aggregate = require("../../metrics/hooks/use-metrics-trace-aggregate.cjs.js");
+// src/domains/dashboards/hooks/use-dashboard-environment.ts
+var traceInput = (gate) => gate.status === "ready" ? {
+	status: "ready",
+	where: gate.scope.where
+} : gate;
+var spanInput = (gate) => gate.status === "ready" ? {
+	status: "ready",
+	where: gate.scope.where
+} : gate;
+/** The page's window, filters and aggregate gates inside `MetricsProvider`, as plain data. */
+function useDashboardEnvironment() {
+	const { filters, timestamp } = require_domains_metrics_hooks_use_metrics_filters.useMetricsFilters();
+	const { comparisonLabel, scope } = require_domains_metrics_hooks_use_metrics.useMetrics();
+	const trace = require_domains_metrics_hooks_use_metrics_trace_aggregate.useTraceAggregateGate();
+	const span = require_domains_metrics_hooks_use_metrics_span_aggregate.useSpanAggregateGate();
+	return {
+		window: timestamp,
+		filters,
+		comparisonLabel,
+		projectLabel: scope.projectLabel,
+		gates: {
+			trace: traceInput(trace),
+			span: spanInput(span)
+		}
+	};
+}
+/** Never read: `widgetGate` consults the gates only for widgets with trace or span aggregates. */
+var NO_GATES = {
+	trace: { status: "unavailable" },
+	span: { status: "unavailable" }
+};
+/**
+* The page's window and filters, for widgets without trace or span aggregates; it doesn't load the
+* server's capabilities, which only those aggregates wait on.
+*/
+function useMetricsEnvironment() {
+	const { filters, timestamp } = require_domains_metrics_hooks_use_metrics_filters.useMetricsFilters();
+	const { comparisonLabel, scope } = require_domains_metrics_hooks_use_metrics.useMetrics();
+	return {
+		window: timestamp,
+		filters,
+		comparisonLabel,
+		projectLabel: scope.projectLabel,
+		gates: NO_GATES
+	};
+}
+exports.useDashboardEnvironment = useDashboardEnvironment;
+exports.useMetricsEnvironment = useMetricsEnvironment;
+
+//# sourceMappingURL=use-dashboard-environment.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard-environment.cjs.js","names":["useMetricsFilters","useMetrics","useTraceAggregateGate","useSpanAggregateGate"],"sources":["../../../../src/domains/dashboards/hooks/use-dashboard-environment.ts"],"sourcesContent":["import { useMetrics } from '../../metrics/hooks/use-metrics';\nimport { useMetricsFilters } from '../../metrics/hooks/use-metrics-filters';\nimport { useSpanAggregateGate } from '../../metrics/hooks/use-metrics-span-aggregate';\nimport type { SpanAggregateGate } from '../../metrics/hooks/use-metrics-span-aggregate';\nimport { useTraceAggregateGate } from '../../metrics/hooks/use-metrics-trace-aggregate';\nimport type { TraceAggregateGate } from '../../metrics/hooks/use-metrics-trace-aggregate';\nimport type { DashboardEnvironment } from '../lib/gate';\n\ntype Gates = DashboardEnvironment['gates'];\n\nconst traceInput = (gate: TraceAggregateGate): Gates['trace'] =>\n  gate.status === 'ready' ? { status: 'ready', where: gate.scope.where } : gate;\nconst spanInput = (gate: SpanAggregateGate): Gates['span'] =>\n  gate.status === 'ready' ? { status: 'ready', where: gate.scope.where } : gate;\n\n/** The page's window, filters and aggregate gates inside `MetricsProvider`, as plain data. */\nexport function useDashboardEnvironment(): DashboardEnvironment {\n  const { filters, timestamp } = useMetricsFilters();\n  const { comparisonLabel, scope } = useMetrics();\n  const trace = useTraceAggregateGate();\n  const span = useSpanAggregateGate();\n  return {\n    window: timestamp,\n    filters,\n    comparisonLabel,\n    projectLabel: scope.projectLabel,\n    gates: { trace: traceInput(trace), span: spanInput(span) },\n  };\n}\n\n/** Never read: `widgetGate` consults the gates only for widgets with trace or span aggregates. */\nconst NO_GATES: Gates = { trace: { status: 'unavailable' }, span: { status: 'unavailable' } };\n\n/**\n * The page's window and filters, for widgets without trace or span aggregates; it doesn't load the\n * server's capabilities, which only those aggregates wait on.\n */\nexport function useMetricsEnvironment(): DashboardEnvironment {\n  const { filters, timestamp } = useMetricsFilters();\n  const { comparisonLabel, scope } = useMetrics();\n  return { window: timestamp, filters, comparisonLabel, projectLabel: scope.projectLabel, gates: NO_GATES };\n}\n"],"mappings":";;;;;;AAUA,IAAM,cAAc,SAClB,KAAK,WAAW,UAAU;CAAE,QAAQ;CAAS,OAAO,KAAK,MAAM;AAAM,IAAI;AAC3E,IAAM,aAAa,SACjB,KAAK,WAAW,UAAU;CAAE,QAAQ;CAAS,OAAO,KAAK,MAAM;AAAM,IAAI;;AAG3E,SAAgB,0BAAgD;CAC9D,MAAM,EAAE,SAAS,cAAcA,kDAAAA,kBAAkB;CACjD,MAAM,EAAE,iBAAiB,UAAUC,0CAAAA,WAAW;CAC9C,MAAM,QAAQC,0DAAAA,sBAAsB;CACpC,MAAM,OAAOC,yDAAAA,qBAAqB;CAClC,OAAO;EACL,QAAQ;EACR;EACA;EACA,cAAc,MAAM;EACpB,OAAO;GAAE,OAAO,WAAW,KAAK;GAAG,MAAM,UAAU,IAAI;EAAE;CAC3D;AACF;;AAGA,IAAM,WAAkB;CAAE,OAAO,EAAE,QAAQ,cAAc;CAAG,MAAM,EAAE,QAAQ,cAAc;AAAE;;;;;AAM5F,SAAgB,wBAA8C;CAC5D,MAAM,EAAE,SAAS,cAAcH,kDAAAA,kBAAkB;CACjD,MAAM,EAAE,iBAAiB,UAAUC,0CAAAA,WAAW;CAC9C,OAAO;EAAE,QAAQ;EAAW;EAAS;EAAiB,cAAc,MAAM;EAAc,OAAO;CAAS;AAC1G"}

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

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

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

@@ -0,0 +1,53 @@
+import { useMetrics } from "../../metrics/hooks/use-metrics.es.js";
+import { useMetricsFilters } from "../../metrics/hooks/use-metrics-filters.es.js";
+import { useSpanAggregateGate } from "../../metrics/hooks/use-metrics-span-aggregate.es.js";
+import { useTraceAggregateGate } from "../../metrics/hooks/use-metrics-trace-aggregate.es.js";
+// src/domains/dashboards/hooks/use-dashboard-environment.ts
+var traceInput = (gate) => gate.status === "ready" ? {
+	status: "ready",
+	where: gate.scope.where
+} : gate;
+var spanInput = (gate) => gate.status === "ready" ? {
+	status: "ready",
+	where: gate.scope.where
+} : gate;
+/** The page's window, filters and aggregate gates inside `MetricsProvider`, as plain data. */
+function useDashboardEnvironment() {
+	const { filters, timestamp } = useMetricsFilters();
+	const { comparisonLabel, scope } = useMetrics();
+	const trace = useTraceAggregateGate();
+	const span = useSpanAggregateGate();
+	return {
+		window: timestamp,
+		filters,
+		comparisonLabel,
+		projectLabel: scope.projectLabel,
+		gates: {
+			trace: traceInput(trace),
+			span: spanInput(span)
+		}
+	};
+}
+/** Never read: `widgetGate` consults the gates only for widgets with trace or span aggregates. */
+var NO_GATES = {
+	trace: { status: "unavailable" },
+	span: { status: "unavailable" }
+};
+/**
+* The page's window and filters, for widgets without trace or span aggregates; it doesn't load the
+* server's capabilities, which only those aggregates wait on.
+*/
+function useMetricsEnvironment() {
+	const { filters, timestamp } = useMetricsFilters();
+	const { comparisonLabel, scope } = useMetrics();
+	return {
+		window: timestamp,
+		filters,
+		comparisonLabel,
+		projectLabel: scope.projectLabel,
+		gates: NO_GATES
+	};
+}
+export { useDashboardEnvironment, useMetricsEnvironment };
+
+//# sourceMappingURL=use-dashboard-environment.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard-environment.es.js","names":[],"sources":["../../../../src/domains/dashboards/hooks/use-dashboard-environment.ts"],"sourcesContent":["import { useMetrics } from '../../metrics/hooks/use-metrics';\nimport { useMetricsFilters } from '../../metrics/hooks/use-metrics-filters';\nimport { useSpanAggregateGate } from '../../metrics/hooks/use-metrics-span-aggregate';\nimport type { SpanAggregateGate } from '../../metrics/hooks/use-metrics-span-aggregate';\nimport { useTraceAggregateGate } from '../../metrics/hooks/use-metrics-trace-aggregate';\nimport type { TraceAggregateGate } from '../../metrics/hooks/use-metrics-trace-aggregate';\nimport type { DashboardEnvironment } from '../lib/gate';\n\ntype Gates = DashboardEnvironment['gates'];\n\nconst traceInput = (gate: TraceAggregateGate): Gates['trace'] =>\n  gate.status === 'ready' ? { status: 'ready', where: gate.scope.where } : gate;\nconst spanInput = (gate: SpanAggregateGate): Gates['span'] =>\n  gate.status === 'ready' ? { status: 'ready', where: gate.scope.where } : gate;\n\n/** The page's window, filters and aggregate gates inside `MetricsProvider`, as plain data. */\nexport function useDashboardEnvironment(): DashboardEnvironment {\n  const { filters, timestamp } = useMetricsFilters();\n  const { comparisonLabel, scope } = useMetrics();\n  const trace = useTraceAggregateGate();\n  const span = useSpanAggregateGate();\n  return {\n    window: timestamp,\n    filters,\n    comparisonLabel,\n    projectLabel: scope.projectLabel,\n    gates: { trace: traceInput(trace), span: spanInput(span) },\n  };\n}\n\n/** Never read: `widgetGate` consults the gates only for widgets with trace or span aggregates. */\nconst NO_GATES: Gates = { trace: { status: 'unavailable' }, span: { status: 'unavailable' } };\n\n/**\n * The page's window and filters, for widgets without trace or span aggregates; it doesn't load the\n * server's capabilities, which only those aggregates wait on.\n */\nexport function useMetricsEnvironment(): DashboardEnvironment {\n  const { filters, timestamp } = useMetricsFilters();\n  const { comparisonLabel, scope } = useMetrics();\n  return { window: timestamp, filters, comparisonLabel, projectLabel: scope.projectLabel, gates: NO_GATES };\n}\n"],"mappings":";;;;;AAUA,IAAM,cAAc,SAClB,KAAK,WAAW,UAAU;CAAE,QAAQ;CAAS,OAAO,KAAK,MAAM;AAAM,IAAI;AAC3E,IAAM,aAAa,SACjB,KAAK,WAAW,UAAU;CAAE,QAAQ;CAAS,OAAO,KAAK,MAAM;AAAM,IAAI;;AAG3E,SAAgB,0BAAgD;CAC9D,MAAM,EAAE,SAAS,cAAc,kBAAkB;CACjD,MAAM,EAAE,iBAAiB,UAAU,WAAW;CAC9C,MAAM,QAAQ,sBAAsB;CACpC,MAAM,OAAO,qBAAqB;CAClC,OAAO;EACL,QAAQ;EACR;EACA;EACA,cAAc,MAAM;EACpB,OAAO;GAAE,OAAO,WAAW,KAAK;GAAG,MAAM,UAAU,IAAI;EAAE;CAC3D;AACF;;AAGA,IAAM,WAAkB;CAAE,OAAO,EAAE,QAAQ,cAAc;CAAG,MAAM,EAAE,QAAQ,cAAc;AAAE;;;;;AAM5F,SAAgB,wBAA8C;CAC5D,MAAM,EAAE,SAAS,cAAc,kBAAkB;CACjD,MAAM,EAAE,iBAAiB,UAAU,WAAW;CAC9C,OAAO;EAAE,QAAQ;EAAW;EAAS;EAAiB,cAAc,MAAM;EAAc,OAAO;CAAS;AAC1G"}

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

@@ -42,6 +42,30 @@ function useDashboardRequests(requests) {
 	let next = 0;
 	return requests.map((request) => request ? results[next++] : void 0);
 }
+/** A query result as the plain data `StatelessWidget` renders from. */
+function toDashboardResult(result) {
+	const { data, isLoading, isRefetching, isError, error } = result;
+	return {
+		data,
+		isLoading,
+		isRefetching,
+		isError,
+		error: error ?? void 0
+	};
+}
+/**
+* `useDashboardRequests` as plain results, with `retry` refetching the ones that failed. Results line
+* up with `requests`.
+*/
+function useDashboardResults(requests) {
+	const sent = useDashboardRequests(requests);
+	return {
+		results: sent.map((r) => r ? toDashboardResult(r) : void 0),
+		retry: () => sent.forEach((r) => r?.isError && void r.refetch())
+	};
+}
+exports.toDashboardResult = toDashboardResult;
 exports.useDashboardRequests = useDashboardRequests;
+exports.useDashboardResults = useDashboardResults;
 
 //# sourceMappingURL=use-dashboard-requests.cjs.js.map