@burdenoff/microfe-bigconsole 2026.924.2 → 2026.925.1

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

@@ -1,10 +1,10 @@
 import { SEMANTIC_COLORS as e } from "../../../utils/semanticTokens.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.tsx
 function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, onDeletePreset: d, disabled: f = !1 }) {
-	let { t: p } = i(), [m, h] = r(!1), [g, _] = r(!1), [v, y] = r(""), [b, x] = r(""), S = n(null), C = s.find((e) => e.id === c);
+	let { t: p } = o(), [m, h] = r(!1), [g, _] = r(!1), [v, y] = r(""), [b, x] = r(""), S = n(null), C = s.find((e) => e.id === c);
 	t(() => {
 		function e(e) {
 			S.current && !S.current.contains(e.target) && (h(!1), _(!1));
@@ -16,13 +16,13 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 	}, T = (e, t) => {
 		e.stopPropagation(), window.confirm(p("bigconsole.filters.presets.deleteConfirm", "Are you sure you want to delete this preset?")) && d(t);
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: S,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
-		children: [/* @__PURE__ */ o("button", {
+		children: [/* @__PURE__ */ a("button", {
 			onClick: () => !f && h(!m),
 			disabled: f,
 			style: {
@@ -42,13 +42,13 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 				maxWidth: "100%",
 				justifyContent: "space-between"
 			},
-			children: [/* @__PURE__ */ o("span", {
+			children: [/* @__PURE__ */ a("span", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: "6px"
 				},
-				children: [/* @__PURE__ */ o("svg", {
+				children: [/* @__PURE__ */ a("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -56,12 +56,12 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 					stroke: "currentColor",
 					strokeWidth: "2",
 					children: [
-						/* @__PURE__ */ a("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
-						/* @__PURE__ */ a("polyline", { points: "17,21 17,13 7,13 7,21" }),
-						/* @__PURE__ */ a("polyline", { points: "7,3 7,8 15,8" })
+						/* @__PURE__ */ i("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
+						/* @__PURE__ */ i("polyline", { points: "17,21 17,13 7,13 7,21" }),
+						/* @__PURE__ */ i("polyline", { points: "7,3 7,8 15,8" })
 					]
 				}), C ? C.name : p("bigconsole.filters.presets.buttonLabel", "Presets")]
-			}), /* @__PURE__ */ a("svg", {
+			}), /* @__PURE__ */ i("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
@@ -72,9 +72,9 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 					transform: m ? "rotate(180deg)" : "rotate(0deg)",
 					transition: "transform 0.2s ease"
 				},
-				children: /* @__PURE__ */ a("polyline", { points: "6,9 12,15 18,9" })
+				children: /* @__PURE__ */ i("polyline", { points: "6,9 12,15 18,9" })
 			})]
-		}), m && /* @__PURE__ */ o("div", {
+		}), m && /* @__PURE__ */ a("div", {
 			style: {
 				position: "absolute",
 				top: "100%",
@@ -90,7 +90,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					style: {
 						padding: "12px 16px",
 						borderBottom: `1px solid ${e.borderDefault}`,
@@ -99,14 +99,14 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 						justifyContent: "space-between",
 						alignItems: "center"
 					},
-					children: [/* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ i("span", {
 						style: {
 							fontWeight: 600,
 							fontSize: "13px",
 							color: e.textPrimary
 						},
 						children: p("bigconsole.filters.presets.header", "Filter Presets")
-					}), /* @__PURE__ */ a("button", {
+					}), /* @__PURE__ */ i("button", {
 						onClick: () => _(!0),
 						style: {
 							padding: "4px 10px",
@@ -121,14 +121,14 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 						children: p("bigconsole.filters.presets.saveCurrent", "+ Save Current")
 					})]
 				}),
-				g && /* @__PURE__ */ o("div", {
+				g && /* @__PURE__ */ a("div", {
 					style: {
 						padding: "12px 16px",
 						borderBottom: `1px solid ${e.borderDefault}`,
 						backgroundColor: e.bgSecondary
 					},
 					children: [
-						/* @__PURE__ */ a("input", {
+						/* @__PURE__ */ i("input", {
 							type: "text",
 							value: v,
 							onChange: (e) => y(e.target.value),
@@ -146,7 +146,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 								color: e.textPrimary
 							}
 						}),
-						/* @__PURE__ */ a("input", {
+						/* @__PURE__ */ i("input", {
 							type: "text",
 							value: b,
 							onChange: (e) => x(e.target.value),
@@ -163,13 +163,13 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 								color: e.textPrimary
 							}
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ a("div", {
 							style: {
 								display: "flex",
 								gap: "8px",
 								justifyContent: "flex-end"
 							},
-							children: [/* @__PURE__ */ a("button", {
+							children: [/* @__PURE__ */ i("button", {
 								onClick: () => {
 									_(!1), y(""), x("");
 								},
@@ -183,7 +183,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 									color: e.textSecondary
 								},
 								children: p("bigconsole.filters.presets.cancel", "Cancel")
-							}), /* @__PURE__ */ a("button", {
+							}), /* @__PURE__ */ i("button", {
 								onClick: w,
 								disabled: !v.trim(),
 								style: {
@@ -201,12 +201,12 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 						})
 					]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					style: {
 						maxHeight: "300px",
 						overflowY: "auto"
 					},
-					children: [s.map((t) => /* @__PURE__ */ o("div", {
+					children: [s.map((t) => /* @__PURE__ */ a("div", {
 						onClick: () => {
 							l(t.id), h(!1);
 						},
@@ -227,9 +227,9 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 							c !== t.id && (e.currentTarget.style.backgroundColor = "transparent");
 						},
 						children: [
-							/* @__PURE__ */ o("div", {
+							/* @__PURE__ */ a("div", {
 								style: { flex: 1 },
-								children: [/* @__PURE__ */ o("div", {
+								children: [/* @__PURE__ */ a("div", {
 									style: {
 										fontSize: "13px",
 										fontWeight: 500,
@@ -238,7 +238,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 										alignItems: "center",
 										gap: "6px"
 									},
-									children: [t.name, t.isDefault && /* @__PURE__ */ a("span", {
+									children: [t.name, t.isDefault && /* @__PURE__ */ i("span", {
 										style: {
 											fontSize: "10px",
 											padding: "2px 6px",
@@ -248,7 +248,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 										},
 										children: p("bigconsole.filters.presets.defaultBadge", "Default")
 									})]
-								}), t.description && /* @__PURE__ */ a("div", {
+								}), t.description && /* @__PURE__ */ i("div", {
 									style: {
 										fontSize: "11px",
 										color: e.textTertiary,
@@ -257,7 +257,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 									children: t.description
 								})]
 							}),
-							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ a("button", {
+							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ i("button", {
 								onClick: (e) => T(e, t.id),
 								style: {
 									padding: "4px",
@@ -277,17 +277,17 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 									t.currentTarget.style.backgroundColor = "transparent", t.currentTarget.style.color = e.textTertiary;
 								},
 								title: p("bigconsole.filters.presets.deletePresetTitle", "Delete preset"),
-								children: /* @__PURE__ */ o("svg", {
+								children: /* @__PURE__ */ a("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
 									fill: "none",
 									stroke: "currentColor",
 									strokeWidth: "2",
-									children: [/* @__PURE__ */ a("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ a("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
+									children: [/* @__PURE__ */ i("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ i("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
 								})
 							}),
-							c === t.id && /* @__PURE__ */ a("svg", {
+							c === t.id && /* @__PURE__ */ i("svg", {
 								width: "16",
 								height: "16",
 								viewBox: "0 0 24 24",
@@ -295,10 +295,10 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 								stroke: e.actionPrimaryBg,
 								strokeWidth: "3",
 								style: { marginLeft: "8px" },
-								children: /* @__PURE__ */ a("polyline", { points: "20,6 9,17 4,12" })
+								children: /* @__PURE__ */ i("polyline", { points: "20,6 9,17 4,12" })
 							})
 						]
-					}, t.id)), s.length === 0 && /* @__PURE__ */ a("div", {
+					}, t.id)), s.length === 0 && /* @__PURE__ */ i("div", {
 						style: {
 							padding: "20px 16px",
 							textAlign: "center",

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

@@ -2,23 +2,23 @@ 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 ee from "../../../hooks/useFilterPresets.js";
 import "../../../hooks/index.js";
-import { SEMANTIC_COLORS as i } from "../../../utils/semanticTokens.js";
-import ee from "./FilterChip.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 { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useI18n as f } 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 } = 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({
+	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,
 		paramPrefix: "filter_",
 		debounceMs: 300
-	}), { 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);
+	}), { 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));
 	}, [
@@ -87,36 +87,36 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 	}, [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", {
+	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 ${_}`,
 		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", {
+		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", {
 			className: "text-sm text-text-secondary",
 			children: b("bigconsole.filters.bar.loading", "Loading filters...")
 		})]
-	}) : x.length === 0 ? /* @__PURE__ */ f("div", {
+	}) : 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 ${_}`,
 		"data-testid": "global-filters-empty",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
-				children: [/* @__PURE__ */ d("h2", {
+				children: [/* @__PURE__ */ u("h2", {
 					className: "text-sm font-semibold text-text-primary",
 					children: b("bigconsole.filters.bar.title", "Filters")
-				}), /* @__PURE__ */ d("span", {
+				}), /* @__PURE__ */ u("span", {
 					className: "text-sm text-text-muted",
 					children: b("bigconsole.filters.bar.noFiltersConfigured", "No filters configured")
 				})]
 			}),
-			/* @__PURE__ */ d("button", {
+			/* @__PURE__ */ u("button", {
 				type: "button",
 				onClick: J,
 				className: p,
 				children: b("bigconsole.filters.bar.addFilter", "+ Add Filter")
 			}),
-			V && /* @__PURE__ */ d(a, {
+			V && /* @__PURE__ */ u(a, {
 				filter: U,
 				onSave: X,
 				onClose: () => {
@@ -124,48 +124,48 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 				}
 			})
 		]
-	}) : /* @__PURE__ */ f("section", {
+	}) : /* @__PURE__ */ d("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__ */ f("div", {
+			/* @__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__ */ f("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 					children: [
-						/* @__PURE__ */ d("h2", {
+						/* @__PURE__ */ u("h2", {
 							id: "global-filters-heading",
 							className: "text-sm font-semibold text-text-primary",
 							children: b("bigconsole.filters.bar.title", "Filters")
 						}),
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ u("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", {
+						$ > 0 && /* @__PURE__ */ u("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: $ ?? "" })
 						})
 					]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex min-w-0 flex-wrap items-center justify-end gap-control-gap",
 					children: [
-						y && /* @__PURE__ */ d(o, {
+						y && /* @__PURE__ */ u(o, {
 							presets: M,
 							activePresetId: N,
 							onApplyPreset: ne,
 							onSavePreset: re,
 							onDeletePreset: ie
 						}),
-						v && $ > 0 && /* @__PURE__ */ f("div", {
+						v && $ > 0 && /* @__PURE__ */ d("div", {
 							style: { position: "relative" },
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: te,
 								title: b("bigconsole.filters.bar.shareUrlTitle", "Copy shareable URL with filters"),
 								className: p,
-								children: [/* @__PURE__ */ f("svg", {
+								children: [/* @__PURE__ */ d("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
@@ -173,9 +173,9 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 									stroke: "currentColor",
 									strokeWidth: "2",
 									children: [
-										/* @__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", {
+										/* @__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", {
 											x1: "12",
 											y1: "2",
 											x2: "12",
@@ -183,7 +183,7 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 										})
 									]
 								}), b("bigconsole.filters.bar.share", "Share")]
-							}), G && /* @__PURE__ */ d("div", {
+							}), G && /* @__PURE__ */ u("div", {
 								style: {
 									position: "absolute",
 									top: "100%",
@@ -191,8 +191,8 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 									transform: "translateX(-50%)",
 									marginTop: "4px",
 									padding: "6px 12px",
-									backgroundColor: i.textPrimary,
-									color: i.bgPrimary,
+									backgroundColor: r.textPrimary,
+									color: r.bgPrimary,
 									fontSize: "12px",
 									borderRadius: "4px",
 									whiteSpace: "nowrap",
@@ -201,19 +201,19 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 								children: b("bigconsole.filters.bar.urlCopied", "URL copied!")
 							})]
 						}),
-						$ > 0 && /* @__PURE__ */ d("button", {
+						$ > 0 && /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: Q,
 							className: `${m} text-status-error-text`,
 							children: b("bigconsole.filters.bar.resetAll", "Reset all")
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: J,
 							className: p,
 							children: b("bigconsole.filters.bar.addFilter", "+ Add Filter")
 						}),
-						g && /* @__PURE__ */ d("button", {
+						g && /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: ae,
 							"aria-expanded": !z,
@@ -224,11 +224,11 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 					]
 				})]
 			}),
-			!z && /* @__PURE__ */ d("div", {
+			!z && /* @__PURE__ */ u("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, {
+				children: x.map((e) => /* @__PURE__ */ u(i, {
 					filter: e,
 					value: S[e.id],
 					onChange: (t) => q(e.id, t),
@@ -236,7 +236,7 @@ function h({ dashboardId: e, onFilterChange: h, collapsible: g = !0, className:
 					onDelete: () => Z(e.id)
 				}, e.id))
 			}),
-			V && /* @__PURE__ */ d(a, {
+			V && /* @__PURE__ */ u(a, {
 				filter: U,
 				onSave: X,
 				onClose: () => {

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 { 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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"}