@burdenoff/microfe-bigconsole 2026.1004.3 → 2026.1004.4

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

@@ -1,171 +1,202 @@
-import { SECTION_FOCUS_RING as e } from "../../common/sectionStyles.js";
+import { useDashboardStore as e, useGlobalFilterValues as t } from "../../../store/dashboardStore.js";
+import "../../../store/index.js";
+import { SECTION_FOCUS_RING as n } from "../../common/sectionStyles.js";
 import "../../common/index.js";
-import t from "../../../hooks/useGlobalFilters.js";
-import n from "../../../hooks/useFilterUrlSync.js";
-import ee from "../../../hooks/useFilterPresets.js";
+import ee from "../../../hooks/useGlobalFilters.js";
+import r from "../../../hooks/useFilterUrlSync.js";
+import i from "../../../hooks/useFilterPresets.js";
 import "../../../hooks/index.js";
-import { SEMANTIC_COLORS as r } from "../../../utils/semanticTokens.js";
-import i from "./FilterChip.js";
-import a from "./FilterEditor.js";
-import o from "./FilterPresetSelector.js";
-import { useCallback as s, useEffect as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { SEMANTIC_COLORS as a } from "../../../utils/semanticTokens.js";
+import o from "./FilterChip.js";
+import s from "./FilterEditor.js";
+import c from "./FilterPresetSelector.js";
+import { useCallback as l, useEffect as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx
-var p = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button border border-[var(--color-border-subtle)] bg-bg-surface px-3 py-1 text-sm font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-accentSubtle ${e}`, m = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button px-2 py-1 text-sm font-medium text-text-secondary motion-safe:transition-colors hover:bg-bg-accentSubtle ${e}`;
-function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className: _ = "", enableUrlSync: v = !0, enablePresets: y = !0 }) {
-	let { t: b } = f(), { filters: x, activeValues: S, loading: C, fetchFilters: w, createFilter: T, updateFilter: E, deleteFilter: D, setFilterValue: O, resetFilters: k } = t(), { getShareableUrl: A, clearUrlParams: j } = n({
-		enabled: v,
+var h = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button border border-[var(--color-border-subtle)] bg-bg-surface px-3 py-1 text-sm font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-accentSubtle ${n}`, g = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button px-2 py-1 text-sm font-medium text-text-secondary motion-safe:transition-colors hover:bg-bg-accentSubtle ${n}`;
+function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className: y = "", enableUrlSync: b = !0, enablePresets: x = !0 }) {
+	let { t: S } = m(), { filters: C, loading: te, error: ne, fetchFilters: w, createFilter: T, updateFilter: E, deleteFilter: D } = ee(), O = t(), k = e((e) => e.setGlobalFilterValue), A = e((e) => e.setGlobalFilterValues), j = e((e) => e.clearGlobalFilterValue);
+	u(() => {
+		let t = e.getState().globalFilterValues, n = Object.fromEntries(C.filter((e) => e.defaultValue !== void 0 && !(e.id in t)).map((e) => [e.id, e.defaultValue]));
+		Object.keys(n).length && A({
+			...n,
+			...t
+		});
+	}, [
+		C,
+		O,
+		A
+	]);
+	let { getShareableUrl: M, clearUrlParams: N } = r({
+		enabled: b,
 		paramPrefix: "filter_",
 		debounceMs: 300
-	}), { presets: M, activePresetId: N, loadPresets: P, applyPreset: F, saveCurrentAsPreset: I, deletePreset: L, clearActivePreset: R } = ee(e), [z, B] = l(!1), [V, H] = l(!1), [U, W] = l(null), [G, K] = l(!1);
-	c(() => {
-		e && (w(e), y && P(e));
+	}), { presets: P, activePresetId: F, loadPresets: I, applyPreset: L, saveCurrentAsPreset: R, deletePreset: z, clearActivePreset: B } = i(n), [V, re] = d(!1), [H, U] = d(!1), [W, G] = d(null), [K, q] = d(!1);
+	u(() => {
+		n && (w(n), x && I(n));
 	}, [
-		e,
+		n,
 		w,
-		P,
-		y
-	]), c(() => {
-		h && h(S);
-	}, [S, h]), c(() => {
-		if (N && Object.keys(S).length > 0) {
-			let e = M.find((e) => e.id === N);
-			e && JSON.stringify(e.values) !== JSON.stringify(S) && R();
+		I,
+		x
+	]), u(() => {
+		_ && _(e.getState().globalFilterValues);
+	}, [O, _]), u(() => {
+		if (F && Object.keys(O).length > 0) {
+			let e = P.find((e) => e.id === F);
+			e && JSON.stringify(e.values) !== JSON.stringify(O) && B();
 		}
 	}, [
-		S,
-		N,
-		M,
-		R
+		O,
+		F,
+		P,
+		B
 	]);
-	let q = s((e, t) => {
-		O(e, t);
-	}, [O]), J = s(() => {
-		W(null), H(!0);
-	}, []), Y = s((e) => {
-		W(e), H(!0);
-	}, []), X = s(async (t) => {
-		U ? await E({
-			id: U.id,
-			name: t.name,
-			config: t.config,
-			defaultValue: t.defaultValue,
-			isRequired: t.isRequired
-		}) : await T({
-			dashboardId: e,
-			name: t.name,
-			type: t.type,
-			config: t.config,
-			defaultValue: t.defaultValue,
-			isRequired: t.isRequired
-		}), H(!1), W(null);
+	let J = l((e, t) => {
+		k(e, t);
+	}, [k]), Y = l(() => {
+		G(null), U(!0);
+	}, []), ie = l((e) => {
+		G(e), U(!0);
+	}, []), X = l(async (e) => {
+		if (W) {
+			if (!await E({
+				id: W.id,
+				name: e.name,
+				config: e.config,
+				defaultValue: e.defaultValue,
+				isRequired: e.isRequired
+			})) throw Error("Filter save failed");
+		} else if (!await T({
+			dashboardId: n,
+			name: e.name,
+			type: e.type,
+			config: e.config,
+			defaultValue: e.defaultValue,
+			isRequired: e.isRequired
+		})) throw Error("Filter save failed");
+		U(!1), G(null);
 	}, [
-		e,
-		U,
+		n,
+		W,
 		T,
 		E
-	]), Z = s(async (e) => {
-		await D(e);
-	}, [D]), Q = s(() => {
-		k(), j(), R();
+	]), ae = l(async (e) => {
+		await D(e) && j(e);
+	}, [D, j]), oe = l(() => {
+		A(Object.fromEntries(C.filter((e) => e.defaultValue !== void 0).map((e) => [e.id, e.defaultValue]))), N(), B();
 	}, [
-		k,
-		j,
-		R
-	]), te = s(async () => {
-		let e = A();
+		C,
+		A,
+		N,
+		B
+	]), se = l(async () => {
+		let e = M();
 		try {
-			await navigator.clipboard.writeText(e), K(!0), setTimeout(() => K(!1), 2e3);
+			await navigator.clipboard.writeText(e), q(!0), setTimeout(() => q(!1), 2e3);
 		} catch {}
-	}, [A]), ne = s((e) => {
-		F(e);
-	}, [F]), re = s((e, t) => {
-		I(e, t);
-	}, [I]), ie = s((e) => {
+	}, [M]), ce = l((e) => {
 		L(e);
-	}, [L]), ae = s(() => {
-		B((e) => !e);
-	}, []), $ = Object.keys(S).filter((e) => S[e] !== void 0 && S[e] !== null && S[e] !== "").length;
-	return C && x.length === 0 ? /* @__PURE__ */ d("div", {
-		className: `flex flex-wrap items-center gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${_}`,
+	}, [L]), Z = l((e, t) => {
+		R(e, t);
+	}, [R]), le = l((e) => {
+		z(e);
+	}, [z]), ue = l(() => {
+		re((e) => !e);
+	}, []), Q = C.filter((e) => O[e.id] !== void 0 && O[e.id] !== null && O[e.id] !== "").length;
+	if (te && C.length === 0 && !H) return /* @__PURE__ */ p("div", {
+		className: `flex flex-wrap items-center gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${y}`,
 		role: "status",
 		"aria-live": "polite",
 		"data-testid": "global-filters-loading",
-		children: [/* @__PURE__ */ u("span", { className: "h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent" }), /* @__PURE__ */ u("span", {
+		children: [/* @__PURE__ */ f("span", { className: "h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent" }), /* @__PURE__ */ f("span", {
 			className: "text-sm text-text-secondary",
-			children: b("bigconsole.filters.bar.loading", "Loading filters...")
+			children: S("bigconsole.filters.bar.loading", "Loading filters...")
+		})]
+	});
+	let $ = ne && /* @__PURE__ */ p("div", {
+		role: "alert",
+		className: "flex flex-wrap items-center gap-2 px-3 py-2 text-sm text-status-error-text",
+		children: [/* @__PURE__ */ f("span", { children: S("bigconsole.filters.bar.requestFailed", "Filters could not be loaded or saved. Try again.") }), /* @__PURE__ */ f("button", {
+			type: "button",
+			onClick: () => void w(n),
+			className: g,
+			children: S("bigconsole.filters.bar.retry", "Retry")
 		})]
-	}) : x.length === 0 ? /* @__PURE__ */ d("div", {
-		className: `flex flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${_}`,
+	});
+	return C.length === 0 ? /* @__PURE__ */ p("div", {
+		className: `flex flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${y}`,
 		"data-testid": "global-filters-empty",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
-				children: [/* @__PURE__ */ u("h2", {
+				children: [/* @__PURE__ */ f("h2", {
 					className: "text-sm font-semibold text-text-primary",
-					children: b("bigconsole.filters.bar.title", "Filters")
-				}), /* @__PURE__ */ u("span", {
+					children: S("bigconsole.filters.bar.title", "Filters")
+				}), /* @__PURE__ */ f("span", {
 					className: "text-sm text-text-muted",
-					children: b("bigconsole.filters.bar.noFiltersConfigured", "No filters configured")
+					children: S("bigconsole.filters.bar.noFiltersConfigured", "No filters configured")
 				})]
 			}),
-			/* @__PURE__ */ u("button", {
+			/* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: J,
-				className: p,
-				children: b("bigconsole.filters.bar.addFilter", "+ Add Filter")
+				onClick: Y,
+				className: h,
+				children: S("bigconsole.filters.bar.addFilter", "+ Add Filter")
 			}),
-			V && /* @__PURE__ */ u(a, {
-				filter: U,
+			$,
+			H && /* @__PURE__ */ f(s, {
+				filter: W,
 				onSave: X,
 				onClose: () => {
-					H(!1), W(null);
+					U(!1), G(null);
 				}
 			})
 		]
-	}) : /* @__PURE__ */ d("section", {
-		className: `flex min-w-0 flex-col border-b border-[var(--color-border-subtle)] bg-bg-sunken ${_}`,
+	}) : /* @__PURE__ */ p("section", {
+		className: `flex min-w-0 flex-col border-b border-[var(--color-border-subtle)] bg-bg-sunken ${y}`,
 		"aria-labelledby": "global-filters-heading",
 		"data-testid": "global-filters-bar",
 		children: [
-			/* @__PURE__ */ d("div", {
-				className: `flex flex-wrap items-center justify-between gap-control-gap px-card-padding py-control-gap ${z ? "" : "border-b border-[var(--color-border-subtle)]"}`,
-				children: [/* @__PURE__ */ d("div", {
+			$,
+			/* @__PURE__ */ p("div", {
+				className: `flex flex-wrap items-center justify-between gap-control-gap px-card-padding py-control-gap ${V ? "" : "border-b border-[var(--color-border-subtle)]"}`,
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 					children: [
-						/* @__PURE__ */ u("h2", {
+						/* @__PURE__ */ f("h2", {
 							id: "global-filters-heading",
 							className: "text-sm font-semibold text-text-primary",
-							children: b("bigconsole.filters.bar.title", "Filters")
+							children: S("bigconsole.filters.bar.title", "Filters")
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ f("span", {
 							className: "rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary",
-							children: x.length
+							children: C.length
 						}),
-						$ > 0 && /* @__PURE__ */ u("span", {
+						Q > 0 && /* @__PURE__ */ f("span", {
 							className: "rounded-pill bg-[var(--color-status-success-bgSubtle)] px-2 py-0.5 text-xs font-medium text-status-success-text",
-							children: b("bigconsole.filters.bar.activeCount", "{{count}} active", { count: $ ?? "" })
+							children: S("bigconsole.filters.bar.activeCount", "{{count}} active", { count: Q ?? "" })
 						})
 					]
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex min-w-0 flex-wrap items-center justify-end gap-control-gap",
 					children: [
-						y && /* @__PURE__ */ u(o, {
-							presets: M,
-							activePresetId: N,
-							onApplyPreset: ne,
-							onSavePreset: re,
-							onDeletePreset: ie
+						x && /* @__PURE__ */ f(c, {
+							presets: P,
+							activePresetId: F,
+							onApplyPreset: ce,
+							onSavePreset: Z,
+							onDeletePreset: le
 						}),
-						v && $ > 0 && /* @__PURE__ */ d("div", {
+						b && Q > 0 && /* @__PURE__ */ p("div", {
 							style: { position: "relative" },
-							children: [/* @__PURE__ */ d("button", {
+							children: [/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: te,
-								title: b("bigconsole.filters.bar.shareUrlTitle", "Copy shareable URL with filters"),
-								className: p,
-								children: [/* @__PURE__ */ d("svg", {
+								onClick: se,
+								title: S("bigconsole.filters.bar.shareUrlTitle", "Copy shareable URL with filters"),
+								className: h,
+								children: [/* @__PURE__ */ p("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
@@ -173,17 +204,17 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 									stroke: "currentColor",
 									strokeWidth: "2",
 									children: [
-										/* @__PURE__ */ u("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" }),
-										/* @__PURE__ */ u("polyline", { points: "16,6 12,2 8,6" }),
-										/* @__PURE__ */ u("line", {
+										/* @__PURE__ */ f("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" }),
+										/* @__PURE__ */ f("polyline", { points: "16,6 12,2 8,6" }),
+										/* @__PURE__ */ f("line", {
 											x1: "12",
 											y1: "2",
 											x2: "12",
 											y2: "15"
 										})
 									]
-								}), b("bigconsole.filters.bar.share", "Share")]
-							}), G && /* @__PURE__ */ u("div", {
+								}), S("bigconsole.filters.bar.share", "Share")]
+							}), K && /* @__PURE__ */ f("div", {
 								style: {
 									position: "absolute",
 									top: "100%",
@@ -191,62 +222,62 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 									transform: "translateX(-50%)",
 									marginTop: "4px",
 									padding: "6px 12px",
-									backgroundColor: r.textPrimary,
-									color: r.bgPrimary,
+									backgroundColor: a.textPrimary,
+									color: a.bgPrimary,
 									fontSize: "12px",
 									borderRadius: "4px",
 									whiteSpace: "nowrap",
 									zIndex: 100001
 								},
-								children: b("bigconsole.filters.bar.urlCopied", "URL copied!")
+								children: S("bigconsole.filters.bar.urlCopied", "URL copied!")
 							})]
 						}),
-						$ > 0 && /* @__PURE__ */ u("button", {
+						Q > 0 && /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: Q,
-							className: `${m} text-status-error-text`,
-							children: b("bigconsole.filters.bar.resetAll", "Reset all")
+							onClick: oe,
+							className: `${g} text-status-error-text`,
+							children: S("bigconsole.filters.bar.resetAll", "Reset all")
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: J,
-							className: p,
-							children: b("bigconsole.filters.bar.addFilter", "+ Add Filter")
+							onClick: Y,
+							className: h,
+							children: S("bigconsole.filters.bar.addFilter", "+ Add Filter")
 						}),
-						g && /* @__PURE__ */ u("button", {
+						v && /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: ae,
-							"aria-expanded": !z,
-							"aria-controls": z ? void 0 : "global-filters-chips",
-							className: m,
-							children: z ? b("bigconsole.filters.bar.expand", "▼ Expand") : b("bigconsole.filters.bar.collapse", "▲ Collapse")
+							onClick: ue,
+							"aria-expanded": !V,
+							"aria-controls": V ? void 0 : "global-filters-chips",
+							className: g,
+							children: V ? S("bigconsole.filters.bar.expand", "▼ Expand") : S("bigconsole.filters.bar.collapse", "▲ Collapse")
 						})
 					]
 				})]
 			}),
-			!z && /* @__PURE__ */ u("div", {
+			!V && /* @__PURE__ */ f("div", {
 				id: "global-filters-chips",
 				className: "relative flex flex-wrap gap-control-gap px-card-padding py-control-gap",
 				style: { overflow: "visible" },
-				children: x.map((e) => /* @__PURE__ */ u(i, {
+				children: C.map((e) => /* @__PURE__ */ f(o, {
 					filter: e,
-					value: S[e.id],
-					onChange: (t) => q(e.id, t),
-					onEdit: () => Y(e),
-					onDelete: () => Z(e.id)
+					value: O[e.id],
+					onChange: (t) => J(e.id, t),
+					onEdit: () => ie(e),
+					onDelete: () => ae(e.id)
 				}, e.id))
 			}),
-			V && /* @__PURE__ */ u(a, {
-				filter: U,
+			H && /* @__PURE__ */ f(s, {
+				filter: W,
 				onSave: X,
 				onClose: () => {
-					H(!1), W(null);
+					U(!1), G(null);
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { h as default };
+export { _ as default };
 
 //# sourceMappingURL=GlobalFiltersBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalFiltersBar.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx"],"sourcesContent":["/**\n * GlobalFiltersBar Component\n *\n * Displays and manages global dashboard filters.\n * v2.0: Added URL persistence and filter presets support.\n */\n\nimport React, { useState, useEffect, useCallback } from 'react';\nimport {\n  useGlobalFilters,\n  useFilterUrlSync,\n  useFilterPresets,\n  type GlobalFilter,\n  type FilterType,\n} from '../../../hooks';\nimport { FilterChip } from './FilterChip';\nimport { FilterEditor } from './FilterEditor';\nimport { FilterPresetSelector } from './FilterPresetSelector';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SECTION_FOCUS_RING } from '../../common';\n\n// ============================================================================\n// Local class vocabulary\n// ============================================================================\n\n/**\n * The filters bar configures the board below it. Before this it shipped a\n * saturated primary \"+ Add Filter\" with an indigo glow and a drop-shadowed\n * container, which made the configuration louder than the data it filtered.\n * Everything here is deliberately secondary weight.\n */\nconst SECONDARY_BUTTON_CLASSES = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button border border-[var(--color-border-subtle)] bg-bg-surface px-3 py-1 text-sm font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-accentSubtle ${SECTION_FOCUS_RING}`;\n\n/** Text-only affordances (reset, collapse) sit a step below that again. */\nconst QUIET_BUTTON_CLASSES = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button px-2 py-1 text-sm font-medium text-text-secondary motion-safe:transition-colors hover:bg-bg-accentSubtle ${SECTION_FOCUS_RING}`;\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface GlobalFiltersBarProps {\n  dashboardId: string;\n  onFilterChange?: (values: Record<string, unknown>) => void;\n  collapsible?: boolean;\n  className?: string;\n  /** Enable URL sync for shareable filtered views */\n  enableUrlSync?: boolean;\n  /** Enable filter presets */\n  enablePresets?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function GlobalFiltersBar({\n  dashboardId,\n  onFilterChange,\n  collapsible = true,\n  className = '',\n  enableUrlSync = true,\n  enablePresets = true,\n}: GlobalFiltersBarProps) {\n  const { t } = useI18n();\n  const {\n    filters,\n    activeValues,\n    loading,\n    fetchFilters,\n    createFilter,\n    updateFilter,\n    deleteFilter,\n    setFilterValue,\n    resetFilters,\n  } = useGlobalFilters();\n\n  // URL Sync hook\n  const { getShareableUrl, clearUrlParams } = useFilterUrlSync({\n    enabled: enableUrlSync,\n    paramPrefix: 'filter_',\n    debounceMs: 300,\n  });\n\n  // Filter Presets hook\n  const {\n    presets,\n    activePresetId,\n    loadPresets,\n    applyPreset,\n    saveCurrentAsPreset,\n    deletePreset: removePreset,\n    clearActivePreset,\n  } = useFilterPresets(dashboardId);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isEditorOpen, setIsEditorOpen] = useState(false);\n  const [editingFilter, setEditingFilter] = useState<GlobalFilter | null>(null);\n  const [showShareTooltip, setShowShareTooltip] = useState(false);\n\n  // Fetch filters on mount\n  useEffect(() => {\n    if (dashboardId) {\n      fetchFilters(dashboardId);\n      if (enablePresets) {\n        loadPresets(dashboardId);\n      }\n    }\n  }, [dashboardId, fetchFilters, loadPresets, enablePresets]);\n\n  // Notify parent of filter changes\n  useEffect(() => {\n    if (onFilterChange) {\n      onFilterChange(activeValues);\n    }\n  }, [activeValues, onFilterChange]);\n\n  // Clear active preset when filter values change manually\n  useEffect(() => {\n    if (activePresetId && Object.keys(activeValues).length > 0) {\n      // Check if current values differ from active preset\n      const preset = presets.find((p) => p.id === activePresetId);\n      if (preset) {\n        const presetStr = JSON.stringify(preset.values);\n        const currentStr = JSON.stringify(activeValues);\n        if (presetStr !== currentStr) {\n          clearActivePreset();\n        }\n      }\n    }\n  }, [activeValues, activePresetId, presets, clearActivePreset]);\n\n  // Handle filter value change\n  const handleFilterChange = useCallback(\n    (filterId: string, value: unknown) => {\n      setFilterValue(filterId, value);\n    },\n    [setFilterValue]\n  );\n\n  // Handle add new filter\n  const handleAddFilter = useCallback(() => {\n    setEditingFilter(null);\n    setIsEditorOpen(true);\n  }, []);\n\n  // Handle edit filter\n  const handleEditFilter = useCallback((filter: GlobalFilter) => {\n    setEditingFilter(filter);\n    setIsEditorOpen(true);\n  }, []);\n\n  // Handle save filter\n  const handleSaveFilter = useCallback(\n    async (data: {\n      name: string;\n      type: FilterType;\n      config: Record<string, unknown>;\n      defaultValue?: unknown;\n      isRequired?: boolean;\n    }) => {\n      if (editingFilter) {\n        await updateFilter({\n          id: editingFilter.id,\n          name: data.name,\n          config: data.config,\n          defaultValue: data.defaultValue,\n          isRequired: data.isRequired,\n        });\n      } else {\n        await createFilter({\n          dashboardId,\n          name: data.name,\n          type: data.type,\n          config: data.config,\n          defaultValue: data.defaultValue,\n          isRequired: data.isRequired,\n        });\n      }\n      setIsEditorOpen(false);\n      setEditingFilter(null);\n    },\n    [dashboardId, editingFilter, createFilter, updateFilter]\n  );\n\n  // Handle delete filter\n  const handleDeleteFilter = useCallback(\n    async (filterId: string) => {\n      await deleteFilter(filterId);\n    },\n    [deleteFilter]\n  );\n\n  // Handle reset all filters\n  const handleResetAll = useCallback(() => {\n    resetFilters();\n    clearUrlParams();\n    clearActivePreset();\n  }, [resetFilters, clearUrlParams, clearActivePreset]);\n\n  // Handle copy shareable URL\n  const handleCopyShareableUrl = useCallback(async () => {\n    const url = getShareableUrl();\n    try {\n      await navigator.clipboard.writeText(url);\n      setShowShareTooltip(true);\n      setTimeout(() => setShowShareTooltip(false), 2000);\n    } catch {\n      // Failed to copy URL to clipboard\n    }\n  }, [getShareableUrl]);\n\n  // Handle apply preset\n  const handleApplyPreset = useCallback(\n    (presetId: string) => {\n      applyPreset(presetId);\n    },\n    [applyPreset]\n  );\n\n  // Handle save current as preset\n  const handleSavePreset = useCallback(\n    (name: string, description?: string) => {\n      saveCurrentAsPreset(name, description);\n    },\n    [saveCurrentAsPreset]\n  );\n\n  // Handle delete preset\n  const handleDeletePreset = useCallback(\n    (presetId: string) => {\n      removePreset(presetId);\n    },\n    [removePreset]\n  );\n\n  // Toggle collapse\n  const toggleCollapse = useCallback(() => {\n    setIsCollapsed((prev) => !prev);\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = Object.keys(activeValues).filter(\n    (key) => activeValues[key] !== undefined && activeValues[key] !== null && activeValues[key] !== ''\n  ).length;\n\n  if (loading && filters.length === 0) {\n    return (\n      <div\n        className={`flex flex-wrap items-center gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${className}`}\n        role=\"status\"\n        aria-live=\"polite\"\n        data-testid=\"global-filters-loading\"\n      >\n        <span className=\"h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent\" />\n        <span className=\"text-sm text-text-secondary\">{t('bigconsole.filters.bar.loading', 'Loading filters...')}</span>\n      </div>\n    );\n  }\n\n  // Show empty state with \"Add Filter\" button when no filters exist\n  if (filters.length === 0) {\n    return (\n      <div\n        className={`flex flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${className}`}\n        data-testid=\"global-filters-empty\"\n      >\n        <div className=\"flex min-w-0 flex-wrap items-center gap-icon-gap\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">{t('bigconsole.filters.bar.title', 'Filters')}</h2>\n          <span className=\"text-sm text-text-muted\">\n            {t('bigconsole.filters.bar.noFiltersConfigured', 'No filters configured')}\n          </span>\n        </div>\n        <button type=\"button\" onClick={handleAddFilter} className={SECONDARY_BUTTON_CLASSES}>\n          {t('bigconsole.filters.bar.addFilter', '+ Add Filter')}\n        </button>\n\n        {/* Filter Editor Modal */}\n        {isEditorOpen && (\n          <FilterEditor\n            filter={editingFilter}\n            onSave={handleSaveFilter}\n            onClose={() => {\n              setIsEditorOpen(false);\n              setEditingFilter(null);\n            }}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <section\n      // A configuration band, not a result: recessed surface, no drop shadow,\n      // secondary-weight controls. It sits directly above the board and must\n      // stay quieter than it.\n      className={`flex min-w-0 flex-col border-b border-[var(--color-border-subtle)] bg-bg-sunken ${className}`}\n      aria-labelledby=\"global-filters-heading\"\n      data-testid=\"global-filters-bar\"\n    >\n      {/* Header */}\n      <div\n        className={`flex flex-wrap items-center justify-between gap-control-gap px-card-padding py-control-gap ${\n          isCollapsed ? '' : 'border-b border-[var(--color-border-subtle)]'\n        }`}\n      >\n        <div className=\"flex min-w-0 flex-wrap items-center gap-icon-gap\">\n          <h2 id=\"global-filters-heading\" className=\"text-sm font-semibold text-text-primary\">\n            {t('bigconsole.filters.bar.title', 'Filters')}\n          </h2>\n          <span className=\"rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary\">\n            {filters.length}\n          </span>\n          {activeFilterCount > 0 && (\n            <span className=\"rounded-pill bg-[var(--color-status-success-bgSubtle)] px-2 py-0.5 text-xs font-medium text-status-success-text\">\n              {t('bigconsole.filters.bar.activeCount', '{{count}} active', {\n                count: activeFilterCount ?? '',\n              })}\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex min-w-0 flex-wrap items-center justify-end gap-control-gap\">\n          {/* Filter Presets Selector */}\n          {enablePresets && (\n            <FilterPresetSelector\n              presets={presets}\n              activePresetId={activePresetId}\n              onApplyPreset={handleApplyPreset}\n              onSavePreset={handleSavePreset}\n              onDeletePreset={handleDeletePreset}\n            />\n          )}\n\n          {/* Share URL Button */}\n          {enableUrlSync && activeFilterCount > 0 && (\n            <div style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                onClick={handleCopyShareableUrl}\n                title={t('bigconsole.filters.bar.shareUrlTitle', 'Copy shareable URL with filters')}\n                className={SECONDARY_BUTTON_CLASSES}\n              >\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                  <path d=\"M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8\" />\n                  <polyline points=\"16,6 12,2 8,6\" />\n                  <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\" />\n                </svg>\n                {t('bigconsole.filters.bar.share', 'Share')}\n              </button>\n              {showShareTooltip && (\n                <div\n                  style={{\n                    position: 'absolute',\n                    top: '100%',\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    marginTop: '4px',\n                    padding: '6px 12px',\n                    backgroundColor: SEMANTIC_COLORS.textPrimary,\n                    color: SEMANTIC_COLORS.bgPrimary,\n                    fontSize: '12px',\n                    borderRadius: '4px',\n                    whiteSpace: 'nowrap',\n                    zIndex: 100001,\n                  }}\n                >\n                  {t('bigconsole.filters.bar.urlCopied', 'URL copied!')}\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Reset Button */}\n          {activeFilterCount > 0 && (\n            <button type=\"button\" onClick={handleResetAll} className={`${QUIET_BUTTON_CLASSES} text-status-error-text`}>\n              {t('bigconsole.filters.bar.resetAll', 'Reset all')}\n            </button>\n          )}\n\n          {/* Add Filter Button */}\n          <button type=\"button\" onClick={handleAddFilter} className={SECONDARY_BUTTON_CLASSES}>\n            {t('bigconsole.filters.bar.addFilter', '+ Add Filter')}\n          </button>\n\n          {/* Collapse Button */}\n          {collapsible && (\n            <button\n              type=\"button\"\n              onClick={toggleCollapse}\n              aria-expanded={!isCollapsed}\n              // The chips container is unmounted while collapsed; pointing\n              // aria-controls at a missing id is an invalid reference, so only\n              // advertise it when the target actually exists.\n              aria-controls={isCollapsed ? undefined : 'global-filters-chips'}\n              className={QUIET_BUTTON_CLASSES}\n            >\n              {isCollapsed\n                ? t('bigconsole.filters.bar.expand', '▼ Expand')\n                : t('bigconsole.filters.bar.collapse', '▲ Collapse')}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filters List */}\n      {!isCollapsed && (\n        <div\n          id=\"global-filters-chips\"\n          className=\"relative flex flex-wrap gap-control-gap px-card-padding py-control-gap\"\n          style={{ overflow: 'visible' }}\n        >\n          {filters.map((filter) => (\n            <FilterChip\n              key={filter.id}\n              filter={filter}\n              value={activeValues[filter.id]}\n              onChange={(value) => handleFilterChange(filter.id, value)}\n              onEdit={() => handleEditFilter(filter)}\n              onDelete={() => handleDeleteFilter(filter.id)}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Filter Editor Modal */}\n      {isEditorOpen && (\n        <FilterEditor\n          filter={editingFilter}\n          onSave={handleSaveFilter}\n          onClose={() => {\n            setIsEditorOpen(false);\n            setEditingFilter(null);\n          }}\n        />\n      )}\n    </section>\n  );\n}\n\nexport default GlobalFiltersBar;\n"],"mappings":"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"}
+{"version":3,"file":"GlobalFiltersBar.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx"],"sourcesContent":["/**\n * GlobalFiltersBar Component\n *\n * Displays and manages global dashboard filters.\n * v2.0: Added URL persistence and filter presets support.\n */\n\nimport React, { useState, useEffect, useCallback } from 'react';\nimport {\n  useGlobalFilters,\n  useFilterUrlSync,\n  useFilterPresets,\n  type GlobalFilter,\n  type FilterType,\n} from '../../../hooks';\nimport { FilterChip } from './FilterChip';\nimport { useDashboardStore, useGlobalFilterValues } from '../../../store';\nimport { FilterEditor } from './FilterEditor';\nimport { FilterPresetSelector } from './FilterPresetSelector';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SECTION_FOCUS_RING } from '../../common';\n\n// ============================================================================\n// Local class vocabulary\n// ============================================================================\n\n/**\n * The filters bar configures the board below it. Before this it shipped a\n * saturated primary \"+ Add Filter\" with an indigo glow and a drop-shadowed\n * container, which made the configuration louder than the data it filtered.\n * Everything here is deliberately secondary weight.\n */\nconst SECONDARY_BUTTON_CLASSES = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button border border-[var(--color-border-subtle)] bg-bg-surface px-3 py-1 text-sm font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-accentSubtle ${SECTION_FOCUS_RING}`;\n\n/** Text-only affordances (reset, collapse) sit a step below that again. */\nconst QUIET_BUTTON_CLASSES = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button px-2 py-1 text-sm font-medium text-text-secondary motion-safe:transition-colors hover:bg-bg-accentSubtle ${SECTION_FOCUS_RING}`;\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface GlobalFiltersBarProps {\n  dashboardId: string;\n  onFilterChange?: (values: Record<string, unknown>) => void;\n  collapsible?: boolean;\n  className?: string;\n  /** Enable URL sync for shareable filtered views */\n  enableUrlSync?: boolean;\n  /** Enable filter presets */\n  enablePresets?: boolean;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function GlobalFiltersBar({\n  dashboardId,\n  onFilterChange,\n  collapsible = true,\n  className = '',\n  enableUrlSync = true,\n  enablePresets = true,\n}: GlobalFiltersBarProps) {\n  const { t } = useI18n();\n  const { filters, loading, error, fetchFilters, createFilter, updateFilter, deleteFilter } = useGlobalFilters();\n\n  // Widgets, presets, URL hydration and the controls share one value store.\n  // The definition hook's private defaults must never replace hydrated values.\n  const activeValues = useGlobalFilterValues();\n  const setFilterValue = useDashboardStore((state) => state.setGlobalFilterValue);\n  const setFilterValues = useDashboardStore((state) => state.setGlobalFilterValues);\n  const clearFilterValue = useDashboardStore((state) => state.clearGlobalFilterValue);\n\n  useEffect(() => {\n    const current = useDashboardStore.getState().globalFilterValues;\n    const defaults = Object.fromEntries(\n      filters\n        .filter((filter) => filter.defaultValue !== undefined && !(filter.id in current))\n        .map((filter) => [filter.id, filter.defaultValue])\n    );\n    if (Object.keys(defaults).length) setFilterValues({ ...defaults, ...current });\n  }, [filters, activeValues, setFilterValues]);\n\n  // URL Sync hook\n  const { getShareableUrl, clearUrlParams } = useFilterUrlSync({\n    enabled: enableUrlSync,\n    paramPrefix: 'filter_',\n    debounceMs: 300,\n  });\n\n  // Filter Presets hook\n  const {\n    presets,\n    activePresetId,\n    loadPresets,\n    applyPreset,\n    saveCurrentAsPreset,\n    deletePreset: removePreset,\n    clearActivePreset,\n  } = useFilterPresets(dashboardId);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isEditorOpen, setIsEditorOpen] = useState(false);\n  const [editingFilter, setEditingFilter] = useState<GlobalFilter | null>(null);\n  const [showShareTooltip, setShowShareTooltip] = useState(false);\n\n  // Fetch filters on mount\n  useEffect(() => {\n    if (dashboardId) {\n      fetchFilters(dashboardId);\n      if (enablePresets) {\n        loadPresets(dashboardId);\n      }\n    }\n  }, [dashboardId, fetchFilters, loadPresets, enablePresets]);\n\n  // Notify parent of filter changes\n  useEffect(() => {\n    if (onFilterChange) {\n      // URL hydration/default initialization can update the store after this\n      // render. Notify with its current values, never an old empty snapshot.\n      onFilterChange(useDashboardStore.getState().globalFilterValues);\n    }\n  }, [activeValues, onFilterChange]);\n\n  // Clear active preset when filter values change manually\n  useEffect(() => {\n    if (activePresetId && Object.keys(activeValues).length > 0) {\n      // Check if current values differ from active preset\n      const preset = presets.find((p) => p.id === activePresetId);\n      if (preset) {\n        const presetStr = JSON.stringify(preset.values);\n        const currentStr = JSON.stringify(activeValues);\n        if (presetStr !== currentStr) {\n          clearActivePreset();\n        }\n      }\n    }\n  }, [activeValues, activePresetId, presets, clearActivePreset]);\n\n  // Handle filter value change\n  const handleFilterChange = useCallback(\n    (filterId: string, value: unknown) => {\n      setFilterValue(filterId, value);\n    },\n    [setFilterValue]\n  );\n\n  // Handle add new filter\n  const handleAddFilter = useCallback(() => {\n    setEditingFilter(null);\n    setIsEditorOpen(true);\n  }, []);\n\n  // Handle edit filter\n  const handleEditFilter = useCallback((filter: GlobalFilter) => {\n    setEditingFilter(filter);\n    setIsEditorOpen(true);\n  }, []);\n\n  // Handle save filter\n  const handleSaveFilter = useCallback(\n    async (data: {\n      name: string;\n      type: FilterType;\n      config: Record<string, unknown>;\n      defaultValue?: unknown;\n      isRequired?: boolean;\n    }) => {\n      if (editingFilter) {\n        const saved = await updateFilter({\n          id: editingFilter.id,\n          name: data.name,\n          config: data.config,\n          defaultValue: data.defaultValue,\n          isRequired: data.isRequired,\n        });\n        if (!saved) throw new Error('Filter save failed');\n      } else {\n        const saved = await createFilter({\n          dashboardId,\n          name: data.name,\n          type: data.type,\n          config: data.config,\n          defaultValue: data.defaultValue,\n          isRequired: data.isRequired,\n        });\n        if (!saved) throw new Error('Filter save failed');\n      }\n      setIsEditorOpen(false);\n      setEditingFilter(null);\n    },\n    [dashboardId, editingFilter, createFilter, updateFilter]\n  );\n\n  // Handle delete filter\n  const handleDeleteFilter = useCallback(\n    async (filterId: string) => {\n      if (await deleteFilter(filterId)) clearFilterValue(filterId);\n    },\n    [deleteFilter, clearFilterValue]\n  );\n\n  // Handle reset all filters\n  const handleResetAll = useCallback(() => {\n    setFilterValues(\n      Object.fromEntries(\n        filters.filter((filter) => filter.defaultValue !== undefined).map((filter) => [filter.id, filter.defaultValue])\n      )\n    );\n    clearUrlParams();\n    clearActivePreset();\n  }, [filters, setFilterValues, clearUrlParams, clearActivePreset]);\n\n  // Handle copy shareable URL\n  const handleCopyShareableUrl = useCallback(async () => {\n    const url = getShareableUrl();\n    try {\n      await navigator.clipboard.writeText(url);\n      setShowShareTooltip(true);\n      setTimeout(() => setShowShareTooltip(false), 2000);\n    } catch {\n      // Failed to copy URL to clipboard\n    }\n  }, [getShareableUrl]);\n\n  // Handle apply preset\n  const handleApplyPreset = useCallback(\n    (presetId: string) => {\n      applyPreset(presetId);\n    },\n    [applyPreset]\n  );\n\n  // Handle save current as preset\n  const handleSavePreset = useCallback(\n    (name: string, description?: string) => {\n      saveCurrentAsPreset(name, description);\n    },\n    [saveCurrentAsPreset]\n  );\n\n  // Handle delete preset\n  const handleDeletePreset = useCallback(\n    (presetId: string) => {\n      removePreset(presetId);\n    },\n    [removePreset]\n  );\n\n  // Toggle collapse\n  const toggleCollapse = useCallback(() => {\n    setIsCollapsed((prev) => !prev);\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = filters.filter(\n    (filter) =>\n      activeValues[filter.id] !== undefined && activeValues[filter.id] !== null && activeValues[filter.id] !== ''\n  ).length;\n\n  if (loading && filters.length === 0 && !isEditorOpen) {\n    return (\n      <div\n        className={`flex flex-wrap items-center gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${className}`}\n        role=\"status\"\n        aria-live=\"polite\"\n        data-testid=\"global-filters-loading\"\n      >\n        <span className=\"h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent\" />\n        <span className=\"text-sm text-text-secondary\">{t('bigconsole.filters.bar.loading', 'Loading filters...')}</span>\n      </div>\n    );\n  }\n\n  const errorFeedback = error && (\n    <div role=\"alert\" className=\"flex flex-wrap items-center gap-2 px-3 py-2 text-sm text-status-error-text\">\n      <span>{t('bigconsole.filters.bar.requestFailed', 'Filters could not be loaded or saved. Try again.')}</span>\n      <button type=\"button\" onClick={() => void fetchFilters(dashboardId)} className={QUIET_BUTTON_CLASSES}>\n        {t('bigconsole.filters.bar.retry', 'Retry')}\n      </button>\n    </div>\n  );\n\n  // Show empty state with \"Add Filter\" button when no filters exist\n  if (filters.length === 0) {\n    return (\n      <div\n        className={`flex flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${className}`}\n        data-testid=\"global-filters-empty\"\n      >\n        <div className=\"flex min-w-0 flex-wrap items-center gap-icon-gap\">\n          <h2 className=\"text-sm font-semibold text-text-primary\">{t('bigconsole.filters.bar.title', 'Filters')}</h2>\n          <span className=\"text-sm text-text-muted\">\n            {t('bigconsole.filters.bar.noFiltersConfigured', 'No filters configured')}\n          </span>\n        </div>\n        <button type=\"button\" onClick={handleAddFilter} className={SECONDARY_BUTTON_CLASSES}>\n          {t('bigconsole.filters.bar.addFilter', '+ Add Filter')}\n        </button>\n\n        {errorFeedback}\n        {/* Filter Editor Modal */}\n        {isEditorOpen && (\n          <FilterEditor\n            filter={editingFilter}\n            onSave={handleSaveFilter}\n            onClose={() => {\n              setIsEditorOpen(false);\n              setEditingFilter(null);\n            }}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <section\n      // A configuration band, not a result: recessed surface, no drop shadow,\n      // secondary-weight controls. It sits directly above the board and must\n      // stay quieter than it.\n      className={`flex min-w-0 flex-col border-b border-[var(--color-border-subtle)] bg-bg-sunken ${className}`}\n      aria-labelledby=\"global-filters-heading\"\n      data-testid=\"global-filters-bar\"\n    >\n      {errorFeedback}\n      {/* Header */}\n      <div\n        className={`flex flex-wrap items-center justify-between gap-control-gap px-card-padding py-control-gap ${\n          isCollapsed ? '' : 'border-b border-[var(--color-border-subtle)]'\n        }`}\n      >\n        <div className=\"flex min-w-0 flex-wrap items-center gap-icon-gap\">\n          <h2 id=\"global-filters-heading\" className=\"text-sm font-semibold text-text-primary\">\n            {t('bigconsole.filters.bar.title', 'Filters')}\n          </h2>\n          <span className=\"rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary\">\n            {filters.length}\n          </span>\n          {activeFilterCount > 0 && (\n            <span className=\"rounded-pill bg-[var(--color-status-success-bgSubtle)] px-2 py-0.5 text-xs font-medium text-status-success-text\">\n              {t('bigconsole.filters.bar.activeCount', '{{count}} active', {\n                count: activeFilterCount ?? '',\n              })}\n            </span>\n          )}\n        </div>\n\n        <div className=\"flex min-w-0 flex-wrap items-center justify-end gap-control-gap\">\n          {/* Filter Presets Selector */}\n          {enablePresets && (\n            <FilterPresetSelector\n              presets={presets}\n              activePresetId={activePresetId}\n              onApplyPreset={handleApplyPreset}\n              onSavePreset={handleSavePreset}\n              onDeletePreset={handleDeletePreset}\n            />\n          )}\n\n          {/* Share URL Button */}\n          {enableUrlSync && activeFilterCount > 0 && (\n            <div style={{ position: 'relative' }}>\n              <button\n                type=\"button\"\n                onClick={handleCopyShareableUrl}\n                title={t('bigconsole.filters.bar.shareUrlTitle', 'Copy shareable URL with filters')}\n                className={SECONDARY_BUTTON_CLASSES}\n              >\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                  <path d=\"M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8\" />\n                  <polyline points=\"16,6 12,2 8,6\" />\n                  <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\" />\n                </svg>\n                {t('bigconsole.filters.bar.share', 'Share')}\n              </button>\n              {showShareTooltip && (\n                <div\n                  style={{\n                    position: 'absolute',\n                    top: '100%',\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    marginTop: '4px',\n                    padding: '6px 12px',\n                    backgroundColor: SEMANTIC_COLORS.textPrimary,\n                    color: SEMANTIC_COLORS.bgPrimary,\n                    fontSize: '12px',\n                    borderRadius: '4px',\n                    whiteSpace: 'nowrap',\n                    zIndex: 100001,\n                  }}\n                >\n                  {t('bigconsole.filters.bar.urlCopied', 'URL copied!')}\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Reset Button */}\n          {activeFilterCount > 0 && (\n            <button type=\"button\" onClick={handleResetAll} className={`${QUIET_BUTTON_CLASSES} text-status-error-text`}>\n              {t('bigconsole.filters.bar.resetAll', 'Reset all')}\n            </button>\n          )}\n\n          {/* Add Filter Button */}\n          <button type=\"button\" onClick={handleAddFilter} className={SECONDARY_BUTTON_CLASSES}>\n            {t('bigconsole.filters.bar.addFilter', '+ Add Filter')}\n          </button>\n\n          {/* Collapse Button */}\n          {collapsible && (\n            <button\n              type=\"button\"\n              onClick={toggleCollapse}\n              aria-expanded={!isCollapsed}\n              // The chips container is unmounted while collapsed; pointing\n              // aria-controls at a missing id is an invalid reference, so only\n              // advertise it when the target actually exists.\n              aria-controls={isCollapsed ? undefined : 'global-filters-chips'}\n              className={QUIET_BUTTON_CLASSES}\n            >\n              {isCollapsed\n                ? t('bigconsole.filters.bar.expand', '▼ Expand')\n                : t('bigconsole.filters.bar.collapse', '▲ Collapse')}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filters List */}\n      {!isCollapsed && (\n        <div\n          id=\"global-filters-chips\"\n          className=\"relative flex flex-wrap gap-control-gap px-card-padding py-control-gap\"\n          style={{ overflow: 'visible' }}\n        >\n          {filters.map((filter) => (\n            <FilterChip\n              key={filter.id}\n              filter={filter}\n              value={activeValues[filter.id]}\n              onChange={(value) => handleFilterChange(filter.id, value)}\n              onEdit={() => handleEditFilter(filter)}\n              onDelete={() => handleDeleteFilter(filter.id)}\n            />\n          ))}\n        </div>\n      )}\n\n      {/* Filter Editor Modal */}\n      {isEditorOpen && (\n        <FilterEditor\n          filter={editingFilter}\n          onSave={handleSaveFilter}\n          onClose={() => {\n            setIsEditorOpen(false);\n            setEditingFilter(null);\n          }}\n        />\n      )}\n    </section>\n  );\n}\n\nexport default GlobalFiltersBar;\n"],"mappings":"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"}

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

@@ -18,6 +18,6 @@ export interface ShareDialogProps {
     /** False when the actor lacks `bigconsole-dashboard:update`; the control is then read-only. */
     canChangeVisibility?: boolean;
 }
-export declare function ShareDialog({ dashboardId, dashboardName, isOpen, onClose, visibility, onVisibilityChange, canChangeVisibility, }: ShareDialogProps): React.ReactPortal | null;
+export declare function ShareDialog(props: ShareDialogProps): React.JSX.Element;
 export default ShareDialog;
 //# sourceMappingURL=ShareDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AASzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAuB1D,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmCD,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,aAAa,EACb,MAAM,EACN,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,mBAA0B,GAC3B,EAAE,gBAAgB,4BAohBlB;AA2HD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA0B1D,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA4BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAYlD;AAkuBD,eAAe,WAAW,CAAC"}