@burdenoff/microfe-bigconsole 2026.804.2 → 2026.805.2

package/dist/bigconsole/pages/ParserBuilderPage.js

@@ -3,14 +3,17 @@ import "../contexts/index.js";
 import t from "../hooks/useDashboardOperations.js";
 import ee from "../hooks/useDataSinkOperations.js";
 import te from "../hooks/useParserOperations.js";
+import { BIGCONSOLE_PERMISSIONS as n } from "../../constants/permissions.js";
 import ne from "../components/datasink/CacheTTLSelector.js";
-import { memo as n, useCallback as r, useEffect as i, useMemo as a, useRef as re, useState as o } from "react";
-import { useParams as ie } from "react-router";
-import { AlertCircle as s, ArrowLeft as ae, CheckCircle2 as oe, ChevronDown as se, ChevronRight as ce, Code as le, Download as ue, Eye as de, FileCode2 as fe, LayoutDashboard as pe, Loader2 as c, Play as l, Save as me, Settings as he, X as ge } from "lucide-react";
-import { Button as u, CardContent as _e, CardHeader as ve, CardTitle as ye, GlassCard as be, PagePurpose as xe, Stepper as Se } from "@burdenoff/fe-libs/ui";
+import { memo as r, useCallback as i, useEffect as a, useMemo as re, useRef as ie, useState as o } from "react";
+import { useParams as ae } from "react-router";
+import { AccessDenied as oe, PermissionButton as s } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as se } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as c, ArrowLeft as ce, CheckCircle2 as le, ChevronDown as ue, ChevronRight as de, Code as fe, Download as pe, Eye as me, FileCode2 as he, LayoutDashboard as ge, Loader2 as l, Play as _e, Save as ve, Settings as ye, X as be } from "lucide-react";
+import { Button as u, CardContent as xe, CardHeader as Se, CardTitle as Ce, GlassCard as we, PagePurpose as Te, Stepper as Ee } from "@burdenoff/fe-libs/ui";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/bigconsole/pages/ParserBuilderPage.tsx
-var m = 25, Ce = "default", we = [
+var m = 25, De = "default", Oe = [
 	"details",
 	"source",
 	"expression",
@@ -37,10 +40,10 @@ var m = 25, Ce = "default", we = [
 		description: "Finish up"
 	}
 ];
-function Te(e) {
+function ke(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
 }
-function Ee(e) {
+function Ae(e) {
 	let t = {};
 	return e.name.trim() ? e.name.length < 2 && (t.name = "Name must be at least 2 characters") : t.name = "Name is required", e.outputKey.trim() ? /^[a-z0-9_]+$/.test(e.outputKey) || (t.outputKey = "Output key can only contain lowercase letters, numbers, and underscores") : t.outputKey = "Output key is required", e.expression.trim() || (t.expression = "Expression is required"), e.inputSinkKey.trim() || (t.inputSinkKey = "Source DataSink is required"), e.ttl != null && e.ttl > 0 && (e.ttl < 30 || e.ttl > 86400) && (t.ttl = "Cache duration must be between 30 and 86400 seconds"), t;
 }
@@ -57,8 +60,8 @@ var g = {
 		placeholder: "$sum(data[*].value)",
 		example: "$sum(data.values) - Calculate sum of values"
 	}
-}, _ = "w-full px-3 py-2.5 text-sm text-text-primary bg-bg-surface border rounded-md placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg transition-all", v = n(function() {
-	let { parserId: n, consoleId: v } = ie(), De = e(), [y, b] = o(0), [x, Oe] = o(Ce), S = v || x || Ce, C = n !== "new" && !!n, w = !v, [T, E] = o({
+}, _ = "w-full px-3 py-2.5 text-sm text-text-primary bg-bg-surface border rounded-md placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg transition-all", v = r(function() {
+	let { parserId: r, consoleId: v } = ae(), je = e(), [y, b] = o(0), [x, S] = o(De), C = v || x || De, w = r !== "new" && !!r, { hasPermission: Me, isLoading: Ne } = se(), Pe = Me(n.PARSER_READ), Fe = Me(w ? n.PARSER_UPDATE : n.PARSER_CREATE), Ie = w ? n.PARSER_UPDATE : n.PARSER_CREATE, T = !v, [E, D] = o({
 		name: "",
 		outputKey: "",
 		description: "",
@@ -66,25 +69,25 @@ var g = {
 		expression: "",
 		inputSinkKey: "",
 		ttl: 900
-	}), [D, O] = o({}), [k, ke] = o(!1), [Ae, je] = o(!1), [Me, Ne] = o(null), [A, j] = o("{\n  \"data\": [\n    {\"name\": \"Item 1\", \"count\": 10},\n    {\"name\": \"Item 2\", \"count\": 20}\n  ]\n}"), [M, N] = o(""), [P, F] = o(null), [Pe, Fe] = o(!1), [I, L] = o(null), [R, z] = o(!1), [B, V] = o(null), [Ie, Le] = o(!1), H = re(T.inputSinkKey);
-	i(() => {
-		H.current = T.inputSinkKey;
-	}, [T.inputSinkKey]);
-	let [U, W] = o(!1), [Re, ze] = o(null), [Be, Ve] = o(!1), [He, G] = o(null), [K, Ue] = o(null), { loading: We, error: Ge, parsers: Ke, fetchParser: qe, createParser: Je, updateParser: Ye, testParserExpression: Xe } = te({
-		consoleId: S || "",
+	}), [O, k] = o({}), [Le, Re] = o(!1), [ze, Be] = o(!1), [Ve, He] = o(null), [A, j] = o("{\n  \"data\": [\n    {\"name\": \"Item 1\", \"count\": 10},\n    {\"name\": \"Item 2\", \"count\": 20}\n  ]\n}"), [M, N] = o(""), [P, F] = o(null), [Ue, We] = o(!1), [I, L] = o(null), [R, z] = o(!1), [B, V] = o(null), [Ge, Ke] = o(!1), H = ie(E.inputSinkKey);
+	a(() => {
+		H.current = E.inputSinkKey;
+	}, [E.inputSinkKey]);
+	let [U, W] = o(!1), [qe, Je] = o(null), [Ye, Xe] = o(!1), [Ze, G] = o(null), [K, Qe] = o(null), { loading: $e, error: et, parsers: tt, fetchParser: nt, createParser: rt, updateParser: it, testParserExpression: at } = te({
+		consoleId: C || "",
 		skipFetch: !0
-	}), { dataSinks: q, fetchDataSinks: Ze, getDataSinkData: J } = ee({ skipFetch: !0 }), { dashboards: Qe, fetchDashboards: $e, loading: et } = t(), Y = C ? Ke.find((e) => e.id === n) : null;
-	i(() => {
-		Ze(), C && n && qe(n), w && $e();
+	}), { dataSinks: q, fetchDataSinks: ot, getDataSinkData: J } = ee({ skipFetch: !0 }), { dashboards: st, fetchDashboards: ct, loading: lt } = t(), Y = w ? tt.find((e) => e.id === r) : null;
+	a(() => {
+		ot(), w && r && nt(r), T && ct();
 	}, [
-		C,
-		n,
-		qe,
-		Ze,
 		w,
-		$e
-	]), i(() => {
-		Y && (E({
+		r,
+		nt,
+		ot,
+		T,
+		ct
+	]), a(() => {
+		Y && (D({
 			name: Y.name || "",
 			outputKey: Y.outputKey || "",
 			description: Y.description || "",
@@ -92,69 +95,69 @@ var g = {
 			expression: Y.expression || "",
 			inputSinkKey: Y.inputSinkKey || "",
 			ttl: Y.ttl ?? null
-		}), ke(!0), Y.consoleId && Oe(Y.consoleId));
+		}), Re(!0), Y.consoleId && S(Y.consoleId));
 	}, [Y]);
-	let X = a(() => q.find((e) => e.key === T.inputSinkKey)?.name || T.inputSinkKey, [q, T.inputSinkKey]), tt = r((e) => {
+	let X = re(() => q.find((e) => e.key === E.inputSinkKey)?.name || E.inputSinkKey, [q, E.inputSinkKey]), ut = i((e) => {
 		let t = e.target.value;
-		E((e) => ({
+		D((e) => ({
 			...e,
 			name: t,
-			outputKey: k ? e.outputKey : Te(t)
-		})), O((e) => ({
+			outputKey: Le ? e.outputKey : ke(t)
+		})), k((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, [k]), nt = r((e) => {
+	}, [Le]), dt = i((e) => {
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
-		E((e) => ({
+		D((e) => ({
 			...e,
 			outputKey: t
-		})), ke(!0), O((e) => ({
+		})), Re(!0), k((e) => ({
 			...e,
 			outputKey: void 0
 		}));
-	}, []), rt = r((e) => {
-		E((t) => ({
+	}, []), ft = i((e) => {
+		D((t) => ({
 			...t,
 			description: e.target.value
 		}));
-	}, []), it = r((e) => {
-		E((t) => ({
+	}, []), pt = i((e) => {
+		D((t) => ({
 			...t,
 			type: e
 		})), N(""), F(null);
-	}, []), at = r((e) => {
-		E((t) => ({
+	}, []), mt = i((e) => {
+		D((t) => ({
 			...t,
 			expression: e.target.value
-		})), O((e) => ({
+		})), k((e) => ({
 			...e,
 			expression: void 0
 		}));
-	}, []), ot = r((e) => {
-		E((t) => ({
+	}, []), ht = i((e) => {
+		D((t) => ({
 			...t,
 			inputSinkKey: e.target.value
-		})), O((e) => ({
+		})), k((e) => ({
 			...e,
 			inputSinkKey: void 0
-		})), W(!1), ze(null), Ue(null), G(null), R && (j(""), z(!1)), V(null), N(""), F(null), L(null);
-	}, [R]), st = r((e) => {
-		E((t) => ({
+		})), W(!1), Je(null), Qe(null), G(null), R && (j(""), z(!1)), V(null), N(""), F(null), L(null);
+	}, [R]), gt = i((e) => {
+		D((t) => ({
 			...t,
 			ttl: e
-		})), O((e) => ({
+		})), k((e) => ({
 			...e,
 			ttl: void 0
 		}));
-	}, []), ct = r((e) => {
-		Oe(e.target.value);
-	}, []), lt = r((e) => {
+	}, []), _t = i((e) => {
+		S(e.target.value);
+	}, []), vt = i((e) => {
 		j(e.target.value);
-	}, []), ut = r(async () => {
-		let e = T.inputSinkKey;
+	}, []), yt = i(async () => {
+		let e = E.inputSinkKey;
 		if (e) {
-			Le(!0);
+			Ke(!0);
 			try {
 				let t = await J({ key: e }, { limit: m });
 				if (H.current !== e) return;
@@ -167,30 +170,30 @@ var g = {
 				if (H.current !== e) return;
 				F(t instanceof Error ? t.message : "Failed to load sample data");
 			} finally {
-				Le(!1);
+				Ke(!1);
 			}
 		}
 	}, [
-		T.inputSinkKey,
+		E.inputSinkKey,
 		J,
 		X
-	]), dt = r(() => {
+	]), bt = i(() => {
 		j(""), z(!1), V(null), L(null), N(""), F(null);
-	}, []), ft = r(async () => {
+	}, []), xt = i(async () => {
 		if (U) {
 			W(!1);
 			return;
 		}
-		if (!T.inputSinkKey) {
+		if (!E.inputSinkKey) {
 			G("Please select a source DataSink first");
 			return;
 		}
-		W(!0), Ve(!0), G(null);
-		let e = T.inputSinkKey;
+		W(!0), Xe(!0), G(null);
+		let e = E.inputSinkKey;
 		try {
 			let t = await J({ key: e }, { limit: m });
 			if (H.current !== e) return;
-			t?.raw !== void 0 && t?.raw !== null ? (ze(t.raw), Ue({
+			t?.raw !== void 0 && t?.raw !== null ? (Je(t.raw), Qe({
 				total: t.totalCount ?? null,
 				hasMore: t.hasMore ?? null,
 				sinkName: X
@@ -199,23 +202,23 @@ var g = {
 			if (H.current !== e) return;
 			G(t instanceof Error ? t.message : "Failed to load data");
 		} finally {
-			Ve(!1);
+			Xe(!1);
 		}
 	}, [
 		U,
-		T.inputSinkKey,
+		E.inputSinkKey,
 		J,
 		X
-	]), pt = r(async () => {
-		if (!T.expression.trim()) {
+	]), St = i(async () => {
+		if (!E.expression.trim()) {
 			F("Expression is required");
 			return;
 		}
 		let e;
 		if (R) e = {
-			type: T.type,
-			expression: T.expression,
-			dataSinkKey: T.inputSinkKey,
+			type: E.type,
+			expression: E.expression,
+			dataSinkKey: E.inputSinkKey,
 			sampleLimit: m
 		};
 		else {
@@ -227,14 +230,14 @@ var g = {
 				return;
 			}
 			e = {
-				type: T.type,
-				expression: T.expression,
+				type: E.type,
+				expression: E.expression,
 				sampleData: t
 			};
 		}
-		Fe(!0), F(null), N(""), L(null);
+		We(!0), F(null), N(""), L(null);
 		try {
-			let t = await Xe(e);
+			let t = await at(e);
 			t ? t.success ? (N(JSON.stringify(t.output, null, 2)), t.sampled && L({
 				sampledRows: t.sampledRows ?? null,
 				totalRows: t.totalRows ?? null
@@ -242,109 +245,113 @@ var g = {
 		} catch (e) {
 			F(e instanceof Error ? e.message : "Test failed");
 		} finally {
-			Fe(!1);
+			We(!1);
 		}
 	}, [
-		T.type,
-		T.expression,
-		T.inputSinkKey,
+		E.type,
+		E.expression,
+		E.inputSinkKey,
 		A,
 		R,
-		Xe
-	]), Z = r(() => {
-		De(v ? `/dashboards/${v}/parsers` : "/parsers");
-	}, [De, v]), mt = r(async () => {
-		Ne(null);
-		let e = Ee(T);
+		at
+	]), Z = i(() => {
+		je(v ? `/dashboards/${v}/parsers` : "/parsers");
+	}, [je, v]), Ct = i(async () => {
+		He(null);
+		let e = Ae(E);
 		if (Object.keys(e).length > 0) {
-			O(e), e.name || e.outputKey ? b(0) : e.inputSinkKey ? b(1) : e.expression && b(2);
+			k(e), e.name || e.outputKey ? b(0) : e.inputSinkKey ? b(1) : e.expression && b(2);
 			return;
 		}
-		je(!0);
+		Be(!0);
 		try {
-			if (C && Y) {
-				if (!await Ye(Y.id, {
-					name: T.name,
-					description: T.description || void 0,
-					expression: T.expression,
-					inputSinkKey: T.inputSinkKey,
-					outputKey: T.outputKey,
-					ttl: T.ttl
+			if (w && Y) {
+				if (!await it(Y.id, {
+					name: E.name,
+					description: E.description || void 0,
+					expression: E.expression,
+					inputSinkKey: E.inputSinkKey,
+					outputKey: E.outputKey,
+					ttl: E.ttl
 				}, Y.version)) throw Error("Failed to update parser");
-			} else if (!await Je({
-				consoleId: S || "",
-				name: T.name,
-				type: T.type,
-				expression: T.expression,
-				inputSinkKey: T.inputSinkKey,
-				outputKey: T.outputKey,
-				description: T.description || void 0,
-				ttl: T.ttl ?? void 0
+			} else if (!await rt({
+				consoleId: C || "",
+				name: E.name,
+				type: E.type,
+				expression: E.expression,
+				inputSinkKey: E.inputSinkKey,
+				outputKey: E.outputKey,
+				description: E.description || void 0,
+				ttl: E.ttl ?? void 0
 			})) throw Error("Failed to create parser");
 			Z();
 		} catch (e) {
-			Ne(e instanceof Error ? e.message : "Failed to save parser");
+			He(e instanceof Error ? e.message : "Failed to save parser");
 		} finally {
-			je(!1);
+			Be(!1);
 		}
 	}, [
-		T,
-		C,
+		E,
+		w,
 		Y,
-		Je,
-		Ye,
-		S,
+		rt,
+		it,
+		C,
 		Z
-	]), ht = a(() => T.name.trim().length >= 2 && T.expression.trim().length > 0 && T.inputSinkKey.trim().length > 0 && T.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(T.outputKey), [
-		T.name,
-		T.expression,
-		T.inputSinkKey,
-		T.outputKey
-	]), Q = r((e) => {
-		switch (we[e]) {
-			case "details": return T.name.trim().length >= 2 && T.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(T.outputKey);
-			case "source": return T.inputSinkKey.trim().length > 0;
-			case "expression": return T.expression.trim().length > 0;
+	]), wt = re(() => E.name.trim().length >= 2 && E.expression.trim().length > 0 && E.inputSinkKey.trim().length > 0 && E.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(E.outputKey), [
+		E.name,
+		E.expression,
+		E.inputSinkKey,
+		E.outputKey
+	]), Q = i((e) => {
+		switch (Oe[e]) {
+			case "details": return E.name.trim().length >= 2 && E.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(E.outputKey);
+			case "source": return E.inputSinkKey.trim().length > 0;
+			case "expression": return E.expression.trim().length > 0;
 			default: return !0;
 		}
 	}, [
-		T.name,
-		T.outputKey,
-		T.inputSinkKey,
-		T.expression
-	]), gt = r((e) => {
+		E.name,
+		E.outputKey,
+		E.inputSinkKey,
+		E.expression
+	]), Tt = i((e) => {
 		let t = Math.max(0, Math.min(e, h.length - 1));
 		if (t > y) {
 			for (let e = y; e < t; e++) if (!Q(e)) return;
 		}
 		b(t);
-	}, [y, Q]), _t = r(() => {
+	}, [y, Q]), Et = i(() => {
 		b((e) => Math.min(e + 1, h.length - 1));
-	}, []), vt = r(() => {
+	}, []), Dt = i(() => {
 		b((e) => Math.max(e - 1, 0));
 	}, []);
-	if (We && C) return /* @__PURE__ */ f("div", {
+	if ($e && w || Ne) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ f(c, { className: "w-8 h-8 text-text-secondary animate-spin" })
+		children: /* @__PURE__ */ f(l, { className: "w-8 h-8 text-text-secondary animate-spin" })
 	});
-	if (Ge) return /* @__PURE__ */ f("div", {
+	if (w && !Pe) return /* @__PURE__ */ f(oe, {
+		title: "Access Denied",
+		description: "You don't have permission to view this parser."
+	});
+	if (et) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
 		children: /* @__PURE__ */ p("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ f(s, { className: "w-12 h-12 text-status-error-text mx-auto mb-4" }),
+				/* @__PURE__ */ f(c, { className: "w-12 h-12 text-status-error-text mx-auto mb-4" }),
 				/* @__PURE__ */ f("p", {
 					className: "text-status-error-text text-body-sm font-medium mb-2",
 					children: "Failed to load Parser"
 				}),
 				/* @__PURE__ */ f("p", {
 					className: "text-text-tertiary text-body-xs",
-					children: Ge.message
+					children: et.message
 				})
 			]
 		})
 	});
-	let $ = g[T.type], yt = y === h.length - 1;
+	let $ = g[E.type], Ot = y === h.length - 1;
 	return /* @__PURE__ */ f("div", {
 		className: "min-h-screen bg-bg-canvas",
 		children: /* @__PURE__ */ p("div", {
@@ -358,11 +365,11 @@ var g = {
 							variant: "ghost",
 							size: "sm",
 							className: "mb-4",
-							children: [/* @__PURE__ */ f(ae, { className: "w-4 h-4 mr-2" }), "Back to Parsers"]
+							children: [/* @__PURE__ */ f(ce, { className: "w-4 h-4 mr-2" }), "Back to Parsers"]
 						}),
 						/* @__PURE__ */ f("h1", {
 							className: "text-heading-h1 font-bold text-text-primary",
-							children: C ? "Edit Parser" : "Create Parser"
+							children: w ? "Edit Parser" : "Create Parser"
 						}),
 						/* @__PURE__ */ f("p", {
 							className: "text-body-sm text-text-secondary mt-1",
@@ -370,42 +377,42 @@ var g = {
 						})
 					]
 				}),
-				/* @__PURE__ */ f(xe, {
+				/* @__PURE__ */ f(Te, {
 					className: "mb-6",
 					children: "A parser maps raw input into structured fields using a JQ or JSONata expression. Write the expression, run it against a sample to confirm the output, and save it once it produces the shape you need — then reuse it across pipelines to normalise any source."
 				}),
 				/* @__PURE__ */ f("div", {
 					className: "mb-6",
-					children: /* @__PURE__ */ f(Se, {
+					children: /* @__PURE__ */ f(Ee, {
 						steps: h,
 						active: y,
-						onStepClick: gt
+						onStepClick: Tt
 					})
 				}),
-				Me && /* @__PURE__ */ p("div", {
+				Ve && /* @__PURE__ */ p("div", {
 					className: "mb-6 p-4 bg-status-error-bg/10 border border-status-error-border/30 rounded-lg flex items-start gap-3",
-					children: [/* @__PURE__ */ f(s, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ f(c, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 						className: "text-sm font-medium text-status-error-text",
 						children: "Failed to save Parser"
 					}), /* @__PURE__ */ f("p", {
 						className: "text-xs text-status-error-text/80 mt-1",
-						children: Me
+						children: Ve
 					})] })]
 				}),
-				/* @__PURE__ */ p(be, {
+				/* @__PURE__ */ p(we, {
 					treatment: "glass",
 					glow: !0,
-					children: [/* @__PURE__ */ f(ve, {
+					children: [/* @__PURE__ */ f(Se, {
 						className: "pb-4",
 						children: /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ p("div", {
 								className: "w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center",
 								children: [
-									y === 0 && /* @__PURE__ */ f(fe, { className: "w-4 h-4 text-action-primary-bg" }),
-									y === 1 && /* @__PURE__ */ f(le, { className: "w-4 h-4 text-action-primary-bg" }),
-									y === 2 && /* @__PURE__ */ f(l, { className: "w-4 h-4 text-action-primary-bg" }),
-									y === 3 && /* @__PURE__ */ f(he, { className: "w-4 h-4 text-action-primary-bg" })
+									y === 0 && /* @__PURE__ */ f(he, { className: "w-4 h-4 text-action-primary-bg" }),
+									y === 1 && /* @__PURE__ */ f(fe, { className: "w-4 h-4 text-action-primary-bg" }),
+									y === 2 && /* @__PURE__ */ f(_e, { className: "w-4 h-4 text-action-primary-bg" }),
+									y === 3 && /* @__PURE__ */ f(ye, { className: "w-4 h-4 text-action-primary-bg" })
 								]
 							}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("p", {
 								className: "text-xs text-text-tertiary",
@@ -415,12 +422,12 @@ var g = {
 									" of ",
 									h.length
 								]
-							}), /* @__PURE__ */ f(ye, {
+							}), /* @__PURE__ */ f(Ce, {
 								className: "text-base",
 								children: h[y].label
 							})] })]
 						})
-					}), /* @__PURE__ */ p(_e, {
+					}), /* @__PURE__ */ p(xe, {
 						className: "space-y-5",
 						children: [
 							y === 0 && /* @__PURE__ */ p("div", {
@@ -440,14 +447,14 @@ var g = {
 											/* @__PURE__ */ f("input", {
 												id: "name",
 												type: "text",
-												value: T.name,
-												onChange: tt,
+												value: E.name,
+												onChange: ut,
 												placeholder: "e.g., User Analytics Parser",
-												className: `${_} ${D.name ? "border-status-error-border" : "border-border-default"}`
+												className: `${_} ${O.name ? "border-status-error-border" : "border-border-default"}`
 											}),
-											D.name && /* @__PURE__ */ f("p", {
+											O.name && /* @__PURE__ */ f("p", {
 												className: "text-xs text-status-error-text mt-1.5",
-												children: D.name
+												children: O.name
 											})
 										] }), /* @__PURE__ */ p("div", { children: [
 											/* @__PURE__ */ p("label", {
@@ -461,17 +468,17 @@ var g = {
 											/* @__PURE__ */ f("input", {
 												id: "outputKey",
 												type: "text",
-												value: T.outputKey,
-												onChange: nt,
+												value: E.outputKey,
+												onChange: dt,
 												placeholder: "user_analytics_parser",
-												disabled: C,
-												className: `${_} font-mono ${D.outputKey ? "border-status-error-border" : "border-border-default"} disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60`
+												disabled: w,
+												className: `${_} font-mono ${O.outputKey ? "border-status-error-border" : "border-border-default"} disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60`
 											}),
-											D.outputKey && /* @__PURE__ */ f("p", {
+											O.outputKey && /* @__PURE__ */ f("p", {
 												className: "text-xs text-status-error-text mt-1.5",
-												children: D.outputKey
+												children: O.outputKey
 											}),
-											!C && /* @__PURE__ */ f("p", {
+											!w && /* @__PURE__ */ f("p", {
 												className: "text-xs text-text-tertiary mt-1.5",
 												children: "Auto-generated from name. Customize if needed."
 											})
@@ -483,38 +490,38 @@ var g = {
 										children: "Description"
 									}), /* @__PURE__ */ f("textarea", {
 										id: "description",
-										value: T.description,
-										onChange: rt,
+										value: E.description,
+										onChange: ft,
 										placeholder: "Describe what this parser does...",
 										rows: 2,
 										className: `${_} border-border-default resize-y`
 									})] }),
-									w && /* @__PURE__ */ p("div", { children: [
+									T && /* @__PURE__ */ p("div", { children: [
 										/* @__PURE__ */ f("label", {
 											htmlFor: "dashboard",
 											className: "block text-sm font-medium text-text-primary mb-2",
 											children: /* @__PURE__ */ p("span", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ f(pe, { className: "w-4 h-4" }), "Dashboard Scope"]
+												children: [/* @__PURE__ */ f(ge, { className: "w-4 h-4" }), "Dashboard Scope"]
 											})
 										}),
 										/* @__PURE__ */ p("select", {
 											id: "dashboard",
 											value: x,
-											onChange: ct,
-											disabled: et || C,
+											onChange: _t,
+											disabled: lt || w,
 											className: `${_} border-border-default disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60`,
 											children: [/* @__PURE__ */ f("option", {
 												value: "default",
 												children: "Global (available everywhere)"
-											}), Qe.map((e) => /* @__PURE__ */ f("option", {
+											}), st.map((e) => /* @__PURE__ */ f("option", {
 												value: e.id,
 												children: e.name
 											}, e.id))]
 										}),
 										/* @__PURE__ */ f("p", {
 											className: "text-xs text-text-tertiary mt-1.5",
-											children: C ? "Dashboard scope cannot be changed after creation." : x === "default" ? "Global parsers are available across all dashboards." : "This parser will only be available in the selected dashboard."
+											children: w ? "Dashboard scope cannot be changed after creation." : x === "default" ? "Global parsers are available across all dashboards." : "This parser will only be available in the selected dashboard."
 										})
 									] })
 								]
@@ -532,13 +539,13 @@ var g = {
 									children: Object.keys(g).map((e) => {
 										let t = g[e];
 										return /* @__PURE__ */ p("label", {
-											className: `flex items-start gap-3 p-3 border rounded-md cursor-pointer transition-colors ${T.type === e ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:bg-bg-sunken"}`,
+											className: `flex items-start gap-3 p-3 border rounded-md cursor-pointer transition-colors ${E.type === e ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:bg-bg-sunken"}`,
 											children: [/* @__PURE__ */ f("input", {
 												type: "radio",
 												name: "parserType",
 												value: e,
-												checked: T.type === e,
-												onChange: () => it(e),
+												checked: E.type === e,
+												onChange: () => pt(e),
 												className: "mt-1 w-4 h-4 text-action-primary-bg"
 											}), /* @__PURE__ */ p("span", { children: [/* @__PURE__ */ f("span", {
 												className: "text-sm font-medium text-text-primary",
@@ -560,9 +567,9 @@ var g = {
 									}),
 									/* @__PURE__ */ p("select", {
 										id: "inputSinkKey",
-										value: T.inputSinkKey,
-										onChange: ot,
-										className: `${_} ${D.inputSinkKey ? "border-status-error-border" : "border-border-default"}`,
+										value: E.inputSinkKey,
+										onChange: ht,
+										className: `${_} ${O.inputSinkKey ? "border-status-error-border" : "border-border-default"}`,
 										children: [/* @__PURE__ */ f("option", {
 											value: "",
 											children: "Select a DataSink..."
@@ -571,42 +578,42 @@ var g = {
 											children: e.name || e.key
 										}, e.id))]
 									}),
-									D.inputSinkKey && /* @__PURE__ */ f("p", {
+									O.inputSinkKey && /* @__PURE__ */ f("p", {
 										className: "text-xs text-status-error-text mt-1.5",
-										children: D.inputSinkKey
+										children: O.inputSinkKey
 									}),
 									q.length === 0 && /* @__PURE__ */ f("p", {
 										className: "text-xs text-text-tertiary mt-1.5",
 										children: "No DataSinks yet — create one first, then return here to build a parser for it."
 									}),
-									T.inputSinkKey && /* @__PURE__ */ p("div", {
+									E.inputSinkKey && /* @__PURE__ */ p("div", {
 										className: "mt-3",
 										children: [/* @__PURE__ */ p("button", {
 											type: "button",
-											onClick: ft,
+											onClick: xt,
 											className: "inline-flex items-center gap-2 text-sm text-action-primary-bg hover:text-action-primary-bgHover transition-colors",
 											children: [
-												f(U ? se : ce, { className: "w-4 h-4" }),
-												/* @__PURE__ */ f(de, { className: "w-4 h-4" }),
+												f(U ? ue : de, { className: "w-4 h-4" }),
+												/* @__PURE__ */ f(me, { className: "w-4 h-4" }),
 												"Show Data Preview"
 											]
 										}), U && /* @__PURE__ */ f("div", {
 											className: "mt-3 border border-border-default rounded-md overflow-hidden",
-											children: Be ? /* @__PURE__ */ p("div", {
+											children: Ye ? /* @__PURE__ */ p("div", {
 												className: "p-4 flex items-center justify-center",
-												children: [/* @__PURE__ */ f(c, { className: "w-5 h-5 text-text-secondary animate-spin" }), /* @__PURE__ */ f("span", {
+												children: [/* @__PURE__ */ f(l, { className: "w-5 h-5 text-text-secondary animate-spin" }), /* @__PURE__ */ f("span", {
 													className: "ml-2 text-sm text-text-secondary",
 													children: "Loading sample…"
 												})]
-											}) : He ? /* @__PURE__ */ f("div", {
+											}) : Ze ? /* @__PURE__ */ f("div", {
 												className: "p-4 bg-status-error-bg/5",
 												children: /* @__PURE__ */ f("p", {
 													className: "text-sm text-status-error-text",
-													children: He
+													children: Ze
 												})
-											}) : Re ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("pre", {
+											}) : qe ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("pre", {
 												className: "p-3 text-xs font-mono bg-bg-sunken text-text-primary overflow-auto max-h-48",
-												children: JSON.stringify(Re, null, 2)
+												children: JSON.stringify(qe, null, 2)
 											}), K && /* @__PURE__ */ p("p", {
 												className: "px-3 py-2 text-xs text-text-tertiary border-t border-border-default",
 												children: [
@@ -637,28 +644,32 @@ var g = {
 										}),
 										/* @__PURE__ */ f("textarea", {
 											id: "expression",
-											value: T.expression,
-											onChange: at,
+											value: E.expression,
+											onChange: mt,
 											placeholder: $.placeholder,
 											rows: 8,
-											className: `${_} font-mono resize-y ${D.expression ? "border-status-error-border" : "border-border-default"}`
+											className: `${_} font-mono resize-y ${O.expression ? "border-status-error-border" : "border-border-default"}`
 										}),
-										D.expression && /* @__PURE__ */ f("p", {
+										O.expression && /* @__PURE__ */ f("p", {
 											className: "text-xs text-status-error-text mt-1.5",
-											children: D.expression
+											children: O.expression
 										}),
 										/* @__PURE__ */ p("p", {
 											className: "text-xs text-text-tertiary mt-1.5",
 											children: ["Example: ", $.example]
 										})
 									] }),
-									/* @__PURE__ */ f(u, {
-										type: "button",
-										onClick: pt,
-										disabled: Pe || !T.expression.trim(),
-										variant: "default",
-										className: "w-full",
-										children: Pe ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(c, { className: "w-4 h-4 mr-2 animate-spin" }), "Testing..."] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "w-4 h-4 mr-2" }), "Run Test"] })
+									/* @__PURE__ */ f(s, {
+										permission: n.PARSER_TEST,
+										deniedBehavior: "disable",
+										children: /* @__PURE__ */ f(u, {
+											type: "button",
+											onClick: St,
+											disabled: Ue || !E.expression.trim(),
+											variant: "default",
+											className: "w-full",
+											children: Ue ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "w-4 h-4 mr-2 animate-spin" }), "Testing..."] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(_e, { className: "w-4 h-4 mr-2" }), "Run Test"] })
+										})
 									}),
 									/* @__PURE__ */ p("div", {
 										className: "grid gap-4 md:grid-cols-2",
@@ -673,23 +684,23 @@ var g = {
 													})]
 												}), /* @__PURE__ */ p("div", {
 													className: "flex items-center gap-2",
-													children: [T.inputSinkKey && !R && /* @__PURE__ */ p("button", {
+													children: [E.inputSinkKey && !R && /* @__PURE__ */ p("button", {
 														type: "button",
-														onClick: ut,
-														disabled: Ie,
+														onClick: yt,
+														disabled: Ge,
 														className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-semibold text-action-primary-bg border border-action-primary-bg rounded-md hover:bg-action-primary-bg/10 transition-colors disabled:opacity-50",
-														children: [Ie ? /* @__PURE__ */ f(c, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ f(ue, { className: "w-3.5 h-3.5" }), "Load Sample"]
+														children: [Ge ? /* @__PURE__ */ f(l, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ f(pe, { className: "w-3.5 h-3.5" }), "Load Sample"]
 													}), R && /* @__PURE__ */ p("button", {
 														type: "button",
-														onClick: dt,
+														onClick: bt,
 														className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-semibold text-text-primary border border-border-default rounded-md hover:bg-bg-sunken transition-colors",
-														children: [/* @__PURE__ */ f(ge, { className: "w-3.5 h-3.5" }), "Clear"]
+														children: [/* @__PURE__ */ f(be, { className: "w-3.5 h-3.5" }), "Clear"]
 													})]
 												})]
 											}),
 											/* @__PURE__ */ f("textarea", {
 												value: A,
-												onChange: lt,
+												onChange: vt,
 												readOnly: R,
 												placeholder: "Type sample JSON to test against it — or Load a sample from the source…",
 												rows: 8,
@@ -717,10 +728,10 @@ var g = {
 													children: P ? "Error Output" : "Output"
 												}), (M || P) && (P ? /* @__PURE__ */ p("span", {
 													className: "text-xs px-2 py-1 bg-status-error-bg/10 text-status-error-text rounded flex items-center gap-1",
-													children: [/* @__PURE__ */ f(s, { className: "w-3 h-3" }), " Failed"]
+													children: [/* @__PURE__ */ f(c, { className: "w-3 h-3" }), " Failed"]
 												}) : /* @__PURE__ */ p("span", {
 													className: "text-xs px-2 py-1 bg-status-success-bg/10 text-status-success-text rounded flex items-center gap-1",
-													children: [/* @__PURE__ */ f(oe, { className: "w-3 h-3" }), " Passed"]
+													children: [/* @__PURE__ */ f(le, { className: "w-3 h-3" }), " Passed"]
 												}))]
 											}),
 											M || P ? /* @__PURE__ */ f("pre", {
@@ -757,9 +768,9 @@ var g = {
 										children: "How long should data be cached before refreshing?"
 									}),
 									/* @__PURE__ */ f(ne, {
-										value: T.ttl,
-										onChange: st,
-										error: D.ttl,
+										value: E.ttl,
+										onChange: gt,
+										error: O.ttl,
 										hideLabel: !0
 									})
 								] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
@@ -768,10 +779,10 @@ var g = {
 								}), /* @__PURE__ */ f("div", {
 									className: "border border-border-default rounded-lg overflow-hidden",
 									children: [
-										["Name", T.name || "—"],
-										["Output Key", T.outputKey || "—"],
-										["Scope", w ? x === "default" ? "Global" : Qe.find((e) => e.id === x)?.name || x : "Dashboard"],
-										["Type", g[T.type].name],
+										["Name", E.name || "—"],
+										["Output Key", E.outputKey || "—"],
+										["Scope", T ? x === "default" ? "Global" : st.find((e) => e.id === x)?.name || x : "Dashboard"],
+										["Type", g[E.type].name],
 										["Source", X || "—"]
 									].map(([e, t]) => /* @__PURE__ */ p("div", {
 										className: "flex items-center justify-between gap-3 px-4 py-2.5 text-sm border-b border-border-default last:border-b-0",
@@ -797,21 +808,25 @@ var g = {
 						children: "Cancel"
 					}) : /* @__PURE__ */ p(u, {
 						type: "button",
-						onClick: vt,
+						onClick: Dt,
 						variant: "secondary",
-						children: [/* @__PURE__ */ f(ae, { className: "w-4 h-4 mr-2" }), "Back"]
-					}), yt ? /* @__PURE__ */ f(u, {
-						type: "button",
-						onClick: mt,
-						disabled: !ht || Ae,
-						variant: "default",
-						children: Ae ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(c, { className: "w-4 h-4 mr-2 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(me, { className: "w-4 h-4 mr-2" }), C ? "Save Changes" : "Create Parser"] })
+						children: [/* @__PURE__ */ f(ce, { className: "w-4 h-4 mr-2" }), "Back"]
+					}), Ot ? /* @__PURE__ */ f(s, {
+						permission: Ie,
+						deniedBehavior: "disable",
+						children: /* @__PURE__ */ f(u, {
+							type: "button",
+							onClick: Ct,
+							disabled: !wt || ze || !Fe,
+							variant: "default",
+							children: ze ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "w-4 h-4 mr-2 animate-spin" }), "Saving..."] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ve, { className: "w-4 h-4 mr-2" }), w ? "Save Changes" : "Create Parser"] })
+						})
 					}) : /* @__PURE__ */ p(u, {
 						type: "button",
-						onClick: _t,
+						onClick: Et,
 						disabled: !Q(y),
 						variant: "default",
-						children: ["Next", /* @__PURE__ */ f(ce, { className: "w-4 h-4 ml-2" })]
+						children: ["Next", /* @__PURE__ */ f(de, { className: "w-4 h-4 ml-2" })]
 					})]
 				})
 			]