@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

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

@@ -1,257 +1,171 @@
-import e from "../../../hooks/useGlobalFilters.js";
-import t from "../../../hooks/useFilterUrlSync.js";
-import n from "../../../hooks/useFilterPresets.js";
+import { SECTION_FOCUS_RING as e } from "../../common/sectionStyles.js";
+import "../../common/index.js";
+import t from "../../../hooks/useGlobalFilters.js";
+import n from "../../../hooks/useFilterUrlSync.js";
+import r from "../../../hooks/useFilterPresets.js";
 import "../../../hooks/index.js";
-import { SEMANTIC_COLORS as r } from "../../../utils/semanticTokens.js";
-import i from "./FilterChip.js";
+import { SEMANTIC_COLORS as i } from "../../../utils/semanticTokens.js";
+import ee 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 u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx
-function f({ dashboardId: f, onFilterChange: p, collapsible: ee = !0, className: m = "", enableUrlSync: h = !0, enablePresets: g = !0 }) {
-	let { filters: _, activeValues: v, loading: y, fetchFilters: b, createFilter: x, updateFilter: S, deleteFilter: C, setFilterValue: w, resetFilters: T } = e(), { getShareableUrl: E, clearUrlParams: D } = t({
-		enabled: h,
+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 } = u(), { 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,
 		paramPrefix: "filter_",
 		debounceMs: 300
-	}), { presets: O, activePresetId: k, loadPresets: A, applyPreset: j, saveCurrentAsPreset: M, deletePreset: N, clearActivePreset: P } = n(f), [F, I] = l(!1), [L, R] = l(!1), [z, B] = l(null), [V, H] = l(!1);
+	}), { presets: M, activePresetId: N, loadPresets: P, applyPreset: F, saveCurrentAsPreset: I, deletePreset: L, clearActivePreset: R } = r(e), [z, B] = l(!1), [V, H] = l(!1), [U, W] = l(null), [G, K] = l(!1);
 	c(() => {
-		f && (b(f), g && A(f));
+		e && (w(e), y && P(e));
 	}, [
-		f,
-		b,
-		A,
-		g
+		e,
+		w,
+		P,
+		y
 	]), c(() => {
-		p && p(v);
-	}, [v, p]), c(() => {
-		if (k && Object.keys(v).length > 0) {
-			let e = O.find((e) => e.id === k);
-			e && JSON.stringify(e.values) !== JSON.stringify(v) && P();
+		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();
 		}
 	}, [
-		v,
-		k,
-		O,
-		P
+		S,
+		N,
+		M,
+		R
 	]);
