@burdenoff/microfe-bigconsole 2026.924.2 → 2026.924.3

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

@@ -1,17 +1,17 @@
 import { useDashboardStore as e } from "../../store/dashboardStore.js";
 import "../../store/index.js";
-import { SECTION_FOCUS_RING as t } from "../common/sectionStyles.js";
-import "../common/index.js";
-import { useBigConsoleNavigate as n } from "../../context/BigConsoleContext.js";
+import { useBigConsoleNavigate as t } from "../../context/BigConsoleContext.js";
 import "../../context/index.js";
+import { SECTION_FOCUS_RING as n } from "../common/sectionStyles.js";
+import "../common/index.js";
 import r from "../../hooks/useFilterUrlSync.js";
 import { memo as i, useCallback as a, useEffect as o, useState as s } from "react";
 import { ArrowLeft as c, ChevronRight as l, Home as u } from "lucide-react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/DrilldownBreadcrumb.tsx
 var h = i(function({ className: i = "", currentDashboardId: h, currentDashboardName: g, showHome: _ = !0, basePath: v = "/bigconsole/dashboards" }) {
-	let { t: y } = d(), b = n(), { getDrilldownMetadata: x, isInDrilldown: S, drilldownDepth: C } = r(), w = e((e) => e.dashboards), [T, E] = s([]);
+	let { t: y } = m(), b = t(), { getDrilldownMetadata: x, isInDrilldown: S, drilldownDepth: C } = r(), w = e((e) => e.dashboards), [T, E] = s([]);
 	o(() => {
 		if (!S) {
 			E([]);
@@ -55,59 +55,59 @@ var h = i(function({ className: i = "", currentDashboardId: h, currentDashboardN
 	]), k = a((e) => {
 		e.preventDefault(), b(v);
 	}, [b, v]);
-	return S ? /* @__PURE__ */ m("nav", {
+	return S ? /* @__PURE__ */ p("nav", {
 		className: `flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 border-b border-[var(--color-border-subtle)] bg-bg-sunken px-4 py-1.5 ${i}`,
 		"aria-label": y("bigconsole.dashboards.drilldownBreadcrumb.ariaLabel", "Drilldown breadcrumb"),
 		"data-testid": "drilldown-breadcrumb",
 		children: [
-			/* @__PURE__ */ m("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: O,
-				className: `flex min-h-control-sm items-center gap-1 rounded-button px-2 py-1 text-sm font-medium text-text-link motion-safe:transition-colors hover:bg-bg-accentSubtle ${t}`,
+				className: `flex min-h-control-sm items-center gap-1 rounded-button px-2 py-1 text-sm font-medium text-text-link motion-safe:transition-colors hover:bg-bg-accentSubtle ${n}`,
 				"aria-label": y("bigconsole.dashboards.drilldownBreadcrumb.back", "Go back"),
-				children: [/* @__PURE__ */ p(c, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f(c, { className: "w-4 h-4" }), /* @__PURE__ */ f("span", {
 					className: "hidden sm:inline",
 					children: y("bigconsole.dashboards.drilldownBreadcrumb.backLabel", "Back")
 				})]
 			}),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f("span", {
 				className: "text-text-muted",
 				"aria-hidden": "true",
 				children: "|"
 			}),
-			_ && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("a", {
+			_ && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p("a", {
 				href: v,
 				onClick: k,
 				className: "flex min-h-control-sm items-center gap-1 rounded-button px-1 text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 				"aria-label": y("bigconsole.dashboards.drilldownBreadcrumb.home", "Home"),
-				children: [/* @__PURE__ */ p(u, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ f(u, { className: "w-4 h-4" }), /* @__PURE__ */ f("span", {
 					className: "hidden sm:inline",
 					children: y("bigconsole.dashboards.drilldownBreadcrumb.dashboards", "Dashboards")
 				})]
-			}), /* @__PURE__ */ p(l, {
+			}), /* @__PURE__ */ f(l, {
 				className: "w-4 h-4 shrink-0 text-text-muted",
 				"aria-hidden": "true"
 			})] }),
-			T.map((e, n) => /* @__PURE__ */ m("div", {
+			T.map((e, t) => /* @__PURE__ */ p("div", {
 				className: "flex min-w-0 items-center gap-2",
-				children: [/* @__PURE__ */ p("button", {
+				children: [/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: () => D(e, n),
-					className: `min-h-control-sm max-w-[150px] truncate rounded-button px-1 text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary hover:underline ${t}`,
+					onClick: () => D(e, t),
+					className: `min-h-control-sm max-w-[150px] truncate rounded-button px-1 text-sm text-text-secondary motion-safe:transition-colors hover:text-text-primary hover:underline ${n}`,
 					title: e.name,
 					children: e.name
-				}), /* @__PURE__ */ p(l, {
+				}), /* @__PURE__ */ f(l, {
 					className: "w-4 h-4 shrink-0 text-text-muted",
 					"aria-hidden": "true"
 				})]
 			}, e.id)),
-			g && /* @__PURE__ */ p("span", {
+			g && /* @__PURE__ */ f("span", {
 				"aria-current": "page",
 				className: "max-w-[200px] truncate text-sm font-medium text-text-primary",
 				title: g,
 				children: g
 			}),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f("span", {
 				className: "ml-auto shrink-0 rounded-pill bg-bg-surface px-2 py-0.5 text-xs text-text-muted",
 				children: y("bigconsole.dashboards.drilldownBreadcrumb.level", "Level {{depth}}", { depth: C ?? "" })
 			})

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

@@ -1,6 +1,6 @@
 import { useEffect as e, useRef as t, useState as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, 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/FilterChip.tsx
 var s = (e) => ({
 	bgPrimary: e ? "#1f2937" : "#ffffff",
@@ -64,13 +64,13 @@ function u(e) {
 	});
 }
 function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
-	let { t: g } = r(), [_, v] = n(!1), [y, b] = n(!1), x = t(null), S = t(null), C = s(c()), w = d != null && d !== "", T = l(d, u.type, g);
+	let { t: g } = o(), [_, v] = n(!1), [y, b] = n(!1), x = t(null), S = t(null), C = s(c()), w = d != null && d !== "", T = l(d, u.type, g);
 	return e(() => {
 		function e(e) {
 			x.current && !x.current.contains(e.target) && (v(!1), b(!1));
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), /* @__PURE__ */ o("div", {
+	}, []), /* @__PURE__ */ a("div", {
 		ref: x,
 		style: {
 			position: "relative",
@@ -89,7 +89,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 			maxWidth: "100%"
 		},
 		children: [
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ a("span", {
 				style: {
 					fontWeight: "var(--font-weight-semibold)",
 					color: "var(--color-text-primary)",
@@ -98,7 +98,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: () => v(!_),
 				children: [u.name, ":"]
 			}),
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ i("span", {
 				style: {
 					color: w ? "var(--color-text-primary)" : "var(--color-text-secondary)",
 					maxWidth: "min(200px, 45vw)",
@@ -111,7 +111,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: () => v(!_),
 				children: T
 			}),
-			w && /* @__PURE__ */ a("button", {
+			w && /* @__PURE__ */ i("button", {
 				onClick: (e) => {
 					e.stopPropagation(), p(void 0);
 				},
@@ -135,7 +135,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				title: g("bigconsole.filters.chip.action.clear", "Clear filter"),
 				children: "×"
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ i("button", {
 				onClick: (e) => {
 					e.stopPropagation(), b(!y);
 				},
@@ -159,7 +159,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				title: g("bigconsole.filters.chip.action.options", "Filter options"),
 				children: "⋮"
 			}),
-			_ && /* @__PURE__ */ a(f, {
+			_ && /* @__PURE__ */ i(f, {
 				filter: u,
 				value: d,
 				onChange: (e) => {
@@ -167,7 +167,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				},
 				onClose: () => v(!1)
 			}),
-			y && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+			y && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
 				style: {
 					position: "fixed",
 					top: 0,
@@ -179,7 +179,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: (e) => {
 					e.stopPropagation(), b(!1);
 				}
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ a("div", {
 				ref: S,
 				style: {
 					position: "absolute",
@@ -195,7 +195,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 					zIndex: 99999,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ a("button", {
 					onClick: (e) => {
 						e.stopPropagation(), b(!1), m();
 					},
@@ -215,7 +215,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 						fontWeight: 500
 					},
 					children: ["✏️ ", g("bigconsole.filters.chip.menu.edit", "Edit Filter")]
-				}), /* @__PURE__ */ o("button", {
+				}), /* @__PURE__ */ a("button", {
 					onClick: (e) => {
 						e.stopPropagation(), b(!1), h();
 					},
@@ -240,8 +240,8 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 	});
 }
 function f({ filter: e, value: t, onChange: l, onClose: u }) {
-	let { t: d } = r(), [f, p] = n(t), m = s(c());
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+	let { t: d } = o(), [f, p] = n(t), m = s(c());
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -251,7 +251,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 			zIndex: 99998
 		},
 		onClick: u
-	}), /* @__PURE__ */ o("div", {
+	}), /* @__PURE__ */ a("div", {
 		style: {
 			position: "absolute",
 			top: "100%",
@@ -268,7 +268,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 		},
 		onClick: (e) => e.stopPropagation(),
 		children: [
-			e.type === "TEXT_SEARCH" && /* @__PURE__ */ a("input", {
+			e.type === "TEXT_SEARCH" && /* @__PURE__ */ i("input", {
 				type: "text",
 				value: f || "",
 				onChange: (e) => p(e.target.value),
@@ -284,7 +284,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					color: m.textPrimary
 				}
 			}),
-			e.type === "CATEGORY" && /* @__PURE__ */ o("select", {
+			e.type === "CATEGORY" && /* @__PURE__ */ a("select", {
 				value: f || "",
 				onChange: (e) => p(e.target.value),
 				style: {
@@ -296,23 +296,23 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					backgroundColor: m.bgPrimary,
 					color: m.textPrimary
 				},
-				children: [/* @__PURE__ */ a("option", {
+				children: [/* @__PURE__ */ i("option", {
 					value: "",
 					children: d("bigconsole.filters.chip.editor.allOption", "All")
-				}), e.config.options?.map((e) => /* @__PURE__ */ a("option", {
+				}), e.config.options?.map((e) => /* @__PURE__ */ i("option", {
 					value: String(e.value),
 					children: String(e.label)
 				}, String(e.value)))]
 			}),
 			e.type === "DATE_RANGE" && (() => {
 				let e = f || {};
-				return /* @__PURE__ */ o("div", {
+				return /* @__PURE__ */ a("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ a("input", {
+					children: [/* @__PURE__ */ i("input", {
 						type: "date",
 						value: e.start || "",
 						onChange: (t) => p({
@@ -327,7 +327,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 							backgroundColor: m.bgPrimary,
 							color: m.textPrimary
 						}
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "date",
 						value: e.end || "",
 						onChange: (t) => p({
@@ -347,12 +347,12 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 			})(),
 			e.type === "NUMERIC_RANGE" && (() => {
 				let e = f || {};
-				return /* @__PURE__ */ o("div", {
+				return /* @__PURE__ */ a("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ a("input", {
+					children: [/* @__PURE__ */ i("input", {
 						type: "number",
 						value: e.min ?? "",
 						onChange: (t) => p({
@@ -369,7 +369,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 							backgroundColor: m.bgPrimary,
 							color: m.textPrimary
 						}
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "number",
 						value: e.max ?? "",
 						onChange: (t) => p({
@@ -389,7 +389,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					})]
 				});
 			})(),
-			e.type === "CUSTOM" && /* @__PURE__ */ a("input", {
+			e.type === "CUSTOM" && /* @__PURE__ */ i("input", {
 				type: "text",
 				value: typeof f == "string" ? f : JSON.stringify(f || ""),
 				onChange: (e) => p(e.target.value),
@@ -405,14 +405,14 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					color: m.textPrimary
 				}
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				style: {
 					marginTop: "16px",
 					display: "flex",
 					justifyContent: "flex-end",
 					gap: "10px"
 				},
-				children: [/* @__PURE__ */ a("button", {
+				children: [/* @__PURE__ */ i("button", {
 					onClick: u,
 					style: {
 						padding: "8px 16px",
@@ -425,7 +425,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 						fontWeight: 500
 					},
 					children: d("bigconsole.filters.chip.editor.cancel", "Cancel")
-				}), /* @__PURE__ */ a("button", {
+				}), /* @__PURE__ */ i("button", {
 					onClick: () => {
 						l(f);
 					},

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

@@ -1,6 +1,6 @@
 import { useEffect as e, useMemo as t, useState as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.tsx
 var o = (e) => ({
 	bgPrimary: e ? "#1f2937" : "#ffffff",
@@ -17,7 +17,7 @@ var o = (e) => ({
 	backdropBg: "rgba(0, 0, 0, 0.5)"
 });
 function s({ filter: s, onSave: c, onClose: l }) {
-	let { t: u } = r(), [d, f] = n(s?.name || ""), [p, m] = n(s?.type || "CATEGORY"), [h, g] = n(s?.isRequired || !1), [_, v] = n(s?.config?.options || [{
+	let { t: u } = a(), [d, f] = n(s?.name || ""), [p, m] = n(s?.type || "CATEGORY"), [h, g] = n(s?.isRequired || !1), [_, v] = n(s?.config?.options || [{
 		value: "",
 		label: ""
 	}]), [y, b] = n(s?.config?.placeholder || ""), [x, S] = n(!1);
@@ -79,7 +79,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			isRequired: h
 		});
 	}, A = d.trim() !== "" && (p !== "CATEGORY" || _.some((e) => e.value && e.label));
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -96,7 +96,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			isolation: "isolate"
 		},
 		onClick: l,
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ i("div", {
 			style: {
 				width: "100%",
 				maxWidth: "min(480px, calc(100vw - 2rem))",
@@ -109,7 +109,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "16px 20px",
 						borderBottom: `1px solid ${C.borderDefault}`,
@@ -118,7 +118,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						justifyContent: "space-between",
 						backgroundColor: C.bgPrimary
 					},
-					children: [/* @__PURE__ */ i("h3", {
+					children: [/* @__PURE__ */ r("h3", {
 						style: {
 							margin: 0,
 							fontSize: "16px",
@@ -126,7 +126,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 							color: C.textPrimary
 						},
 						children: w ? u("bigconsole.filters.editor.title.edit", "Edit Filter") : u("bigconsole.filters.editor.title.add", "Add Filter")
-					}), /* @__PURE__ */ i("button", {
+					}), /* @__PURE__ */ r("button", {
 						onClick: l,
 						style: {
 							background: "none",
@@ -139,7 +139,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						children: "×"
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "20px",
 						overflowY: "auto",
@@ -147,9 +147,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						backgroundColor: C.bgPrimary
 					},
 					children: [
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -158,7 +158,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.name.label", "Filter Name *")
-							}), /* @__PURE__ */ i("input", {
+							}), /* @__PURE__ */ r("input", {
 								type: "text",
 								value: d,
 								onChange: (e) => f(e.target.value),
@@ -175,9 +175,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}
 							})]
 						}),
-						!w && /* @__PURE__ */ a("div", {
+						!w && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -186,13 +186,13 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.type.label", "Filter Type *")
-							}), /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ r("div", {
 								style: {
 									display: "grid",
 									gridTemplateColumns: "repeat(2, 1fr)",
 									gap: "10px"
 								},
-								children: T.map((e) => /* @__PURE__ */ a("button", {
+								children: T.map((e) => /* @__PURE__ */ i("button", {
 									onClick: () => m(e.value),
 									type: "button",
 									style: {
@@ -205,14 +205,14 @@ function s({ filter: s, onSave: c, onClose: l }) {
 										transition: "all 0.2s ease",
 										minHeight: "60px"
 									},
-									children: [/* @__PURE__ */ i("div", {
+									children: [/* @__PURE__ */ r("div", {
 										style: {
 											fontWeight: 500,
 											fontSize: "13px",
 											color: C.textPrimary
 										},
 										children: e.label
-									}), /* @__PURE__ */ i("div", {
+									}), /* @__PURE__ */ r("div", {
 										style: {
 											fontSize: "11px",
 											color: C.textSecondary,
@@ -224,9 +224,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}, e.value))
 							})]
 						}),
-						p === "CATEGORY" && /* @__PURE__ */ a("div", {
+						p === "CATEGORY" && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -235,20 +235,20 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.options.label", "Options")
-							}), /* @__PURE__ */ a("div", {
+							}), /* @__PURE__ */ i("div", {
 								style: {
 									display: "flex",
 									flexDirection: "column",
 									gap: "8px"
 								},
-								children: [_.map((e, t) => /* @__PURE__ */ a("div", {
+								children: [_.map((e, t) => /* @__PURE__ */ i("div", {
 									style: {
 										display: "flex",
 										gap: "8px",
 										alignItems: "center"
 									},
 									children: [
-										/* @__PURE__ */ i("input", {
+										/* @__PURE__ */ r("input", {
 											type: "text",
 											value: e.value,
 											onChange: (e) => O(t, "value", e.target.value),
@@ -264,7 +264,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 												color: C.textPrimary
 											}
 										}),
-										/* @__PURE__ */ i("input", {
+										/* @__PURE__ */ r("input", {
 											type: "text",
 											value: e.label,
 											onChange: (e) => O(t, "label", e.target.value),
@@ -280,7 +280,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 												color: C.textPrimary
 											}
 										}),
-										_.length > 1 && /* @__PURE__ */ i("button", {
+										_.length > 1 && /* @__PURE__ */ r("button", {
 											type: "button",
 											onClick: () => D(t),
 											style: {
@@ -295,7 +295,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 											children: u("bigconsole.filters.editor.field.options.remove", "Remove")
 										})
 									]
-								}, t)), /* @__PURE__ */ i("button", {
+								}, t)), /* @__PURE__ */ r("button", {
 									type: "button",
 									onClick: E,
 									style: {
@@ -311,9 +311,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								})]
 							})]
 						}),
-						(p === "TEXT_SEARCH" || p === "CATEGORY") && /* @__PURE__ */ a("div", {
+						(p === "TEXT_SEARCH" || p === "CATEGORY") && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -322,7 +322,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.placeholder.label", "Placeholder Text")
-							}), /* @__PURE__ */ i("input", {
+							}), /* @__PURE__ */ r("input", {
 								type: "text",
 								value: y,
 								onChange: (e) => b(e.target.value),
@@ -339,16 +339,16 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ r("div", {
 							style: { marginBottom: "16px" },
-							children: /* @__PURE__ */ a("label", {
+							children: /* @__PURE__ */ i("label", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "8px",
 									cursor: "pointer"
 								},
-								children: [/* @__PURE__ */ i("input", {
+								children: [/* @__PURE__ */ r("input", {
 									type: "checkbox",
 									checked: h,
 									onChange: (e) => g(e.target.checked),
@@ -356,7 +356,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 										width: "16px",
 										height: "16px"
 									}
-								}), /* @__PURE__ */ i("span", {
+								}), /* @__PURE__ */ r("span", {
 									style: {
 										fontSize: "13px",
 										color: C.textPrimary
@@ -367,7 +367,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "16px 20px",
 						borderTop: `1px solid ${C.borderDefault}`,
@@ -376,7 +376,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						gap: "12px",
 						backgroundColor: C.bgPrimary
 					},
-					children: [/* @__PURE__ */ i("button", {
+					children: [/* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: l,
 						style: {
@@ -389,7 +389,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 							color: C.textSecondary
 						},
 						children: u("bigconsole.filters.editor.action.cancel", "Cancel")
-					}), /* @__PURE__ */ i("button", {
+					}), /* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: k,
 						disabled: !A,