@burdenoff/microfe-bigconsole 2026.624.2 → 2026.626.1

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

@@ -2,8 +2,8 @@ import e from "./TemplatePicker/TemplatePicker.js";
 import "./TemplatePicker/index.js";
 import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { Copy as o, LayoutDashboard as s, Plus as c, Tag as l, X as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Badge as p, Button as m, Dialog as h, DialogContent as g, DialogDescription as _, DialogFooter as v, DialogHeader as y, DialogTitle as b, Input as x, Spinner as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { Badge as d, Button as f, Dialog as p, DialogContent as m, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogTitle as v, Input as y, Spinner as b, Textarea as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/CreateDashboardDialog.tsx
 var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, showTemplates: D = !0 }) {
 	let [O, k] = a("blank"), [A, j] = a(""), [M, N] = a(""), [P, F] = a([]), [I, L] = a(""), [R, z] = a(null), [B, V] = a(null), H = i(null);
@@ -63,24 +63,24 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 		R,
 		E
 	]);
-	return /* @__PURE__ */ d(h, {
+	return /* @__PURE__ */ S(p, {
 		open: t,
 		onOpenChange: (e) => !e && !w && T(),
-		children: /* @__PURE__ */ f(g, {
+		children: /* @__PURE__ */ C(m, {
 			style: {
 				maxWidth: O === "template" ? "900px" : "480px",
 				padding: 0,
 				transition: "max-width 0.2s ease"
 			},
-			children: [/* @__PURE__ */ d(y, {
+			children: [/* @__PURE__ */ S(_, {
 				style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ C("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: "var(--space-formGap)"
 					},
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ S("div", {
 						style: {
 							display: "flex",
 							height: "var(--size-controlHeight-lg)",
@@ -91,12 +91,12 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 							backgroundColor: "var(--color-action-primary-bg)",
 							boxShadow: "var(--shadow-elevation-2)"
 						},
-						children: /* @__PURE__ */ d(s, { style: {
+						children: /* @__PURE__ */ S(s, { style: {
 							height: "var(--size-icon-lg)",
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, {
+					}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(v, {
 						style: {
 							fontSize: "var(--font-size-heading-h4)",
 							fontWeight: "var(--font-weight-bold)",
@@ -104,7 +104,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 							margin: 0
 						},
 						children: "Create New Dashboard"
-					}), /* @__PURE__ */ d(_, {
+					}), /* @__PURE__ */ S(h, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
@@ -113,12 +113,12 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 						children: "Create a new dashboard to visualize your data"
 					})] })]
 				})
-			}), /* @__PURE__ */ f("form", {
+			}), /* @__PURE__ */ C("form", {
 				onSubmit: q,
 				children: [
-					D && /* @__PURE__ */ d("div", {
+					D && /* @__PURE__ */ S("div", {
 						style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ C("div", {
 							style: {
 								display: "flex",
 								gap: "var(--space-controlGap)",
@@ -126,7 +126,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 								backgroundColor: "var(--color-bg-sunken)",
 								borderRadius: "var(--radius-button)"
 							},
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => {
 									k("blank"), z(null);
@@ -148,11 +148,11 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 									boxShadow: O === "blank" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
-								children: [/* @__PURE__ */ d(c, { style: {
+								children: [/* @__PURE__ */ S(c, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), "Blank Dashboard"]
-							}), /* @__PURE__ */ f("button", {
+							}), /* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => k("template"),
 								style: {
@@ -172,32 +172,32 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 									boxShadow: O === "template" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
-								children: [/* @__PURE__ */ d(o, { style: {
+								children: [/* @__PURE__ */ S(o, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), "From Template"]
 							})]
 						})
 					}),
-					O === "template" && /* @__PURE__ */ d("div", {
+					O === "template" && /* @__PURE__ */ S("div", {
 						style: {
 							padding: "var(--space-pagePadding)",
 							maxHeight: "400px",
 							overflowY: "auto"
 						},
-						children: /* @__PURE__ */ d(e, {
+						children: /* @__PURE__ */ S(e, {
 							selectedTemplateId: R?.id,
 							onSelect: K,
 							compact: !0
 						})
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ C("div", {
 						style: { padding: "var(--space-pagePadding)" },
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ C("div", {
 								style: { marginBottom: "var(--space-formGap)" },
 								children: [
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ C("label", {
 										htmlFor: "dashboard-name",
 										style: {
 											display: "block",
@@ -206,7 +206,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 											color: "var(--color-text-primary)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: ["Dashboard Name", /* @__PURE__ */ d("span", {
+										children: ["Dashboard Name", /* @__PURE__ */ S("span", {
 											style: {
 												color: "var(--color-status-error-text)",
 												marginLeft: "var(--space-controlGap)"
@@ -214,7 +214,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 											children: "*"
 										})]
 									}),
-									/* @__PURE__ */ d(x, {
+									/* @__PURE__ */ S(y, {
 										ref: H,
 										id: "dashboard-name",
 										type: "text",
@@ -230,7 +230,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 											borderColor: B ? "var(--color-status-error-border)" : void 0
 										}
 									}),
-									B && /* @__PURE__ */ d("p", {
+									B && /* @__PURE__ */ S("p", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-status-error-text)",
@@ -241,9 +241,9 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 									})
 								]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ C("div", {
 								style: { marginBottom: "var(--space-formGap)" },
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ C("label", {
 									htmlFor: "dashboard-description",
 									style: {
 										display: "block",
@@ -252,7 +252,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 										color: "var(--color-text-primary)",
 										marginBottom: "var(--space-controlGap)"
 									},
-									children: ["Description", /* @__PURE__ */ d("span", {
+									children: ["Description", /* @__PURE__ */ S("span", {
 										style: {
 											color: "var(--color-text-muted)",
 											fontWeight: "var(--font-weight-regular)",
@@ -260,7 +260,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 										},
 										children: "(optional)"
 									})]
-								}), /* @__PURE__ */ d(C, {
+								}), /* @__PURE__ */ S(x, {
 									id: "dashboard-description",
 									value: M,
 									onChange: (e) => N(e.target.value),
@@ -273,8 +273,8 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 									}
 								})]
 							}),
-							/* @__PURE__ */ f("div", { children: [
-								/* @__PURE__ */ f("label", {
+							/* @__PURE__ */ C("div", { children: [
+								/* @__PURE__ */ C("label", {
 									htmlFor: "dashboard-tags",
 									style: {
 										display: "flex",
@@ -286,12 +286,12 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 										marginBottom: "var(--space-controlGap)"
 									},
 									children: [
-										/* @__PURE__ */ d(l, { style: {
+										/* @__PURE__ */ S(l, { style: {
 											height: "var(--size-icon-sm)",
 											width: "var(--size-icon-sm)"
 										} }),
 										"Tags",
-										/* @__PURE__ */ d("span", {
+										/* @__PURE__ */ S("span", {
 											style: {
 												color: "var(--color-text-muted)",
 												fontWeight: "var(--font-weight-regular)"
@@ -300,14 +300,14 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 										})
 									]
 								}),
-								P.length > 0 && /* @__PURE__ */ d("div", {
+								P.length > 0 && /* @__PURE__ */ S("div", {
 									style: {
 										display: "flex",
 										flexWrap: "wrap",
 										gap: "var(--space-controlGap)",
 										marginBottom: "var(--space-controlGap)"
 									},
-									children: P.map((e) => /* @__PURE__ */ f(p, {
+									children: P.map((e) => /* @__PURE__ */ C(d, {
 										variant: "secondary",
 										style: {
 											display: "flex",
@@ -315,7 +315,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 											gap: "4px",
 											paddingRight: "4px"
 										},
-										children: [e, /* @__PURE__ */ d("button", {
+										children: [e, /* @__PURE__ */ S("button", {
 											type: "button",
 											onClick: () => W(e),
 											disabled: w,
@@ -333,19 +333,19 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 											},
 											onMouseOver: (e) => e.currentTarget.style.opacity = "1",
 											onMouseOut: (e) => e.currentTarget.style.opacity = "0.7",
-											children: /* @__PURE__ */ d(u, { style: {
+											children: /* @__PURE__ */ S(u, { style: {
 												height: "12px",
 												width: "12px"
 											} })
 										})]
 									}, e))
 								}),
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ C("div", {
 									style: {
 										display: "flex",
 										gap: "var(--space-controlGap)"
 									},
-									children: [/* @__PURE__ */ d(x, {
+									children: [/* @__PURE__ */ S(y, {
 										id: "dashboard-tags",
 										type: "text",
 										value: I,
@@ -358,7 +358,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 											height: "var(--size-controlHeight-md)",
 											fontSize: "var(--font-size-body-sm)"
 										}
-									}), /* @__PURE__ */ d(m, {
+									}), /* @__PURE__ */ S(f, {
 										type: "button",
 										variant: "outline",
 										onClick: U,
@@ -367,7 +367,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 										children: "Add"
 									})]
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ S("p", {
 									style: {
 										fontSize: "var(--font-size-body-xs)",
 										color: "var(--color-text-muted)",
@@ -378,7 +378,7 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 							] })
 						]
 					}),
-					/* @__PURE__ */ f(v, {
+					/* @__PURE__ */ C(g, {
 						style: {
 							padding: "var(--space-formGap) var(--space-pagePadding)",
 							borderTop: "1px solid var(--color-border)",
@@ -387,37 +387,37 @@ var w = t(function({ isOpen: t, isCreating: w = !1, onClose: T, onCreate: E, sho
 							justifyContent: "flex-end",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ d(m, {
+						children: [/* @__PURE__ */ S(f, {
 							type: "button",
 							variant: "outline",
 							onClick: T,
 							disabled: w,
 							style: { height: "var(--size-controlHeight-md)" },
 							children: "Cancel"
-						}), /* @__PURE__ */ d(m, {
+						}), /* @__PURE__ */ S(f, {
 							type: "submit",
 							disabled: w || !A.trim(),
 							style: {
 								height: "var(--size-controlHeight-md)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: w ? /* @__PURE__ */ f("span", {
+							children: w ? /* @__PURE__ */ C("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ d(S, { style: {
+								children: [/* @__PURE__ */ S(b, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), "Creating..."]
-							}) : /* @__PURE__ */ f("span", {
+							}) : /* @__PURE__ */ C("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ d(c, { style: {
+								children: [/* @__PURE__ */ S(c, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), "Create Dashboard"]

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

@@ -5,142 +5,142 @@ import n from "./SavedViewsDropdown/SavedViewsDropdown.js";
 import "./SavedViewsDropdown/index.js";
 import { memo as r, useCallback as i } from "react";
 import { Clipboard as a, Download as o, Eye as s, FileText as c, Image as l, Minus as u, PanelLeft as d, PanelLeftClose as f, Pencil as p, Plus as m, RotateCcw as h, Save as g, Share2 as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, Spinner as S, Tooltip as C, TooltipContent as w, TooltipProvider as T, TooltipTrigger as E } from "@burdenoff/fe-libs/ui";
+import { Button as v, Spinner as y, Tooltip as b, TooltipContent as x, TooltipProvider as S, TooltipTrigger as C } from "@burdenoff/fe-libs/ui";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/DashboardToolbar.tsx
 var D = r(function({ dashboardId: r, title: D, onAddWidget: O, onTogglePalette: k, isPaletteOpen: A = !1, onPaste: j, onSave: M, isSaving: N = !1, onExport: P, onExportImage: F, onExportPdf: I, isExportingImage: L = !1, onShare: R }) {
 	let z = t((e) => e.viewMode === "edit"), B = t((e) => e.toggleViewMode), V = t((e) => e.zoomLevel), H = t((e) => e.setZoomLevel), U = !!e((e) => e.clipboardWidgetId), W = i(() => {
 		U && j && j();
 	}, [U, j]);
-	return /* @__PURE__ */ y(T, { children: /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ T(S, { children: /* @__PURE__ */ E("div", {
 		className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-2 px-4 py-2 bg-bg-surface border-b",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex min-w-0 items-center gap-4",
-				children: [D && /* @__PURE__ */ y("h1", {
+				children: [D && /* @__PURE__ */ T("h1", {
 					className: "min-w-0 truncate text-lg font-semibold",
 					title: D,
 					children: D
-				}), r && /* @__PURE__ */ y(n, { dashboardId: r })]
+				}), r && /* @__PURE__ */ T(n, { dashboardId: r })]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-shrink-0 items-center gap-1",
 				children: [
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: () => H(Math.max(50, V - 10)),
 							disabled: V <= 50,
-							children: /* @__PURE__ */ y(u, { className: "size-4" })
+							children: /* @__PURE__ */ T(u, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Zoom out" })] }),
-					/* @__PURE__ */ b("span", {
+					}), /* @__PURE__ */ T(x, { children: "Zoom out" })] }),
+					/* @__PURE__ */ E("span", {
 						className: "text-sm text-text-secondary w-12 text-center",
 						children: [V, "%"]
 					}),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: () => H(Math.min(200, V + 10)),
 							disabled: V >= 200,
-							children: /* @__PURE__ */ y(m, { className: "size-4" })
+							children: /* @__PURE__ */ T(m, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Zoom in" })] }),
-					/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Zoom in" })] }),
+					/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(x, {
+						children: /* @__PURE__ */ E(v, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => H(100),
-							children: [/* @__PURE__ */ y(h, { className: "size-3.5 mr-1" }), "Reset"]
+							children: [/* @__PURE__ */ T(h, { className: "size-3.5 mr-1" }), "Reset"]
 						})
-					}), /* @__PURE__ */ y(w, { children: "Reset zoom to 100%" })] })
+					}), /* @__PURE__ */ T(x, { children: "Reset zoom to 100%" })] })
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-wrap items-center justify-end gap-2",
 				children: [
-					z && /* @__PURE__ */ b(v, { children: [
-						k && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					z && /* @__PURE__ */ E(w, { children: [
+						k && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 							asChild: !0,
-							children: /* @__PURE__ */ b(x, {
+							children: /* @__PURE__ */ E(v, {
 								variant: A ? "secondary" : "outline",
 								size: "sm",
 								onClick: k,
-								children: [y(A ? f : d, { className: "size-4" }), "Widgets"]
+								children: [T(A ? f : d, { className: "size-4" }), "Widgets"]
 							})
-						}), /* @__PURE__ */ y(w, { children: A ? "Hide widget palette" : "Show widget palette for drag & drop" })] }),
-						/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+						}), /* @__PURE__ */ T(x, { children: A ? "Hide widget palette" : "Show widget palette for drag & drop" })] }),
+						/* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 							asChild: !0,
-							children: /* @__PURE__ */ b(x, {
+							children: /* @__PURE__ */ E(v, {
 								variant: "ghost",
 								size: "sm",
 								onClick: W,
 								disabled: !U,
-								children: [/* @__PURE__ */ y(a, { className: "size-4" }), "Paste"]
+								children: [/* @__PURE__ */ T(a, { className: "size-4" }), "Paste"]
 							})
-						}), /* @__PURE__ */ y(w, { children: "Paste widget from clipboard" })] }),
-						/* @__PURE__ */ b(x, {
+						}), /* @__PURE__ */ T(x, { children: "Paste widget from clipboard" })] }),
+						/* @__PURE__ */ E(v, {
 							size: "sm",
 							onClick: O,
-							children: [/* @__PURE__ */ y(m, { className: "size-4" }), "Add Widget"]
+							children: [/* @__PURE__ */ T(m, { className: "size-4" }), "Add Widget"]
 						})
 					] }),
-					/* @__PURE__ */ y(x, {
+					/* @__PURE__ */ T(v, {
 						variant: z ? "secondary" : "outline",
 						size: "sm",
 						onClick: B,
-						children: z ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(s, { className: "size-4" }), "Preview"] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(p, { className: "size-4" }), "Edit"] })
+						children: z ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(s, { className: "size-4" }), "Preview"] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(p, { className: "size-4" }), "Edit"] })
 					}),
-					M && /* @__PURE__ */ y(x, {
+					M && /* @__PURE__ */ T(v, {
 						variant: "outline",
 						size: "sm",
 						onClick: M,
 						disabled: N,
-						children: N ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(S, { className: "size-4" }), "Saving..."] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(g, { className: "size-4" }), "Save"] })
+						children: N ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(y, { className: "size-4" }), "Saving..."] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(g, { className: "size-4" }), "Save"] })
 					}),
-					R && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					R && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(x, {
+						children: /* @__PURE__ */ E(v, {
 							variant: "outline",
 							size: "sm",
 							onClick: R,
-							children: [/* @__PURE__ */ y(_, { className: "size-4" }), "Share"]
+							children: [/* @__PURE__ */ T(_, { className: "size-4" }), "Share"]
 						})
-					}), /* @__PURE__ */ y(w, { children: "Share dashboard with others" })] }),
-					P && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Share dashboard with others" })] }),
+					P && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ b(x, {
+						children: /* @__PURE__ */ E(v, {
 							variant: "outline",
 							size: "sm",
 							onClick: P,
-							children: [/* @__PURE__ */ y(o, { className: "size-4" }), "Export"]
+							children: [/* @__PURE__ */ T(o, { className: "size-4" }), "Export"]
 						})
-					}), /* @__PURE__ */ y(w, { children: "Export dashboard to JSON" })] }),
-					F && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Export dashboard to JSON" })] }),
+					F && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: F,
 							disabled: L,
-							children: y(L ? S : l, { className: "size-4" })
+							children: T(L ? y : l, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Export board as PNG image" })] }),
-					I && /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ T(x, { children: "Export board as PNG image" })] }),
+					I && /* @__PURE__ */ E(b, { children: [/* @__PURE__ */ T(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(x, {
+						children: /* @__PURE__ */ T(v, {
 							variant: "outline",
 							size: "icon-sm",
 							onClick: I,
 							disabled: L,
-							children: /* @__PURE__ */ y(c, { className: "size-4" })
+							children: /* @__PURE__ */ T(c, { className: "size-4" })
 						})
-					}), /* @__PURE__ */ y(w, { children: "Export board as PDF" })] })
+					}), /* @__PURE__ */ T(x, { children: "Export board as PDF" })] })
 				]
 			})
 		]

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

@@ -1 +1 @@
-{"version":3,"file":"DrilldownBreadcrumb.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/DrilldownBreadcrumb.tsx"],"sourcesContent":["/**\n * DrilldownBreadcrumb Component\n *\n * Displays a breadcrumb trail showing the drilldown navigation path.\n * Allows users to navigate back up the drilldown hierarchy.\n *\n * URL Parameters Used:\n * - drilldown_depth: Current depth in drilldown hierarchy\n * - drilldown_parent: Parent dashboard ID\n * - drilldown_path: JSON array of dashboard IDs in the path\n */\n\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport { useBigConsoleNavigate } from '../../context';\nimport { useFilterUrlSync } from '../../hooks/useFilterUrlSync';\nimport { useDashboardStore } from '../../store';\nimport { ChevronRight, Home, ArrowLeft } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface DrilldownBreadcrumbProps {\n  /** Additional CSS classes */\n  className?: string;\n  /** Current dashboard ID */\n  currentDashboardId?: string;\n  /** Current dashboard name */\n  currentDashboardName?: string;\n  /** Whether to show the home/root link */\n  showHome?: boolean;\n  /** Base path for dashboard URLs */\n  basePath?: string;\n}\n\ninterface BreadcrumbItem {\n  id: string;\n  name: string;\n  href: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownBreadcrumb = memo(function DrilldownBreadcrumb({\n  className = '',\n  currentDashboardId,\n  currentDashboardName,\n  showHome = true,\n  basePath = '/bigconsole/dashboards',\n}: DrilldownBreadcrumbProps) {\n  const navigate = useBigConsoleNavigate();\n  const { getDrilldownMetadata, isInDrilldown, drilldownDepth } = useFilterUrlSync();\n\n  // Get dashboards from store for name lookup\n  const dashboards = useDashboardStore((state) => state.dashboards);\n\n  const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbItem[]>([]);\n\n  // Build breadcrumb items from path\n  useEffect(() => {\n    if (!isInDrilldown) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    const metadata = getDrilldownMetadata();\n    const { path } = metadata;\n\n    if (path.length === 0) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    // Map path IDs to breadcrumb items\n    const items: BreadcrumbItem[] = path.map((dashboardId) => {\n      // Try to find dashboard name in store\n      const dashboard = dashboards.get(dashboardId);\n      const name = dashboard?.name || `Dashboard ${dashboardId.slice(0, 8)}...`;\n\n      return {\n        id: dashboardId,\n        name,\n        href: `${basePath}/${dashboardId}`,\n      };\n    });\n\n    setBreadcrumbs(items);\n  }, [isInDrilldown, getDrilldownMetadata, dashboards, basePath]);\n\n  // Handle navigation to a breadcrumb item\n  const handleNavigate = useCallback(\n    (item: BreadcrumbItem, index: number) => {\n      // Build URL preserving context up to this point\n      const metadata = getDrilldownMetadata();\n      const newPath = metadata.path.slice(0, index);\n      const newDepth = index;\n\n      // Build URL with updated drilldown params\n      const url = new URL(item.href, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n      }\n      if (index > 0 && newPath.length > 0) {\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    },\n    [getDrilldownMetadata, navigate]\n  );\n\n  // Handle back button click\n  const handleBack = useCallback(() => {\n    const metadata = getDrilldownMetadata();\n\n    if (metadata.parent) {\n      // Navigate to parent dashboard\n      const newPath = metadata.path.slice(0, -1);\n      const newDepth = metadata.depth - 1;\n\n      const url = new URL(`${basePath}/${metadata.parent}`, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    } else if (breadcrumbs.length > 0) {\n      // Navigate to last breadcrumb\n      const lastBreadcrumb = breadcrumbs[breadcrumbs.length - 1];\n      handleNavigate(lastBreadcrumb, breadcrumbs.length - 1);\n    }\n  }, [getDrilldownMetadata, basePath, navigate, breadcrumbs, handleNavigate]);\n\n  // Handle home click\n  const handleHomeClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      navigate(basePath);\n    },\n    [navigate, basePath]\n  );\n\n  // Don't render if not in drilldown mode\n  if (!isInDrilldown) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={`flex items-center gap-2 px-4 py-2 bg-bg-surface border-b border-border-default ${className}`}\n      aria-label=\"Drilldown breadcrumb\"\n    >\n      {/* Back button */}\n      <button\n        type=\"button\"\n        onClick={handleBack}\n        className=\"flex items-center gap-1 px-2 py-1 text-sm font-medium text-action-primary-bg hover:bg-action-primary-bg/10 rounded-md transition-colors\"\n        aria-label=\"Go back\"\n      >\n        <ArrowLeft className=\"w-4 h-4\" />\n        <span className=\"hidden sm:inline\">Back</span>\n      </button>\n\n      <span className=\"text-border-default\">|</span>\n\n      {/* Home link */}\n      {showHome && (\n        <>\n          <a\n            href={basePath}\n            onClick={handleHomeClick}\n            className=\"flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            aria-label=\"Home\"\n          >\n            <Home className=\"w-4 h-4\" />\n            <span className=\"hidden sm:inline\">Dashboards</span>\n          </a>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </>\n      )}\n\n      {/* Breadcrumb items */}\n      {breadcrumbs.map((item, index) => (\n        <div key={item.id} className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => handleNavigate(item, index)}\n            className=\"text-sm text-text-secondary hover:text-text-primary hover:underline transition-colors max-w-[150px] truncate\"\n            title={item.name}\n          >\n            {item.name}\n          </button>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </div>\n      ))}\n\n      {/* Current dashboard (non-clickable) */}\n      {currentDashboardName && (\n        <span className=\"text-sm font-medium text-text-primary max-w-[200px] truncate\" title={currentDashboardName}>\n          {currentDashboardName}\n        </span>\n      )}\n\n      {/* Depth indicator */}\n      <span className=\"ml-auto text-xs text-text-tertiary bg-bg-sunken px-2 py-0.5 rounded\">Level {drilldownDepth}</span>\n    </nav>\n  );\n});\n\nexport default DrilldownBreadcrumb;\n"],"mappings":"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"}
+{"version":3,"file":"DrilldownBreadcrumb.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/DrilldownBreadcrumb.tsx"],"sourcesContent":["/**\n * DrilldownBreadcrumb Component\n *\n * Displays a breadcrumb trail showing the drilldown navigation path.\n * Allows users to navigate back up the drilldown hierarchy.\n *\n * URL Parameters Used:\n * - drilldown_depth: Current depth in drilldown hierarchy\n * - drilldown_parent: Parent dashboard ID\n * - drilldown_path: JSON array of dashboard IDs in the path\n */\n\nimport { memo, useCallback, useEffect, useState } from 'react';\nimport { useBigConsoleNavigate } from '../../context';\nimport { useFilterUrlSync } from '../../hooks/useFilterUrlSync';\nimport { useDashboardStore } from '../../store';\nimport { ChevronRight, Home, ArrowLeft } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface DrilldownBreadcrumbProps {\n  /** Additional CSS classes */\n  className?: string;\n  /** Current dashboard ID */\n  currentDashboardId?: string;\n  /** Current dashboard name */\n  currentDashboardName?: string;\n  /** Whether to show the home/root link */\n  showHome?: boolean;\n  /** Base path for dashboard URLs */\n  basePath?: string;\n}\n\ninterface BreadcrumbItem {\n  id: string;\n  name: string;\n  href: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownBreadcrumb = memo(function DrilldownBreadcrumb({\n  className = '',\n  currentDashboardId,\n  currentDashboardName,\n  showHome = true,\n  basePath = '/bigconsole/dashboards',\n}: DrilldownBreadcrumbProps) {\n  const navigate = useBigConsoleNavigate();\n  const { getDrilldownMetadata, isInDrilldown, drilldownDepth } = useFilterUrlSync();\n\n  // Get dashboards from store for name lookup\n  const dashboards = useDashboardStore((state) => state.dashboards);\n\n  const [breadcrumbs, setBreadcrumbs] = useState<BreadcrumbItem[]>([]);\n\n  // Build breadcrumb items from path\n  useEffect(() => {\n    if (!isInDrilldown) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    const metadata = getDrilldownMetadata();\n    const { path } = metadata;\n\n    if (path.length === 0) {\n      setBreadcrumbs([]);\n      return;\n    }\n\n    // Map path IDs to breadcrumb items\n    const items: BreadcrumbItem[] = path.map((dashboardId) => {\n      // Try to find dashboard name in store\n      const dashboard = dashboards.get(dashboardId);\n      const name = dashboard?.name || `Dashboard ${dashboardId.slice(0, 8)}...`;\n\n      return {\n        id: dashboardId,\n        name,\n        href: `${basePath}/${dashboardId}`,\n      };\n    });\n\n    setBreadcrumbs(items);\n  }, [isInDrilldown, getDrilldownMetadata, dashboards, basePath]);\n\n  // Handle navigation to a breadcrumb item\n  const handleNavigate = useCallback(\n    (item: BreadcrumbItem, index: number) => {\n      // Build URL preserving context up to this point\n      const metadata = getDrilldownMetadata();\n      const newPath = metadata.path.slice(0, index);\n      const newDepth = index;\n\n      // Build URL with updated drilldown params\n      const url = new URL(item.href, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n      }\n      if (index > 0 && newPath.length > 0) {\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    },\n    [getDrilldownMetadata, navigate]\n  );\n\n  // Handle back button click\n  const handleBack = useCallback(() => {\n    const metadata = getDrilldownMetadata();\n\n    if (metadata.parent) {\n      // Navigate to parent dashboard\n      const newPath = metadata.path.slice(0, -1);\n      const newDepth = metadata.depth - 1;\n\n      const url = new URL(`${basePath}/${metadata.parent}`, window.location.origin);\n      url.searchParams.set('drilldown_depth', String(newDepth));\n      if (newPath.length > 0) {\n        url.searchParams.set('drilldown_path', encodeURIComponent(JSON.stringify(newPath)));\n        url.searchParams.set('drilldown_parent', newPath[newPath.length - 1]);\n      }\n\n      navigate(url.pathname + url.search);\n    } else if (breadcrumbs.length > 0) {\n      // Navigate to last breadcrumb\n      const lastBreadcrumb = breadcrumbs[breadcrumbs.length - 1];\n      handleNavigate(lastBreadcrumb, breadcrumbs.length - 1);\n    }\n  }, [getDrilldownMetadata, basePath, navigate, breadcrumbs, handleNavigate]);\n\n  // Handle home click\n  const handleHomeClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      navigate(basePath);\n    },\n    [navigate, basePath]\n  );\n\n  // Don't render if not in drilldown mode\n  if (!isInDrilldown) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={`flex items-center gap-2 px-4 py-2 bg-bg-surface border-b border-border-default ${className}`}\n      aria-label=\"Drilldown breadcrumb\"\n    >\n      {/* Back button */}\n      <button\n        type=\"button\"\n        onClick={handleBack}\n        className=\"flex items-center gap-1 px-2 py-1 text-sm font-medium text-action-primary-bg hover:bg-action-primary-bg/10 rounded-md transition-colors\"\n        aria-label=\"Go back\"\n      >\n        <ArrowLeft className=\"w-4 h-4\" />\n        <span className=\"hidden sm:inline\">Back</span>\n      </button>\n\n      <span className=\"text-border-default\">|</span>\n\n      {/* Home link */}\n      {showHome && (\n        <>\n          <a\n            href={basePath}\n            onClick={handleHomeClick}\n            className=\"flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            aria-label=\"Home\"\n          >\n            <Home className=\"w-4 h-4\" />\n            <span className=\"hidden sm:inline\">Dashboards</span>\n          </a>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </>\n      )}\n\n      {/* Breadcrumb items */}\n      {breadcrumbs.map((item, index) => (\n        <div key={item.id} className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => handleNavigate(item, index)}\n            className=\"text-sm text-text-secondary hover:text-text-primary hover:underline transition-colors max-w-[150px] truncate\"\n            title={item.name}\n          >\n            {item.name}\n          </button>\n          <ChevronRight className=\"w-4 h-4 text-text-tertiary\" />\n        </div>\n      ))}\n\n      {/* Current dashboard (non-clickable) */}\n      {currentDashboardName && (\n        <span className=\"text-sm font-medium text-text-primary max-w-[200px] truncate\" title={currentDashboardName}>\n          {currentDashboardName}\n        </span>\n      )}\n\n      {/* Depth indicator */}\n      <span className=\"ml-auto text-xs text-text-tertiary bg-bg-sunken px-2 py-0.5 rounded\">\n        Level {drilldownDepth}\n      </span>\n    </nav>\n  );\n});\n\nexport default DrilldownBreadcrumb;\n"],"mappings":";;;;;;;;;AA6CA,IAAa,IAAsB,EAAK,SAA6B,EACnE,eAAY,IACZ,uBACA,yBACA,cAAW,IACX,cAAW,4BACgB;CAC3B,IAAM,IAAW,GAAuB,EAClC,EAAE,yBAAsB,kBAAe,sBAAmB,GAAkB,EAG5E,IAAa,GAAmB,MAAU,EAAM,WAAW,EAE3D,CAAC,GAAa,KAAkB,EAA2B,EAAE,CAAC;AAGpE,SAAgB;AACd,MAAI,CAAC,GAAe;AAClB,KAAe,EAAE,CAAC;AAClB;;EAIF,IAAM,EAAE,YADS,GAAsB;AAGvC,MAAI,EAAK,WAAW,GAAG;AACrB,KAAe,EAAE,CAAC;AAClB;;AAgBF,IAZgC,EAAK,KAAK,OAKjC;GACL,IAAI;GACJ,MALgB,EAAW,IAAI,EAAY,EACrB,QAAQ,aAAa,EAAY,MAAM,GAAG,EAAE,CAAC;GAKnE,MAAM,GAAG,EAAS,GAAG;GACtB,EACD,CAEmB;IACpB;EAAC;EAAe;EAAsB;EAAY;EAAS,CAAC;CAG/D,IAAM,IAAiB,GACpB,GAAsB,MAAkB;EAGvC,IAAM,IADW,GAAsB,CACd,KAAK,MAAM,GAAG,EAAM,EACvC,IAAW,GAGX,IAAM,IAAI,IAAI,EAAK,MAAM,OAAO,SAAS,OAAO;AAStD,EARA,EAAI,aAAa,IAAI,mBAAmB,OAAO,EAAS,CAAC,EACrD,EAAQ,SAAS,KACnB,EAAI,aAAa,IAAI,kBAAkB,mBAAmB,KAAK,UAAU,EAAQ,CAAC,CAAC,EAEjF,IAAQ,KAAK,EAAQ,SAAS,KAChC,EAAI,aAAa,IAAI,oBAAoB,EAAQ,EAAQ,SAAS,GAAG,EAGvE,EAAS,EAAI,WAAW,EAAI,OAAO;IAErC,CAAC,GAAsB,EAAS,CACjC,EAGK,IAAa,QAAkB;EACnC,IAAM,IAAW,GAAsB;AAEvC,MAAI,EAAS,QAAQ;GAEnB,IAAM,IAAU,EAAS,KAAK,MAAM,GAAG,GAAG,EACpC,IAAW,EAAS,QAAQ,GAE5B,IAAM,IAAI,IAAI,GAAG,EAAS,GAAG,EAAS,UAAU,OAAO,SAAS,OAAO;AAO7E,GANA,EAAI,aAAa,IAAI,mBAAmB,OAAO,EAAS,CAAC,EACrD,EAAQ,SAAS,MACnB,EAAI,aAAa,IAAI,kBAAkB,mBAAmB,KAAK,UAAU,EAAQ,CAAC,CAAC,EACnF,EAAI,aAAa,IAAI,oBAAoB,EAAQ,EAAQ,SAAS,GAAG,GAGvE,EAAS,EAAI,WAAW,EAAI,OAAO;aAC1B,EAAY,SAAS,GAAG;GAEjC,IAAM,IAAiB,EAAY,EAAY,SAAS;AACxD,KAAe,GAAgB,EAAY,SAAS,EAAE;;IAEvD;EAAC;EAAsB;EAAU;EAAU;EAAa;EAAe,CAAC,EAGrE,IAAkB,GACrB,MAAwB;AAEvB,EADA,EAAE,gBAAgB,EAClB,EAAS,EAAS;IAEpB,CAAC,GAAU,EAAS,CACrB;AAOD,QAJK,IAKH,kBAAC,OAAD;EACE,WAAW,kFAAkF;EAC7F,cAAW;YAFb;GAKE,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,cAAW;cAJb,CAME,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EACjC,kBAAC,QAAD;KAAM,WAAU;eAAmB;KAAW,CAAA,CACvC;;GAET,kBAAC,QAAD;IAAM,WAAU;cAAsB;IAAQ,CAAA;GAG7C,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD;IACE,MAAM;IACN,SAAS;IACT,WAAU;IACV,cAAW;cAJb,CAME,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;KAAM,WAAU;eAAmB;KAAiB,CAAA,CAClD;OACJ,kBAAC,GAAD,EAAc,WAAU,8BAA+B,CAAA,CACtD,EAAA,CAAA;GAIJ,EAAY,KAAK,GAAM,MACtB,kBAAC,OAAD;IAAmB,WAAU;cAA7B,CACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAe,GAAM,EAAM;KAC1C,WAAU;KACV,OAAO,EAAK;eAEX,EAAK;KACC,CAAA,EACT,kBAAC,GAAD,EAAc,WAAU,8BAA+B,CAAA,CACnD;MAVI,EAAK,GAUT,CACN;GAGD,KACC,kBAAC,QAAD;IAAM,WAAU;IAA+D,OAAO;cACnF;IACI,CAAA;GAIT,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAAsF,UAC7E,EACF;;GACH;MA/DC;EAiET"}