-	let U = s((e, t) => {
-		w(e, t);
-	}, [w]), W = s(() => {
-		B(null), R(!0);
-	}, []), G = s((e) => {
-		B(e), R(!0);
-	}, []), K = s(async (e) => {
-		z ? await S({
-			id: z.id,
-			name: e.name,
-			config: e.config,
-			defaultValue: e.defaultValue,
-			isRequired: e.isRequired
-		}) : await x({
-			dashboardId: f,
-			name: e.name,
-			type: e.type,
-			config: e.config,
-			defaultValue: e.defaultValue,
-			isRequired: e.isRequired
-		}), R(!1), B(null);
-	}, [
-		f,
-		z,
-		x,
-		S
-	]), q = s(async (e) => {
-		await C(e);
-	}, [C]), J = s(() => {
-		T(), D(), P();
+	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);
 	}, [
+		e,
+		U,
 		T,
-		D,
-		P
-	]), Y = s(async () => {
-		let e = E();
+		E
+	]), Z = s(async (e) => {
+		await D(e);
+	}, [D]), Q = s(() => {
+		k(), j(), R();
+	}, [
+		k,
+		j,
+		R
+	]), te = s(async () => {
+		let e = A();
 		try {
-			await navigator.clipboard.writeText(e), H(!0), setTimeout(() => H(!1), 2e3);
+			await navigator.clipboard.writeText(e), K(!0), setTimeout(() => K(!1), 2e3);
 		} catch {}
-	}, [E]), X = s((e) => {
-		j(e);
-	}, [j]), Z = s((e, t) => {
-		M(e, t);
-	}, [M]), Q = s((e) => {
-		N(e);
-	}, [N]), te = s(() => {
-		I((e) => !e);
-	}, []), $ = Object.keys(v).filter((e) => v[e] !== void 0 && v[e] !== null && v[e] !== "").length;
-	return y && _.length === 0 ? /* @__PURE__ */ d("div", {
-		className: m,
-		style: {
-			display: "flex",
-			alignItems: "center",
-			gap: "10px",
-			padding: "12px 16px",
-			backgroundColor: r.bgPrimary,
-			borderBottom: `1px solid ${r.borderDefault}`
-		},
-		children: [/* @__PURE__ */ u("div", { style: {
-			width: "16px",
-			height: "16px",
-			border: `2px solid ${r.actionPrimaryBg}`,
-			borderTopColor: "transparent",
-			borderRadius: "50%",
-			animation: "spin 1s linear infinite"
-		} }), /* @__PURE__ */ u("span", {
-			style: {
-				color: r.textSecondary,
-				fontSize: "14px"
-			},
-			children: "Loading filters..."
+	}, [A]), ne = s((e) => {
+		F(e);
+	}, [F]), re = s((e, t) => {
+		I(e, t);
+	}, [I]), ie = s((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__ */ f("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 ${_}`,
+		role: "status",
+		"aria-live": "polite",
+		"data-testid": "global-filters-loading",
+		children: [/* @__PURE__ */ d("span", { className: "h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent" }), /* @__PURE__ */ d("span", {
+			className: "text-sm text-text-secondary",
+			children: b("bigconsole.filters.bar.loading", "Loading filters...")
 		})]
-	}) : _.length === 0 ? /* @__PURE__ */ d("div", {
-		className: m,
-		style: {
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between",
-			padding: "12px 16px",
-			backgroundColor: r.bgPrimary,
-			borderBottom: `1px solid ${r.borderDefault}`
-		},
+	}) : x.length === 0 ? /* @__PURE__ */ f("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 ${_}`,
+		"data-testid": "global-filters-empty",
 		children: [
-			/* @__PURE__ */ d("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: "10px"
-				},
-				children: [/* @__PURE__ */ u("span", {
-					style: {
-						fontWeight: 600,
-						fontSize: "14px",
-						color: r.textPrimary
-					},
-					children: "Filters"
-				}), /* @__PURE__ */ u("span", {
-					style: {
-						color: r.textTertiary,
-						fontSize: "13px"
-					},
-					children: "No filters configured"
+			/* @__PURE__ */ f("div", {
+				className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
+				children: [/* @__PURE__ */ d("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: b("bigconsole.filters.bar.title", "Filters")
+				}), /* @__PURE__ */ d("span", {
+					className: "text-sm text-text-muted",
+					children: b("bigconsole.filters.bar.noFiltersConfigured", "No filters configured")
 				})]
 			}),
-			/* @__PURE__ */ u("button", {
-				onClick: W,
-				style: {
-					padding: "6px 14px",
-					fontSize: "13px",
-					color: r.actionPrimaryFg,
-					backgroundColor: r.actionPrimaryBg,
-					border: "none",
-					borderRadius: "6px",
-					cursor: "pointer",
-					fontWeight: 500,
-					boxShadow: "0 2px 4px rgba(99, 102, 241, 0.3)"
-				},
-				children: "+ Add Filter"
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: J,
+				className: p,
+				children: b("bigconsole.filters.bar.addFilter", "+ Add Filter")
 			}),
-			L && /* @__PURE__ */ u(a, {
-				filter: z,
-				onSave: K,
+			V && /* @__PURE__ */ d(a, {
+				filter: U,
+				onSave: X,
 				onClose: () => {
-					R(!1), B(null);
+					H(!1), W(null);
 				}
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
-		className: m,
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			backgroundColor: r.bgPrimary,
-			borderBottom: `1px solid ${r.borderDefault}`,
-			boxShadow: "0 2px 4px rgba(0,0,0,0.05)"
-		},
+	}) : /* @__PURE__ */ f("section", {
+		className: `flex min-w-0 flex-col border-b border-[var(--color-border-subtle)] bg-bg-sunken ${_}`,
+		"aria-labelledby": "global-filters-heading",
+		"data-testid": "global-filters-bar",
 		children: [
-			/* @__PURE__ */ d("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between",
-					padding: "10px 16px",
-					borderBottom: F ? "none" : `1px solid ${r.borderDefault}`,
-					backgroundColor: r.bgSecondary
-				},
-				children: [/* @__PURE__ */ d("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						gap: "10px"
-					},
+			/* @__PURE__ */ f("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__ */ f("div", {
+					className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 					children: [
-						/* @__PURE__ */ u("span", {
-							style: {
-								fontWeight: 600,
-								fontSize: "14px",
-								color: r.textPrimary
-							},
-							children: "Filters"
+						/* @__PURE__ */ d("h2", {
+							id: "global-filters-heading",
+							className: "text-sm font-semibold text-text-primary",
+							children: b("bigconsole.filters.bar.title", "Filters")
 						}),
-						/* @__PURE__ */ u("span", {
-							style: {
-								fontSize: "12px",
-								color: r.actionPrimaryFg,
-								backgroundColor: r.actionPrimaryBg,
-								padding: "2px 8px",
-								borderRadius: "12px",
-								fontWeight: 500
-							},
-							children: _.length
+						/* @__PURE__ */ d("span", {
+							className: "rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary",
+							children: x.length
 						}),
 						$ > 0 && /* @__PURE__ */ d("span", {
-							style: {
-								fontSize: "11px",
-								color: r.statusSuccessText,
-								backgroundColor: r.statusSuccessBgSubtle,
-								padding: "2px 8px",
-								borderRadius: "12px",
-								fontWeight: 500
-							},
-							children: [$, " active"]
+							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: $ ?? "" })
 						})
 					]
-				}), /* @__PURE__ */ d("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						gap: "10px"
-					},
+				}), /* @__PURE__ */ f("div", {
+					className: "flex min-w-0 flex-wrap items-center justify-end gap-control-gap",
 					children: [
-						g && /* @__PURE__ */ u(o, {
-							presets: O,
-							activePresetId: k,
-							onApplyPreset: X,
-							onSavePreset: Z,
-							onDeletePreset: Q
+						y && /* @__PURE__ */ d(o, {
+							presets: M,
+							activePresetId: N,
+							onApplyPreset: ne,
+							onSavePreset: re,
+							onDeletePreset: ie
 						}),
-						h && $ > 0 && /* @__PURE__ */ d("div", {
+						v && $ > 0 && /* @__PURE__ */ f("div", {
 							style: { position: "relative" },
-							children: [/* @__PURE__ */ d("button", {
-								onClick: Y,
-								title: "Copy shareable URL with filters",
-								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: "6px",
-									padding: "8px 12px",
-									fontSize: "13px",
-									color: r.textSecondary,
-									backgroundColor: r.bgPrimary,
-									border: `1px solid ${r.borderDefault}`,
-									borderRadius: "6px",
-									cursor: "pointer",
-									fontWeight: 500
-								},
-								children: [/* @__PURE__ */ d("svg", {
+							children: [/* @__PURE__ */ f("button", {
+								type: "button",
+								onClick: te,
+								title: b("bigconsole.filters.bar.shareUrlTitle", "Copy shareable URL with filters"),
+								className: p,
+								children: [/* @__PURE__ */ f("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
@@ -259,17 +173,17 @@ function f({ dashboardId: f, onFilterChange: p, collapsible: ee = !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__ */ d("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" }),
+										/* @__PURE__ */ d("polyline", { points: "16,6 12,2 8,6" }),
+										/* @__PURE__ */ d("line", {
 											x1: "12",
 											y1: "2",
 											x2: "12",
 											y2: "15"
 										})
 									]
-								}), "Share"]
-							}), V && /* @__PURE__ */ u("div", {
+								}), b("bigconsole.filters.bar.share", "Share")]
+							}), G && /* @__PURE__ */ d("div", {
 								style: {
 									position: "absolute",
 									top: "100%",
@@ -277,89 +191,62 @@ function f({ dashboardId: f, onFilterChange: p, collapsible: ee = !0, className:
 									transform: "translateX(-50%)",
 									marginTop: "4px",
 									padding: "6px 12px",
-									backgroundColor: r.textPrimary,
-									color: r.bgPrimary,
+									backgroundColor: i.textPrimary,
+									color: i.bgPrimary,
 									fontSize: "12px",
 									borderRadius: "4px",
 									whiteSpace: "nowrap",
 									zIndex: 100001
 								},
-								children: "URL copied!"
+								children: b("bigconsole.filters.bar.urlCopied", "URL copied!")
 							})]
 						}),
-						$ > 0 && /* @__PURE__ */ u("button", {
-							onClick: J,
-							style: {
-								padding: "8px 12px",
-								fontSize: "13px",
-								color: r.statusErrorText,
-								backgroundColor: "transparent",
-								border: "none",
-								cursor: "pointer",
-								fontWeight: 500
-							},
-							children: "Reset all"
+						$ > 0 && /* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: Q,
+							className: `${m} text-status-error-text`,
+							children: b("bigconsole.filters.bar.resetAll", "Reset all")
 						}),
-						/* @__PURE__ */ u("button", {
-							onClick: W,
-							style: {
-								padding: "8px 14px",
-								fontSize: "13px",
-								color: r.actionPrimaryFg,
-								backgroundColor: r.actionPrimaryBg,
-								border: "none",
-								borderRadius: "6px",
-								cursor: "pointer",
-								fontWeight: 500,
-								boxShadow: "0 2px 4px rgba(99, 102, 241, 0.3)"
-							},
-							children: "+ Add Filter"
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: J,
+							className: p,
+							children: b("bigconsole.filters.bar.addFilter", "+ Add Filter")
 						}),
-						ee && /* @__PURE__ */ u("button", {
-							onClick: te,
-							style: {
-								padding: "8px 12px",
-								fontSize: "13px",
-								color: r.textSecondary,
-								backgroundColor: "transparent",
-								border: `1px solid ${r.borderDefault}`,
-								borderRadius: "6px",
-								cursor: "pointer"
-							},
-							children: F ? "▼ Expand" : "▲ Collapse"
+						g && /* @__PURE__ */ d("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")
 						})
 					]
 				})]
 			}),
-			!F && /* @__PURE__ */ u("div", {
-				style: {
-					display: "flex",
-					flexWrap: "wrap",
-					gap: "10px",
-					padding: "12px 16px",
-					overflow: "visible",
-					backgroundColor: r.bgPrimary,
-					position: "relative"
-				},
-				children: _.map((e) => /* @__PURE__ */ u(i, {
+			!z && /* @__PURE__ */ d("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__ */ d(ee, {
 					filter: e,
-					value: v[e.id],
-					onChange: (t) => U(e.id, t),
-					onEdit: () => G(e),
-					onDelete: () => q(e.id)
+					value: S[e.id],
+					onChange: (t) => q(e.id, t),
+					onEdit: () => Y(e),
+					onDelete: () => Z(e.id)
 				}, e.id))
 			}),
-			L && /* @__PURE__ */ u(a, {
-				filter: z,
-				onSave: K,
+			V && /* @__PURE__ */ d(a, {
+				filter: U,
+				onSave: X,
 				onClose: () => {
-					R(!1), B(null);
+					H(!1), W(null);
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { f as default };
+export { h 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';\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 {\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={className}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '10px',\n          padding: '12px 16px',\n          backgroundColor: SEMANTIC_COLORS.bgPrimary,\n          borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        }}\n      >\n        <div\n          style={{\n            width: '16px',\n            height: '16px',\n            border: `2px solid ${SEMANTIC_COLORS.actionPrimaryBg}`,\n            borderTopColor: 'transparent',\n            borderRadius: '50%',\n            animation: 'spin 1s linear infinite',\n          }}\n        />\n        <span style={{ color: SEMANTIC_COLORS.textSecondary, fontSize: '14px' }}>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={className}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          padding: '12px 16px',\n          backgroundColor: SEMANTIC_COLORS.bgPrimary,\n          borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n          <span style={{ fontWeight: 600, fontSize: '14px', color: SEMANTIC_COLORS.textPrimary }}>Filters</span>\n          <span style={{ color: SEMANTIC_COLORS.textTertiary, fontSize: '13px' }}>No filters configured</span>\n        </div>\n        <button\n          onClick={handleAddFilter}\n          style={{\n            padding: '6px 14px',\n            fontSize: '13px',\n            color: SEMANTIC_COLORS.actionPrimaryFg,\n            backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n            border: 'none',\n            borderRadius: '6px',\n            cursor: 'pointer',\n            fontWeight: 500,\n            boxShadow: '0 2px 4px rgba(99, 102, 241, 0.3)',\n          }}\n        >\n          + 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    <div\n      className={className}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: SEMANTIC_COLORS.bgPrimary,\n        borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n        boxShadow: '0 2px 4px rgba(0,0,0,0.05)',\n      }}\n    >\n      {/* Header */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          padding: '10px 16px',\n          borderBottom: isCollapsed ? 'none' : `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n          backgroundColor: SEMANTIC_COLORS.bgSecondary,\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n          <span style={{ fontWeight: 600, fontSize: '14px', color: SEMANTIC_COLORS.textPrimary }}>Filters</span>\n          <span\n            style={{\n              fontSize: '12px',\n              color: SEMANTIC_COLORS.actionPrimaryFg,\n              backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n              padding: '2px 8px',\n              borderRadius: '12px',\n              fontWeight: 500,\n            }}\n          >\n            {filters.length}\n          </span>\n          {activeFilterCount > 0 && (\n            <span\n              style={{\n                fontSize: '11px',\n                color: SEMANTIC_COLORS.statusSuccessText,\n                backgroundColor: SEMANTIC_COLORS.statusSuccessBgSubtle,\n                padding: '2px 8px',\n                borderRadius: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {activeFilterCount} active\n            </span>\n          )}\n        </div>\n\n        <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\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                onClick={handleCopyShareableUrl}\n                title=\"Copy shareable URL with filters\"\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '6px',\n                  padding: '8px 12px',\n                  fontSize: '13px',\n                  color: SEMANTIC_COLORS.textSecondary,\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '6px',\n                  cursor: 'pointer',\n                  fontWeight: 500,\n                }}\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                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                  URL copied!\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Reset Button */}\n          {activeFilterCount > 0 && (\n            <button\n              onClick={handleResetAll}\n              style={{\n                padding: '8px 12px',\n                fontSize: '13px',\n                color: SEMANTIC_COLORS.statusErrorText,\n                backgroundColor: 'transparent',\n                border: 'none',\n                cursor: 'pointer',\n                fontWeight: 500,\n              }}\n            >\n              Reset all\n            </button>\n          )}\n\n          {/* Add Filter Button */}\n          <button\n            onClick={handleAddFilter}\n            style={{\n              padding: '8px 14px',\n              fontSize: '13px',\n              color: SEMANTIC_COLORS.actionPrimaryFg,\n              backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n              border: 'none',\n              borderRadius: '6px',\n              cursor: 'pointer',\n              fontWeight: 500,\n              boxShadow: '0 2px 4px rgba(99, 102, 241, 0.3)',\n            }}\n          >\n            + Add Filter\n          </button>\n\n          {/* Collapse Button */}\n          {collapsible && (\n            <button\n              onClick={toggleCollapse}\n              style={{\n                padding: '8px 12px',\n                fontSize: '13px',\n                color: SEMANTIC_COLORS.textSecondary,\n                backgroundColor: 'transparent',\n                border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                borderRadius: '6px',\n                cursor: 'pointer',\n              }}\n            >\n              {isCollapsed ? '▼ Expand' : '▲ Collapse'}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filters List */}\n      {!isCollapsed && (\n        <div\n          style={{\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: '10px',\n            padding: '12px 16px',\n            overflow: 'visible',\n            backgroundColor: SEMANTIC_COLORS.bgPrimary,\n            position: 'relative',\n          }}\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    </div>\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 { 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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"}