@burdenoff/microfe-bigconsole 2026.804.2 → 2026.805.2

package/dist/bigconsole/pages/DataParsersPage.js

@@ -3,16 +3,19 @@ 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 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";
-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";
+import { BIGCONSOLE_PERMISSIONS as i } from "../../constants/permissions.js";
+import { isNative as a, nativeConfirm as ee, nativeImpact as te, nativeNotify as o } from "../../utils/nativeBridge.js";
+import ne from "../components/parser/ParserCard.js";
+import s from "../components/parser/ImportParserDialog.js";
+import { memo as c, useCallback as l, useMemo as re, useState as u } from "react";
+import { useParams as ie } from "react-router";
+import { AccessDenied as ae, PermissionButton as oe } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as se } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as ce, FileCode2 as le, Plus as d, Search as ue, Upload as de, X as f } from "lucide-react";
+import { AuroraBackground as fe, Badge as pe, Button as p, CTAOverflowMenu as m, Card as me, CardContent as he, GlassCard as h, GradientText as ge, IllustratedEmptyState as g, Input as _, PagePurpose as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Spinner as _e } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/bigconsole/pages/DataParsersPage.tsx
-var le = [
+var ve = [
 	{
 		value: "all",
 		label: "All Types"
@@ -25,7 +28,7 @@ var le = [
 		value: "jsonata",
 		label: "JSONata"
 	}
-], ue = [
+], ye = [
 	{
 		value: "all",
 		label: "All Status"
@@ -38,75 +41,75 @@ var le = [
 		value: "inactive",
 		label: "Inactive"
 	}
-], 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,
+], E = "default", D = c(function() {
+	let c = t(), { consoleId: D } = ie(), { hasPermission: O, isLoading: k } = se(), A = O(i.PARSER_READ), j = O(i.PARSER_CREATE), M = O(i.PARSER_UPDATE), N = O(i.PARSER_DELETE), P = D || E, F = e((e) => e.typeFilter), I = e((e) => e.statusFilter), L = e((e) => e.searchQuery), R = e((e) => e.setTypeFilter), z = e((e) => e.setStatusFilter), B = e((e) => e.setSearchQuery), [be, V] = u(!1), [xe, H] = u(null), [Se, U] = u(!1), { loading: W, error: G, parsers: K, deleteParser: q, refetch: J } = n({
+		consoleId: P,
 		skipFetch: !1
-	}), { 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);
+	}), { downloadParser: Y, loading: Ce } = r(), X = re(() => K ? K.filter((e) => {
+		if (F && e.type !== F || I && e.status !== I) return !1;
+		if (L) {
+			let t = L.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,
-		N,
-		P,
-		F
-	]), me = c((e) => {
-		I(e === "all" ? null : 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({
+		F,
+		I,
+		L
+	]), we = l((e) => {
+		R(e === "all" ? null : e);
+	}, [R]), Te = l((e) => {
+		z(e === "all" ? null : e);
+	}, [z]), Ee = l((e) => {
+		B(e.target.value);
+	}, [B]), Z = l(() => {
+		c(D ? `/dashboards/${D}/parsers/new` : "/parsers/new");
+	}, [c, D]), De = l((e) => {
+		c(D ? `/dashboards/${D}/parsers/${e}` : `/parsers/${e}`);
+	}, [c, D]), Oe = l((e) => {
+		c(D ? `/dashboards/${D}/parsers/${e}/edit` : `/parsers/${e}/edit`);
+	}, [c, D]), ke = l(async (e) => {
+		let t = await ee({
 			title: "Delete parser?",
 			message: "Are you sure you want to delete this parser?",
 			okButtonTitle: "Delete",
 			cancelButtonTitle: "Cancel"
 		});
 		if (t === null ? window.confirm("Are you sure you want to delete this parser?") : t) {
-			ee("medium"), B(!0), H(e);
+			te("medium"), V(!0), H(e);
 			try {
-				await q(e), i() && o("success");
+				await q(e), a() && o("success");
 			} catch {
-				i() && o("error");
+				a() && o("error");
 			} finally {
-				B(!1), H(null);
+				V(!1), H(null);
 			}
 		}
-	}, [q]), Q = c(() => {
-		I(null), L(null), R("");
+	}, [q]), Q = l(() => {
+		R(null), z(null), B("");
 	}, [
-		I,
-		L,
-		R
-	]), be = c(async (e) => {
+		R,
+		z,
+		B
+	]), Ae = l(async (e) => {
 		let t = K.find((t) => t.id === e);
 		t && await Y(e, t.name);
-	}, [K, Y]), xe = c(() => {
+	}, [K, Y]), je = l(() => {
 		U(!0);
-	}, []), Se = c((e, t, n) => {
+	}, []), Me = l((e, t, n) => {
 		J();
-	}, [J]), $ = N !== null || P !== null || (F?.length ?? 0) > 0;
-	return G ? /* @__PURE__ */ k("div", {
+	}, [J]), $ = F !== null || I !== null || (L?.length ?? 0) > 0;
+	return G ? /* @__PURE__ */ w("div", {
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ k(v, {
+		children: /* @__PURE__ */ w(me, {
 			style: {
 				borderColor: "var(--color-status-error-border)",
 				backgroundColor: "var(--color-status-error-bgSubtle)"
 			},
-			children: /* @__PURE__ */ k(y, {
+			children: /* @__PURE__ */ w(he, {
 				style: { padding: "var(--space-pagePadding)" },
-				children: /* @__PURE__ */ A("div", {
+				children: /* @__PURE__ */ T("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
@@ -114,20 +117,20 @@ var le = [
 						textAlign: "center"
 					},
 					children: [
-						/* @__PURE__ */ k("div", {
+						/* @__PURE__ */ w("div", {
 							style: {
 								padding: "var(--space-controlGap)",
 								borderRadius: "50%",
 								backgroundColor: "var(--color-status-error-bgSubtle)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: /* @__PURE__ */ k(f, { style: {
+							children: /* @__PURE__ */ w(ce, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								color: "var(--color-status-error-text)"
 							} })
 						}),
-						/* @__PURE__ */ k("h3", {
+						/* @__PURE__ */ w("h3", {
 							style: {
 								fontSize: "var(--font-size-body-lg)",
 								fontWeight: "var(--font-weight-medium)",
@@ -136,7 +139,7 @@ var le = [
 							},
 							children: "Failed to load Parsers"
 						}),
-						/* @__PURE__ */ k("p", {
+						/* @__PURE__ */ w("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-secondary)",
@@ -144,7 +147,7 @@ var le = [
 							},
 							children: G.message
 						}),
-						/* @__PURE__ */ k(g, {
+						/* @__PURE__ */ w(p, {
 							size: "sm",
 							onClick: () => J(),
 							children: "Try Again"
@@ -153,29 +156,32 @@ var le = [
 				})
 			})
 		})
-	}) : /* @__PURE__ */ A("div", {
+	}) : !k && !A ? /* @__PURE__ */ w(ae, {
+		title: "Access Denied",
+		description: "You don't have permission to view parsers."
+	}) : /* @__PURE__ */ T("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ T("div", {
 				className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
-				children: [/* @__PURE__ */ k(oe, { intensity: "subtle" }), /* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ w(fe, { intensity: "subtle" }), /* @__PURE__ */ w("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ A("div", {
+					children: /* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between"
 						},
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ T("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-formGap)"
 							},
-							children: [/* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ w("div", {
 								style: {
 									display: "flex",
 									height: "var(--size-controlHeight-lg)",
@@ -185,20 +191,20 @@ var le = [
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ k(p, { style: {
+								children: /* @__PURE__ */ w(le, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h1", {
+							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 								style: {
 									fontSize: "var(--font-size-heading-h4)",
 									fontWeight: "var(--font-weight-bold)",
 									margin: 0,
 									color: "var(--color-text-primary)"
 								},
-								children: /* @__PURE__ */ k(x, { children: "Data Parsers" })
-							}), /* @__PURE__ */ k("p", {
+								children: /* @__PURE__ */ w(ge, { children: "Data Parsers" })
+							}), /* @__PURE__ */ w("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
@@ -206,36 +212,36 @@ var le = [
 								},
 								children: "Transform and process data with JQ or JSONata expressions"
 							})] })]
-						}), /* @__PURE__ */ k(_, {
-							primary: {
+						}), /* @__PURE__ */ w(m, {
+							primary: j ? {
 								label: "Create Parser",
 								onSelect: Z,
-								icon: /* @__PURE__ */ k(m, { style: {
+								icon: /* @__PURE__ */ w(d, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
-							},
-							actions: [{
+							} : void 0,
+							actions: j ? [{
 								label: "Import",
-								onSelect: xe,
-								icon: /* @__PURE__ */ k(ie, { style: {
+								onSelect: je,
+								icon: /* @__PURE__ */ w(de, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} })
-							}]
+							}] : []
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ T("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ k(se, {
+					/* @__PURE__ */ w(v, {
 						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", {
+					/* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
@@ -244,13 +250,13 @@ var le = [
 							flexWrap: "wrap"
 						},
 						children: [
-							/* @__PURE__ */ A("div", {
+							/* @__PURE__ */ T("div", {
 								style: {
 									position: "relative",
 									maxWidth: "400px",
 									flex: 1
 								},
-								children: [/* @__PURE__ */ k(re, { style: {
+								children: [/* @__PURE__ */ w(ue, { style: {
 									position: "absolute",
 									left: "var(--space-controlGap)",
 									top: "50%",
@@ -258,50 +264,50 @@ var le = [
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)",
 									color: "var(--color-text-muted)"
-								} }), /* @__PURE__ */ k(C, {
+								} }), /* @__PURE__ */ w(_, {
 									type: "text",
 									placeholder: "Search parsers...",
-									value: F || "",
-									onChange: ge,
+									value: L || "",
+									onChange: Ee,
 									style: {
 										paddingLeft: "var(--size-controlHeight-md)",
 										height: "var(--size-controlHeight-md)"
 									}
 								})]
 							}),
-							/* @__PURE__ */ A(w, {
-								value: N || "all",
-								onValueChange: me,
-								children: [/* @__PURE__ */ k(D, {
+							/* @__PURE__ */ T(y, {
+								value: F || "all",
+								onValueChange: we,
+								children: [/* @__PURE__ */ w(S, {
 									style: { width: "150px" },
-									children: /* @__PURE__ */ k(O, { placeholder: "All Types" })
-								}), /* @__PURE__ */ k(T, { children: le.map((e) => /* @__PURE__ */ k(E, {
+									children: /* @__PURE__ */ w(C, { placeholder: "All Types" })
+								}), /* @__PURE__ */ w(b, { children: ve.map((e) => /* @__PURE__ */ w(x, {
 									value: e.value,
 									children: e.label
 								}, e.value)) })]
 							}),
-							/* @__PURE__ */ A(w, {
-								value: P || "all",
-								onValueChange: he,
-								children: [/* @__PURE__ */ k(D, {
+							/* @__PURE__ */ T(y, {
+								value: I || "all",
+								onValueChange: Te,
+								children: [/* @__PURE__ */ w(S, {
 									style: { width: "150px" },
-									children: /* @__PURE__ */ k(O, { placeholder: "All Status" })
-								}), /* @__PURE__ */ k(T, { children: ue.map((e) => /* @__PURE__ */ k(E, {
+									children: /* @__PURE__ */ w(C, { placeholder: "All Status" })
+								}), /* @__PURE__ */ w(b, { children: ye.map((e) => /* @__PURE__ */ w(x, {
 									value: e.value,
 									children: e.label
 								}, e.value)) })]
 							}),
-							$ && /* @__PURE__ */ A(g, {
+							$ && /* @__PURE__ */ T(p, {
 								variant: "ghost",
 								size: "sm",
 								onClick: Q,
-								children: [/* @__PURE__ */ k(ae, { style: {
+								children: [/* @__PURE__ */ w(f, { style: {
 									marginRight: "var(--space-iconGap)",
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), "Clear Filters"]
 							}),
-							/* @__PURE__ */ A(h, {
+							/* @__PURE__ */ T(pe, {
 								variant: "secondary",
 								style: { marginLeft: "auto" },
 								children: [
@@ -312,20 +318,20 @@ var le = [
 							})
 						]
 					}),
-					W && /* @__PURE__ */ k("div", {
+					W && /* @__PURE__ */ w("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							padding: "80px 0"
 						},
-						children: /* @__PURE__ */ A("div", {
+						children: /* @__PURE__ */ T("div", {
 							style: { textAlign: "center" },
-							children: [/* @__PURE__ */ k(ce, { style: {
+							children: [/* @__PURE__ */ w(_e, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								margin: "0 auto var(--space-formGap)"
-							} }), /* @__PURE__ */ k("p", {
+							} }), /* @__PURE__ */ w("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
@@ -334,31 +340,35 @@ var le = [
 							})]
 						})
 					}),
-					!W && X.length === 0 && !$ && /* @__PURE__ */ k(b, {
+					!W && X.length === 0 && !$ && /* @__PURE__ */ w(h, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ k(S, {
+						children: /* @__PURE__ */ w(g, {
 							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"]
+							action: /* @__PURE__ */ w(oe, {
+								permission: i.PARSER_CREATE,
+								deniedBehavior: "disable",
+								children: /* @__PURE__ */ T(p, {
+									onClick: Z,
+									children: [/* @__PURE__ */ w(d, { style: {
+										marginRight: "var(--space-iconGap)",
+										height: "var(--size-icon-sm)",
+										width: "var(--size-icon-sm)"
+									} }), "Create Parser"]
+								})
 							})
 						})
 					}),
-					!W && X.length === 0 && $ && /* @__PURE__ */ k(b, {
+					!W && X.length === 0 && $ && /* @__PURE__ */ w(h, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ k(S, {
+						children: /* @__PURE__ */ w(g, {
 							illustration: "empty-search",
 							title: "No matching parsers",
 							description: "No parsers match your filters",
-							action: /* @__PURE__ */ k(g, {
+							action: /* @__PURE__ */ w(p, {
 								variant: "ghost",
 								size: "sm",
 								onClick: Q,
@@ -366,33 +376,33 @@ var le = [
 							})
 						})
 					}),
-					!W && X.length > 0 && /* @__PURE__ */ k("div", {
+					!W && X.length > 0 && /* @__PURE__ */ w("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
 							gap: "var(--space-formGap)"
 						},
-						children: X.map((e) => /* @__PURE__ */ k(te, {
+						children: X.map((e) => /* @__PURE__ */ w(ne, {
 							parser: e,
-							onView: _e,
-							onEdit: ve,
-							onExport: be,
-							onDelete: ye,
-							isDeleting: z && V === e.id
+							onView: De,
+							onEdit: M ? Oe : void 0,
+							onExport: Ae,
+							onDelete: N ? ke : void 0,
+							isDeleting: be && xe === e.id
 						}, e.id))
 					})
 				]
 			}),
-			/* @__PURE__ */ k(ne, {
-				isOpen: fe,
+			/* @__PURE__ */ w(s, {
+				isOpen: Se,
 				onClose: () => U(!1),
-				consoleId: M,
-				onSuccess: Se
+				consoleId: P,
+				onSuccess: Me
 			})
 		]
 	});
 });
 //#endregion
-export { j as DataParsersPage, j as default };
+export { D as DataParsersPage, D as default };
 
 //# sourceMappingURL=DataParsersPage.js.map