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

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

@@ -1,8 +1,126 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_dashboards_lib_definition = require("../lib/definition.cjs.js");
 const require_domains_metrics_components_card_action_buttons = require("../../metrics/components/card-action-buttons.cjs.js");
+const require_domains_dashboards_lib_definition = require("../lib/definition.cjs.js");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+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}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		"aria-label": label,
+		onClick: () => onPin(!isPinned),
+		children: isPinned ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PinOffIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PinIcon, {})
+	});
+}
 /** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */
 function DrilldownAction({ widget, view, onDrilldown }) {
 	const { action } = require_domains_dashboards_lib_definition.viewDrilldown(widget, view);
@@ -16,6 +134,9 @@ 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;
 
 //# sourceMappingURL=widget-controls.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"widget-controls.cjs.js","names":["viewDrilldown","targetScope","OpenInTracesButton","OpenInSpansButton","OpenInThreadsButton","OpenErrorsInLogsButton","OpenInLogsButton"],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":";;;;;;AAYA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAWA,0CAAAA,cAAc,QAAQ,IAAI;CAC7C,IAAI,CAAC,eAAe,CAAC,QAAQ,OAAO;CACpC,MAAM,QAAQC,0CAAAA,YAAY,MAAM;CAChC,MAAM,aAAa,YAAY,OAAO,MAAM,KAAK;CACjD,QAAQ,OAAO,MAAf;EACE,KAAK,UACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,oBAAD,EAAoB,SAAS,KAAO,CAAA;EAC7C,KAAK,SACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,mBAAD,EAAmB,SAAS,KAAO,CAAA;EAC5C,KAAK,WACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,qBAAD,EAAqB,SAAS,KAAO,CAAA;EAC9C,KAAK,QACH,OAAO,MAAM,WAAW,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,wBAAD,EAAwB,SAAS,KAAO,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,kBAAD,EAAkB,SAAS,KAAO,CAAA;CACpH;AACF"}
+{"version":3,"file":"widget-controls.cjs.js","names":["Button","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,7 +1,125 @@
-import { targetScope, viewDrilldown } from "../lib/definition.es.js";
 import { OpenErrorsInLogsButton, OpenInLogsButton, OpenInSpansButton, OpenInThreadsButton, OpenInTracesButton } from "../../metrics/components/card-action-buttons.es.js";
-import { jsx } from "react/jsx-runtime";
+import { targetScope, viewDrilldown } from "../lib/definition.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+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}`;
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon-sm",
+		tooltip: label,
+		"aria-label": label,
+		onClick: () => onPin(!isPinned),
+		children: isPinned ? /* @__PURE__ */ jsx(PinOffIcon, {}) : /* @__PURE__ */ jsx(PinIcon, {})
+	});
+}
 /** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */
 function DrilldownAction({ widget, view, onDrilldown }) {
 	const { action } = viewDrilldown(widget, view);
@@ -15,6 +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 };
+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 {\n  OpenErrorsInLogsButton,\n  OpenInLogsButton,\n  OpenInSpansButton,\n  OpenInThreadsButton,\n  OpenInTracesButton,\n} from '../../metrics/components/card-action-buttons';\nimport { viewDrilldown, targetScope } from '../lib/definition';\nimport type { OnDashboardDrilldown } from '../lib/definition';\n\n/** The view's action button, named for the page it opens (Logs names errors only when the target keeps to them). */\nexport function DrilldownAction({\n  widget,\n  view,\n  onDrilldown,\n}: {\n  widget: DashboardWidget;\n  view: DashboardWidgetView;\n  onDrilldown: OnDashboardDrilldown | undefined;\n}) {\n  const { action } = viewDrilldown(widget, view);\n  if (!onDrilldown || !action) return null;\n  const scope = targetScope(action);\n  const open = () => onDrilldown(action.page, scope);\n  switch (action.page) {\n    case 'traces':\n      return <OpenInTracesButton onClick={open} />;\n    case 'spans':\n      return <OpenInSpansButton onClick={open} />;\n    case 'threads':\n      return <OpenInThreadsButton onClick={open} />;\n    case 'logs':\n      return scope.status === 'error' ? <OpenErrorsInLogsButton onClick={open} /> : <OpenInLogsButton onClick={open} />;\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,gBAAgB,EAC9B,QACA,MACA,eAKC;CACD,MAAM,EAAE,WAAW,cAAc,QAAQ,IAAI;CAC7C,IAAI,CAAC,eAAe,CAAC,QAAQ,OAAO;CACpC,MAAM,QAAQ,YAAY,MAAM;CAChC,MAAM,aAAa,YAAY,OAAO,MAAM,KAAK;CACjD,QAAQ,OAAO,MAAf;EACE,KAAK,UACH,OAAO,oBAAC,oBAAD,EAAoB,SAAS,KAAO,CAAA;EAC7C,KAAK,SACH,OAAO,oBAAC,mBAAD,EAAmB,SAAS,KAAO,CAAA;EAC5C,KAAK,WACH,OAAO,oBAAC,qBAAD,EAAqB,SAAS,KAAO,CAAA;EAC9C,KAAK,QACH,OAAO,MAAM,WAAW,UAAU,oBAAC,wBAAD,EAAwB,SAAS,KAAO,CAAA,IAAI,oBAAC,kBAAD,EAAkB,SAAS,KAAO,CAAA;CACpH;AACF"}
+{"version":3,"file":"widget-controls.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-controls.tsx"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport { 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,12 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_metrics_components_chart_card = require("../../metrics/components/chart-card.cjs.js");
+const require_domains_dashboards_lib_pin_actions = require("../lib/pin-actions.cjs.js");
+const require_MetricsCard = require("../../../MetricsCard-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. */
-function WidgetError({ widget, message }) {
+/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */
+function WidgetError({ widget, message, dragHandle, pin }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_metrics_components_chart_card.ChartCard, {
 		title: widget.title ?? widget.id,
+		dragHandle,
+		...require_domains_dashboards_lib_pin_actions.pinActions(pin),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsCard.MetricsCard.Error, {
 			message,
 			className: "h-full"

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"widget-error.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-error.tsx"],"sourcesContent":["import type { DashboardWidget } from '@mastra/client-js';\nimport { ChartCard } from '../../metrics/components/chart-card';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\n\n/** A widget that can't render: its own card, so the rest of the dashboard still does. */\nexport function WidgetError({ widget, message }: { widget: Pick<DashboardWidget, 'id' | 'title'>; message: string }) {\n  return (\n    <ChartCard title={widget.title ?? widget.id}>\n      <MetricsCard.Error message={message} className=\"h-full\" />\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,YAAY,EAAE,QAAQ,WAA+E;CACnH,OACE,oBAAC,WAAD;EAAW,OAAO,OAAO,SAAS,OAAO;EACvC,UAAA,oBAAC,YAAY,OAAb;GAA4B;GAAS,WAAU;EAAU,CAAA;CAChD,CAAA;AAEf"}
+{"version":3,"file":"widget-error.es.js","names":[],"sources":["../../../../src/domains/dashboards/components/widget-error.tsx"],"sourcesContent":["import type { DashboardWidget } from '@mastra/client-js';\nimport { ChartCard } from '../../metrics/components/chart-card';\nimport { pinActions } from '../lib/pin-actions';\nimport type { WidgetPin } from '../widget-kind';\nimport { MetricsCard } from '@/ds/components/MetricsCard';\nimport type { MetricsCardDragHandleProps } from '@/ds/components/MetricsCard';\n\n/** A widget that can't render: its own card, so the rest of the dashboard still does, and it can still be moved. */\nexport function WidgetError({\n  widget,\n  message,\n  dragHandle,\n  pin,\n}: {\n  widget: Pick<DashboardWidget, 'id' | 'title'>;\n  message: string;\n  dragHandle?: MetricsCardDragHandleProps;\n  /** So a widget that broke after it was pinned can still be unpinned. */\n  pin?: WidgetPin;\n}) {\n  return (\n    <ChartCard title={widget.title ?? widget.id} dragHandle={dragHandle} {...pinActions(pin)}>\n      <MetricsCard.Error message={message} className=\"h-full\" />\n    </ChartCard>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,YAAY,EAC1B,QACA,SACA,YACA,OAOC;CACD,OACE,oBAAC,WAAD;EAAW,OAAO,OAAO,SAAS,OAAO;EAAgB;EAAY,GAAI,WAAW,GAAG;EACrF,UAAA,oBAAC,YAAY,OAAb;GAA4B;GAAS,WAAU;EAAU,CAAA;CAChD,CAAA;AAEf"}

package/dist/domains/dashboards/hooks/use-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

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

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

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

@@ -41,6 +41,28 @@ function useDashboardRequests(requests) {
 	let next = 0;
 	return requests.map((request) => request ? results[next++] : void 0);
 }
-export { useDashboardRequests };
+/** 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())
+	};
+}
+export { toDashboardResult, useDashboardRequests, useDashboardResults };
 
 //# sourceMappingURL=use-dashboard-requests.es.js.map