@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

package/dist/bigconsole/components/parser/ParserSelector.js

@@ -1,294 +1,313 @@
 import { useBuildPath as e } from "../../contexts/NavigationContext.js";
 import "../../contexts/index.js";
-import t from "../../hooks/useParserOperations.js";
-import n from "./ParserTypeBadge.js";
-import r from "./ParserStatusBadge.js";
-import { Fragment as i, memo as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { Plus as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { SECTION_FOCUS_RING as t } from "../common/sectionStyles.js";
+import "../common/index.js";
+import n from "../../hooks/useParserOperations.js";
+import r from "./ParserTypeBadge.js";
+import i from "./ParserStatusBadge.js";
+import { Fragment as a, memo as o, useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { Plus as d } from "lucide-react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/bigconsole/components/parser/ParserSelector.tsx
-var p = "default", m = ({ className: e }) => /* @__PURE__ */ d("svg", {
+var h = "default", g = "sticky top-0 z-[1] bg-bg-sunken px-3 py-1.5 border-y border-[var(--color-border-default)]", _ = "text-xs font-semibold uppercase tracking-wide text-text-secondary", v = ({ className: e }) => /* @__PURE__ */ p("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ p("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
-}), h = ({ className: e }) => /* @__PURE__ */ f("svg", {
+}), y = ({ className: e }) => /* @__PURE__ */ m("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
 	children: [
-		/* @__PURE__ */ d("path", {
+		/* @__PURE__ */ p("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M12 21a9 9 0 100-18 9 9 0 000 18z"
 		}),
-		/* @__PURE__ */ d("path", {
+		/* @__PURE__ */ p("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M3.6 9h16.8M3.6 15h16.8"
 		}),
-		/* @__PURE__ */ d("path", {
+		/* @__PURE__ */ p("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M12 3a15 15 0 014 9 15 15 0 01-4 9 15 15 0 01-4-9 15 15 0 014-9z"
 		})
 	]
-}), g = a(function({ parser: e, isSelected: t, onSelect: i, isGlobal: a = !1 }) {
-	return /* @__PURE__ */ d("button", {
+}), b = o(function({ parser: e, isSelected: n, onSelect: a, isGlobal: o = !1 }) {
+	let { t: s } = f();
+	return /* @__PURE__ */ p("button", {
 		type: "button",
-		onClick: () => i(e.id),
+		onClick: () => a(e.id),
 		className: `
-        w-full px-3 py-2.5
+        w-full min-h-control-md px-3 py-2.5
         text-left
         hover:bg-bg-sunken
-        transition-colors
-        border-b border-border-default last:border-b-0
-        ${t ? "bg-action-primary-bg/10" : ""}
+        motion-safe:transition-colors
+        border-b border-[var(--color-border-default)] last:border-b-0
+        ${t}
+        ${n ? "bg-action-primary-bg/10" : ""}
       `,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-start justify-between gap-2",
-			children: [/* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "flex-1 min-w-0",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-2 mb-1",
 						children: [
-							/* @__PURE__ */ d(n, {
+							/* @__PURE__ */ p(r, {
 								type: e.type,
 								size: "sm"
 							}),
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ p("span", {
 								className: "text-sm font-medium text-text-primary truncate",
 								children: e.name
 							}),
-							a && /* @__PURE__ */ f("span", {
+							o && /* @__PURE__ */ m("span", {
 								className: "inline-flex items-center gap-1 px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
-								children: [/* @__PURE__ */ d(h, { className: "w-3 h-3" }), "Global"]
+								children: [/* @__PURE__ */ p(y, { className: "w-3 h-3" }), s("bigconsole.parsers.selector.globalBadge", "Global")]
 							})
 						]
 					}),
-					e.description && /* @__PURE__ */ d("p", {
+					e.description && /* @__PURE__ */ p("p", {
 						className: "text-xs text-text-secondary line-clamp-1 mb-1",
 						children: e.description
 					}),
-					/* @__PURE__ */ d("div", {
-						className: "flex items-center gap-2 text-xs text-text-tertiary",
-						children: /* @__PURE__ */ f("span", { children: [
-							e.inputSinkKey,
-							" → ",
-							e.outputKey
-						] })
+					/* @__PURE__ */ p("div", {
+						className: "flex min-w-0 items-center gap-2 text-xs text-text-muted",
+						children: /* @__PURE__ */ m("span", {
+							className: "truncate font-mono",
+							children: [
+								e.inputSinkKey,
+								" → ",
+								e.outputKey
+							]
+						})
 					})
 				]
-			}), /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d(r, {
-				status: e.status,
-				size: "sm",
-				showIcon: !1
-			}) })]
+			}), /* @__PURE__ */ p("div", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ p(i, {
+					status: e.status,
+					size: "sm",
+					showIcon: !1
+				})
+			})]
 		})
 	});
-}), _ = a(function({ consoleId: r, value: a, onChange: h, filterType: _, filterStatus: v = "active", filterInputSinkKey: y, placeholder: b = "Select a parser...", disabled: x = !1, error: S = !1, errorMessage: C }) {
-	let [w, T] = l(!1), [E, D] = l(""), O = e(), k = r === p, { parsers: A, loading: j, fetchParsers: M } = t({
-		consoleId: r,
-		skipFetch: k
-	}), { parsers: N, loading: P, fetchParsers: F } = t({
-		consoleId: p,
-		skipFetch: k
-	}), I = c(() => {
-		if (k) return A;
-		let e = new Set(A.map((e) => e.id)), t = N.filter((t) => !e.has(t.id));
-		return [...A, ...t];
+}), x = o(function({ consoleId: i, value: o, onChange: y, filterType: x, filterStatus: S = "active", filterInputSinkKey: C, placeholder: w, disabled: T = !1, error: E = !1, errorMessage: D }) {
+	let { t: O } = f(), [k, A] = u(!1), [j, M] = u(""), N = w ?? O("bigconsole.parsers.selector.placeholder", "Select a parser..."), P = e(), F = i === h, { parsers: I, loading: L, fetchParsers: R } = n({
+		consoleId: i,
+		skipFetch: F
+	}), { parsers: z, loading: B, fetchParsers: V } = n({
+		consoleId: h,
+		skipFetch: F
+	}), H = l(() => {
+		if (F) return I;
+		let e = new Set(I.map((e) => e.id)), t = z.filter((t) => !e.has(t.id));
+		return [...I, ...t];
 	}, [
-		A,
-		N,
-		k
-	]), L = j || P, R = c(() => I.filter((e) => {
-		if (_ && e.type !== _ || v && e.status !== v || y && e.inputSinkKey !== y) return !1;
-		if (E) {
-			let t = E.toLowerCase();
+		I,
+		z,
+		F
+	]), U = L || B, W = l(() => H.filter((e) => {
+		if (x && e.type !== x || S && e.status !== S || C && e.inputSinkKey !== C) return !1;
+		if (j) {
+			let t = j.toLowerCase();
 			return e.name.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t) || e.inputSinkKey.toLowerCase().includes(t) || e.outputKey.toLowerCase().includes(t);
 		}
 		return !0;
 	}), [
-		I,
-		_,
-		v,
-		y,
-		E
-	]), { dashboardScopedParsers: z, globalScopedParsers: B } = c(() => ({
-		dashboardScopedParsers: R.filter((e) => e.consoleId !== p),
-		globalScopedParsers: R.filter((e) => e.consoleId === p)
-	}), [R]), V = I.find((e) => e.id === a);
-	s(() => {
-		r && (M({
-			type: _,
-			status: v ?? void 0
-		}), k || F({
-			type: _,
-			status: v ?? void 0
+		H,
+		x,
+		S,
+		C,
+		j
+	]), { dashboardScopedParsers: G, globalScopedParsers: K } = l(() => ({
+		dashboardScopedParsers: W.filter((e) => e.consoleId !== h),
+		globalScopedParsers: W.filter((e) => e.consoleId === h)
+	}), [W]), q = H.find((e) => e.id === o);
+	c(() => {
+		i && (R({
+			type: x,
+			status: S ?? void 0
+		}), F || V({
+			type: x,
+			status: S ?? void 0
 		}));
 	}, [
-		r,
-		_,
-		v,
-		y,
-		M,
-		F,
-		k
+		i,
+		x,
+		S,
+		C,
+		R,
+		V,
+		F
 	]);
-	let H = o((e) => {
-		h(e), T(!1), D("");
-	}, [h]), U = o(() => {
-		if (x) return;
-		let e = !w;
-		e && (M({
-			type: _,
-			status: v ?? void 0
-		}), k || F({
-			type: _,
-			status: v ?? void 0
-		})), T(e);
+	let J = s((e) => {
+		y(e), A(!1), M("");
+	}, [y]), Y = s(() => {
+		if (T) return;
+		let e = !k;
+		e && (R({
+			type: x,
+			status: S ?? void 0
+		}), F || V({
+			type: x,
+			status: S ?? void 0
+		})), A(e);
 	}, [
+		T,
+		k,
+		R,
+		V,
 		x,
-		w,
-		M,
-		F,
-		_,
-		v,
-		k
-	]), W = o(() => {
-		T(!1);
-	}, []), G = o(() => {
-		T(!1);
-		let e = k ? "/parsers/new" : `/dashboards/${r}/parsers/new`;
-		window.open(O(e), "_blank", "noopener,noreferrer");
+		S,
+		F
+	]), X = s(() => {
+		A(!1);
+	}, []), Z = s(() => {
+		A(!1);
+		let e = F ? "/parsers/new" : `/dashboards/${i}/parsers/new`;
+		window.open(P(e), "_blank", "noopener,noreferrer");
 	}, [
-		O,
-		r,
-		k
+		P,
+		i,
+		F
 	]);
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ f("button", {
+			/* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: U,
-				disabled: x,
+				onClick: Y,
+				disabled: T,
+				"aria-haspopup": "listbox",
+				"aria-expanded": k,
 				className: `
-          w-full
+          w-full min-w-0 min-h-control-md
           px-3 py-2
           bg-bg-surface
           border rounded-md
           text-left
           flex items-center justify-between gap-2
-          transition-colors
-          ${x ? "opacity-50 cursor-not-allowed" : "hover:border-action-primary-bg cursor-pointer"}
-          ${S ? "border-status-error-border" : "border-border-default"}
-          ${w ? "border-action-primary-bg ring-2 ring-action-primary-bg/20" : ""}
+          motion-safe:transition-colors
+          ${t}
+          ${T ? "opacity-50 cursor-not-allowed" : "hover:border-action-primary-bg cursor-pointer"}
+          ${E ? "border-status-error-border" : "border-[var(--color-border-default)]"}
+          ${k ? "border-action-primary-bg ring-2 ring-action-primary-bg/20" : ""}
         `,
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex-1 min-w-0",
-					children: V ? /* @__PURE__ */ f("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ d(n, {
-							type: V.type,
+					children: q ? /* @__PURE__ */ m("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ p(r, {
+							type: q.type,
 							size: "sm"
-						}), /* @__PURE__ */ d("span", {
+						}), /* @__PURE__ */ p("span", {
 							className: "text-sm text-text-primary truncate",
-							children: V.name
+							children: q.name
 						})]
-					}) : /* @__PURE__ */ d("span", {
-						className: "text-sm text-text-tertiary",
-						children: b
+					}) : /* @__PURE__ */ p("span", {
+						className: "text-sm text-text-muted",
+						children: N
 					})
-				}), /* @__PURE__ */ d(m, { className: `w-4 h-4 text-text-secondary transition-transform ${w ? "transform rotate-180" : ""}` })]
+				}), /* @__PURE__ */ p(v, {
+					"aria-hidden": "true",
+					className: `w-4 h-4 shrink-0 text-text-secondary motion-safe:transition-transform ${k ? "transform rotate-180" : ""}`
+				})]
 			}),
-			S && C && /* @__PURE__ */ d("p", {
+			E && D && /* @__PURE__ */ p("p", {
 				className: "mt-1 text-xs text-status-error-text",
-				children: C
+				children: D
 			}),
-			w && /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d("div", {
+			k && /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p("div", {
 				className: "fixed inset-0 z-10",
-				onClick: W
-			}), /* @__PURE__ */ f("div", {
-				className: "absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-border-default rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden",
+				onClick: X
+			}), /* @__PURE__ */ m("div", {
+				className: "absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-[var(--color-border-default)] rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden",
 				children: [
-					/* @__PURE__ */ d("div", {
-						className: "p-2 border-b border-border-default",
-						children: /* @__PURE__ */ d("input", {
+					/* @__PURE__ */ p("div", {
+						className: "p-2 border-b border-[var(--color-border-default)]",
+						children: /* @__PURE__ */ p("input", {
 							type: "text",
-							placeholder: "Search parsers...",
-							value: E,
-							onChange: (e) => D(e.target.value),
-							className: "\n                  w-full px-3 py-2\n                  bg-bg-sunken\n                  border border-border-default\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder-text-tertiary\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                "
+							"aria-label": O("bigconsole.parsers.selector.searchPlaceholder", "Search parsers..."),
+							placeholder: O("bigconsole.parsers.selector.searchPlaceholder", "Search parsers..."),
+							value: j,
+							onChange: (e) => M(e.target.value),
+							className: "\n                  w-full min-w-0 min-h-control-md px-3 py-2\n                  bg-bg-sunken\n                  border border-[var(--color-border-default)]\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder:text-text-muted\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                "
 						})
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ p("div", {
 						className: "overflow-y-auto flex-1",
-						children: L ? /* @__PURE__ */ d("div", {
+						children: U ? /* @__PURE__ */ p("div", {
 							className: "p-4 text-center text-sm text-text-secondary",
-							children: "Loading parsers..."
-						}) : R.length === 0 ? /* @__PURE__ */ d("div", {
+							children: O("bigconsole.parsers.selector.loading", "Loading parsers...")
+						}) : W.length === 0 ? /* @__PURE__ */ p("div", {
 							className: "p-4 text-center text-sm text-text-secondary",
-							children: "No parsers found"
-						}) : /* @__PURE__ */ f(i, { children: [
-							/* @__PURE__ */ d("button", {
+							children: O("bigconsole.parsers.selector.empty", "No parsers found")
+						}) : /* @__PURE__ */ m(a, { children: [
+							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => H(null),
+								onClick: () => J(null),
 								className: `
-                      w-full px-3 py-2
+                      w-full min-h-control-md px-3 py-2
                       text-left text-sm
                       hover:bg-bg-sunken
-                      transition-colors
-                      ${a === null ? "bg-action-primary-bg/10 text-action-primary-bg" : "text-text-secondary"}
+                      motion-safe:transition-colors
+                      focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface
+                      ${o === null ? "bg-action-primary-bg/10 text-action-primary-bg" : "text-text-secondary"}
                     `,
-								children: /* @__PURE__ */ d("span", {
+								children: /* @__PURE__ */ p("span", {
 									className: "italic",
-									children: "None"
+									children: O("bigconsole.parsers.selector.none", "None")
 								})
 							}),
-							z.length > 0 && /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d("div", {
-								className: "px-3 py-1.5 bg-bg-sunken border-y border-border-default",
-								children: /* @__PURE__ */ d("span", {
-									className: "text-xs font-medium text-text-secondary uppercase tracking-wide",
-									children: "Dashboard Parsers"
+							G.length > 0 && /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p("div", {
+								className: g,
+								children: /* @__PURE__ */ p("span", {
+									className: _,
+									children: O("bigconsole.parsers.selector.dashboardParsers", "Dashboard Parsers")
 								})
-							}), z.map((e) => /* @__PURE__ */ d(g, {
+							}), G.map((e) => /* @__PURE__ */ p(b, {
 								parser: e,
-								isSelected: a === e.id,
-								onSelect: H
+								isSelected: o === e.id,
+								onSelect: J
 							}, e.id))] }),
-							B.length > 0 && /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d("div", {
-								className: "px-3 py-1.5 bg-bg-sunken border-y border-border-default",
-								children: /* @__PURE__ */ d("span", {
-									className: "text-xs font-medium text-text-secondary uppercase tracking-wide",
-									children: "Global Parsers"
+							K.length > 0 && /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p("div", {
+								className: g,
+								children: /* @__PURE__ */ p("span", {
+									className: _,
+									children: O("bigconsole.parsers.selector.globalParsers", "Global Parsers")
 								})
-							}), B.map((e) => /* @__PURE__ */ d(g, {
+							}), K.map((e) => /* @__PURE__ */ p(b, {
 								parser: e,
-								isSelected: a === e.id,
-								onSelect: H,
+								isSelected: o === e.id,
+								onSelect: J,
 								isGlobal: !0
 							}, e.id))] })
 						] })
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ p("div", {
 						className: "p-2 border-t border-border-default",
-						children: /* @__PURE__ */ f("button", {
+						children: /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: G,
+							onClick: Z,
 							className: "\n                  w-full flex items-center gap-2\n                  px-3 py-2\n                  text-sm font-medium text-action-primary-bg\n                  rounded-md\n                  hover:bg-action-primary-bg/10\n                  transition-colors\n                ",
-							children: [/* @__PURE__ */ d(u, { className: "w-4 h-4" }), "Create new parser"]
+							children: [/* @__PURE__ */ p(d, { className: "w-4 h-4" }), O("bigconsole.parsers.selector.createNew", "Create new parser")]
 						})
 					})
 				]
@@ -297,6 +316,6 @@ var p = "default", m = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	});
 });
 //#endregion
-export { _ as default };
+export { x as default };
 
 //# sourceMappingURL=ParserSelector.js.map

package/dist/bigconsole/components/parser/ParserSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParserSelector.js","names":[],"sources":["../../../../src/bigconsole/components/parser/ParserSelector.tsx"],"sourcesContent":["/**\n * Parser Selector\n *\n * Dropdown component for selecting a parser.\n * Shows both dashboard-specific parsers and global parsers.\n */\n\nimport { memo, useState, useEffect, useCallback, Fragment, useMemo } from 'react';\nimport { Plus } from 'lucide-react';\nimport { useParserOperations } from '../../hooks/useParserOperations';\nimport { useBuildPath } from '../../contexts';\nimport { ParserTypeBadge } from './ParserTypeBadge';\nimport { ParserStatusBadge } from './ParserStatusBadge';\nimport type { ParserType, ParserStatus } from '../../types';\n\n// Default console ID for global parsers\nconst DEFAULT_CONSOLE_ID = 'default';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ParserSelectorProps {\n  /** Console ID */\n  consoleId: string;\n  /** Currently selected parser ID */\n  value: string | null;\n  /** Callback when selection changes */\n  onChange: (id: string | null) => void;\n  /** Filter by type */\n  filterType?: ParserType;\n  /** Filter by status */\n  filterStatus?: ParserStatus;\n  /** Filter by input DataSink key */\n  filterInputSinkKey?: string | null;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether the selector is disabled */\n  disabled?: boolean;\n  /** Whether to show error state */\n  error?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst ChevronDownIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n  </svg>\n);\n\nconst GlobeIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 21a9 9 0 100-18 9 9 0 000 18z\" />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M3.6 9h16.8M3.6 15h16.8\" />\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 3a15 15 0 014 9 15 15 0 01-4 9 15 15 0 01-4-9 15 15 0 014-9z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// PARSER OPTION BUTTON\n// ============================================================================\n\ninterface ParserOptionButtonProps {\n  parser: {\n    id: string;\n    name: string;\n    description: string | null;\n    type: 'jq' | 'jsonata';\n    inputSinkKey: string;\n    outputKey: string;\n    status: 'active' | 'inactive';\n  };\n  isSelected: boolean;\n  onSelect: (id: string) => void;\n  isGlobal?: boolean;\n}\n\nconst ParserOptionButton = memo(function ParserOptionButton({\n  parser,\n  isSelected,\n  onSelect,\n  isGlobal = false,\n}: ParserOptionButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onSelect(parser.id)}\n      className={`\n        w-full px-3 py-2.5\n        text-left\n        hover:bg-bg-sunken\n        transition-colors\n        border-b border-border-default last:border-b-0\n        ${isSelected ? 'bg-action-primary-bg/10' : ''}\n      `}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\">\n          {/* Name and type */}\n          <div className=\"flex items-center gap-2 mb-1\">\n            <ParserTypeBadge type={parser.type} size=\"sm\" />\n            <span className=\"text-sm font-medium text-text-primary truncate\">{parser.name}</span>\n            {isGlobal && (\n              <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n                <GlobeIcon className=\"w-3 h-3\" />\n                Global\n              </span>\n            )}\n          </div>\n\n          {/* Description */}\n          {parser.description && <p className=\"text-xs text-text-secondary line-clamp-1 mb-1\">{parser.description}</p>}\n\n          {/* Data flow */}\n          <div className=\"flex items-center gap-2 text-xs text-text-tertiary\">\n            <span>\n              {parser.inputSinkKey} → {parser.outputKey}\n            </span>\n          </div>\n        </div>\n\n        {/* Status badge */}\n        <div>\n          <ParserStatusBadge status={parser.status} size=\"sm\" showIcon={false} />\n        </div>\n      </div>\n    </button>\n  );\n});\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\nexport const ParserSelector = memo(function ParserSelector({\n  consoleId,\n  value,\n  onChange,\n  filterType,\n  filterStatus = 'active',\n  filterInputSinkKey,\n  placeholder = 'Select a parser...',\n  disabled = false,\n  error = false,\n  errorMessage,\n}: ParserSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const buildPath = useBuildPath();\n\n  // Determine if we need to fetch global parsers separately\n  const isGlobalConsole = consoleId === DEFAULT_CONSOLE_ID;\n\n  // Fetch dashboard-specific parsers\n  const {\n    parsers: dashboardParsers,\n    loading: dashboardLoading,\n    fetchParsers: fetchDashboardParsers,\n  } = useParserOperations({\n    consoleId,\n    skipFetch: isGlobalConsole, // Skip if already fetching global\n  });\n\n  // Fetch global parsers (only if consoleId is not already 'default')\n  const {\n    parsers: globalParsers,\n    loading: globalLoading,\n    fetchParsers: fetchGlobalParsers,\n  } = useParserOperations({\n    consoleId: DEFAULT_CONSOLE_ID,\n    skipFetch: isGlobalConsole, // Skip if consoleId is already 'default'\n  });\n\n  // Combine parsers: dashboard-specific + global (avoiding duplicates)\n  const allParsers = useMemo(() => {\n    if (isGlobalConsole) {\n      // If we're already on global console, just return dashboard parsers\n      return dashboardParsers;\n    }\n\n    // Combine both, with dashboard parsers first\n    const parserIds = new Set(dashboardParsers.map((p) => p.id));\n    const uniqueGlobalParsers = globalParsers.filter((p) => !parserIds.has(p.id));\n\n    return [...dashboardParsers, ...uniqueGlobalParsers];\n  }, [dashboardParsers, globalParsers, isGlobalConsole]);\n\n  // Combined loading state\n  const loading = dashboardLoading || globalLoading;\n\n  // Filter parsers\n  const filteredParsers = useMemo(() => {\n    return allParsers.filter((p) => {\n      // Filter by type if specified\n      if (filterType && p.type !== filterType) return false;\n\n      // Filter by status if specified\n      if (filterStatus && p.status !== filterStatus) return false;\n\n      // Filter by input DataSink key if specified\n      if (filterInputSinkKey && p.inputSinkKey !== filterInputSinkKey) return false;\n\n      // Filter by search query\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        return (\n          p.name.toLowerCase().includes(query) ||\n          p.description?.toLowerCase().includes(query) ||\n          p.inputSinkKey.toLowerCase().includes(query) ||\n          p.outputKey.toLowerCase().includes(query)\n        );\n      }\n\n      return true;\n    });\n  }, [allParsers, filterType, filterStatus, filterInputSinkKey, searchQuery]);\n\n  // Group parsers by scope for display\n  const { dashboardScopedParsers, globalScopedParsers } = useMemo(() => {\n    const dashboard = filteredParsers.filter((p) => p.consoleId !== DEFAULT_CONSOLE_ID);\n    const global = filteredParsers.filter((p) => p.consoleId === DEFAULT_CONSOLE_ID);\n    return { dashboardScopedParsers: dashboard, globalScopedParsers: global };\n  }, [filteredParsers]);\n\n  // Find selected parser\n  const selectedParser = allParsers.find((p) => p.id === value);\n\n  // Fetch parsers when console changes or DataSink filter changes\n  useEffect(() => {\n    if (consoleId) {\n      fetchDashboardParsers({ type: filterType, status: filterStatus ?? undefined });\n\n      // Also fetch global parsers if not already on global console\n      if (!isGlobalConsole) {\n        fetchGlobalParsers({ type: filterType, status: filterStatus ?? undefined });\n      }\n    }\n  }, [\n    consoleId,\n    filterType,\n    filterStatus,\n    filterInputSinkKey,\n    fetchDashboardParsers,\n    fetchGlobalParsers,\n    isGlobalConsole,\n  ]);\n\n  // Handle selection\n  const handleSelect = useCallback(\n    (id: string | null) => {\n      onChange(id);\n      setIsOpen(false);\n      setSearchQuery('');\n    },\n    [onChange]\n  );\n\n  // Toggle dropdown\n  const handleToggle = useCallback(() => {\n    if (disabled) return;\n    const next = !isOpen;\n    // Refetch on open so a parser created via the \"Create new\" tab shows\n    // up here without needing a full page reload.\n    if (next) {\n      void fetchDashboardParsers({ type: filterType, status: filterStatus ?? undefined });\n      if (!isGlobalConsole) {\n        void fetchGlobalParsers({ type: filterType, status: filterStatus ?? undefined });\n      }\n    }\n    setIsOpen(next);\n  }, [disabled, isOpen, fetchDashboardParsers, fetchGlobalParsers, filterType, filterStatus, isGlobalConsole]);\n\n  // Close dropdown\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  // Open the create-Parser page in a new tab so the current editing\n  // context (e.g. an unsaved widget in the dashboard builder) is preserved.\n  // Preserve the dashboard scope so the new parser is created for this\n  // console rather than as a global parser.\n  const handleCreateNew = useCallback(() => {\n    setIsOpen(false);\n    const path = isGlobalConsole ? '/parsers/new' : `/dashboards/${consoleId}/parsers/new`;\n    window.open(buildPath(path), '_blank', 'noopener,noreferrer');\n  }, [buildPath, consoleId, isGlobalConsole]);\n\n  return (\n    <div className=\"relative\">\n      {/* Trigger button */}\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={disabled}\n        className={`\n          w-full\n          px-3 py-2\n          bg-bg-surface\n          border rounded-md\n          text-left\n          flex items-center justify-between gap-2\n          transition-colors\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:border-action-primary-bg cursor-pointer'}\n          ${error ? 'border-status-error-border' : 'border-border-default'}\n          ${isOpen ? 'border-action-primary-bg ring-2 ring-action-primary-bg/20' : ''}\n        `}\n      >\n        <div className=\"flex-1 min-w-0\">\n          {selectedParser ? (\n            <div className=\"flex items-center gap-2\">\n              <ParserTypeBadge type={selectedParser.type} size=\"sm\" />\n              <span className=\"text-sm text-text-primary truncate\">{selectedParser.name}</span>\n            </div>\n          ) : (\n            <span className=\"text-sm text-text-tertiary\">{placeholder}</span>\n          )}\n        </div>\n\n        <ChevronDownIcon\n          className={`w-4 h-4 text-text-secondary transition-transform ${isOpen ? 'transform rotate-180' : ''}`}\n        />\n      </button>\n\n      {/* Error message */}\n      {error && errorMessage && <p className=\"mt-1 text-xs text-status-error-text\">{errorMessage}</p>}\n\n      {/* Dropdown */}\n      {isOpen && (\n        <Fragment>\n          {/* Backdrop */}\n          <div className=\"fixed inset-0 z-10\" onClick={handleClose} />\n\n          {/* Dropdown content */}\n          <div className=\"absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-border-default rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden\">\n            {/* Search input */}\n            <div className=\"p-2 border-b border-border-default\">\n              <input\n                type=\"text\"\n                placeholder=\"Search parsers...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className={`\n                  w-full px-3 py-2\n                  bg-bg-sunken\n                  border border-border-default\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder-text-tertiary\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                `}\n              />\n            </div>\n\n            {/* Options list */}\n            <div className=\"overflow-y-auto flex-1\">\n              {loading ? (\n                <div className=\"p-4 text-center text-sm text-text-secondary\">Loading parsers...</div>\n              ) : filteredParsers.length === 0 ? (\n                <div className=\"p-4 text-center text-sm text-text-secondary\">No parsers found</div>\n              ) : (\n                <Fragment>\n                  {/* None option */}\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSelect(null)}\n                    className={`\n                      w-full px-3 py-2\n                      text-left text-sm\n                      hover:bg-bg-sunken\n                      transition-colors\n                      ${value === null ? 'bg-action-primary-bg/10 text-action-primary-bg' : 'text-text-secondary'}\n                    `}\n                  >\n                    <span className=\"italic\">None</span>\n                  </button>\n\n                  {/* Dashboard-scoped parsers section */}\n                  {dashboardScopedParsers.length > 0 && (\n                    <Fragment>\n                      <div className=\"px-3 py-1.5 bg-bg-sunken border-y border-border-default\">\n                        <span className=\"text-xs font-medium text-text-secondary uppercase tracking-wide\">\n                          Dashboard Parsers\n                        </span>\n                      </div>\n                      {dashboardScopedParsers.map((parser) => (\n                        <ParserOptionButton\n                          key={parser.id}\n                          parser={parser}\n                          isSelected={value === parser.id}\n                          onSelect={handleSelect}\n                        />\n                      ))}\n                    </Fragment>\n                  )}\n\n                  {/* Global parsers section */}\n                  {globalScopedParsers.length > 0 && (\n                    <Fragment>\n                      <div className=\"px-3 py-1.5 bg-bg-sunken border-y border-border-default\">\n                        <span className=\"text-xs font-medium text-text-secondary uppercase tracking-wide\">\n                          Global Parsers\n                        </span>\n                      </div>\n                      {globalScopedParsers.map((parser) => (\n                        <ParserOptionButton\n                          key={parser.id}\n                          parser={parser}\n                          isSelected={value === parser.id}\n                          onSelect={handleSelect}\n                          isGlobal\n                        />\n                      ))}\n                    </Fragment>\n                  )}\n                </Fragment>\n              )}\n            </div>\n\n            {/* Create new — persistent footer action (opens in a new tab) */}\n            <div className=\"p-2 border-t border-border-default\">\n              <button\n                type=\"button\"\n                onClick={handleCreateNew}\n                className=\"\n                  w-full flex items-center gap-2\n                  px-3 py-2\n                  text-sm font-medium text-action-primary-bg\n                  rounded-md\n                  hover:bg-action-primary-bg/10\n                  transition-colors\n                \"\n              >\n                <Plus className=\"w-4 h-4\" />\n                Create new parser\n              </button>\n            </div>\n          </div>\n        </Fragment>\n      )}\n    </div>\n  );\n});\n\nexport default ParserSelector;\n"],"mappings":"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"}
+{"version":3,"file":"ParserSelector.js","names":[],"sources":["../../../../src/bigconsole/components/parser/ParserSelector.tsx"],"sourcesContent":["/**\n * Parser Selector\n *\n * Dropdown component for selecting a parser.\n * Shows both dashboard-specific parsers and global parsers.\n */\n\nimport { memo, useState, useEffect, useCallback, Fragment, useMemo } from 'react';\nimport { Plus } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useParserOperations } from '../../hooks/useParserOperations';\nimport { useBuildPath } from '../../contexts';\nimport { ParserTypeBadge } from './ParserTypeBadge';\nimport { ParserStatusBadge } from './ParserStatusBadge';\nimport { SECTION_FOCUS_RING } from '../common';\nimport type { ParserType, ParserStatus } from '../../types';\n\n// Default console ID for global parsers\nconst DEFAULT_CONSOLE_ID = 'default';\n\n/**\n * Group header inside the dropdown. This sunken, bordered, uppercase strip is the\n * module's section-header idiom at list scale — it is kept in step with the\n * `Section` primitive so a grouped dropdown reads like a grouped page.\n */\nconst GROUP_HEADER = 'sticky top-0 z-[1] bg-bg-sunken px-3 py-1.5 border-y border-[var(--color-border-default)]';\nconst GROUP_HEADER_LABEL = 'text-xs font-semibold uppercase tracking-wide text-text-secondary';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ParserSelectorProps {\n  /** Console ID */\n  consoleId: string;\n  /** Currently selected parser ID */\n  value: string | null;\n  /** Callback when selection changes */\n  onChange: (id: string | null) => void;\n  /** Filter by type */\n  filterType?: ParserType;\n  /** Filter by status */\n  filterStatus?: ParserStatus;\n  /** Filter by input DataSink key */\n  filterInputSinkKey?: string | null;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether the selector is disabled */\n  disabled?: boolean;\n  /** Whether to show error state */\n  error?: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst ChevronDownIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n  </svg>\n);\n\nconst GlobeIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 21a9 9 0 100-18 9 9 0 000 18z\" />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M3.6 9h16.8M3.6 15h16.8\" />\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 3a15 15 0 014 9 15 15 0 01-4 9 15 15 0 01-4-9 15 15 0 014-9z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// PARSER OPTION BUTTON\n// ============================================================================\n\ninterface ParserOptionButtonProps {\n  parser: {\n    id: string;\n    name: string;\n    description: string | null;\n    type: 'jq' | 'jsonata';\n    inputSinkKey: string;\n    outputKey: string;\n    status: 'active' | 'inactive';\n  };\n  isSelected: boolean;\n  onSelect: (id: string) => void;\n  isGlobal?: boolean;\n}\n\nconst ParserOptionButton = memo(function ParserOptionButton({\n  parser,\n  isSelected,\n  onSelect,\n  isGlobal = false,\n}: ParserOptionButtonProps) {\n  const { t } = useI18n();\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onSelect(parser.id)}\n      className={`\n        w-full min-h-control-md px-3 py-2.5\n        text-left\n        hover:bg-bg-sunken\n        motion-safe:transition-colors\n        border-b border-[var(--color-border-default)] last:border-b-0\n        ${SECTION_FOCUS_RING}\n        ${isSelected ? 'bg-action-primary-bg/10' : ''}\n      `}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\">\n          {/* Name and type */}\n          <div className=\"flex items-center gap-2 mb-1\">\n            <ParserTypeBadge type={parser.type} size=\"sm\" />\n            <span className=\"text-sm font-medium text-text-primary truncate\">{parser.name}</span>\n            {isGlobal && (\n              <span className=\"inline-flex items-center gap-1 px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n                <GlobeIcon className=\"w-3 h-3\" />\n                {t('bigconsole.parsers.selector.globalBadge', 'Global')}\n              </span>\n            )}\n          </div>\n\n          {/* Description */}\n          {parser.description && <p className=\"text-xs text-text-secondary line-clamp-1 mb-1\">{parser.description}</p>}\n\n          {/* Data flow */}\n          <div className=\"flex min-w-0 items-center gap-2 text-xs text-text-muted\">\n            <span className=\"truncate font-mono\">\n              {parser.inputSinkKey} → {parser.outputKey}\n            </span>\n          </div>\n        </div>\n\n        {/* Status badge */}\n        <div className=\"shrink-0\">\n          <ParserStatusBadge status={parser.status} size=\"sm\" showIcon={false} />\n        </div>\n      </div>\n    </button>\n  );\n});\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\nexport const ParserSelector = memo(function ParserSelector({\n  consoleId,\n  value,\n  onChange,\n  filterType,\n  filterStatus = 'active',\n  filterInputSinkKey,\n  placeholder,\n  disabled = false,\n  error = false,\n  errorMessage,\n}: ParserSelectorProps) {\n  const { t } = useI18n();\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const resolvedPlaceholder = placeholder ?? t('bigconsole.parsers.selector.placeholder', 'Select a parser...');\n\n  const buildPath = useBuildPath();\n\n  // Determine if we need to fetch global parsers separately\n  const isGlobalConsole = consoleId === DEFAULT_CONSOLE_ID;\n\n  // Fetch dashboard-specific parsers\n  const {\n    parsers: dashboardParsers,\n    loading: dashboardLoading,\n    fetchParsers: fetchDashboardParsers,\n  } = useParserOperations({\n    consoleId,\n    skipFetch: isGlobalConsole, // Skip if already fetching global\n  });\n\n  // Fetch global parsers (only if consoleId is not already 'default')\n  const {\n    parsers: globalParsers,\n    loading: globalLoading,\n    fetchParsers: fetchGlobalParsers,\n  } = useParserOperations({\n    consoleId: DEFAULT_CONSOLE_ID,\n    skipFetch: isGlobalConsole, // Skip if consoleId is already 'default'\n  });\n\n  // Combine parsers: dashboard-specific + global (avoiding duplicates)\n  const allParsers = useMemo(() => {\n    if (isGlobalConsole) {\n      // If we're already on global console, just return dashboard parsers\n      return dashboardParsers;\n    }\n\n    // Combine both, with dashboard parsers first\n    const parserIds = new Set(dashboardParsers.map((p) => p.id));\n    const uniqueGlobalParsers = globalParsers.filter((p) => !parserIds.has(p.id));\n\n    return [...dashboardParsers, ...uniqueGlobalParsers];\n  }, [dashboardParsers, globalParsers, isGlobalConsole]);\n\n  // Combined loading state\n  const loading = dashboardLoading || globalLoading;\n\n  // Filter parsers\n  const filteredParsers = useMemo(() => {\n    return allParsers.filter((p) => {\n      // Filter by type if specified\n      if (filterType && p.type !== filterType) return false;\n\n      // Filter by status if specified\n      if (filterStatus && p.status !== filterStatus) return false;\n\n      // Filter by input DataSink key if specified\n      if (filterInputSinkKey && p.inputSinkKey !== filterInputSinkKey) return false;\n\n      // Filter by search query\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        return (\n          p.name.toLowerCase().includes(query) ||\n          p.description?.toLowerCase().includes(query) ||\n          p.inputSinkKey.toLowerCase().includes(query) ||\n          p.outputKey.toLowerCase().includes(query)\n        );\n      }\n\n      return true;\n    });\n  }, [allParsers, filterType, filterStatus, filterInputSinkKey, searchQuery]);\n\n  // Group parsers by scope for display\n  const { dashboardScopedParsers, globalScopedParsers } = useMemo(() => {\n    const dashboard = filteredParsers.filter((p) => p.consoleId !== DEFAULT_CONSOLE_ID);\n    const global = filteredParsers.filter((p) => p.consoleId === DEFAULT_CONSOLE_ID);\n    return { dashboardScopedParsers: dashboard, globalScopedParsers: global };\n  }, [filteredParsers]);\n\n  // Find selected parser\n  const selectedParser = allParsers.find((p) => p.id === value);\n\n  // Fetch parsers when console changes or DataSink filter changes\n  useEffect(() => {\n    if (consoleId) {\n      fetchDashboardParsers({ type: filterType, status: filterStatus ?? undefined });\n\n      // Also fetch global parsers if not already on global console\n      if (!isGlobalConsole) {\n        fetchGlobalParsers({ type: filterType, status: filterStatus ?? undefined });\n      }\n    }\n  }, [\n    consoleId,\n    filterType,\n    filterStatus,\n    filterInputSinkKey,\n    fetchDashboardParsers,\n    fetchGlobalParsers,\n    isGlobalConsole,\n  ]);\n\n  // Handle selection\n  const handleSelect = useCallback(\n    (id: string | null) => {\n      onChange(id);\n      setIsOpen(false);\n      setSearchQuery('');\n    },\n    [onChange]\n  );\n\n  // Toggle dropdown\n  const handleToggle = useCallback(() => {\n    if (disabled) return;\n    const next = !isOpen;\n    // Refetch on open so a parser created via the \"Create new\" tab shows\n    // up here without needing a full page reload.\n    if (next) {\n      void fetchDashboardParsers({ type: filterType, status: filterStatus ?? undefined });\n      if (!isGlobalConsole) {\n        void fetchGlobalParsers({ type: filterType, status: filterStatus ?? undefined });\n      }\n    }\n    setIsOpen(next);\n  }, [disabled, isOpen, fetchDashboardParsers, fetchGlobalParsers, filterType, filterStatus, isGlobalConsole]);\n\n  // Close dropdown\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  // Open the create-Parser page in a new tab so the current editing\n  // context (e.g. an unsaved widget in the dashboard builder) is preserved.\n  // Preserve the dashboard scope so the new parser is created for this\n  // console rather than as a global parser.\n  const handleCreateNew = useCallback(() => {\n    setIsOpen(false);\n    const path = isGlobalConsole ? '/parsers/new' : `/dashboards/${consoleId}/parsers/new`;\n    window.open(buildPath(path), '_blank', 'noopener,noreferrer');\n  }, [buildPath, consoleId, isGlobalConsole]);\n\n  return (\n    <div className=\"relative\">\n      {/* Trigger button */}\n      <button\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={disabled}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        className={`\n          w-full min-w-0 min-h-control-md\n          px-3 py-2\n          bg-bg-surface\n          border rounded-md\n          text-left\n          flex items-center justify-between gap-2\n          motion-safe:transition-colors\n          ${SECTION_FOCUS_RING}\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:border-action-primary-bg cursor-pointer'}\n          ${error ? 'border-status-error-border' : 'border-[var(--color-border-default)]'}\n          ${isOpen ? 'border-action-primary-bg ring-2 ring-action-primary-bg/20' : ''}\n        `}\n      >\n        <div className=\"flex-1 min-w-0\">\n          {selectedParser ? (\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <ParserTypeBadge type={selectedParser.type} size=\"sm\" />\n              <span className=\"text-sm text-text-primary truncate\">{selectedParser.name}</span>\n            </div>\n          ) : (\n            <span className=\"text-sm text-text-muted\">{resolvedPlaceholder}</span>\n          )}\n        </div>\n\n        <ChevronDownIcon\n          aria-hidden=\"true\"\n          className={`w-4 h-4 shrink-0 text-text-secondary motion-safe:transition-transform ${isOpen ? 'transform rotate-180' : ''}`}\n        />\n      </button>\n\n      {/* Error message */}\n      {error && errorMessage && <p className=\"mt-1 text-xs text-status-error-text\">{errorMessage}</p>}\n\n      {/* Dropdown */}\n      {isOpen && (\n        <Fragment>\n          {/* Backdrop */}\n          <div className=\"fixed inset-0 z-10\" onClick={handleClose} />\n\n          {/* Dropdown content */}\n          <div className=\"absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-[var(--color-border-default)] rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden\">\n            {/* Search input */}\n            <div className=\"p-2 border-b border-[var(--color-border-default)]\">\n              <input\n                type=\"text\"\n                aria-label={t('bigconsole.parsers.selector.searchPlaceholder', 'Search parsers...')}\n                placeholder={t('bigconsole.parsers.selector.searchPlaceholder', 'Search parsers...')}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className={`\n                  w-full min-w-0 min-h-control-md px-3 py-2\n                  bg-bg-sunken\n                  border border-[var(--color-border-default)]\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder:text-text-muted\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                `}\n              />\n            </div>\n\n            {/* Options list */}\n            <div className=\"overflow-y-auto flex-1\">\n              {loading ? (\n                <div className=\"p-4 text-center text-sm text-text-secondary\">\n                  {t('bigconsole.parsers.selector.loading', 'Loading parsers...')}\n                </div>\n              ) : filteredParsers.length === 0 ? (\n                <div className=\"p-4 text-center text-sm text-text-secondary\">\n                  {t('bigconsole.parsers.selector.empty', 'No parsers found')}\n                </div>\n              ) : (\n                <Fragment>\n                  {/* None option */}\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSelect(null)}\n                    className={`\n                      w-full min-h-control-md px-3 py-2\n                      text-left text-sm\n                      hover:bg-bg-sunken\n                      motion-safe:transition-colors\n                      ${SECTION_FOCUS_RING}\n                      ${value === null ? 'bg-action-primary-bg/10 text-action-primary-bg' : 'text-text-secondary'}\n                    `}\n                  >\n                    <span className=\"italic\">{t('bigconsole.parsers.selector.none', 'None')}</span>\n                  </button>\n\n                  {/* Dashboard-scoped parsers section */}\n                  {dashboardScopedParsers.length > 0 && (\n                    <Fragment>\n                      <div className={GROUP_HEADER}>\n                        <span className={GROUP_HEADER_LABEL}>\n                          {t('bigconsole.parsers.selector.dashboardParsers', 'Dashboard Parsers')}\n                        </span>\n                      </div>\n                      {dashboardScopedParsers.map((parser) => (\n                        <ParserOptionButton\n                          key={parser.id}\n                          parser={parser}\n                          isSelected={value === parser.id}\n                          onSelect={handleSelect}\n                        />\n                      ))}\n                    </Fragment>\n                  )}\n\n                  {/* Global parsers section */}\n                  {globalScopedParsers.length > 0 && (\n                    <Fragment>\n                      <div className={GROUP_HEADER}>\n                        <span className={GROUP_HEADER_LABEL}>\n                          {t('bigconsole.parsers.selector.globalParsers', 'Global Parsers')}\n                        </span>\n                      </div>\n                      {globalScopedParsers.map((parser) => (\n                        <ParserOptionButton\n                          key={parser.id}\n                          parser={parser}\n                          isSelected={value === parser.id}\n                          onSelect={handleSelect}\n                          isGlobal\n                        />\n                      ))}\n                    </Fragment>\n                  )}\n                </Fragment>\n              )}\n            </div>\n\n            {/* Create new — persistent footer action (opens in a new tab) */}\n            <div className=\"p-2 border-t border-border-default\">\n              <button\n                type=\"button\"\n                onClick={handleCreateNew}\n                className=\"\n                  w-full flex items-center gap-2\n                  px-3 py-2\n                  text-sm font-medium text-action-primary-bg\n                  rounded-md\n                  hover:bg-action-primary-bg/10\n                  transition-colors\n                \"\n              >\n                <Plus className=\"w-4 h-4\" />\n                {t('bigconsole.parsers.selector.createNew', 'Create new parser')}\n              </button>\n            </div>\n          </div>\n        </Fragment>\n      )}\n    </div>\n  );\n});\n\nexport default ParserSelector;\n"],"mappings":"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"}

package/dist/bigconsole/components/parser/ParserStatusBadge.js

@@ -40,8 +40,8 @@ var r = {
 			label: "Active"
 		},
 		inactive: {
-			bg: "bg-text-tertiary/10",
-			text: "text-text-tertiary",
+			bg: "bg-bg-sunken",
+			text: "text-text-muted",
 			icon: /* @__PURE__ */ t(o, { className: u }),
 			label: "Inactive"
 		}