@burdenoff/microfe-bigconsole 2026.1008.11 → 2026.1008.13

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

@@ -6,8 +6,8 @@ import n from "../../hooks/useDataSinkOperations.js";
 import r from "../datasink/DataSinkStatusBadge.js";
 import { Fragment as i, memo as a, useCallback as o, useMemo as s, useState as c } from "react";
 import { Plus as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/bigconsole/components/parser/DataSinkSelector.tsx
 var p = "sticky top-0 z-[1] bg-bg-sunken px-3 py-1.5 border-y border-[var(--color-border-default)]", m = "text-xs font-semibold uppercase tracking-wide text-text-secondary";
 function h(e, t) {
@@ -20,19 +20,19 @@ function h(e, t) {
 	let o = Math.floor(a / 24);
 	return o < 7 ? t("bigconsole.parsers.dataSinkSelector.relativeTime.daysAgo", "{{days}}d ago", { days: o }) : n.toLocaleDateString();
 }
-var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
+var g = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	stroke: "currentColor",
 	viewBox: "0 0 24 24",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ d("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M19 9l-7 7-7-7"
 	})
 }), _ = a(function({ value: a, onChange: _, filterStatus: v, placeholder: y, disabled: b = !1, error: x = !1, errorMessage: S }) {
-	let { t: C } = f(), [w, T] = c(!1), [E, D] = c(""), O = y ?? C("bigconsole.parsers.dataSinkSelector.placeholder", "Select a data source..."), k = e(), { dataSinks: A, loading: j, fetchDataSinks: M } = n({ skipFetch: !1 }), N = s(() => A.filter((e) => {
+	let { t: C } = u(), [w, T] = c(!1), [E, D] = c(""), O = y ?? C("bigconsole.parsers.dataSinkSelector.placeholder", "Select a data source..."), k = e(), { dataSinks: A, loading: j, fetchDataSinks: M } = n({ skipFetch: !1 }), N = s(() => A.filter((e) => {
 		if (v && e.status !== v) return !1;
 		if (E) {
 			let t = E.toLowerCase();
@@ -58,10 +58,10 @@ var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	}, []), R = o(() => {
 		T(!1), window.open(k("/datasinks/new"), "_blank", "noopener,noreferrer");
 	}, [k]);
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ d("button", {
+			/* @__PURE__ */ f("button", {
 				type: "button",
 				onClick: I,
 				disabled: b,
@@ -80,40 +80,40 @@ var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
           ${x ? "border-status-error-border" : "border-[var(--color-border-default)]"}
           ${w ? "border-action-primary-bg ring-2 ring-action-primary-bg/20" : ""}
         `,
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex-1 min-w-0",
-					children: P ? /* @__PURE__ */ d("div", {
+					children: P ? /* @__PURE__ */ f("div", {
 						className: "flex min-w-0 items-center gap-2",
-						children: [/* @__PURE__ */ u(r, {
+						children: [/* @__PURE__ */ d(r, {
 							status: P.status,
 							size: "sm",
 							showIcon: !1
-						}), /* @__PURE__ */ u("span", {
+						}), /* @__PURE__ */ d("span", {
 							className: "text-sm text-text-primary truncate",
 							children: P.name || P.key
 						})]
-					}) : /* @__PURE__ */ u("span", {
+					}) : /* @__PURE__ */ d("span", {
 						className: "text-sm text-text-muted",
 						children: O
 					})
-				}), /* @__PURE__ */ u(g, {
+				}), /* @__PURE__ */ d(g, {
 					"aria-hidden": "true",
 					className: `w-4 h-4 shrink-0 text-text-secondary motion-safe:transition-transform ${w ? "transform rotate-180" : ""}`
 				})]
 			}),
-			x && S && /* @__PURE__ */ u("p", {
+			x && S && /* @__PURE__ */ d("p", {
 				className: "mt-1 text-xs text-status-error-text",
 				children: S
 			}),
-			w && /* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u("div", {
+			w && /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d("div", {
 				className: "fixed inset-0 z-10",
 				onClick: L
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("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__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						className: "p-2 border-b border-[var(--color-border-default)]",
-						children: /* @__PURE__ */ u("input", {
+						children: /* @__PURE__ */ d("input", {
 							type: "text",
 							"aria-label": C("bigconsole.parsers.dataSinkSelector.searchPlaceholder", "Search data sources..."),
 							placeholder: C("bigconsole.parsers.dataSinkSelector.searchPlaceholder", "Search data sources..."),
@@ -122,16 +122,16 @@ var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
 							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__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						className: "overflow-y-auto flex-1",
-						children: j ? /* @__PURE__ */ u("div", {
+						children: j ? /* @__PURE__ */ d("div", {
 							className: "p-4 text-center text-sm text-text-secondary",
 							children: C("bigconsole.parsers.dataSinkSelector.loading", "Loading data sources...")
-						}) : N.length === 0 ? /* @__PURE__ */ u("div", {
+						}) : N.length === 0 ? /* @__PURE__ */ d("div", {
 							className: "p-4 text-center text-sm text-text-secondary",
 							children: E ? C("bigconsole.parsers.dataSinkSelector.emptySearch", "No matching data sources found") : C("bigconsole.parsers.dataSinkSelector.empty", "No data sources available")
-						}) : /* @__PURE__ */ d(i, { children: [
-							/* @__PURE__ */ u("button", {
+						}) : /* @__PURE__ */ f(i, { children: [
+							/* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: () => F(null),
 								className: `
@@ -142,19 +142,19 @@ var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
                       focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface
                       ${a === null ? "bg-action-primary-bg/10 text-action-primary-bg" : "text-text-secondary"}
                     `,
-								children: /* @__PURE__ */ u("span", {
+								children: /* @__PURE__ */ d("span", {
 									className: "italic",
 									children: C("bigconsole.parsers.dataSinkSelector.none", "None")
 								})
 							}),
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ d("div", {
 								className: p,
-								children: /* @__PURE__ */ u("span", {
+								children: /* @__PURE__ */ d("span", {
 									className: m,
 									children: "Data Sources"
 								})
 							}),
-							N.map((e) => /* @__PURE__ */ u("button", {
+							N.map((e) => /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: () => F(e.key),
 								className: `
@@ -166,38 +166,38 @@ var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
                         focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface
                         ${a === e.key ? "bg-action-primary-bg/10" : ""}
                       `,
-								children: /* @__PURE__ */ u("div", {
+								children: /* @__PURE__ */ d("div", {
 									className: "flex items-start justify-between gap-2",
-									children: /* @__PURE__ */ d("div", {
+									children: /* @__PURE__ */ f("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ d("div", {
+											/* @__PURE__ */ f("div", {
 												className: "flex min-w-0 items-center gap-2 mb-1",
-												children: [/* @__PURE__ */ u(r, {
+												children: [/* @__PURE__ */ d(r, {
 													status: e.status,
 													size: "sm",
 													showIcon: !1
-												}), /* @__PURE__ */ u("span", {
+												}), /* @__PURE__ */ d("span", {
 													className: "text-sm font-medium text-text-primary truncate",
 													children: e.name || e.key
 												})]
 											}),
-											e.description && /* @__PURE__ */ u("p", {
+											e.description && /* @__PURE__ */ d("p", {
 												className: "text-xs text-text-secondary line-clamp-1 mb-1",
 												children: e.description
 											}),
-											/* @__PURE__ */ d("div", {
+											/* @__PURE__ */ f("div", {
 												className: "flex min-w-0 flex-wrap items-center gap-x-2 text-xs text-text-muted",
 												children: [
-													/* @__PURE__ */ u("span", {
+													/* @__PURE__ */ d("span", {
 														className: "min-w-0 truncate font-mono",
 														children: C("bigconsole.parsers.dataSinkSelector.keyLabel", "key: {{key}}", { key: e.key })
 													}),
-													/* @__PURE__ */ u("span", {
+													/* @__PURE__ */ d("span", {
 														"aria-hidden": "true",
 														children: "•"
 													}),
-													/* @__PURE__ */ u("span", {
+													/* @__PURE__ */ d("span", {
 														className: "truncate",
 														children: C("bigconsole.parsers.dataSinkSelector.refreshedLabel", "Refreshed: {{time}}", { time: h(e.lastRefreshedAt, C) })
 													})
@@ -209,13 +209,13 @@ var g = ({ className: e }) => /* @__PURE__ */ u("svg", {
 							}, e.id))
 						] })
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						className: "p-2 border-t border-border-default",
-						children: /* @__PURE__ */ d("button", {
+						children: /* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: R,
 							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__ */ u(l, { className: "w-4 h-4" }), C("bigconsole.parsers.dataSinkSelector.createNew", "Create new data source")]
+							children: [/* @__PURE__ */ d(l, { className: "w-4 h-4" }), C("bigconsole.parsers.dataSinkSelector.createNew", "Create new data source")]
 						})
 					})
 				]