@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

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

@@ -1,37 +1,35 @@
-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 { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
 import "../common/index.js";
-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";
+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 { 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 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
+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
 };
-function z(e) {
-	return R[e] || D;
+function L(e) {
+	return I[e] || T;
 }
-var B = {
+var R = {
 	container: {
 		backgroundColor: "var(--color-bg-surface)",
 		display: "flex",
@@ -306,8 +304,8 @@ var B = {
 		cursor: "pointer",
 		transition: "border-color 0.15s, color 0.15s"
 	}
-}, 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([
+}, z = i(function({ isOpen: i, onClose: c, onWidgetSelect: l, onDragStart: u, onDragEnd: p, installedWidgets: h = [], installedWidgetsLoading: g = !1, definitions: _ }) {
+	let { t: v } = F(), [y, S] = s(""), [C, w] = s(new Set([
 		"KPI",
 		"Visualization",
 		"Data",
@@ -315,14 +313,14 @@ var B = {
 		"Temporal",
 		"Custom",
 		"Installed"
-	])), [j, M] = l(null), R = c(() => (y ? Object.keys(r).map((e) => ({
+	])), [T, O] = s(null), k = o(() => (_ ? Object.keys(t).map((e) => ({
 		category: e,
-		label: r[e],
-		widgets: y.filter((t) => t.category === e)
-	})) : i()).map((e) => {
+		label: t[e],
+		widgets: _.filter((t) => t.category === e)
+	})) : n()).map((e) => {
 		if (e.category === "Installed") {
 			let t = /* @__PURE__ */ new Map();
-			for (let e of _) t.set(e.name.toLowerCase(), e);
+			for (let e of h) 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 ? {
@@ -339,19 +337,19 @@ var B = {
 			};
 		}
 		return e;
-	}).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) => ({
+	}).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) => ({
 			...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);
-	}, [R, T]), H = s((e) => {
-		A((t) => {
+	}, [k, y]), I = a((e) => {
+		w((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), U = s((e, t) => {
+	}, []), z = a((e, t) => {
 		e.dataTransfer.setData("application/json", JSON.stringify({
 			type: t.type,
 			name: t.name,
@@ -362,31 +360,31 @@ var B = {
 		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), f?.(t.type, t);
-	}, [f]), W = s(() => {
-		h?.();
-	}, [h]), G = s((e) => {
-		d?.(e.type, e);
-	}, [d]), K = s(() => {
+		}, 0), u?.(t.type, t);
+	}, [u]), B = a(() => {
+		p?.();
+	}, [p]), V = a((e) => {
+		l?.(e.type, e);
+	}, [l]), H = a(() => {
 		if (typeof window > "u") return;
-		let e = `${window.location.origin}${w}/store${window.location.search}`;
+		let e = `${window.location.origin}/bigconsole/store${window.location.search}`;
 		window.open(e, "_blank", "noopener,noreferrer");
-	}, [w]);
-	return o ? /* @__PURE__ */ I("section", {
+	}, []);
+	return i ? /* @__PURE__ */ P("section", {
 		"aria-label": "Widget palette",
 		"data-testid": "widget-palette",
-		style: B.container,
+		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__ */ 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, {
+			/* @__PURE__ */ P("div", {
+				style: R.header,
+				children: [/* @__PURE__ */ P("div", {
+					style: R.headerTop,
+					children: [/* @__PURE__ */ P("div", {
+						style: R.headerTitle,
+						children: [/* @__PURE__ */ N("div", {
+							style: R.headerIcon,
+							children: /* @__PURE__ */ N(x, {
 								"aria-hidden": "true",
 								style: {
 									width: "18px",
@@ -394,21 +392,21 @@ var B = {
 									color: "var(--color-action-primary-text)"
 								}
 							})
-						}), /* @__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("div", { children: [/* @__PURE__ */ N("h2", {
+							style: R.title,
+							children: v("bigconsole.dashboards.widgetPalette.title", "Widgets")
+						}), /* @__PURE__ */ N("p", {
+							style: R.subtitle,
+							children: v("bigconsole.dashboards.widgetPalette.subtitle", "Drag or click to add")
 						})] })]
-					}), /* @__PURE__ */ F("button", {
+					}), /* @__PURE__ */ N("button", {
 						type: "button",
-						onClick: u,
+						onClick: c,
 						"aria-label": "Close widget palette",
 						title: "Close widget palette",
-						style: B.closeButton,
-						className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${n}`,
-						children: /* @__PURE__ */ F(N, {
+						style: R.closeButton,
+						className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${e}`,
+						children: /* @__PURE__ */ N(j, {
 							"aria-hidden": "true",
 							style: {
 								width: "16px",
@@ -416,110 +414,110 @@ var B = {
 							}
 						})
 					})]
-				}), /* @__PURE__ */ I("div", {
-					style: B.searchContainer,
+				}), /* @__PURE__ */ P("div", {
+					style: R.searchContainer,
 					children: [
-						/* @__PURE__ */ F("label", {
+						/* @__PURE__ */ N("label", {
 							htmlFor: "widget-palette-search",
 							className: "sr-only",
 							children: "Search widgets"
 						}),
-						/* @__PURE__ */ F(O, {
+						/* @__PURE__ */ N(E, {
 							"aria-hidden": "true",
-							style: B.searchIcon
+							style: R.searchIcon
 						}),
-						/* @__PURE__ */ F(P, {
+						/* @__PURE__ */ N(M, {
 							id: "widget-palette-search",
 							type: "text",
-							placeholder: b("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets..."),
-							value: T,
-							onChange: (e) => E(e.target.value),
-							style: B.searchInput
+							placeholder: v("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets..."),
+							value: y,
+							onChange: (e) => S(e.target.value),
+							style: R.searchInput
 						})
 					]
 				})]
 			}),
-			/* @__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", {
+			/* @__PURE__ */ N("div", {
+				style: R.content,
+				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__ */ P("div", {
+							style: R.categoryContainer,
+							children: [/* @__PURE__ */ N("h3", {
+								style: R.categoryHeading,
+								children: /* @__PURE__ */ P("button", {
 									type: "button",
-									onClick: () => H(e.category),
-									"aria-expanded": t,
-									"aria-controls": r,
-									style: B.categoryHeader,
-									className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${n}`,
+									onClick: () => I(t.category),
+									"aria-expanded": n,
+									"aria-controls": i,
+									style: R.categoryHeader,
+									className: `hover:bg-action-ghost-bgHover motion-safe:transition-colors ${e}`,
 									children: [
-										F(t ? p : m, {
+										N(n ? d : f, {
 											"aria-hidden": "true",
-											style: B.categoryChevron
+											style: R.categoryChevron
 										}),
-										/* @__PURE__ */ F("span", {
-											style: B.categoryLabel,
-											children: e.label
+										/* @__PURE__ */ N("span", {
+											style: R.categoryLabel,
+											children: t.label
 										}),
-										/* @__PURE__ */ F("span", {
-											style: B.categoryCount,
-											children: e.widgets.length
+										/* @__PURE__ */ N("span", {
+											style: R.categoryCount,
+											children: t.widgets.length
 										})
 									]
 								})
-							}), t && /* @__PURE__ */ I("div", {
-								id: r,
-								style: B.widgetList,
-								children: [v && e.category === "Installed" && /* @__PURE__ */ F("div", {
+							}), n && /* @__PURE__ */ P("div", {
+								id: i,
+								style: R.widgetList,
+								children: [g && t.category === "Installed" && /* @__PURE__ */ N("div", {
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										color: "var(--color-text-muted)",
 										padding: "var(--space-controlGap)"
 									},
-									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", {
+									children: v("bigconsole.dashboards.widgetPalette.loading", "Loading...")
+								}), t.widgets.map((e) => {
+									let t = L(e.icon), n = r(e), i = T === n;
+									return /* @__PURE__ */ P("div", {
 										draggable: !0,
 										role: "button",
 										tabIndex: 0,
 										"aria-label": `Add ${e.name} widget`,
-										onDragStart: (t) => U(t, e),
-										onDragEnd: W,
-										onClick: () => G(e),
+										onDragStart: (t) => z(t, e),
+										onDragEnd: B,
+										onClick: () => V(e),
 										onKeyDown: (t) => {
-											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), G(e));
+											(t.key === "Enter" || t.key === " ") && (t.preventDefault(), V(e));
 										},
-										onMouseEnter: () => M(n),
-										onMouseLeave: () => M(null),
+										onMouseEnter: () => O(n),
+										onMouseLeave: () => O(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: {
-											...B.widgetCard,
-											...r ? B.widgetCardHover : {}
+											...R.widgetCard,
+											...i ? R.widgetCardHover : {}
 										},
 										children: [
-											/* @__PURE__ */ F(S, {
+											/* @__PURE__ */ N(b, {
 												"aria-hidden": "true",
-												style: B.dragHandle
+												style: R.dragHandle
 											}),
-											/* @__PURE__ */ F("div", {
-												style: B.widgetIcon,
-												children: /* @__PURE__ */ F(t, {
+											/* @__PURE__ */ N("div", {
+												style: R.widgetIcon,
+												children: /* @__PURE__ */ N(t, {
 													"aria-hidden": "true",
-													style: B.widgetIconInner
+													style: R.widgetIconInner
 												})
 											}),
-											/* @__PURE__ */ I("div", {
-												style: B.widgetText,
-												children: [/* @__PURE__ */ F("div", {
-													style: B.widgetName,
+											/* @__PURE__ */ P("div", {
+												style: R.widgetText,
+												children: [/* @__PURE__ */ N("div", {
+													style: R.widgetName,
 													children: e.name
-												}), /* @__PURE__ */ F("div", {
-													style: B.widgetDescription,
+												}), /* @__PURE__ */ N("div", {
+													style: R.widgetDescription,
 													children: e.description
 												})]
 											})
@@ -527,14 +525,14 @@ var B = {
 									}, n);
 								})]
 							})]
-						}, e.category);
-					}), V.length === 0 && /* @__PURE__ */ I("div", {
-						style: B.emptyState,
+						}, t.category);
+					}), A.length === 0 && /* @__PURE__ */ P("div", {
+						style: R.emptyState,
 						role: "status",
 						children: [
-							/* @__PURE__ */ F("div", {
-								style: B.emptyIcon,
-								children: /* @__PURE__ */ F(O, {
+							/* @__PURE__ */ N("div", {
+								style: R.emptyIcon,
+								children: /* @__PURE__ */ N(E, {
 									"aria-hidden": "true",
 									style: {
 										width: "24px",
@@ -543,47 +541,47 @@ var B = {
 									}
 								})
 							}),
-							/* @__PURE__ */ I("p", {
-								style: B.emptyTitle,
+							/* @__PURE__ */ P("p", {
+								style: R.emptyTitle,
 								children: [
-									b("bigconsole.dashboards.widgetPalette.noResultsBefore", "No widgets found for"),
+									v("bigconsole.dashboards.widgetPalette.noResultsBefore", "No widgets found for"),
 									" “",
-									/* @__PURE__ */ F("strong", { children: T }),
+									/* @__PURE__ */ N("strong", { children: y }),
 									"”"
 								]
 							}),
-							/* @__PURE__ */ F("p", {
-								style: B.emptyText,
+							/* @__PURE__ */ N("p", {
+								style: R.emptyText,
 								children: "Try a shorter term, or browse the widget store for more types."
 							}),
-							/* @__PURE__ */ F("button", {
+							/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => E(""),
-								style: B.clearButton,
+								onClick: () => S(""),
+								style: R.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: b("bigconsole.dashboards.widgetPalette.clearSearch", "Clear search")
+								children: v("bigconsole.dashboards.widgetPalette.clearSearch", "Clear search")
 							})
 						]
 					})]
 				})
 			}),
-			/* @__PURE__ */ I("div", {
-				style: B.footer,
-				children: [!x && /* @__PURE__ */ I("button", {
+			/* @__PURE__ */ P("div", {
+				style: R.footer,
+				children: [/* @__PURE__ */ P("button", {
 					type: "button",
-					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",
+					onClick: H,
+					style: R.browseStoreButton,
+					className: `hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors ${e}`,
 					children: [
-						/* @__PURE__ */ F(k, {
+						/* @__PURE__ */ N(D, {
 							"aria-hidden": "true",
 							style: {
 								width: "15px",
 								height: "15px"
 							}
 						}),
-						b("bigconsole.dashboards.widgetPalette.browseStore", "Browse widget store"),
-						/* @__PURE__ */ F(g, {
+						v("bigconsole.dashboards.widgetPalette.browseStore", "Browse widget store"),
+						/* @__PURE__ */ N(m, {
 							"aria-hidden": "true",
 							style: {
 								width: "13px",
@@ -592,13 +590,15 @@ var B = {
 							}
 						})
 					]
-				}), /* @__PURE__ */ F("p", {
-					style: B.footerText,
-					children: b("bigconsole.dashboards.widgetPalette.footerHint", "Drag widgets to position them on the canvas")
+				}), /* @__PURE__ */ N("p", {
+					style: R.footerText,
+					children: v("bigconsole.dashboards.widgetPalette.footerHint", "Drag widgets to position them on the canvas")
 				})]
 			})
 		]
 	}) : null;
 });
 //#endregion
-export { V as default };
+export { z as default };
+
+//# sourceMappingURL=WidgetPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetPalette.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/WidgetPalette.tsx"],"sourcesContent":["/**\n * WidgetPalette Component\n *\n * Sidebar panel with draggable widget types for the dashboard builder.\n * Uses semantic tokens for consistent theming.\n * Features categorized widgets, search, and drag-and-drop support.\n *\n * Section emphasis (BOFF-5636). The palette used to be three bands that all\n * looked alike — sunken header, surface body, sunken footer — with cards drawn\n * on exactly the same fill as the panel behind them, so a card read as a row\n * rather than as a draggable object. It now follows one rule:\n *\n *   header (surface, the panel's identity)\n *     → scroll body (sunken, a recessed tray)\n *       → widget cards (surface + elevation, objects lifted off the tray)\n *     → footer (surface, terminal band, lighter type)\n *\n * and the category headings sit above their cards with heading-weight type, so\n * the group is never lighter than the things it groups.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SECTION_FOCUS_RING } from '../common';\nimport {\n  Search,\n  ChevronDown,\n  ChevronRight,\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n  GripVertical,\n  X,\n  Layers,\n  Store,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  getWidgetCategories,\n  getWidgetKey,\n  WIDGET_CATEGORY_LABELS,\n  type WidgetDefinition,\n} from '../widgets/WidgetRegistry';\nimport type { WidgetType, WidgetCategory } from '../../types';\n\n// ============================================================================\n// Icon Mapping\n// ============================================================================\n\nconst ICON_MAP: Record<string, LucideIcon> = {\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n};\n\nfunction getIconComponent(iconName: string): LucideIcon {\n  return ICON_MAP[iconName] || Puzzle;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetPaletteProps {\n  /** Whether the palette is open */\n  isOpen: boolean;\n  /** Callback to close the palette */\n  onClose: () => void;\n  /** Callback when a widget is selected (for quick add without drag) */\n  onWidgetSelect?: (type: WidgetType, definition?: WidgetDefinition) => void;\n  /** Callback when drag starts */\n  onDragStart?: (type: WidgetType, definition: WidgetDefinition) => void;\n  /** Callback when drag ends */\n  onDragEnd?: () => void;\n  /** Installed widgets from the store (fetched by parent) */\n  installedWidgets?: WidgetDefinition[];\n  /** Whether installed widgets are still loading */\n  installedWidgetsLoading?: boolean;\n  /**\n   * Built-in widget catalog (from the backend `getWidgetTypes`, fetched by the\n   * parent via useWidgetCatalog). When omitted, falls back to the bundled\n   * static registry.\n   */\n  definitions?: WidgetDefinition[];\n}\n\n// ============================================================================\n// Styles using semantic tokens\n// ============================================================================\n\nconst styles = {\n  // Width, borders and max-height live in `className` so they can be\n  // breakpoint-aware — a hard 300px pane next to a canvas is unusable on a\n  // phone, where the palette now becomes a full-width, height-capped drawer.\n  container: {\n    backgroundColor: 'var(--color-bg-surface)',\n    display: 'flex',\n    flexDirection: 'column' as const,\n    flexShrink: 0,\n    overflow: 'hidden',\n    position: 'relative' as const,\n  },\n  header: {\n    padding: 'var(--space-formGap)',\n    borderBottom: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-surface)',\n    flexShrink: 0,\n  },\n  headerTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: 'var(--space-controlGap)',\n  },\n  headerTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n  },\n  headerIcon: {\n    width: '32px',\n    height: '32px',\n    borderRadius: 'var(--radius-button)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  title: {\n    fontSize: 'var(--font-size-body-md)',\n    fontWeight: 'var(--font-weight-bold)' as const,\n    letterSpacing: '-0.01em',\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  },\n  subtitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    margin: '2px 0 0 0',\n  },\n  closeButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    // 40px keeps the only way to dismiss the palette above the minimum\n    // touch-target size on a phone (was 28px).\n    width: 'var(--size-controlHeight-md)',\n    height: 'var(--size-controlHeight-md)',\n    border: 'none',\n    background: 'transparent',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n    color: 'var(--color-text-secondary)',\n    flexShrink: 0,\n    transition: 'background-color 0.15s',\n  },\n  searchContainer: {\n    position: 'relative' as const,\n  },\n  searchIcon: {\n    position: 'absolute' as const,\n    left: '10px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    pointerEvents: 'none' as const,\n  },\n  searchInput: {\n    width: '100%',\n    paddingLeft: '36px',\n    height: 'var(--size-controlHeight-md)',\n    fontSize: 'var(--font-size-body-sm)',\n  },\n  content: {\n    flex: '1 1 0',\n    minHeight: 0,\n    overflow: 'hidden',\n    position: 'relative' as const,\n  },\n  // Recessed tray: the cards below sit ON this, so they can be lifted off it.\n  scrollArea: {\n    position: 'absolute' as const,\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflowY: 'auto' as const,\n    overflowX: 'hidden' as const,\n    padding: 'var(--space-controlGap)',\n    backgroundColor: 'var(--color-bg-sunken)',\n  },\n  categoryContainer: {\n    marginBottom: 'var(--space-formGap)',\n  },\n  categoryHeading: {\n    margin: 0,\n  },\n  categoryHeader: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: 'var(--space-iconGap) var(--space-controlGap)',\n    border: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    borderRadius: 'var(--radius-button)',\n    transition: 'background-color 0.15s',\n  },\n  categoryChevron: {\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-secondary)',\n    flexShrink: 0,\n  },\n  // A group label must not be lighter than its members: heading weight,\n  // primary text colour, uppercase for rhythm.\n  categoryLabel: {\n    flex: 1,\n    textAlign: 'left' as const,\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-bold)' as const,\n    color: 'var(--color-text-primary)',\n    textTransform: 'uppercase' as const,\n    letterSpacing: '0.06em',\n  },\n  categoryCount: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-text-secondary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    padding: '1px 8px',\n    // `--radius-full` is not a token in the build; the undefined var made the\n    // declaration invalid, so the \"pill\" rendered as a square (BOFF-5636).\n    borderRadius: 'var(--radius-pill, 9999px)',\n    flexShrink: 0,\n  },\n  widgetList: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '4px',\n    marginTop: 'var(--space-controlGap)',\n    paddingLeft: '4px',\n  },\n  widgetCard: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n    minHeight: 'var(--size-controlHeight-lg)',\n    padding: 'var(--space-controlGap)',\n    borderRadius: 'var(--radius-card)',\n    cursor: 'grab',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    // Elevation is what says \"this is an object you can pick up\". Previously the\n    // card shared the panel's fill and had no shadow, so it read as a table row.\n    boxShadow: 'var(--shadow-elevation-1)',\n    transition: 'box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease',\n  },\n  // `--color-bg-hover` is not a token in the build — the undefined var made every\n  // hover declaration in this file invalid, so there was no hover feedback at all.\n  // `--color-action-ghost-bgHover` is the real per-theme hover fill (BOFF-5636).\n  widgetCardHover: {\n    backgroundColor: 'var(--color-action-ghost-bgHover)',\n    borderColor: 'var(--color-action-primary-border)',\n    boxShadow: 'var(--shadow-elevation-2)',\n  },\n  dragHandle: {\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    opacity: 0.5,\n    flexShrink: 0,\n  },\n  widgetIcon: {\n    width: '36px',\n    height: '36px',\n    borderRadius: 'var(--radius-button)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  widgetIconInner: {\n    width: '18px',\n    height: '18px',\n    color: 'var(--color-action-primary-bg)',\n  },\n  widgetText: {\n    flex: 1,\n    minWidth: 0,\n    overflow: 'hidden',\n  },\n  widgetName: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-text-primary)',\n    whiteSpace: 'nowrap' as const,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    marginBottom: '2px',\n  },\n  widgetDescription: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-muted)',\n    lineHeight: 1.3,\n    overflow: 'hidden',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical' as const,\n  },\n  emptyState: {\n    textAlign: 'center' as const,\n    padding: 'var(--space-pagePadding) var(--space-formGap)',\n    backgroundColor: 'var(--color-status-info-bgSubtle)',\n    border: '1px solid var(--color-status-info-border)',\n    borderRadius: 'var(--radius-card)',\n  },\n  emptyIcon: {\n    width: '48px',\n    height: '48px',\n    borderRadius: 'var(--radius-card)',\n    backgroundColor: 'var(--color-bg-surface)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: '0 auto var(--space-formGap)',\n  },\n  emptyTitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-semibold)' as const,\n    color: 'var(--color-status-info-text)',\n    margin: 0,\n  },\n  emptyText: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    margin: 'var(--space-iconGap) 0 0 0',\n  },\n  clearButton: {\n    marginTop: 'var(--space-controlGap)',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 var(--space-formGap)',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-action-primary-text)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    border: 'none',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n  },\n  // Terminal band. Surface fill + a hairline, matching the header's rule rather\n  // than repeating the sunken tray, so top and bottom are no longer identical.\n  footer: {\n    padding: 'var(--space-controlGap) var(--space-formGap)',\n    borderTop: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-surface)',\n    flexShrink: 0,\n  },\n  footerText: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-muted)',\n    margin: 0,\n    textAlign: 'center' as const,\n  },\n  browseStoreButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 'var(--space-iconGap)',\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: 'var(--space-controlGap)',\n    marginBottom: 'var(--space-controlGap)',\n    borderRadius: 'var(--radius-button)',\n    border: '1px dashed var(--color-border-subtle)',\n    backgroundColor: 'transparent',\n    color: 'var(--color-text-secondary)',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-semibold)' as const,\n    cursor: 'pointer',\n    transition: 'border-color 0.15s, color 0.15s',\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetPalette: FC<WidgetPaletteProps> = memo(function WidgetPalette({\n  isOpen,\n  onClose,\n  onWidgetSelect,\n  onDragStart,\n  onDragEnd,\n  installedWidgets = [],\n  installedWidgetsLoading = false,\n  definitions,\n}) {\n  const { t } = useI18n();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedCategories, setExpandedCategories] = useState<Set<WidgetCategory>>(\n    new Set(['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'])\n  );\n  const [hoveredWidget, setHoveredWidget] = useState<string | null>(null);\n\n  // Get categorized widgets, merging in installed widgets. When the parent\n  // supplies a backend-sourced catalog (`definitions`), group that by category;\n  // otherwise fall back to the bundled static registry.\n  const categories = useMemo(() => {\n    const baseCategories = definitions\n      ? (Object.keys(WIDGET_CATEGORY_LABELS) as WidgetCategory[]).map((category) => ({\n          category,\n          label: WIDGET_CATEGORY_LABELS[category],\n          widgets: definitions.filter((def) => def.category === category),\n        }))\n      : getWidgetCategories();\n\n    return baseCategories\n      .map((cat) => {\n        if (cat.category === 'Installed') {\n          // Two sources feed \"Installed from Store\": the registry-driven backend\n          // catalog (getWidgetTypes store types — rich metadata, install-gated,\n          // BOFF-2858) which arrives via `definitions` under this category, and\n          // the legacy workspaceInstalledApps listing passed as `installedWidgets`.\n          // Merge both, deduping by name (the catalog entry wins) so a widget\n          // present in both sources shows once with the richer definition, while\n          // legacy installs not yet in the registry are still preserved.\n          const byName = new Map<string, WidgetDefinition>();\n          for (const w of installedWidgets) byName.set(w.name.toLowerCase(), w);\n          for (const w of cat.widgets) {\n            const key = w.name.toLowerCase();\n            const legacy = byName.get(key);\n            // Catalog wins for metadata but MERGE defaultConfig so the legacy\n            // workspaceInstalledApps fields survive — notably `componentId`, which the\n            // current render path needs and the catalog store entry lacks until\n            // widgetTypeKey rendering is wired. Keeps overlapping store widgets renderable.\n            byName.set(key, legacy ? { ...w, defaultConfig: { ...legacy.defaultConfig, ...w.defaultConfig } } : w);\n          }\n          return { ...cat, widgets: Array.from(byName.values()) };\n        }\n        return cat;\n      })\n      .filter((cat) => cat.category !== 'Installed' || cat.widgets.length > 0);\n  }, [installedWidgets, definitions]);\n\n  // Filter widgets by search query\n  const filteredCategories = useMemo(() => {\n    if (!searchQuery.trim()) {\n      return categories;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return categories\n      .map((cat) => ({\n        ...cat,\n        widgets: cat.widgets.filter(\n          (w) =>\n            w.name.toLowerCase().includes(query) ||\n            w.description.toLowerCase().includes(query) ||\n            w.tags.some((tag) => tag.includes(query))\n        ),\n      }))\n      .filter((cat) => cat.widgets.length > 0);\n  }, [categories, searchQuery]);\n\n  // Toggle category expansion\n  const toggleCategory = useCallback((category: WidgetCategory) => {\n    setExpandedCategories((prev) => {\n      const next = new Set(prev);\n      if (next.has(category)) {\n        next.delete(category);\n      } else {\n        next.add(category);\n      }\n      return next;\n    });\n  }, []);\n\n  // Handle drag start\n  const handleDragStart = useCallback(\n    (e: React.DragEvent, widget: WidgetDefinition) => {\n      e.dataTransfer.setData(\n        'application/json',\n        JSON.stringify({\n          type: widget.type,\n          name: widget.name,\n          defaultSize: widget.defaultSize,\n          defaultConfig: widget.defaultConfig,\n          category: widget.category,\n        })\n      );\n      e.dataTransfer.effectAllowed = 'copy';\n\n      // Create custom drag image\n      const dragImage = document.createElement('div');\n      dragImage.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      dragImage.textContent = widget.name;\n      document.body.appendChild(dragImage);\n      e.dataTransfer.setDragImage(dragImage, 0, 0);\n\n      setTimeout(() => {\n        document.body.removeChild(dragImage);\n      }, 0);\n\n      onDragStart?.(widget.type, widget);\n    },\n    [onDragStart]\n  );\n\n  // Handle drag end\n  const handleDragEnd = useCallback(() => {\n    onDragEnd?.();\n  }, [onDragEnd]);\n\n  // Handle click to quick-add\n  const handleWidgetClick = useCallback(\n    (widget: WidgetDefinition) => {\n      onWidgetSelect?.(widget.type, widget);\n    },\n    [onWidgetSelect]\n  );\n\n  // Open the widget store in a new tab so the builder (and any unsaved edits)\n  // stays intact. Preserves the current org/workspace/project query params.\n  const handleBrowseStore = useCallback(() => {\n    if (typeof window === 'undefined') return;\n    const url = `${window.location.origin}/bigconsole/store${window.location.search}`;\n    window.open(url, '_blank', 'noopener,noreferrer');\n  }, []);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <section\n      aria-label=\"Widget palette\"\n      data-testid=\"widget-palette\"\n      style={styles.container}\n      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\"\n    >\n      {/* Header — the panel's identity band */}\n      <div style={styles.header}>\n        <div style={styles.headerTop}>\n          <div style={styles.headerTitle}>\n            <div style={styles.headerIcon}>\n              <Layers\n                aria-hidden=\"true\"\n                style={{ width: '18px', height: '18px', color: 'var(--color-action-primary-text)' }}\n              />\n            </div>\n            <div>\n              <h2 style={styles.title}>{t('bigconsole.dashboards.widgetPalette.title', 'Widgets')}</h2>\n              <p style={styles.subtitle}>{t('bigconsole.dashboards.widgetPalette.subtitle', 'Drag or click to add')}</p>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label=\"Close widget palette\"\n            title=\"Close widget palette\"\n            style={styles.closeButton}\n            className={`hover:bg-action-ghost-bgHover motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n          >\n            <X aria-hidden=\"true\" style={{ width: '16px', height: '16px' }} />\n          </button>\n        </div>\n\n        {/* Search */}\n        <div style={styles.searchContainer}>\n          <label htmlFor=\"widget-palette-search\" className=\"sr-only\">\n            Search widgets\n          </label>\n          <Search aria-hidden=\"true\" style={styles.searchIcon} />\n          <Input\n            id=\"widget-palette-search\"\n            type=\"text\"\n            placeholder={t('bigconsole.dashboards.widgetPalette.searchPlaceholder', 'Search widgets...')}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            style={styles.searchInput}\n          />\n        </div>\n      </div>\n\n      {/* Widget Categories — recessed tray */}\n      <div style={styles.content}>\n        <div style={styles.scrollArea}>\n          {filteredCategories.map((category) => {\n            const isExpanded = expandedCategories.has(category.category);\n            const panelId = `widget-palette-${category.category.toLowerCase()}`;\n            return (\n              <div key={category.category} style={styles.categoryContainer}>\n                {/* Category Header */}\n                <h3 style={styles.categoryHeading}>\n                  <button\n                    type=\"button\"\n                    onClick={() => toggleCategory(category.category)}\n                    aria-expanded={isExpanded}\n                    aria-controls={panelId}\n                    style={styles.categoryHeader}\n                    className={`hover:bg-action-ghost-bgHover motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n                  >\n                    {isExpanded ? (\n                      <ChevronDown aria-hidden=\"true\" style={styles.categoryChevron} />\n                    ) : (\n                      <ChevronRight aria-hidden=\"true\" style={styles.categoryChevron} />\n                    )}\n                    <span style={styles.categoryLabel}>{category.label}</span>\n                    <span style={styles.categoryCount}>{category.widgets.length}</span>\n                  </button>\n                </h3>\n\n                {/* Widget Items */}\n                {isExpanded && (\n                  <div id={panelId} style={styles.widgetList}>\n                    {installedWidgetsLoading && category.category === 'Installed' && (\n                      <div\n                        style={{\n                          fontSize: 'var(--font-size-body-sm)',\n                          color: 'var(--color-text-muted)',\n                          padding: 'var(--space-controlGap)',\n                        }}\n                      >\n                        {t('bigconsole.dashboards.widgetPalette.loading', 'Loading...')}\n                      </div>\n                    )}\n                    {category.widgets.map((widget) => {\n                      const IconComponent = getIconComponent(widget.icon);\n                      const widgetKey = getWidgetKey(widget);\n                      const isHovered = hoveredWidget === widgetKey;\n\n                      return (\n                        <div\n                          key={widgetKey}\n                          draggable\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-label={`Add ${widget.name} widget`}\n                          onDragStart={(e) => handleDragStart(e, widget)}\n                          onDragEnd={handleDragEnd}\n                          onClick={() => handleWidgetClick(widget)}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              e.preventDefault();\n                              handleWidgetClick(widget);\n                            }\n                          }}\n                          onMouseEnter={() => setHoveredWidget(widgetKey)}\n                          onMouseLeave={() => setHoveredWidget(null)}\n                          className={SECTION_FOCUS_RING}\n                          style={{\n                            ...styles.widgetCard,\n                            ...(isHovered ? styles.widgetCardHover : {}),\n                          }}\n                        >\n                          {/* Drag Handle */}\n                          <GripVertical aria-hidden=\"true\" style={styles.dragHandle} />\n\n                          {/* Icon */}\n                          <div style={styles.widgetIcon}>\n                            <IconComponent aria-hidden=\"true\" style={styles.widgetIconInner} />\n                          </div>\n\n                          {/* Text */}\n                          <div style={styles.widgetText}>\n                            <div style={styles.widgetName}>{widget.name}</div>\n                            <div style={styles.widgetDescription}>{widget.description}</div>\n                          </div>\n                        </div>\n                      );\n                    })}\n                  </div>\n                )}\n              </div>\n            );\n          })}\n\n          {filteredCategories.length === 0 && (\n            <div style={styles.emptyState} role=\"status\">\n              <div style={styles.emptyIcon}>\n                <Search\n                  aria-hidden=\"true\"\n                  style={{ width: '24px', height: '24px', color: 'var(--color-text-muted)' }}\n                />\n              </div>\n              <p style={styles.emptyTitle}>\n                {t('bigconsole.dashboards.widgetPalette.noResultsBefore', 'No widgets found for')} &ldquo;\n                <strong>{searchQuery}</strong>&rdquo;\n              </p>\n              {/* No catalog key exists for this hint — literal until one lands in\n                  src/translations/en.ts. */}\n              <p style={styles.emptyText}>Try a shorter term, or browse the widget store for more types.</p>\n              <button\n                type=\"button\"\n                onClick={() => setSearchQuery('')}\n                style={styles.clearButton}\n                className={SECTION_FOCUS_RING}\n              >\n                {t('bigconsole.dashboards.widgetPalette.clearSearch', 'Clear search')}\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer — terminal band */}\n      <div style={styles.footer}>\n        <button\n          type=\"button\"\n          onClick={handleBrowseStore}\n          style={styles.browseStoreButton}\n          className={`hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n        >\n          <Store aria-hidden=\"true\" style={{ width: '15px', height: '15px' }} />\n          {t('bigconsole.dashboards.widgetPalette.browseStore', 'Browse widget store')}\n          <ExternalLink aria-hidden=\"true\" style={{ width: '13px', height: '13px', opacity: 0.7 }} />\n        </button>\n        <p style={styles.footerText}>\n          {t('bigconsole.dashboards.widgetPalette.footerHint', 'Drag widgets to position them on the canvas')}\n        </p>\n      </div>\n    </section>\n  );\n});\n\nexport default WidgetPalette;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/index.d.ts

@@ -21,3 +21,4 @@ export { WidgetPalette, type WidgetPaletteProps } from './WidgetPalette';
 export { DrilldownBreadcrumb } from './DrilldownBreadcrumb';
 export { BuilderCanvas, BuilderTopbar, DashboardEditorShell } from '../builder';
 export { PublishToStoreDialog } from './PublishToStoreDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACpH,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAGjG,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGtG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGxF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/bigconsole/components/datasink/AlertExecutionHistory.d.ts

@@ -8,3 +8,4 @@ interface Props {
 }
 export declare function AlertExecutionHistory({ owner, rules, load, refreshVersion }: Props): import("react").JSX.Element;
 export {};
+//# sourceMappingURL=AlertExecutionHistory.d.ts.map

package/dist/bigconsole/components/datasink/AlertExecutionHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertExecutionHistory.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/AlertExecutionHistory.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAEvG,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,CAAC;IAC7E,cAAc,EAAE,MAAM,CAAC;CACxB;AAUD,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,KAAK,+BA2LlF"}

package/dist/bigconsole/components/datasink/AlertExecutionHistory.js

@@ -244,3 +244,5 @@ function h({ owner: h, rules: g, load: _, refreshVersion: v }) {
 }
 //#endregion
 export { h as AlertExecutionHistory };
+
+//# sourceMappingURL=AlertExecutionHistory.js.map