@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js

@@ -2,8 +2,8 @@ import { BIGCONSOLE_PERMISSIONS as e } from "../../../../constants/permissions.j
 import t, { themeChoiceFromPolicy as n } from "../../../hooks/useDashboardEmbedPolicy.js";
 import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
 import { usePermissions as s } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx
 var f = [
 	"light",
@@ -27,7 +27,7 @@ function m(e) {
 	}
 }
 function h({ dashboardId: h, colors: g }) {
-	let { t: _ } = c(), { policy: v, secret: y, loading: b, error: x, fetchPolicy: S, publishToWeb: C, applyPresentation: w, setAllowedOrigins: T, rotateKey: E, unpublish: ee } = t(), { hasPermission: te } = s(), D = te(e.DASHBOARD_MANAGE_EMBED), [O, k] = o(""), [A, j] = o([]), [M, N] = o(!1), [ne, P] = o(!1), [F, I] = o("light"), [L, R] = o(!1), [z, B] = o(!0), [V, H] = o(!1), [U, W] = o(null), G = a(null), K = a(null);
+	let { t: _ } = d(), { policy: v, secret: y, loading: b, error: x, fetchPolicy: S, publishToWeb: C, applyPresentation: w, setAllowedOrigins: T, rotateKey: E, unpublish: ee } = t(), { hasPermission: te } = s(), D = te(e.DASHBOARD_MANAGE_EMBED), [O, k] = o(""), [A, j] = o([]), [M, N] = o(!1), [ne, P] = o(!1), [F, I] = o("light"), [L, R] = o(!1), [z, B] = o(!0), [V, H] = o(!1), [U, W] = o(null), G = a(null), K = a(null);
 	r(() => {
 		h && S(h);
 	}, [h, S]), r(() => {
@@ -117,61 +117,61 @@ function h({ dashboardId: h, colors: g }) {
 	}, ue = i(() => f.map((e) => ({
 		value: e,
 		label: e === "light" ? _("bigconsole.dashboards.embed.theme.option.light", "Light") : e === "dark" ? _("bigconsole.dashboards.embed.theme.option.dark", "Dark") : _("bigconsole.dashboards.embed.theme.option.auto", "Auto (match viewer)")
-	})), [_]), $ = /* @__PURE__ */ d("div", {
+	})), [_]), $ = /* @__PURE__ */ u("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "10px"
 		},
 		children: [
-			/* @__PURE__ */ d("label", {
+			/* @__PURE__ */ u("label", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: "8px"
 				},
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ l("span", {
 					style: {
 						fontSize: "12px",
 						color: g.textSecondary
 					},
 					children: _("bigconsole.dashboards.embed.theme.label", "Theme")
-				}), /* @__PURE__ */ u("select", {
+				}), /* @__PURE__ */ l("select", {
 					value: F,
 					onChange: (e) => {
 						let t = e.target.value;
 						(t === "light" || t === "dark" || t === "auto") && I(t);
 					},
 					style: le,
-					children: ue.map((e) => /* @__PURE__ */ u("option", {
+					children: ue.map((e) => /* @__PURE__ */ l("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})]
 			}),
-			/* @__PURE__ */ d("label", {
+			/* @__PURE__ */ u("label", {
 				style: Q,
-				children: [/* @__PURE__ */ u("input", {
+				children: [/* @__PURE__ */ l("input", {
 					type: "checkbox",
 					checked: L,
 					onChange: (e) => R(e.target.checked)
-				}), /* @__PURE__ */ u("span", { children: _("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
+				}), /* @__PURE__ */ l("span", { children: _("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
 			}),
-			/* @__PURE__ */ d("label", {
+			/* @__PURE__ */ u("label", {
 				style: Q,
-				children: [/* @__PURE__ */ u("input", {
+				children: [/* @__PURE__ */ l("input", {
 					type: "checkbox",
 					checked: z,
 					onChange: (e) => B(e.target.checked)
-				}), /* @__PURE__ */ u("span", { children: _("bigconsole.dashboards.embed.presentation.showBranding", "Show a subtle “Powered by BigConsole” footer") })]
+				}), /* @__PURE__ */ l("span", { children: _("bigconsole.dashboards.embed.presentation.showBranding", "Show a subtle “Powered by BigConsole” footer") })]
 			})
 		]
 	});
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ u("div", {
 		style: { padding: "20px 24px" },
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -181,21 +181,21 @@ function h({ dashboardId: h, colors: g }) {
 					background: g.bgSecondary,
 					marginBottom: "16px"
 				},
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "14px",
 						fontWeight: 600,
 						color: g.textPrimary
 					},
 					children: _("bigconsole.dashboards.embed.heading", "Publish to the web")
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "12px",
 						color: g.textSecondary,
 						marginTop: "2px"
 					},
 					children: q ? _("bigconsole.dashboards.embed.status.liveDescription", "This dashboard is live. Anyone with the link on an allowed website sees its live data.") : _("bigconsole.dashboards.embed.status.privateDescription", "Embed this dashboard on your website. Viewers see live data — no login required.")
-				})] }), /* @__PURE__ */ u("span", {
+				})] }), /* @__PURE__ */ l("span", {
 					style: {
 						fontSize: "11px",
 						fontWeight: 700,
@@ -207,10 +207,10 @@ function h({ dashboardId: h, colors: g }) {
 					children: q ? _("bigconsole.dashboards.embed.badge.published", "PUBLISHED") : _("bigconsole.dashboards.embed.badge.private", "PRIVATE")
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				style: { marginBottom: "16px" },
 				children: [
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ l("div", {
 						style: {
 							fontSize: "12px",
 							fontWeight: 600,
@@ -219,13 +219,13 @@ function h({ dashboardId: h, colors: g }) {
 						},
 						children: _("bigconsole.dashboards.embed.domains.label", "Allowed website domains")
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						style: {
 							display: "flex",
 							gap: "8px",
 							marginBottom: "8px"
 						},
-						children: [/* @__PURE__ */ u("input", {
+						children: [/* @__PURE__ */ l("input", {
 							style: ce,
 							placeholder: _("bigconsole.dashboards.embed.domains.placeholder", "https://yoursite.com"),
 							value: O,
@@ -233,7 +233,7 @@ function h({ dashboardId: h, colors: g }) {
 							onKeyDown: (e) => {
 								e.key === "Enter" && X();
 							}
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ l("button", {
 							style: Z,
 							onClick: X,
 							type: "button",
@@ -241,19 +241,19 @@ function h({ dashboardId: h, colors: g }) {
 							children: _("bigconsole.dashboards.embed.domains.add", "Add")
 						})]
 					}),
-					J.length === 0 ? /* @__PURE__ */ u("div", {
+					J.length === 0 ? /* @__PURE__ */ l("div", {
 						style: {
 							fontSize: "12px",
 							color: g.textTertiary
 						},
 						children: _("bigconsole.dashboards.embed.domains.empty", "No domains yet. Only listed https domains may frame this dashboard.")
-					}) : /* @__PURE__ */ u("div", {
+					}) : /* @__PURE__ */ l("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "6px"
 						},
-						children: J.map((e) => /* @__PURE__ */ d("div", {
+						children: J.map((e) => /* @__PURE__ */ u("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -262,13 +262,13 @@ function h({ dashboardId: h, colors: g }) {
 								borderRadius: "8px",
 								background: g.bgTertiary
 							},
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "13px",
 									color: g.textPrimary
 								},
 								children: e
-							}), D && /* @__PURE__ */ u("button", {
+							}), D && /* @__PURE__ */ l("button", {
 								style: {
 									...Z,
 									padding: "2px 8px",
@@ -282,9 +282,9 @@ function h({ dashboardId: h, colors: g }) {
 					})
 				]
 			}),
-			!q && /* @__PURE__ */ d("div", {
+			!q && /* @__PURE__ */ u("div", {
 				style: { marginBottom: "16px" },
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "12px",
 						fontWeight: 600,
@@ -294,27 +294,27 @@ function h({ dashboardId: h, colors: g }) {
 					children: _("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 				}), $]
 			}),
-			!q && /* @__PURE__ */ d("div", {
+			!q && /* @__PURE__ */ u("div", {
 				style: { marginBottom: "8px" },
-				children: [/* @__PURE__ */ d("label", {
+				children: [/* @__PURE__ */ u("label", {
 					style: {
 						display: "flex",
 						gap: "8px",
 						alignItems: "flex-start",
 						marginBottom: "12px"
 					},
-					children: [/* @__PURE__ */ u("input", {
+					children: [/* @__PURE__ */ l("input", {
 						type: "checkbox",
 						checked: M,
 						onChange: (e) => N(e.target.checked)
-					}), /* @__PURE__ */ u("span", {
+					}), /* @__PURE__ */ l("span", {
 						style: {
 							fontSize: "12px",
 							color: g.textSecondary
 						},
 						children: _("bigconsole.dashboards.embed.attestation", "I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.")
 					})]
-				}), /* @__PURE__ */ u("button", {
+				}), /* @__PURE__ */ l("button", {
 					style: se,
 					onClick: ie,
 					disabled: b || !D,
@@ -322,13 +322,13 @@ function h({ dashboardId: h, colors: g }) {
 					children: b ? _("bigconsole.dashboards.embed.publishing", "Publishing…") : _("bigconsole.dashboards.embed.publish", "Publish to web")
 				})]
 			}),
-			q && /* @__PURE__ */ d(l, { children: [
-				Y ? /* @__PURE__ */ d("div", {
+			q && /* @__PURE__ */ u(c, { children: [
+				Y ? /* @__PURE__ */ u("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: { marginBottom: "6px" },
-							children: /* @__PURE__ */ u("span", {
+							children: /* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "12px",
 									fontWeight: 600,
@@ -337,7 +337,7 @@ function h({ dashboardId: h, colors: g }) {
 								children: _("bigconsole.dashboards.embed.snippet.label", "Embed snippet")
 							})
 						}),
-						/* @__PURE__ */ u("textarea", {
+						/* @__PURE__ */ l("textarea", {
 							readOnly: !0,
 							value: Y,
 							style: {
@@ -353,7 +353,7 @@ function h({ dashboardId: h, colors: g }) {
 								resize: "vertical"
 							}
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ l("button", {
 							style: {
 								...Z,
 								marginTop: "8px"
@@ -363,7 +363,7 @@ function h({ dashboardId: h, colors: g }) {
 							children: ne ? _("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : _("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
 						})
 					]
-				}) : /* @__PURE__ */ u("div", {
+				}) : /* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "12px",
 						color: g.textSecondary,
@@ -374,10 +374,10 @@ function h({ dashboardId: h, colors: g }) {
 					},
 					children: _("bigconsole.dashboards.embed.snippet.alreadyActive", "The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use {{rotateLabel}} to generate a fresh snippet.", { rotateLabel: _("bigconsole.dashboards.embed.rotate", "Rotate link") })
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ u("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: {
 								fontSize: "12px",
 								fontWeight: 600,
@@ -387,20 +387,20 @@ function h({ dashboardId: h, colors: g }) {
 							children: _("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 						}),
 						$,
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "10px",
 								marginTop: "10px"
 							},
-							children: [/* @__PURE__ */ u("button", {
+							children: [/* @__PURE__ */ l("button", {
 								style: Z,
 								onClick: ae,
 								disabled: b || !D,
 								type: "button",
 								children: b ? _("bigconsole.dashboards.embed.applying", "Applying…") : _("bigconsole.dashboards.embed.apply", "Apply changes")
-							}), V && /* @__PURE__ */ u("span", {
+							}), V && /* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "12px",
 									color: g.textTertiary
@@ -408,7 +408,7 @@ function h({ dashboardId: h, colors: g }) {
 								children: _("bigconsole.dashboards.embed.updated", "Updated ✓")
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: {
 								fontSize: "11px",
 								color: g.textTertiary,
@@ -418,18 +418,18 @@ function h({ dashboardId: h, colors: g }) {
 						})
 					]
 				}),
-				D && /* @__PURE__ */ d("div", {
+				D && /* @__PURE__ */ u("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ u("button", {
+					children: [/* @__PURE__ */ l("button", {
 						style: Z,
 						onClick: () => v && E(v.id),
 						disabled: b,
 						type: "button",
 						children: _("bigconsole.dashboards.embed.rotate", "Rotate link")
-					}), /* @__PURE__ */ u("button", {
+					}), /* @__PURE__ */ l("button", {
 						style: {
 							...Z,
 							color: g.statusErrorText,
@@ -444,7 +444,7 @@ function h({ dashboardId: h, colors: g }) {
 					})]
 				})
 			] }),
-			(U || x) && /* @__PURE__ */ u("div", {
+			(U || x) && /* @__PURE__ */ l("div", {
 				style: {
 					marginTop: "12px",
 					fontSize: "12px",

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

@@ -3,9 +3,9 @@ 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 { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Input as N } from "@burdenoff/fe-libs/ui";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
+import { Input as M } from "@burdenoff/fe-libs/ui";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/WidgetPalette.tsx
 var I = {
 	TrendingUp: k,
@@ -305,7 +305,7 @@ var R = {
 		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 } = M(), [y, S] = s(""), [C, w] = s(new Set([
+	let { t: v } = F(), [y, S] = s(""), [C, w] = s(new Set([
 		"KPI",
 		"Visualization",
 		"Data",
@@ -370,21 +370,21 @@ var R = {
 		let e = `${window.location.origin}/bigconsole/store${window.location.search}`;
 		window.open(e, "_blank", "noopener,noreferrer");
 	}, []);
-	return i ? /* @__PURE__ */ F("section", {
+	return i ? /* @__PURE__ */ P("section", {
 		"aria-label": "Widget palette",
 		"data-testid": "widget-palette",
 		style: R.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", {
+			/* @__PURE__ */ P("div", {
 				style: R.header,
-				children: [/* @__PURE__ */ F("div", {
+				children: [/* @__PURE__ */ P("div", {
 					style: R.headerTop,
-					children: [/* @__PURE__ */ F("div", {
+					children: [/* @__PURE__ */ P("div", {
 						style: R.headerTitle,
-						children: [/* @__PURE__ */ P("div", {
+						children: [/* @__PURE__ */ N("div", {
 							style: R.headerIcon,
-							children: /* @__PURE__ */ P(x, {
+							children: /* @__PURE__ */ N(x, {
 								"aria-hidden": "true",
 								style: {
 									width: "18px",
@@ -392,21 +392,21 @@ var R = {
 									color: "var(--color-action-primary-text)"
 								}
 							})
-						}), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("h2", {
+						}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("h2", {
 							style: R.title,
 							children: v("bigconsole.dashboards.widgetPalette.title", "Widgets")
-						}), /* @__PURE__ */ P("p", {
+						}), /* @__PURE__ */ N("p", {
 							style: R.subtitle,
 							children: v("bigconsole.dashboards.widgetPalette.subtitle", "Drag or click to add")
 						})] })]
-					}), /* @__PURE__ */ P("button", {
+					}), /* @__PURE__ */ N("button", {
 						type: "button",
 						onClick: c,
 						"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, {
+						children: /* @__PURE__ */ N(j, {
 							"aria-hidden": "true",
 							style: {
 								width: "16px",
@@ -414,19 +414,19 @@ var R = {
 							}
 						})
 					})]
-				}), /* @__PURE__ */ F("div", {
+				}), /* @__PURE__ */ P("div", {
 					style: R.searchContainer,
 					children: [
-						/* @__PURE__ */ P("label", {
+						/* @__PURE__ */ N("label", {
 							htmlFor: "widget-palette-search",
 							className: "sr-only",
 							children: "Search widgets"
 						}),
-						/* @__PURE__ */ P(E, {
+						/* @__PURE__ */ N(E, {
 							"aria-hidden": "true",
 							style: R.searchIcon
 						}),
-						/* @__PURE__ */ P(N, {
+						/* @__PURE__ */ N(M, {
 							id: "widget-palette-search",
 							type: "text",
 							placeholder: v("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets..."),
@@ -437,17 +437,17 @@ var R = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				style: R.content,
-				children: /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ P("div", {
 					style: R.scrollArea,
 					children: [A.map((t) => {
 						let n = C.has(t.category), i = `widget-palette-${t.category.toLowerCase()}`;
-						return /* @__PURE__ */ F("div", {
+						return /* @__PURE__ */ P("div", {
 							style: R.categoryContainer,
-							children: [/* @__PURE__ */ P("h3", {
+							children: [/* @__PURE__ */ N("h3", {
 								style: R.categoryHeading,
-								children: /* @__PURE__ */ F("button", {
+								children: /* @__PURE__ */ P("button", {
 									type: "button",
 									onClick: () => I(t.category),
 									"aria-expanded": n,
@@ -455,24 +455,24 @@ var R = {
 									style: R.categoryHeader,
 									className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${e}`,
 									children: [
-										P(n ? d : f, {
+										N(n ? d : f, {
 											"aria-hidden": "true",
 											style: R.categoryChevron
 										}),
-										/* @__PURE__ */ P("span", {
+										/* @__PURE__ */ N("span", {
 											style: R.categoryLabel,
 											children: t.label
 										}),
-										/* @__PURE__ */ P("span", {
+										/* @__PURE__ */ N("span", {
 											style: R.categoryCount,
 											children: t.widgets.length
 										})
 									]
 								})
-							}), n && /* @__PURE__ */ F("div", {
+							}), n && /* @__PURE__ */ P("div", {
 								id: i,
 								style: R.widgetList,
-								children: [g && t.category === "Installed" && /* @__PURE__ */ P("div", {
+								children: [g && t.category === "Installed" && /* @__PURE__ */ N("div", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
@@ -481,7 +481,7 @@ var R = {
 									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", {
+									return /* @__PURE__ */ P("div", {
 										draggable: !0,
 										role: "button",
 										tabIndex: 0,
@@ -500,23 +500,23 @@ var R = {
 											...i ? R.widgetCardHover : {}
 										},
 										children: [
-											/* @__PURE__ */ P(b, {
+											/* @__PURE__ */ N(b, {
 												"aria-hidden": "true",
 												style: R.dragHandle
 											}),
-											/* @__PURE__ */ P("div", {
+											/* @__PURE__ */ N("div", {
 												style: R.widgetIcon,
-												children: /* @__PURE__ */ P(t, {
+												children: /* @__PURE__ */ N(t, {
 													"aria-hidden": "true",
 													style: R.widgetIconInner
 												})
 											}),
-											/* @__PURE__ */ F("div", {
+											/* @__PURE__ */ P("div", {
 												style: R.widgetText,
-												children: [/* @__PURE__ */ P("div", {
+												children: [/* @__PURE__ */ N("div", {
 													style: R.widgetName,
 													children: e.name
-												}), /* @__PURE__ */ P("div", {
+												}), /* @__PURE__ */ N("div", {
 													style: R.widgetDescription,
 													children: e.description
 												})]
@@ -526,13 +526,13 @@ var R = {
 								})]
 							})]
 						}, t.category);
-					}), A.length === 0 && /* @__PURE__ */ F("div", {
+					}), A.length === 0 && /* @__PURE__ */ P("div", {
 						style: R.emptyState,
 						role: "status",
 						children: [
-							/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ N("div", {
 								style: R.emptyIcon,
-								children: /* @__PURE__ */ P(E, {
+								children: /* @__PURE__ */ N(E, {
 									"aria-hidden": "true",
 									style: {
 										width: "24px",
@@ -541,20 +541,20 @@ var R = {
 									}
 								})
 							}),
-							/* @__PURE__ */ F("p", {
+							/* @__PURE__ */ P("p", {
 								style: R.emptyTitle,
 								children: [
 									v("bigconsole.dashboards.widgetPalette.noResultsBefore", "No widgets found for"),
 									" “",
-									/* @__PURE__ */ P("strong", { children: y }),
+									/* @__PURE__ */ N("strong", { children: y }),
 									"”"
 								]
 							}),
-							/* @__PURE__ */ P("p", {
+							/* @__PURE__ */ N("p", {
 								style: R.emptyText,
 								children: "Try a shorter term, or browse the widget store for more types."
 							}),
-							/* @__PURE__ */ P("button", {
+							/* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => S(""),
 								style: R.clearButton,
@@ -565,15 +565,15 @@ var R = {
 					})]
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ P("div", {
 				style: R.footer,
-				children: [/* @__PURE__ */ F("button", {
+				children: [/* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: H,
 					style: R.browseStoreButton,
 					className: `hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors ${e}`,
 					children: [
-						/* @__PURE__ */ P(D, {
+						/* @__PURE__ */ N(D, {
 							"aria-hidden": "true",
 							style: {
 								width: "15px",
@@ -581,7 +581,7 @@ var R = {
 							}
 						}),
 						v("bigconsole.dashboards.widgetPalette.browseStore", "Browse widget store"),
-						/* @__PURE__ */ P(m, {
+						/* @__PURE__ */ N(m, {
 							"aria-hidden": "true",
 							style: {
 								width: "13px",
@@ -590,7 +590,7 @@ var R = {
 							}
 						})
 					]
-				}), /* @__PURE__ */ P("p", {
+				}), /* @__PURE__ */ N("p", {
 					style: R.footerText,
 					children: v("bigconsole.dashboards.widgetPalette.footerHint", "Drag widgets to position them on the canvas")
 				})]

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

@@ -19,6 +19,7 @@ import "../builder/index.js";
 import "./DashboardCanvas.js";
 import "./LiveCanvasToggle.js";
 import "./CreateDashboardDialog.js";
+import "./DashboardStatusPill.js";
 import "./ExportDashboardDialog.js";
 import "./ImportDashboardDialog.js";
 import "./TemplatePicker/index.js";