@burdenoff/microfe-bigconsole 2026.624.2 → 2026.626.1

package/dist/bigconsole/pages/DataParsersPage.js

@@ -3,16 +3,16 @@ import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import n from "../hooks/useParserOperations.js";
 import r from "../hooks/useExportParser.js";
-import { isNative as i, nativeConfirm as a, nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
-import c from "../components/parser/ParserCard.js";
-import ee from "../components/parser/ImportParserDialog.js";
-import { memo as l, useCallback as u, useMemo as te, useState as d } from "react";
-import { useParams as f } from "react-router-dom";
-import { AlertCircle as p, FileCode2 as ne, FolderOpen as re, Plus as m, Search as h, Upload as g, X as ie } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Badge as ae, Button as y, Card as b, CardContent as x, Input as oe, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Spinner as se } from "@burdenoff/fe-libs/ui";
+import { isNative as i, nativeConfirm as a, nativeImpact as ee, nativeNotify as o } from "../../utils/nativeBridge.js";
+import te from "../components/parser/ParserCard.js";
+import ne from "../components/parser/ImportParserDialog.js";
+import { memo as s, useCallback as c, useMemo as l, useState as u } from "react";
+import { useParams as d } from "react-router-dom";
+import { AlertCircle as f, FileCode2 as p, Plus as m, Search as re, Upload as ie, X as ae } from "lucide-react";
+import { AuroraBackground as oe, Badge as h, Button as g, CTAOverflowMenu as _, Card as v, CardContent as y, GlassCard as b, GradientText as x, IllustratedEmptyState as S, Input as C, PagePurpose as se, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Spinner as ce } from "@burdenoff/fe-libs/ui";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DataParsersPage.tsx
-var D = [
+var le = [
 	{
 		value: "all",
 		label: "All Types"
@@ -25,7 +25,7 @@ var D = [
 		value: "jsonata",
 		label: "JSONata"
 	}
-], O = [
+], ue = [
 	{
 		value: "all",
 		label: "All Status"
@@ -38,35 +38,35 @@ var D = [
 		value: "inactive",
 		label: "Inactive"
 	}
-], k = "default", A = l(function() {
-	let l = t(), { consoleId: A } = f(), j = A || k, M = e((e) => e.typeFilter), N = e((e) => e.statusFilter), P = e((e) => e.searchQuery), F = e((e) => e.setTypeFilter), I = e((e) => e.setStatusFilter), L = e((e) => e.setSearchQuery), [R, z] = d(!1), [B, V] = d(null), [H, U] = d(!1), { loading: W, error: G, parsers: K, deleteParser: q, refetch: J } = n({
-		consoleId: j,
+], de = "default", j = s(function() {
+	let s = t(), { consoleId: j } = d(), M = j || de, N = e((e) => e.typeFilter), P = e((e) => e.statusFilter), F = e((e) => e.searchQuery), I = e((e) => e.setTypeFilter), L = e((e) => e.setStatusFilter), R = e((e) => e.setSearchQuery), [z, B] = u(!1), [V, H] = u(null), [fe, U] = u(!1), { loading: W, error: G, parsers: K, deleteParser: q, refetch: J } = n({
+		consoleId: M,
 		skipFetch: !1
-	}), { downloadParser: Y, loading: ce } = r(), X = te(() => K ? K.filter((e) => {
-		if (M && e.type !== M || N && e.status !== N) return !1;
-		if (P) {
-			let t = P.toLowerCase(), n = e.name?.toLowerCase().includes(t), r = e.description?.toLowerCase().includes(t), i = e.inputSinkKey?.toLowerCase().includes(t), a = e.outputKey?.toLowerCase().includes(t);
+	}), { downloadParser: Y, loading: pe } = r(), X = l(() => K ? K.filter((e) => {
+		if (N && e.type !== N || P && e.status !== P) return !1;
+		if (F) {
+			let t = F.toLowerCase(), n = e.name?.toLowerCase().includes(t), r = e.description?.toLowerCase().includes(t), i = e.inputSinkKey?.toLowerCase().includes(t), a = e.outputKey?.toLowerCase().includes(t);
 			if (!n && !r && !i && !a) return !1;
 		}
 		return !0;
 	}) : [], [
 		K,
-		M,
 		N,
-		P
-	]), le = u((e) => {
-		F(e === "all" ? null : e);
-	}, [F]), ue = u((e) => {
+		P,
+		F
+	]), me = c((e) => {
 		I(e === "all" ? null : e);
-	}, [I]), de = u((e) => {
-		L(e.target.value);
-	}, [L]), Z = u(() => {
-		l(A ? `/dashboards/${A}/parsers/new` : "/parsers/new");
-	}, [l, A]), fe = u((e) => {
-		l(A ? `/dashboards/${A}/parsers/${e}` : `/parsers/${e}`);
-	}, [l, A]), pe = u((e) => {
-		l(A ? `/dashboards/${A}/parsers/${e}/edit` : `/parsers/${e}/edit`);
-	}, [l, A]), me = u(async (e) => {
+	}, [I]), he = c((e) => {
+		L(e === "all" ? null : e);
+	}, [L]), ge = c((e) => {
+		R(e.target.value);
+	}, [R]), Z = c(() => {
+		s(j ? `/dashboards/${j}/parsers/new` : "/parsers/new");
+	}, [s, j]), _e = c((e) => {
+		s(j ? `/dashboards/${j}/parsers/${e}` : `/parsers/${e}`);
+	}, [s, j]), ve = c((e) => {
+		s(j ? `/dashboards/${j}/parsers/${e}/edit` : `/parsers/${e}/edit`);
+	}, [s, j]), ye = c(async (e) => {
 		let t = await a({
 			title: "Delete parser?",
 			message: "Are you sure you want to delete this parser?",
@@ -74,39 +74,39 @@ var D = [
 			cancelButtonTitle: "Cancel"
 		});
 		if (t === null ? window.confirm("Are you sure you want to delete this parser?") : t) {
-			o("medium"), z(!0), V(e);
+			ee("medium"), B(!0), H(e);
 			try {
-				await q(e), i() && s("success");
+				await q(e), i() && o("success");
 			} catch {
-				i() && s("error");
+				i() && o("error");
 			} finally {
-				z(!1), V(null);
+				B(!1), H(null);
 			}
 		}
-	}, [q]), Q = u(() => {
-		F(null), I(null), L("");
+	}, [q]), Q = c(() => {
+		I(null), L(null), R("");
 	}, [
-		F,
 		I,
-		L
-	]), he = u(async (e) => {
+		L,
+		R
+	]), be = c(async (e) => {
 		let t = K.find((t) => t.id === e);
 		t && await Y(e, t.name);
-	}, [K, Y]), ge = u(() => {
+	}, [K, Y]), xe = c(() => {
 		U(!0);
-	}, []), _e = u((e, t, n) => {
+	}, []), Se = c((e, t, n) => {
 		J();
-	}, [J]), $ = M !== null || N !== null || (P?.length ?? 0) > 0;
-	return G ? /* @__PURE__ */ _("div", {
+	}, [J]), $ = N !== null || P !== null || (F?.length ?? 0) > 0;
+	return G ? /* @__PURE__ */ k("div", {
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ _(b, {
+		children: /* @__PURE__ */ k(v, {
 			style: {
 				borderColor: "var(--color-status-error-border)",
 				backgroundColor: "var(--color-status-error-bgSubtle)"
 			},
-			children: /* @__PURE__ */ _(x, {
+			children: /* @__PURE__ */ k(y, {
 				style: { padding: "var(--space-pagePadding)" },
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ A("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
@@ -114,20 +114,20 @@ var D = [
 						textAlign: "center"
 					},
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ k("div", {
 							style: {
 								padding: "var(--space-controlGap)",
 								borderRadius: "50%",
 								backgroundColor: "var(--color-status-error-bgSubtle)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: /* @__PURE__ */ _(p, { style: {
+							children: /* @__PURE__ */ k(f, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								color: "var(--color-status-error-text)"
 							} })
 						}),
-						/* @__PURE__ */ _("h3", {
+						/* @__PURE__ */ k("h3", {
 							style: {
 								fontSize: "var(--font-size-body-lg)",
 								fontWeight: "var(--font-weight-medium)",
@@ -136,7 +136,7 @@ var D = [
 							},
 							children: "Failed to load Parsers"
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ k("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-secondary)",
@@ -144,7 +144,7 @@ var D = [
 							},
 							children: G.message
 						}),
-						/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ k(g, {
 							size: "sm",
 							onClick: () => J(),
 							children: "Try Again"
@@ -153,32 +153,29 @@ var D = [
 				})
 			})
 		})
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ A("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ _("div", {
-				style: {
-					borderBottom: "1px solid var(--color-border)",
-					backgroundColor: "var(--color-bg-surface)"
-				},
-				children: /* @__PURE__ */ _("div", {
+			/* @__PURE__ */ A("div", {
+				className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
+				children: [/* @__PURE__ */ k(oe, { intensity: "subtle" }), /* @__PURE__ */ k("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ A("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between"
 						},
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ A("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-formGap)"
 							},
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ k("div", {
 								style: {
 									display: "flex",
 									height: "var(--size-controlHeight-lg)",
@@ -188,20 +185,20 @@ var D = [
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ _(ne, { style: {
+								children: /* @__PURE__ */ k(p, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+							}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h1", {
 								style: {
 									fontSize: "var(--font-size-heading-h4)",
 									fontWeight: "var(--font-weight-bold)",
 									margin: 0,
 									color: "var(--color-text-primary)"
 								},
-								children: "Data Parsers"
-							}), /* @__PURE__ */ _("p", {
+								children: /* @__PURE__ */ k(x, { children: "Data Parsers" })
+							}), /* @__PURE__ */ k("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
@@ -209,35 +206,36 @@ var D = [
 								},
 								children: "Transform and process data with JQ or JSONata expressions"
 							})] })]
-						}), /* @__PURE__ */ v("div", {
-							style: {
-								display: "flex",
-								gap: "var(--space-controlGap)"
-							},
-							children: [/* @__PURE__ */ v(y, {
-								variant: "outline",
-								onClick: ge,
-								children: [/* @__PURE__ */ _(g, { style: {
+						}), /* @__PURE__ */ k(_, {
+							primary: {
+								label: "Create Parser",
+								onSelect: Z,
+								icon: /* @__PURE__ */ k(m, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), "Import"]
-							}), /* @__PURE__ */ v(y, {
-								onClick: Z,
-								children: [/* @__PURE__ */ _(m, { style: {
-									marginRight: "var(--space-iconGap)",
+								} })
+							},
+							actions: [{
+								label: "Import",
+								onSelect: xe,
+								icon: /* @__PURE__ */ k(ie, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), "Create Parser"]
-							})]
+								} })
+							}]
 						})]
 					})
-				})
+				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ A("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ k(se, {
+						className: "mb-[var(--space-sectionGap)]",
+						children: "Parsers define how raw input — log lines, CSVs, JSON, or arbitrary text — is read and mapped into structured fields. Build a parser once, test it against a sample, then reuse it across pipelines so every source lands in a consistent, queryable shape."
+					}),
+					/* @__PURE__ */ A("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -246,13 +244,13 @@ var D = [
 							flexWrap: "wrap"
 						},
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ A("div", {
 								style: {
 									position: "relative",
 									maxWidth: "400px",
 									flex: 1
 								},
-								children: [/* @__PURE__ */ _(h, { style: {
+								children: [/* @__PURE__ */ k(re, { style: {
 									position: "absolute",
 									left: "var(--space-controlGap)",
 									top: "50%",
@@ -260,50 +258,50 @@ var D = [
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
-								} }), /* @__PURE__ */ _(oe, {
+								} }), /* @__PURE__ */ k(C, {
 									type: "text",
 									placeholder: "Search parsers...",
-									value: P || "",
-									onChange: de,
+									value: F || "",
+									onChange: ge,
 									style: {
 										paddingLeft: "var(--size-controlHeight-md)",
 										height: "var(--size-controlHeight-md)"
 									}
 								})]
 							}),
-							/* @__PURE__ */ v(S, {
-								value: M || "all",
-								onValueChange: le,
-								children: [/* @__PURE__ */ _(T, {
+							/* @__PURE__ */ A(w, {
+								value: N || "all",
+								onValueChange: me,
+								children: [/* @__PURE__ */ k(D, {
 									style: { width: "150px" },
-									children: /* @__PURE__ */ _(E, { placeholder: "All Types" })
-								}), /* @__PURE__ */ _(C, { children: D.map((e) => /* @__PURE__ */ _(w, {
+									children: /* @__PURE__ */ k(O, { placeholder: "All Types" })
+								}), /* @__PURE__ */ k(T, { children: le.map((e) => /* @__PURE__ */ k(E, {
 									value: e.value,
 									children: e.label
 								}, e.value)) })]
 							}),
-							/* @__PURE__ */ v(S, {
-								value: N || "all",
-								onValueChange: ue,
-								children: [/* @__PURE__ */ _(T, {
+							/* @__PURE__ */ A(w, {
+								value: P || "all",
+								onValueChange: he,
+								children: [/* @__PURE__ */ k(D, {
 									style: { width: "150px" },
-									children: /* @__PURE__ */ _(E, { placeholder: "All Status" })
-								}), /* @__PURE__ */ _(C, { children: O.map((e) => /* @__PURE__ */ _(w, {
+									children: /* @__PURE__ */ k(O, { placeholder: "All Status" })
+								}), /* @__PURE__ */ k(T, { children: ue.map((e) => /* @__PURE__ */ k(E, {
 									value: e.value,
 									children: e.label
 								}, e.value)) })]
 							}),
-							$ && /* @__PURE__ */ v(y, {
+							$ && /* @__PURE__ */ A(g, {
 								variant: "ghost",
 								size: "sm",
 								onClick: Q,
-								children: [/* @__PURE__ */ _(ie, { style: {
+								children: [/* @__PURE__ */ k(ae, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), "Clear Filters"]
 							}),
-							/* @__PURE__ */ v(ae, {
+							/* @__PURE__ */ A(h, {
 								variant: "secondary",
 								style: { marginLeft: "auto" },
 								children: [
@@ -314,20 +312,20 @@ var D = [
 							})
 						]
 					}),
-					W && /* @__PURE__ */ _("div", {
+					W && /* @__PURE__ */ k("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							padding: "80px 0"
 						},
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ A("div", {
 							style: { textAlign: "center" },
-							children: [/* @__PURE__ */ _(se, { style: {
+							children: [/* @__PURE__ */ k(ce, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								margin: "0 auto var(--space-formGap)"
-							} }), /* @__PURE__ */ _("p", {
+							} }), /* @__PURE__ */ k("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
@@ -336,109 +334,65 @@ var D = [
 							})]
 						})
 					}),
-					!W && X.length === 0 && !$ && /* @__PURE__ */ _(b, {
-						className: "border-dashed",
-						children: /* @__PURE__ */ v(x, {
-							style: {
-								display: "flex",
-								flexDirection: "column",
-								alignItems: "center",
-								justifyContent: "center",
-								padding: "64px var(--space-pagePadding)"
-							},
-							children: [
-								/* @__PURE__ */ _("div", {
-									style: {
-										display: "flex",
-										height: "80px",
-										width: "80px",
-										alignItems: "center",
-										justifyContent: "center",
-										borderRadius: "50%",
-										backgroundColor: "var(--color-bg-sunken)",
-										marginBottom: "var(--space-sectionGap)"
-									},
-									children: /* @__PURE__ */ _(re, { style: {
-										height: "var(--size-icon-xl)",
-										width: "var(--size-icon-xl)",
-										color: "var(--color-text-muted)"
-									} })
-								}),
-								/* @__PURE__ */ _("h3", {
-									style: {
-										fontSize: "var(--font-size-heading-h4)",
-										fontWeight: "var(--font-weight-semibold)",
-										marginBottom: "var(--space-controlGap)"
-									},
-									children: "No Parsers yet"
-								}),
-								/* @__PURE__ */ _("p", {
-									style: {
-										fontSize: "var(--font-size-body-sm)",
-										color: "var(--color-text-muted)",
-										marginBottom: "var(--space-sectionGap)",
-										textAlign: "center",
-										maxWidth: "400px"
-									},
-									children: "Create your first parser to start transforming data with JQ or JSONata."
-								}),
-								/* @__PURE__ */ v(y, {
-									onClick: Z,
-									children: [/* @__PURE__ */ _(m, { style: {
-										marginRight: "var(--space-iconGap)",
-										height: "var(--size-icon-sm)",
-										width: "var(--size-icon-sm)"
-									} }), "Create Parser"]
-								})
-							]
+					!W && X.length === 0 && !$ && /* @__PURE__ */ k(b, {
+						treatment: "insight",
+						className: "border-border-seam",
+						children: /* @__PURE__ */ k(S, {
+							illustration: "empty-data",
+							title: "No Parsers yet",
+							description: "Create your first parser to start transforming data with JQ or JSONata.",
+							action: /* @__PURE__ */ A(g, {
+								onClick: Z,
+								children: [/* @__PURE__ */ k(m, { style: {
+									marginRight: "var(--space-iconGap)",
+									height: "var(--size-icon-sm)",
+									width: "var(--size-icon-sm)"
+								} }), "Create Parser"]
+							})
 						})
 					}),
-					!W && X.length === 0 && $ && /* @__PURE__ */ v("div", {
-						style: {
-							padding: "64px 0",
-							textAlign: "center"
-						},
-						children: [/* @__PURE__ */ _("p", {
-							style: {
-								fontSize: "var(--font-size-body-sm)",
-								color: "var(--color-text-muted)"
-							},
-							children: "No parsers match your filters"
-						}), /* @__PURE__ */ _(y, {
-							variant: "ghost",
-							size: "sm",
-							onClick: Q,
-							style: { marginTop: "var(--space-formGap)" },
-							children: "Clear Filters"
-						})]
+					!W && X.length === 0 && $ && /* @__PURE__ */ k(b, {
+						treatment: "insight",
+						className: "border-border-seam",
+						children: /* @__PURE__ */ k(S, {
+							illustration: "empty-search",
+							title: "No matching parsers",
+							description: "No parsers match your filters",
+							action: /* @__PURE__ */ k(g, {
+								variant: "ghost",
+								size: "sm",
+								onClick: Q,
+								children: "Clear Filters"
+							})
+						})
 					}),
-					!W && X.length > 0 && /* @__PURE__ */ _("div", {
+					!W && X.length > 0 && /* @__PURE__ */ k("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
 							gap: "var(--space-formGap)"
 						},
-						children: X.map((e) => /* @__PURE__ */ _(c, {
+						children: X.map((e) => /* @__PURE__ */ k(te, {
 							parser: e,
-							onView: fe,
-							onEdit: pe,
-							onExport: he,
-							onDelete: me,
-							isDeleting: R && B === e.id
+							onView: _e,
+							onEdit: ve,
+							onExport: be,
+							onDelete: ye,
+							isDeleting: z && V === e.id
 						}, e.id))
 					})
 				]
 			}),
-			/* @__PURE__ */ _(ee, {
-				isOpen: H,
+			/* @__PURE__ */ k(ne, {
+				isOpen: fe,
 				onClose: () => U(!1),
-				consoleId: j,
-				onSuccess: _e
+				consoleId: M,
+				onSuccess: Se
 			})
 		]
 	});
 });
 //#endregion
-export { A as DataParsersPage, A as default };
+export { j as DataParsersPage, j as default };
 
 //# sourceMappingURL=DataParsersPage.js.map