@burdenoff/microfe-bigconsole 2026.924.2 → 2026.924.3

package/dist/bigconsole/components/DrilldownDashboardRenderer.js

@@ -1,6 +1,6 @@
-import { Section as e, SectionStack as t } from "./common/Section.js";
+import { GetDashboardDocument as e, ListWidgetsByDashboardDocument as t } from "../../generated/wspace-operations.js";
+import { Section as n, SectionStack as r } from "./common/Section.js";
 import "./common/index.js";
-import { GetDashboardDocument as n, ListWidgetsByDashboardDocument as r } from "../../generated/wspace-operations.js";
 import { mapFromFederationWidgetType as i } from "../utils/widgetTypeMapping.js";
 import a from "./widgets/WidgetWrapper.js";
 import { memo as o, useEffect as s, useState as c } from "react";
@@ -54,29 +54,29 @@ var p = o(function({ dashboardId: i, params: a }) {
 			h(!1);
 			return;
 		}
-		async function e() {
+		async function n() {
 			h(!0), _(null);
 			try {
-				let e = (await o.query({
-					query: n,
+				let n = (await o.query({
+					query: e,
 					variables: { id: i },
 					fetchPolicy: "network-only"
 				})).data?.getDashboard;
-				if (!e) {
+				if (!n) {
 					_("Dashboard not found"), h(!1);
 					return;
 				}
-				let t = e.pages?.edges?.map((e) => ({
+				let r = n.pages?.edges?.map((e) => ({
 					id: e.node.id,
 					name: e.node.name || "Page 1"
 				})) || [];
 				y({
-					id: e.id,
-					name: e.name,
-					description: e.description,
-					pages: t
+					id: n.id,
+					name: n.name,
+					description: n.description,
+					pages: r
 				}), x(((await o.query({
-					query: r,
+					query: t,
 					variables: { dashboardId: i },
 					fetchPolicy: "network-only"
 				})).data?.listWidgetsByDashboard || []).map((e, t) => f(e, t)));
@@ -86,7 +86,7 @@ var p = o(function({ dashboardId: i, params: a }) {
 				h(!1);
 			}
 		}
-		e();
+		n();
 	}, [i, o]), p) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center h-full",
 		children: /* @__PURE__ */ d("div", {
@@ -100,7 +100,7 @@ var p = o(function({ dashboardId: i, params: a }) {
 	if (g) return /* @__PURE__ */ u("div", {
 		className: "flex h-full items-center justify-center",
 		role: "alert",
-		children: /* @__PURE__ */ u(e, {
+		children: /* @__PURE__ */ u(n, {
 			headingLevel: 3,
 			tone: "danger",
 			className: "w-full max-w-md",
@@ -143,10 +143,10 @@ var p = o(function({ dashboardId: i, params: a }) {
 		})
 	});
 	let S = Object.entries(a).filter(([e]) => !e.startsWith("__"));
-	return /* @__PURE__ */ d(t, {
+	return /* @__PURE__ */ d(r, {
 		className: "w-full",
 		children: [
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ u(n, {
 				emphasis: "bare",
 				padding: "none",
 				headingLevel: 3,
@@ -154,7 +154,7 @@ var p = o(function({ dashboardId: i, params: a }) {
 				description: v.description,
 				"data-testid": "drilldown-dashboard-header"
 			}),
-			S.length > 0 && /* @__PURE__ */ u(e, {
+			S.length > 0 && /* @__PURE__ */ u(n, {
 				emphasis: "muted",
 				padding: "compact",
 				headingLevel: 3,

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js

@@ -2,9 +2,9 @@ import { Section as e, SectionStack as t } from "../../common/Section.js";
 import "../../common/index.js";
 import n from "../../parser/DataSinkSelector.js";
 import r from "../../parser/ParserSelector.js";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Input as a, Label as o, Spinner as s } from "@burdenoff/fe-libs/ui";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Input as i, Label as a, Spinner as o } from "@burdenoff/fe-libs/ui";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/builder/inspector/DataBindingSection.tsx
 var u = {
 	unbound: "info",
@@ -14,7 +14,7 @@ var u = {
 	parser_error: "danger",
 	field_mismatch: "warning"
 }, d = ({ consoleId: d, binding: f, dataSinkKey: p, dataPath: m, status: h, missingFields: g = [], preview: _, error: v, onDataSinkChange: y, onParserChange: b, onDataPathChange: x }) => {
-	let { t: S } = i(), C = {
+	let { t: S } = l(), C = {
 		unbound: S("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
 		loading: S("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
 		bound: S("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
@@ -22,33 +22,33 @@ var u = {
 		parser_error: S("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
 		field_mismatch: S("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
 	};
-	return /* @__PURE__ */ l(t, { children: [
-		/* @__PURE__ */ c(e, {
+	return /* @__PURE__ */ c(t, { children: [
+		/* @__PURE__ */ s(e, {
 			title: "Data source",
 			description: S("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
 			"data-testid": "widget-inspector-data-source",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ c(o, { children: S("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
-						/* @__PURE__ */ c(n, {
+						/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+						/* @__PURE__ */ s(n, {
 							value: p,
 							onChange: y,
 							placeholder: S("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
 						}),
-						p && /* @__PURE__ */ l("p", {
+						p && /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [S("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: p }), f.source.ref && /* @__PURE__ */ c("span", {
+							children: [S("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: p }), f.source.ref && /* @__PURE__ */ s("span", {
 								className: "ml-2 text-text-muted",
 								children: S("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ c(o, { children: S("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ c(r, {
+					children: [/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
 						consoleId: d,
 						value: f.parserId ?? null,
 						onChange: b,
@@ -60,53 +60,53 @@ var u = {
 				})]
 			})
 		}),
-		/* @__PURE__ */ c(e, {
+		/* @__PURE__ */ s(e, {
 			title: C[h],
 			tone: u[h],
 			padding: "compact",
 			headingLevel: 3,
-			icon: h === "loading" ? /* @__PURE__ */ c(s, { style: {
+			icon: h === "loading" ? /* @__PURE__ */ s(o, { style: {
 				width: "14px",
 				height: "14px"
 			} }) : void 0,
 			"data-testid": "widget-inspector-binding-status",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "min-w-0 space-y-1",
 				children: [
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ s("p", {
 						className: "sr-only",
 						children: C[h]
 					}),
-					v && /* @__PURE__ */ c("p", {
+					v && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-error-text)]",
 						children: v
 					}),
-					g.length > 0 && /* @__PURE__ */ c("p", {
+					g.length > 0 && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-warning-text)]",
 						children: S("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: g.join(", ") })
 					}),
-					!v && g.length === 0 && h === "bound" && /* @__PURE__ */ c("p", {
+					!v && g.length === 0 && h === "bound" && /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: "The parser ran and its output matches the fields this widget expects."
 					})
 				]
 			})
 		}),
-		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ c(e, {
+		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: S("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ s("div", {
 				className: "min-w-0 space-y-1 text-xs text-text-secondary",
-				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ l("p", {
+				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ c("p", {
 					className: "break-words",
 					children: [
 						e,
 						": ",
-						/* @__PURE__ */ c("code", {
+						/* @__PURE__ */ s("code", {
 							className: "rounded bg-bg-surface px-1 font-mono",
 							children: t
 						})
@@ -114,36 +114,36 @@ var u = {
 				}, e))
 			})
 		}),
-		_ !== void 0 && /* @__PURE__ */ c(e, {
+		_ !== void 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: S("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
 			description: "Raw parser output, exactly as the widget receives it.",
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("pre", {
+			children: /* @__PURE__ */ s("pre", {
 				className: "max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary",
 				children: JSON.stringify(_, null, 2)
 			})
 		}),
-		/* @__PURE__ */ c(e, {
+		/* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: "Data path",
 			headingLevel: 3,
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ c(o, {
+					/* @__PURE__ */ s(a, {
 						htmlFor: "widget-inspector-data-path",
 						children: S("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
 					}),
-					/* @__PURE__ */ c(a, {
+					/* @__PURE__ */ s(i, {
 						id: "widget-inspector-data-path",
 						value: m ?? "",
 						onChange: (e) => x(e.target.value || void 0),
 						placeholder: S("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: S("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js

@@ -3,13 +3,13 @@ import "../common/index.js";
 import t from "./StoreTemplatePicker.js";
 import n from "../../hooks/useStoreDashboardTemplates.js";
 import { memo as r, useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { Copy as ee, LayoutDashboard as c, Plus as l, Tag as u, X as d } from "lucide-react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as p, Button as m, Dialog as te, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y, Input as b, Spinner as x, Textarea as S } from "@burdenoff/fe-libs/ui";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Copy as c, LayoutDashboard as l, Plus as u, Tag as d, X as f } from "lucide-react";
+import { Badge as p, Button as m, Dialog as ee, DialogContent as te, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogTitle as v, Input as y, Spinner as b, Textarea as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/CreateDashboardDialog.tsx
 var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, showTemplates: O = !0, onTemplateInstalled: k }) {
-	let { t: A } = f(), { templates: j, loading: M, error: N, fetchTemplateContent: P, installTemplate: F } = n({ autoLoad: O }), [I, L] = s(!1), [R, z] = s("blank"), [B, V] = s(""), [H, U] = s(""), [W, G] = s([]), [K, q] = s(""), [J, Y] = s(null), [X, Z] = s(null), Q = o(null);
+	let { t: A } = w(), { templates: j, loading: M, error: N, fetchTemplateContent: P, installTemplate: F } = n({ autoLoad: O }), [I, L] = s(!1), [R, z] = s("blank"), [B, V] = s(""), [H, U] = s(""), [W, G] = s([]), [K, q] = s(""), [J, Y] = s(null), [X, Z] = s(null), Q = o(null);
 	a(() => {
 		r && (z("blank"), V(""), U(""), G([]), q(""), Y(null), Z(null), setTimeout(() => {
 			Q.current?.focus();
@@ -98,24 +98,24 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 		k,
 		A
 	]);
-	return /* @__PURE__ */ C(te, {
+	return /* @__PURE__ */ S(ee, {
 		open: r,
 		onOpenChange: (e) => !e && !T && E(),
-		children: /* @__PURE__ */ w(h, {
+		children: /* @__PURE__ */ C(te, {
 			style: {
 				maxWidth: R === "template" ? "900px" : "480px",
 				width: "100%",
 				padding: 0
 			},
-			children: [/* @__PURE__ */ C(v, {
+			children: [/* @__PURE__ */ S(_, {
 				style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ C("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: "var(--space-formGap)"
 					},
-					children: [/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							height: "var(--size-controlHeight-lg)",
@@ -126,7 +126,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 							borderRadius: "var(--radius-card)",
 							backgroundColor: "var(--color-bg-accentSubtle)"
 						},
-						children: /* @__PURE__ */ C(c, {
+						children: /* @__PURE__ */ S(l, {
 							"aria-hidden": "true",
 							style: {
 								height: "var(--size-icon-lg)",
@@ -134,7 +134,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 								color: "var(--color-action-primary-bg)"
 							}
 						})
-					}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(y, {
+					}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(v, {
 						style: {
 							fontSize: "var(--font-size-heading-h4)",
 							fontWeight: "var(--font-weight-bold)",
@@ -142,7 +142,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 							margin: 0
 						},
 						children: A("bigconsole.dashboards.createDialog.title", "Create New Dashboard")
-					}), /* @__PURE__ */ C(g, {
+					}), /* @__PURE__ */ S(h, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
@@ -151,12 +151,12 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 						children: A("bigconsole.dashboards.createDialog.subtitle", "Create a new dashboard to visualize your data")
 					})] })]
 				})
-			}), /* @__PURE__ */ w("form", {
+			}), /* @__PURE__ */ C("form", {
 				onSubmit: ae,
 				children: [
-					O && /* @__PURE__ */ C("div", {
+					O && /* @__PURE__ */ S("div", {
 						style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ C("div", {
 							role: "group",
 							"aria-label": "How to start",
 							style: {
@@ -167,7 +167,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 								backgroundColor: "var(--color-bg-sunken)",
 								borderRadius: "var(--radius-button)"
 							},
-							children: [/* @__PURE__ */ w("button", {
+							children: [/* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => {
 									z("blank"), Y(null);
@@ -189,11 +189,11 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 									boxShadow: R === "blank" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
-								children: [/* @__PURE__ */ C(l, { style: {
+								children: [/* @__PURE__ */ S(u, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), A("bigconsole.dashboards.createDialog.tab.blank", "Blank Dashboard")]
-							}), /* @__PURE__ */ w("button", {
+							}), /* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => z("template"),
 								style: {
@@ -213,20 +213,20 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 									boxShadow: R === "template" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
-								children: [/* @__PURE__ */ C(ee, { style: {
+								children: [/* @__PURE__ */ S(c, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), A("bigconsole.dashboards.createDialog.tab.template", "From Template")]
 							})]
 						})
 					}),
-					R === "template" && /* @__PURE__ */ C("div", {
+					R === "template" && /* @__PURE__ */ S("div", {
 						style: {
 							padding: "var(--space-pagePadding)",
 							maxHeight: "400px",
 							overflowY: "auto"
 						},
-						children: /* @__PURE__ */ C(t, {
+						children: /* @__PURE__ */ S(t, {
 							templates: j,
 							loading: M,
 							error: N,
@@ -234,9 +234,9 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 							onSelect: ie
 						})
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ S("div", {
 						style: { padding: "var(--space-pagePadding)" },
-						children: /* @__PURE__ */ w(e, {
+						children: /* @__PURE__ */ C(e, {
 							headingLevel: 3,
 							emphasis: "bare",
 							padding: "none",
@@ -244,10 +244,10 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 							description: "Name it now — everything else can change later.",
 							"data-testid": "create-dashboard-details",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									style: { marginBottom: "var(--space-formGap)" },
 									children: [
-										/* @__PURE__ */ w("label", {
+										/* @__PURE__ */ C("label", {
 											htmlFor: "dashboard-name",
 											style: {
 												display: "block",
@@ -256,7 +256,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 												color: "var(--color-text-primary)",
 												marginBottom: "var(--space-controlGap)"
 											},
-											children: [A("bigconsole.dashboards.createDialog.field.name", "Dashboard Name"), /* @__PURE__ */ C("span", {
+											children: [A("bigconsole.dashboards.createDialog.field.name", "Dashboard Name"), /* @__PURE__ */ S("span", {
 												style: {
 													color: "var(--color-status-error-text)",
 													marginLeft: "var(--space-controlGap)"
@@ -264,7 +264,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 												children: "*"
 											})]
 										}),
-										/* @__PURE__ */ C(b, {
+										/* @__PURE__ */ S(y, {
 											ref: Q,
 											id: "dashboard-name",
 											type: "text",
@@ -280,7 +280,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 												borderColor: X ? "var(--color-status-error-border)" : void 0
 											}
 										}),
-										X && /* @__PURE__ */ C("p", {
+										X && /* @__PURE__ */ S("p", {
 											style: {
 												fontSize: "var(--font-size-body-sm)",
 												color: "var(--color-status-error-text)",
@@ -291,9 +291,9 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 										})
 									]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									style: { marginBottom: "var(--space-formGap)" },
-									children: [/* @__PURE__ */ w("label", {
+									children: [/* @__PURE__ */ C("label", {
 										htmlFor: "dashboard-description",
 										style: {
 											display: "block",
@@ -302,7 +302,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 											color: "var(--color-text-primary)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: [A("bigconsole.dashboards.createDialog.field.description", "Description"), /* @__PURE__ */ C("span", {
+										children: [A("bigconsole.dashboards.createDialog.field.description", "Description"), /* @__PURE__ */ S("span", {
 											style: {
 												color: "var(--color-text-muted)",
 												fontWeight: "var(--font-weight-regular)",
@@ -310,7 +310,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 											},
 											children: A("bigconsole.dashboards.createDialog.field.optional", "(optional)")
 										})]
-									}), /* @__PURE__ */ C(S, {
+									}), /* @__PURE__ */ S(x, {
 										id: "dashboard-description",
 										value: H,
 										onChange: (e) => U(e.target.value),
@@ -323,8 +323,8 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 										}
 									})]
 								}),
-								/* @__PURE__ */ w("div", { children: [
-									/* @__PURE__ */ w("label", {
+								/* @__PURE__ */ C("div", { children: [
+									/* @__PURE__ */ C("label", {
 										htmlFor: "dashboard-tags",
 										style: {
 											display: "flex",
@@ -336,12 +336,12 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: [
-											/* @__PURE__ */ C(u, { style: {
+											/* @__PURE__ */ S(d, { style: {
 												height: "var(--size-icon-sm)",
 												width: "var(--size-icon-sm)"
 											} }),
 											A("bigconsole.dashboards.createDialog.field.tags", "Tags"),
-											/* @__PURE__ */ C("span", {
+											/* @__PURE__ */ S("span", {
 												style: {
 													color: "var(--color-text-muted)",
 													fontWeight: "var(--font-weight-regular)"
@@ -350,14 +350,14 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 											})
 										]
 									}),
-									W.length > 0 && /* @__PURE__ */ C("div", {
+									W.length > 0 && /* @__PURE__ */ S("div", {
 										style: {
 											display: "flex",
 											flexWrap: "wrap",
 											gap: "var(--space-controlGap)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: W.map((e) => /* @__PURE__ */ w(p, {
+										children: W.map((e) => /* @__PURE__ */ C(p, {
 											variant: "secondary",
 											style: {
 												display: "flex",
@@ -365,7 +365,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 												gap: "4px",
 												paddingRight: "4px"
 											},
-											children: [e, /* @__PURE__ */ C("button", {
+											children: [e, /* @__PURE__ */ S("button", {
 												type: "button",
 												onClick: () => ne(e),
 												disabled: T || I,
@@ -383,19 +383,19 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 												},
 												onMouseOver: (e) => e.currentTarget.style.opacity = "1",
 												onMouseOut: (e) => e.currentTarget.style.opacity = "0.7",
-												children: /* @__PURE__ */ C(d, { style: {
+												children: /* @__PURE__ */ S(f, { style: {
 													height: "12px",
 													width: "12px"
 												} })
 											})]
 										}, e))
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ C("div", {
 										style: {
 											display: "flex",
 											gap: "var(--space-controlGap)"
 										},
-										children: [/* @__PURE__ */ C(b, {
+										children: [/* @__PURE__ */ S(y, {
 											id: "dashboard-tags",
 											type: "text",
 											value: K,
@@ -408,7 +408,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 												height: "var(--size-controlHeight-md)",
 												fontSize: "var(--font-size-body-sm)"
 											}
-										}), /* @__PURE__ */ C(m, {
+										}), /* @__PURE__ */ S(m, {
 											type: "button",
 											variant: "outline",
 											onClick: $,
@@ -417,7 +417,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 											children: A("bigconsole.dashboards.createDialog.action.addTag", "Add")
 										})]
 									}),
-									/* @__PURE__ */ C("p", {
+									/* @__PURE__ */ S("p", {
 										style: {
 											fontSize: "var(--font-size-xs)",
 											color: "var(--color-text-muted)",
@@ -429,7 +429,7 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 							]
 						})
 					}),
-					/* @__PURE__ */ w(_, {
+					/* @__PURE__ */ C(g, {
 						style: {
 							padding: "var(--space-formGap) var(--space-pagePadding)",
 							borderTop: "1px solid var(--color-border)",
@@ -438,37 +438,37 @@ var T = r(function({ isOpen: r, isCreating: T = !1, onClose: E, onCreate: D, sho
 							justifyContent: "flex-end",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ C(m, {
+						children: [/* @__PURE__ */ S(m, {
 							type: "button",
 							variant: "outline",
 							onClick: E,
 							disabled: T || I,
 							style: { height: "var(--size-controlHeight-md)" },
 							children: A("bigconsole.dashboards.createDialog.action.cancel", "Cancel")
-						}), /* @__PURE__ */ C(m, {
+						}), /* @__PURE__ */ S(m, {
 							type: "submit",
 							disabled: T || I || !B.trim(),
 							style: {
 								height: "var(--size-controlHeight-md)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: T || I ? /* @__PURE__ */ w("span", {
+							children: T || I ? /* @__PURE__ */ C("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ C(x, { style: {
+								children: [/* @__PURE__ */ S(b, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), A("bigconsole.dashboards.createDialog.action.creating", "Creating...")]
-							}) : /* @__PURE__ */ w("span", {
+							}) : /* @__PURE__ */ C("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ C(l, { style: {
+								children: [/* @__PURE__ */ S(u, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), A("bigconsole.dashboards.createDialog.action.create", "Create Dashboard")]