@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.1

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

@@ -1,44 +1,44 @@
-import { useI18n as e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/TemplateLayoutPreview.tsx
 function r(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
 function i({ content: i }) {
-	let { t: a } = e();
-	return !r(i.definition) || !Array.isArray(i.definition.pages) ? null : /* @__PURE__ */ n("section", {
+	let { t: a } = n();
+	return !r(i.definition) || !Array.isArray(i.definition.pages) ? null : /* @__PURE__ */ t("section", {
 		"aria-label": a("bigconsole.dashboards.templatePreview.label", "Template layout preview"),
 		className: "mb-form-gap space-y-control-gap",
 		children: [
-			/* @__PURE__ */ t("h3", {
+			/* @__PURE__ */ e("h3", {
 				className: "text-sm font-medium",
 				children: a("bigconsole.dashboards.templatePreview.title", "Layout preview")
 			}),
-			i.definition.pages.filter(r).map((e, i) => /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("p", {
+			i.definition.pages.filter(r).map((n, i) => /* @__PURE__ */ t("div", { children: [/* @__PURE__ */ e("p", {
 				className: "text-xs text-text-muted",
-				children: typeof e.name == "string" ? e.name : a("bigconsole.dashboards.templatePreview.page", "Page {number}", { number: i + 1 })
-			}), /* @__PURE__ */ t("div", {
+				children: typeof n.name == "string" ? n.name : a("bigconsole.dashboards.templatePreview.page", "Page {number}", { number: i + 1 })
+			}), /* @__PURE__ */ e("div", {
 				style: {
 					display: "grid",
 					gridTemplateColumns: "repeat(12, minmax(0, 1fr))",
 					gap: "var(--space-controlGap)"
 				},
-				children: Array.isArray(e.widgets) && e.widgets.filter(r).map((e, i) => {
-					let o = r(e.config) ? e.config : {}, s = typeof o.chartType == "string" ? a("bigconsole.dashboards.templatePreview.chartType", "{type} chart", { type: o.chartType }) : typeof e.type == "string" ? e.type.toLowerCase().replaceAll("_", " ") : a("bigconsole.dashboards.templatePreview.widgetType", "Widget"), c = r(e.position) ? e.position : {};
-					return /* @__PURE__ */ n("div", {
+				children: Array.isArray(n.widgets) && n.widgets.filter(r).map((n, i) => {
+					let o = r(n.config) ? n.config : {}, s = typeof o.chartType == "string" ? a("bigconsole.dashboards.templatePreview.chartType", "{type} chart", { type: o.chartType }) : typeof n.type == "string" ? n.type.toLowerCase().replaceAll("_", " ") : a("bigconsole.dashboards.templatePreview.widgetType", "Widget"), c = r(n.position) ? n.position : {};
+					return /* @__PURE__ */ t("div", {
 						className: "rounded-card border border-border-default bg-bg-sunken p-3",
 						style: { gridColumn: `span ${typeof c.width == "number" ? Math.min(12, Math.max(1, Math.round(c.width))) : 6}` },
-						children: [/* @__PURE__ */ t("p", {
+						children: [/* @__PURE__ */ e("p", {
 							className: "truncate text-xs font-medium",
-							children: typeof e.title == "string" ? e.title : a("bigconsole.dashboards.templatePreview.widget", "Widget {number}", { number: i + 1 })
-						}), /* @__PURE__ */ t("p", {
+							children: typeof n.title == "string" ? n.title : a("bigconsole.dashboards.templatePreview.widget", "Widget {number}", { number: i + 1 })
+						}), /* @__PURE__ */ e("p", {
 							className: "truncate text-xs text-text-muted",
 							children: s
 						})]
 					}, i);
 				})
 			})] }, i)),
-			/* @__PURE__ */ t("p", {
+			/* @__PURE__ */ e("p", {
 				className: "text-xs text-text-muted",
 				children: a("bigconsole.dashboards.templatePreview.help", "Data appears after you connect a source. The dashboard uses these saved widgets and layouts.")
 			})

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

@@ -1,4 +1,4 @@
 import "../../../hooks/index.js";
 import "react";
-import "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import "react/jsx-runtime";
+import "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

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

@@ -1,35 +1,37 @@
-import { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
+import { useBigConsoleBasePath as e, useBigConsoleDashboardOnly as t } from "../../context/BigConsoleContext.js";
+import "../../context/index.js";
+import { SECTION_FOCUS_RING as n } from "../common/sectionStyles.js";
 import "../common/index.js";
-import { WIDGET_CATEGORY_LABELS as t, getWidgetCategories as n, getWidgetKey as r } from "../widgets/WidgetRegistry.js";
-import { memo as i, useCallback as a, useMemo as o, useState as s } from "react";
-import { Activity as c, BarChart3 as l, Calendar as u, ChevronDown as d, ChevronRight as f, Columns as p, ExternalLink as m, FileText as h, Filter as g, Gauge as _, GitBranch as v, Grid3x3 as y, GripVertical as b, Layers as x, LayoutDashboard as S, List as C, MapPin as w, Puzzle as T, Search as E, Store as D, Table as O, TrendingUp as k, Type as A, X as j } from "lucide-react";
-import { Input as M } from "@burdenoff/fe-libs/ui";
-import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
+import { WIDGET_CATEGORY_LABELS as r, getWidgetCategories as i, getWidgetKey as a } from "../widgets/WidgetRegistry.js";
+import { memo as o, useCallback as s, useMemo as c, useState as l } from "react";
+import { Activity as u, BarChart3 as d, Calendar as f, ChevronDown as p, ChevronRight as m, Columns as h, ExternalLink as g, FileText as _, Filter as v, Gauge as y, GitBranch as b, Grid3x3 as x, GripVertical as S, Layers as C, LayoutDashboard as w, List as T, MapPin as E, Puzzle as D, Search as O, Store as k, Table as A, TrendingUp as j, Type as M, X as N } from "lucide-react";
+import { Input as P } from "@burdenoff/fe-libs/ui";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { useI18n as L } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/WidgetPalette.tsx
-var I = {
-	TrendingUp: k,
-	BarChart3: l,
-	Filter: g,
-	Table: O,
-	Grid3x3: y,
-	Gauge: _,
-	Activity: c,
-	List: C,
-	FileText: h,
-	Type: A,
-	ExternalLink: m,
-	MapPin: w,
-	Calendar: u,
-	Columns: p,
-	GitBranch: v,
-	Puzzle: T,
-	LayoutDashboard: S
+var R = {
+	TrendingUp: j,
+	BarChart3: d,
+	Filter: v,
+	Table: A,
+	Grid3x3: x,
+	Gauge: y,
+	Activity: u,
+	List: T,
+	FileText: _,
+	Type: M,
+	ExternalLink: g,
+	MapPin: E,
+	Calendar: f,
+	Columns: h,
+	GitBranch: b,
+	Puzzle: D,
+	LayoutDashboard: w
 };
-function L(e) {
-	return I[e] || T;
+function z(e) {
+	return R[e] || D;
 }
-var R = {
+var B = {
 	container: {
 		backgroundColor: "var(--color-bg-surface)",
 		display: "flex",
@@ -304,8 +306,8 @@ var R = {
 		cursor: "pointer",
 		transition: "border-color 0.15s, color 0.15s"
 	}
-}, z = i(function({ isOpen: i, onClose: c, onWidgetSelect: l, onDragStart: u, onDragEnd: p, installedWidgets: h = [], installedWidgetsLoading: g = !1, definitions: _ }) {
-	let { t: v } = N(), [y, S] = s(""), [C, w] = s(new Set([
+}, V = o(function({ isOpen: o, onClose: u, onWidgetSelect: d, onDragStart: f, onDragEnd: h, installedWidgets: _ = [], installedWidgetsLoading: v = !1, definitions: y }) {
+	let { t: b } = L(), x = t(), w = e(), [T, E] = l(""), [D, A] = l(new Set([
 		"KPI",
 		"Visualization",
 		"Data",
@@ -313,14 +315,14 @@ var R = {
 		"Temporal",
 		"Custom",
 		"Installed"
-	])), [T, O] = s(null), k = o(() => (_ ? Object.keys(t).map((e) => ({
+	])), [j, M] = l(null), R = c(() => (y ? Object.keys(r).map((e) => ({
 		category: e,
-		label: t[e],
-		widgets: _.filter((t) => t.category === e)
-	})) : n()).map((e) => {
+		label: r[e],
+		widgets: y.filter((t) => t.category === e)
+	})) : i()).map((e) => {
 		if (e.category === "Installed") {
 			let t = /* @__PURE__ */ new Map();
-			for (let e of h) t.set(e.name.toLowerCase(), e);
+			for (let e of _) t.set(e.name.toLowerCase(), e);
 			for (let n of e.widgets) {
 				let e = n.name.toLowerCase(), r = t.get(e);
 				t.set(e, r ? {
@@ -337,19 +339,19 @@ var R = {
 			};
 		}
 		return e;
-	}).filter((e) => e.category !== "Installed" || e.widgets.length > 0), [h, _]), A = o(() => {
-		if (!y.trim()) return k;
-		let e = y.toLowerCase();
-		return k.map((t) => ({
+	}).filter((e) => e.category !== "Installed" || e.widgets.length > 0), [_, y]), V = c(() => {
+		if (!T.trim()) return R;
+		let e = T.toLowerCase();
+		return R.map((t) => ({
 			...t,
 			widgets: t.widgets.filter((t) => t.name.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.tags.some((t) => t.includes(e)))
 		})).filter((e) => e.widgets.length > 0);
-	}, [k, y]), I = a((e) => {
-		w((t) => {
+	}, [R, T]), H = s((e) => {
+		A((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), z = a((e, t) => {
+	}, []), U = s((e, t) => {
 		e.dataTransfer.setData("application/json", JSON.stringify({
 			type: t.type,
 			name: t.name,
@@ -360,31 +362,31 @@ var R = {
 		let n = document.createElement("div");
 		n.style.cssText = "\n        position: absolute;\n        top: -1000px;\n        left: -1000px;\n        padding: 8px 12px;\n        background: var(--color-bg-surface);\n        border: 2px solid var(--color-action-primary-bg);\n        border-radius: var(--radius-card);\n        font-size: var(--font-size-body-sm);\n        font-weight: 500;\n        color: var(--color-text-primary);\n        box-shadow: var(--shadow-elevation-3);\n      ", n.textContent = t.name, document.body.appendChild(n), e.dataTransfer.setDragImage(n, 0, 0), setTimeout(() => {
 			document.body.removeChild(n);
-		}, 0), u?.(t.type, t);
-	}, [u]), B = a(() => {
-		p?.();
-	}, [p]), V = a((e) => {
-		l?.(e.type, e);
-	}, [l]), H = a(() => {
+		}, 0), f?.(t.type, t);
+	}, [f]), W = s(() => {
+		h?.();
+	}, [h]), G = s((e) => {
+		d?.(e.type, e);
+	}, [d]), K = s(() => {
 		if (typeof window > "u") return;
-		let e = `${window.location.origin}/bigconsole/store${window.location.search}`;
+		let e = `${window.location.origin}${w}/store${window.location.search}`;
 		window.open(e, "_blank", "noopener,noreferrer");
-	}, []);
-	return i ? /* @__PURE__ */ F("section", {
+	}, [w]);
+	return o ? /* @__PURE__ */ I("section", {
 		"aria-label": "Widget palette",
 		"data-testid": "widget-palette",
-		style: R.container,
+		style: B.container,
 		className: "h-auto max-h-[45vh] w-full border-b border-[var(--color-border-subtle)] md:h-full md:max-h-none md:w-[300px] md:border-b-0 md:border-r",
 		children: [
-			/* @__PURE__ */ F("div", {
-				style: R.header,
-				children: [/* @__PURE__ */ F("div", {
-					style: R.headerTop,
-					children: [/* @__PURE__ */ F("div", {
-						style: R.headerTitle,
-						children: [/* @__PURE__ */ P("div", {
-							style: R.headerIcon,
-							children: /* @__PURE__ */ P(x, {
+			/* @__PURE__ */ I("div", {
+				style: B.header,
+				children: [/* @__PURE__ */ I("div", {
+					style: B.headerTop,
+					children: [/* @__PURE__ */ I("div", {
+						style: B.headerTitle,
+						children: [/* @__PURE__ */ F("div", {
+							style: B.headerIcon,
+							children: /* @__PURE__ */ F(C, {
 								"aria-hidden": "true",
 								style: {
 									width: "18px",
@@ -392,21 +394,21 @@ var R = {
 									color: "var(--color-action-primary-text)"
 								}
 							})
-						}), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h2", {
-							style: R.title,
-							children: v("bigconsole.dashboards.widgetPalette.title", "Widgets")
-						}), /* @__PURE__ */ P("p", {
-							style: R.subtitle,
-							children: v("bigconsole.dashboards.widgetPalette.subtitle", "Drag or click to add")
+						}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("h2", {
+							style: B.title,
+							children: b("bigconsole.dashboards.widgetPalette.title", "Widgets")
+						}), /* @__PURE__ */ F("p", {
+							style: B.subtitle,
+							children: b("bigconsole.dashboards.widgetPalette.subtitle", "Drag or click to add")
 						})] })]
-					}), /* @__PURE__ */ P("button", {
+					}), /* @__PURE__ */ F("button", {
 						type: "button",
-						onClick: c,
+						onClick: u,
 						"aria-label": "Close widget palette",
 						title: "Close widget palette",
-						style: R.closeButton,
-						className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${e}`,
-						children: /* @__PURE__ */ P(j, {
+						style: B.closeButton,
+						className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${n}`,
+						children: /* @__PURE__ */ F(N, {
 							"aria-hidden": "true",
 							style: {
 								width: "16px",
@@ -414,110 +416,110 @@ var R = {
 							}
 						})
 					})]
-				}), /* @__PURE__ */ F("div", {
-					style: R.searchContainer,
+				}), /* @__PURE__ */ I("div", {
+					style: B.searchContainer,
 					children: [
-						/* @__PURE__ */ P("label", {
+						/* @__PURE__ */ F("label", {
 							htmlFor: "widget-palette-search",
 							className: "sr-only",
 							children: "Search widgets"
 						}),
-						/* @__PURE__ */ P(E, {
+						/* @__PURE__ */ F(O, {
 							"aria-hidden": "true",
-							style: R.searchIcon
+							style: B.searchIcon
 						}),
-						/* @__PURE__ */ P(M, {
+						/* @__PURE__ */ F(P, {
 							id: "widget-palette-search",
 							type: "text",
-							placeholder: v("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets..."),
-							value: y,
-							onChange: (e) => S(e.target.value),
-							style: R.searchInput
+							placeholder: b("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets..."),
+							value: T,
+							onChange: (e) => E(e.target.value),
+							style: B.searchInput
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
-				style: R.content,
-				children: /* @__PURE__ */ F("div", {
-					style: R.scrollArea,
-					children: [A.map((t) => {
-						let n = C.has(t.category), i = `widget-palette-${t.category.toLowerCase()}`;
-						return /* @__PURE__ */ F("div", {
-							style: R.categoryContainer,
-							children: [/* @__PURE__ */ P("h3", {
-								style: R.categoryHeading,
-								children: /* @__PURE__ */ F("button", {
+			/* @__PURE__ */ F("div", {
+				style: B.content,
+				children: /* @__PURE__ */ I("div", {
+					style: B.scrollArea,
+					children: [V.map((e) => {
+						let t = D.has(e.category), r = `widget-palette-${e.category.toLowerCase()}`;
+						return /* @__PURE__ */ I("div", {
+							style: B.categoryContainer,
+							children: [/* @__PURE__ */ F("h3", {
+								style: B.categoryHeading,
+								children: /* @__PURE__ */ I("button", {
 									type: "button",
-									onClick: () => I(t.category),
-									"aria-expanded": n,
-									"aria-controls": i,
-									style: R.categoryHeader,
-									className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${e}`,
+									onClick: () => H(e.category),
+									"aria-expanded": t,
+									"aria-controls": r,
+									style: B.categoryHeader,
+									className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${n}`,
 									children: [
-										P(n ? d : f, {
+										F(t ? p : m, {
 											"aria-hidden": "true",
-											style: R.categoryChevron
+											style: B.categoryChevron
 										}),
-										/* @__PURE__ */ P("span", {
-											style: R.categoryLabel,
-											children: t.label
+										/* @__PURE__ */ F("span", {
+											style: B.categoryLabel,
+											children: e.label
 										}),
-										/* @__PURE__ */ P("span", {
-											style: R.categoryCount,
-											children: t.widgets.length
+										/* @__PURE__ */ F("span", {
+											style: B.categoryCount,
+											children: e.widgets.length
 										})
 									]
 								})
-							}), n && /* @__PURE__ */ F("div", {
-								id: i,
-								style: R.widgetList,
-								children: [g && t.category === "Installed" && /* @__PURE__ */ P("div", {
+							}), t && /* @__PURE__ */ I("div", {
+								id: r,
+								style: B.widgetList,
+								children: [v && e.category === "Installed" && /* @__PURE__ */ F("div", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
 										padding: "var(--space-controlGap)"
 									},
-									children: v("bigconsole.dashboards.widgetPalette.loading", "Loading...")
-								}), t.widgets.map((e) => {
-									let t = L(e.icon), n = r(e), i = T === n;
-									return /* @__PURE__ */ F("div", {
+									children: b("bigconsole.dashboards.widgetPalette.loading", "Loading...")
+								}), e.widgets.map((e) => {
+									let t = z(e.icon), n = a(e), r = j === n;
+									return /* @__PURE__ */ I("div", {
 										draggable: !0,
 										role: "button",
 										tabIndex: 0,
 										"aria-label": `Add ${e.name} widget`,
-										onDragStart: (t) => z(t, e),
-										onDragEnd: B,
-										onClick: () => V(e),
+										onDragStart: (t) => U(t, e),
+										onDragEnd: W,
+										onClick: () => G(e),
 										onKeyDown: (t) => {
-											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), V(e));
+											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), G(e));
 										},
-										onMouseEnter: () => O(n),
-										onMouseLeave: () => O(null),
+										onMouseEnter: () => M(n),
+										onMouseLeave: () => M(null),
 										className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 										style: {
-											...R.widgetCard,
-											...i ? R.widgetCardHover : {}
+											...B.widgetCard,
+											...r ? B.widgetCardHover : {}
 										},
 										children: [
-											/* @__PURE__ */ P(b, {
+											/* @__PURE__ */ F(S, {
 												"aria-hidden": "true",
-												style: R.dragHandle
+												style: B.dragHandle
 											}),
-											/* @__PURE__ */ P("div", {
-												style: R.widgetIcon,
-												children: /* @__PURE__ */ P(t, {
+											/* @__PURE__ */ F("div", {
+												style: B.widgetIcon,
+												children: /* @__PURE__ */ F(t, {
 													"aria-hidden": "true",
-													style: R.widgetIconInner
+													style: B.widgetIconInner
 												})
 											}),
-											/* @__PURE__ */ F("div", {
-												style: R.widgetText,
-												children: [/* @__PURE__ */ P("div", {
-													style: R.widgetName,
+											/* @__PURE__ */ I("div", {
+												style: B.widgetText,
+												children: [/* @__PURE__ */ F("div", {
+													style: B.widgetName,
 													children: e.name
-												}), /* @__PURE__ */ P("div", {
-													style: R.widgetDescription,
+												}), /* @__PURE__ */ F("div", {
+													style: B.widgetDescription,
 													children: e.description
 												})]
 											})
@@ -525,14 +527,14 @@ var R = {
 									}, n);
 								})]
 							})]
-						}, t.category);
-					}), A.length === 0 && /* @__PURE__ */ F("div", {
-						style: R.emptyState,
+						}, e.category);
+					}), V.length === 0 && /* @__PURE__ */ I("div", {
+						style: B.emptyState,
 						role: "status",
 						children: [
-							/* @__PURE__ */ P("div", {
-								style: R.emptyIcon,
-								children: /* @__PURE__ */ P(E, {
+							/* @__PURE__ */ F("div", {
+								style: B.emptyIcon,
+								children: /* @__PURE__ */ F(O, {
 									"aria-hidden": "true",
 									style: {
 										width: "24px",
@@ -541,47 +543,47 @@ var R = {
 									}
 								})
 							}),
-							/* @__PURE__ */ F("p", {
-								style: R.emptyTitle,
+							/* @__PURE__ */ I("p", {
+								style: B.emptyTitle,
 								children: [
-									v("bigconsole.dashboards.widgetPalette.noResultsBefore", "No widgets found for"),
+									b("bigconsole.dashboards.widgetPalette.noResultsBefore", "No widgets found for"),
 									" “",
-									/* @__PURE__ */ P("strong", { children: y }),
+									/* @__PURE__ */ F("strong", { children: T }),
 									"”"
 								]
 							}),
-							/* @__PURE__ */ P("p", {
-								style: R.emptyText,
+							/* @__PURE__ */ F("p", {
+								style: B.emptyText,
 								children: "Try a shorter term, or browse the widget store for more types."
 							}),
-							/* @__PURE__ */ P("button", {
+							/* @__PURE__ */ F("button", {
 								type: "button",
-								onClick: () => S(""),
-								style: R.clearButton,
+								onClick: () => E(""),
+								style: B.clearButton,
 								className: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-								children: v("bigconsole.dashboards.widgetPalette.clearSearch", "Clear search")
+								children: b("bigconsole.dashboards.widgetPalette.clearSearch", "Clear search")
 							})
 						]
 					})]
 				})
 			}),
-			/* @__PURE__ */ F("div", {
-				style: R.footer,
-				children: [/* @__PURE__ */ F("button", {
+			/* @__PURE__ */ I("div", {
+				style: B.footer,
+				children: [!x && /* @__PURE__ */ I("button", {
 					type: "button",
-					onClick: H,
-					style: R.browseStoreButton,
-					className: `hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors ${e}`,
+					onClick: K,
+					style: B.browseStoreButton,
+					className: "hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 					children: [
-						/* @__PURE__ */ P(D, {
+						/* @__PURE__ */ F(k, {
 							"aria-hidden": "true",
 							style: {
 								width: "15px",
 								height: "15px"
 							}
 						}),
-						v("bigconsole.dashboards.widgetPalette.browseStore", "Browse widget store"),
-						/* @__PURE__ */ P(m, {
+						b("bigconsole.dashboards.widgetPalette.browseStore", "Browse widget store"),
+						/* @__PURE__ */ F(g, {
 							"aria-hidden": "true",
 							style: {
 								width: "13px",
@@ -590,13 +592,13 @@ var R = {
 							}
 						})
 					]
-				}), /* @__PURE__ */ P("p", {
-					style: R.footerText,
-					children: v("bigconsole.dashboards.widgetPalette.footerHint", "Drag widgets to position them on the canvas")
+				}), /* @__PURE__ */ F("p", {
+					style: B.footerText,
+					children: b("bigconsole.dashboards.widgetPalette.footerHint", "Drag widgets to position them on the canvas")
 				})]
 			})
 		]
 	}) : null;
 });
 //#endregion
-export { z as default };
+export { V as default };