@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

package/dist/bigconsole/pages/ParserBuilderPage.js

@@ -1,26 +1,32 @@
 import { useAppNavigate as e } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import t from "../hooks/useDashboardOperations.js";
-import n from "../hooks/useDataSinkOperations.js";
-import ee from "../hooks/useParserOperations.js";
+import { Section as t, SectionStack as n } from "../components/common/Section.js";
+import "../components/common/index.js";
+import ee from "../hooks/useDashboardOperations.js";
+import te from "../hooks/useDataSinkOperations.js";
+import ne from "../hooks/useParserOperations.js";
 import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
-import te from "../components/datasink/CacheTTLSelector.js";
-import { memo as i, useCallback as a, useEffect as o, useMemo as s, useRef as ne, useState as c } from "react";
-import { useParams as re } from "react-router";
-import { AccessDenied as ie, PermissionButton as ae } from "@burdenoff/fe-libs/shared/components";
-import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as se, 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 { useI18n as xe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as u, CardContent as Se, CardHeader as Ce, CardTitle as we, GlassCard as Te, PagePurpose as Ee, Stepper as De } from "@burdenoff/fe-libs/ui";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import re from "../components/datasink/CacheTTLSelector.js";
+import { memo as i, useCallback as a, useEffect as o, useMemo as s, useRef as ie, useState as c } from "react";
+import { useParams as ae } from "react-router";
+import { AccessDenied as oe, PermissionButton as se } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as ce } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as l, ArrowLeft as le, CheckCircle2 as ue, ChevronDown as de, ChevronRight as fe, Code as pe, Download as me, Eye as he, FileCode2 as ge, LayoutDashboard as _e, Loader2 as u, Play as ve, Save as ye, Settings as be, X as xe } from "lucide-react";
+import { useI18n as Se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as d, PagePurpose as Ce, Stepper as we } from "@burdenoff/fe-libs/ui";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/bigconsole/pages/ParserBuilderPage.tsx
-var m = 25, Oe = "default", ke = [
+var h = "w-full min-w-0 min-h-control-md rounded-md border bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg motion-safe:transition-colors disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60";
+function g(e = !1, t = "") {
+	return `${h} ${e ? "border-status-error-border" : "border-[var(--color-border-default)]"} ${t}`.trim();
+}
+var _ = "block text-sm font-medium text-text-primary mb-2", v = "text-xs text-text-muted mt-1.5", y = 25, Te = "default", Ee = [
 	"details",
 	"source",
 	"expression",
 	"review"
 ];
-function Ae(e) {
+function De(e) {
 	return [
 		{
 			key: "details",
@@ -44,14 +50,14 @@ function Ae(e) {
 		}
 	];
 }
-function je(e) {
+function Oe(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").substring(0, 64);
 }
-function Me(e, t) {
+function ke(e, t) {
 	let n = {};
 	return e.name.trim() ? e.name.length < 2 && (n.name = t("bigconsole.parsers.builder.validation.nameMinLength", "Name must be at least 2 characters")) : n.name = t("bigconsole.parsers.builder.validation.nameRequired", "Name is required"), e.outputKey.trim() ? /^[a-z0-9_]+$/.test(e.outputKey) || (n.outputKey = t("bigconsole.parsers.builder.validation.outputKeyInvalid", "Output key can only contain lowercase letters, numbers, and underscores")) : n.outputKey = t("bigconsole.parsers.builder.validation.outputKeyRequired", "Output key is required"), e.expression.trim() || (n.expression = t("bigconsole.parsers.builder.validation.expressionRequired", "Expression is required")), e.inputSinkKey.trim() || (n.inputSinkKey = t("bigconsole.parsers.builder.validation.inputSinkRequired", "Source DataSink is required")), e.ttl != null && e.ttl > 0 && (e.ttl < 30 || e.ttl > 86400) && (n.ttl = t("bigconsole.parsers.builder.validation.cacheDurationRange", "Cache duration must be between 30 and 86400 seconds")), n;
 }
-function Ne(e) {
+function Ae(e) {
 	return {
 		jq: {
 			name: e("bigconsole.parsers.builder.parserType.jq.name", "JQ"),
@@ -67,8 +73,8 @@ function Ne(e) {
 		}
 	};
 }
-var h = "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", g = i(function() {
-	let { parserId: i, consoleId: g } = re(), Pe = e(), { t: _ } = xe(), v = s(() => Ae(_), [_]), y = s(() => Ne(_), [_]), b = v.length, [x, S] = c(0), [C, Fe] = c(Oe), w = g || C || Oe, T = i !== "new" && !!i, { hasPermission: Ie, isLoading: Le } = oe(), Re = Ie(r.PARSER_READ), ze = Ie(T ? r.PARSER_UPDATE : r.PARSER_CREATE), Be = T ? r.PARSER_UPDATE : r.PARSER_CREATE, E = !g, [D, O] = c({
+var b = i(function() {
+	let { parserId: i, consoleId: h } = ae(), b = e(), { t: x } = Se(), je = s(() => De(x), [x]), S = s(() => Ae(x), [x]), C = je.length, [w, T] = c(0), [E, Me] = c(Te), Ne = h || E || Te, D = i !== "new" && !!i, { hasPermission: Pe, isLoading: Fe } = ce(), Ie = Pe(r.PARSER_READ), Le = Pe(D ? r.PARSER_UPDATE : r.PARSER_CREATE), Re = D ? r.PARSER_UPDATE : r.PARSER_CREATE, O = !h, [k, A] = c({
 		name: "",
 		outputKey: "",
 		description: "",
@@ -76,25 +82,25 @@ var h = "w-full px-3 py-2.5 text-sm text-text-primary bg-bg-surface border round
 		expression: "",
 		inputSinkKey: "",
 		ttl: 900
-	}), [k, A] = c({}), [Ve, He] = c(!1), [Ue, We] = c(!1), [Ge, Ke] = c(null), [j, M] = c("{\n  \"data\": [\n    {\"name\": \"Item 1\", \"count\": 10},\n    {\"name\": \"Item 2\", \"count\": 20}\n  ]\n}"), [N, P] = c(""), [F, I] = c(null), [qe, Je] = c(!1), [L, R] = c(null), [z, B] = c(!1), [V, H] = c(null), [Ye, Xe] = c(!1), U = ne(D.inputSinkKey);
+	}), [j, M] = c({}), [ze, Be] = c(!1), [Ve, He] = c(!1), [Ue, We] = c(null), [N, P] = c("{\n  \"data\": [\n    {\"name\": \"Item 1\", \"count\": 10},\n    {\"name\": \"Item 2\", \"count\": 20}\n  ]\n}"), [F, I] = c(""), [L, R] = c(null), [Ge, Ke] = c(!1), [z, B] = c(null), [V, H] = c(!1), [U, qe] = c(null), [Je, Ye] = c(!1), W = ie(k.inputSinkKey);
 	o(() => {
-		U.current = D.inputSinkKey;
-	}, [D.inputSinkKey]);
-	let [W, G] = c(!1), [Ze, Qe] = c(null), [$e, et] = c(!1), [tt, K] = c(null), [q, nt] = c(null), { loading: rt, error: it, parsers: at, fetchParser: ot, createParser: st, updateParser: ct, testParserExpression: lt } = ee({
-		consoleId: w || "",
+		W.current = k.inputSinkKey;
+	}, [k.inputSinkKey]);
+	let [G, Xe] = c(!1), [Ze, Qe] = c(null), [$e, et] = c(!1), [tt, K] = c(null), [q, nt] = c(null), { loading: rt, error: it, parsers: at, fetchParser: ot, createParser: st, updateParser: ct, testParserExpression: lt } = ne({
+		consoleId: Ne || "",
 		skipFetch: !0
-	}), { dataSinks: J, fetchDataSinks: ut, getDataSinkData: Y } = n({ skipFetch: !0 }), { dashboards: dt, fetchDashboards: ft, loading: pt } = t(), X = T ? at.find((e) => e.id === i) : null;
+	}), { dataSinks: J, fetchDataSinks: ut, getDataSinkData: Y } = te({ skipFetch: !0 }), { dashboards: dt, fetchDashboards: ft, loading: pt } = ee(), X = D ? at.find((e) => e.id === i) : null;
 	o(() => {
-		ut(), T && i && ot(i), E && ft();
+		ut(), D && i && ot(i), O && ft();
 	}, [
-		T,
+		D,
 		i,
 		ot,
 		ut,
-		E,
+		O,
 		ft
 	]), o(() => {
-		X && (O({
+		X && (A({
 			name: X.name || "",
 			outputKey: X.outputKey || "",
 			description: X.description || "",
@@ -102,790 +108,826 @@ var h = "w-full px-3 py-2.5 text-sm text-text-primary bg-bg-surface border round
 			expression: X.expression || "",
 			inputSinkKey: X.inputSinkKey || "",
 			ttl: X.ttl ?? null
-		}), He(!0), X.consoleId && Fe(X.consoleId));
+		}), Be(!0), X.consoleId && Me(X.consoleId));
 	}, [X]);
-	let Z = s(() => J.find((e) => e.key === D.inputSinkKey)?.name || D.inputSinkKey, [J, D.inputSinkKey]), mt = a((e) => {
+	let Z = s(() => J.find((e) => e.key === k.inputSinkKey)?.name || k.inputSinkKey, [J, k.inputSinkKey]), mt = a((e) => {
 		let t = e.target.value;
-		O((e) => ({
+		A((e) => ({
 			...e,
 			name: t,
-			outputKey: Ve ? e.outputKey : je(t)
-		})), A((e) => ({
+			outputKey: ze ? e.outputKey : Oe(t)
+		})), M((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, [Ve]), ht = a((e) => {
+	}, [ze]), ht = a((e) => {
 		let t = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, "");
-		O((e) => ({
+		A((e) => ({
 			...e,
 			outputKey: t
-		})), He(!0), A((e) => ({
+		})), Be(!0), M((e) => ({
 			...e,
 			outputKey: void 0
 		}));
 	}, []), gt = a((e) => {
-		O((t) => ({
+		A((t) => ({
 			...t,
 			description: e.target.value
 		}));
 	}, []), _t = a((e) => {
-		O((t) => ({
+		A((t) => ({
 			...t,
 			type: e
-		})), P(""), I(null);
+		})), I(""), R(null);
 	}, []), vt = a((e) => {
-		O((t) => ({
+		A((t) => ({
 			...t,
 			expression: e.target.value
-		})), A((e) => ({
+		})), M((e) => ({
 			...e,
 			expression: void 0
 		}));
 	}, []), yt = a((e) => {
-		O((t) => ({
+		A((t) => ({
 			...t,
 			inputSinkKey: e.target.value
-		})), A((e) => ({
+		})), M((e) => ({
 			...e,
 			inputSinkKey: void 0
-		})), G(!1), Qe(null), nt(null), K(null), z && (M(""), B(!1)), H(null), P(""), I(null), R(null);
-	}, [z]), bt = a((e) => {
-		O((t) => ({
+		})), Xe(!1), Qe(null), nt(null), K(null), V && (P(""), H(!1)), qe(null), I(""), R(null), B(null);
+	}, [V]), bt = a((e) => {
+		A((t) => ({
 			...t,
 			ttl: e
-		})), A((e) => ({
+		})), M((e) => ({
 			...e,
 			ttl: void 0
 		}));
 	}, []), xt = a((e) => {
-		Fe(e.target.value);
+		Me(e.target.value);
 	}, []), St = a((e) => {
-		M(e.target.value);
+		P(e.target.value);
 	}, []), Ct = a(async () => {
-		let e = D.inputSinkKey;
+		let e = k.inputSinkKey;
 		if (e) {
-			Xe(!0);
+			Ye(!0);
 			try {
-				let t = await Y({ key: e }, { limit: m });
-				if (U.current !== e) return;
-				t?.raw !== void 0 && t?.raw !== null ? (M(JSON.stringify(t.raw, null, 2)), B(!0), H({
+				let t = await Y({ key: e }, { limit: y });
+				if (W.current !== e) return;
+				t?.raw !== void 0 && t?.raw !== null ? (P(JSON.stringify(t.raw, null, 2)), H(!0), qe({
 					total: t.totalCount ?? null,
 					hasMore: t.hasMore ?? null,
 					sinkName: Z
-				}), P(""), I(null), R(null)) : I(_("bigconsole.parsers.builder.errors.loadSampleFailed", "Could not load a sample from the selected DataSink."));
+				}), I(""), R(null), B(null)) : R(x("bigconsole.parsers.builder.errors.loadSampleFailed", "Could not load a sample from the selected DataSink."));
 			} catch (t) {
-				if (U.current !== e) return;
-				I(t instanceof Error ? t.message : _("bigconsole.parsers.builder.errors.loadSampleDataFailed", "Failed to load sample data"));
+				if (W.current !== e) return;
+				R(t instanceof Error ? t.message : x("bigconsole.parsers.builder.errors.loadSampleDataFailed", "Failed to load sample data"));
 			} finally {
-				Xe(!1);
+				Ye(!1);
 			}
 		}
 	}, [
-		D.inputSinkKey,
+		k.inputSinkKey,
 		Y,
 		Z,
-		_
+		x
 	]), wt = a(() => {
-		M(""), B(!1), H(null), R(null), P(""), I(null);
+		P(""), H(!1), qe(null), B(null), I(""), R(null);
 	}, []), Tt = a(async () => {
-		if (W) {
-			G(!1);
+		if (G) {
+			Xe(!1);
 			return;
 		}
-		if (!D.inputSinkKey) {
-			K(_("bigconsole.parsers.builder.errors.selectSourceFirst", "Please select a source DataSink first"));
+		if (!k.inputSinkKey) {
+			K(x("bigconsole.parsers.builder.errors.selectSourceFirst", "Please select a source DataSink first"));
 			return;
 		}
-		G(!0), et(!0), K(null);
-		let e = D.inputSinkKey;
+		Xe(!0), et(!0), K(null);
+		let e = k.inputSinkKey;
 		try {
-			let t = await Y({ key: e }, { limit: m });
-			if (U.current !== e) return;
+			let t = await Y({ key: e }, { limit: y });
+			if (W.current !== e) return;
 			t?.raw !== void 0 && t?.raw !== null ? (Qe(t.raw), nt({
 				total: t.totalCount ?? null,
 				hasMore: t.hasMore ?? null,
 				sinkName: Z
-			})) : K(_("bigconsole.parsers.builder.errors.noDataInSink", "No data available in selected DataSink"));
+			})) : K(x("bigconsole.parsers.builder.errors.noDataInSink", "No data available in selected DataSink"));
 		} catch (t) {
-			if (U.current !== e) return;
-			K(t instanceof Error ? t.message : _("bigconsole.parsers.builder.errors.loadDataFailed", "Failed to load data"));
+			if (W.current !== e) return;
+			K(t instanceof Error ? t.message : x("bigconsole.parsers.builder.errors.loadDataFailed", "Failed to load data"));
 		} finally {
 			et(!1);
 		}
 	}, [
-		W,
-		D.inputSinkKey,
+		G,
+		k.inputSinkKey,
 		Y,
 		Z,
-		_
+		x
 	]), Et = a(async () => {
-		if (!D.expression.trim()) {
-			I(_("bigconsole.parsers.builder.validation.expressionRequired", "Expression is required"));
+		if (!k.expression.trim()) {
+			R(x("bigconsole.parsers.builder.validation.expressionRequired", "Expression is required"));
 			return;
 		}
 		let e;
-		if (z) e = {
-			type: D.type,
-			expression: D.expression,
-			dataSinkKey: D.inputSinkKey,
-			sampleLimit: m
+		if (V) e = {
+			type: k.type,
+			expression: k.expression,
+			dataSinkKey: k.inputSinkKey,
+			sampleLimit: y
 		};
 		else {
 			let t;
 			try {
-				t = JSON.parse(j);
+				t = JSON.parse(N);
 			} catch {
-				I(_("bigconsole.parsers.builder.errors.invalidInputJson", "Input JSON is not valid JSON"));
+				R(x("bigconsole.parsers.builder.errors.invalidInputJson", "Input JSON is not valid JSON"));
 				return;
 			}
 			e = {
-				type: D.type,
-				expression: D.expression,
+				type: k.type,
+				expression: k.expression,
 				sampleData: t
 			};
 		}
-		Je(!0), I(null), P(""), R(null);
+		Ke(!0), R(null), I(""), B(null);
 		try {
 			let t = await lt(e);
-			t ? t.success ? (P(JSON.stringify(t.output, null, 2)), t.sampled && R({
+			t ? t.success ? (I(JSON.stringify(t.output, null, 2)), t.sampled && B({
 				sampledRows: t.sampledRows ?? null,
 				totalRows: t.totalRows ?? null
-			})) : I(t.error || _("bigconsole.parsers.builder.errors.testFailed", "Test failed")) : I(_("bigconsole.parsers.builder.errors.testRequestFailed", "Test request failed — please try again."));
+			})) : R(t.error || x("bigconsole.parsers.builder.errors.testFailed", "Test failed")) : R(x("bigconsole.parsers.builder.errors.testRequestFailed", "Test request failed — please try again."));
 		} catch (e) {
-			I(e instanceof Error ? e.message : _("bigconsole.parsers.builder.errors.testFailed", "Test failed"));
+			R(e instanceof Error ? e.message : x("bigconsole.parsers.builder.errors.testFailed", "Test failed"));
 		} finally {
-			Je(!1);
+			Ke(!1);
 		}
 	}, [
-		D.type,
-		D.expression,
-		D.inputSinkKey,
-		j,
-		z,
+		k.type,
+		k.expression,
+		k.inputSinkKey,
+		N,
+		V,
 		lt,
-		_
+		x
 	]), Q = a(() => {
-		Pe(g ? `/dashboards/${g}/parsers` : "/parsers");
-	}, [Pe, g]), Dt = a(async () => {
-		Ke(null);
-		let e = Me(D, _);
+		b(h ? `/dashboards/${h}/parsers` : "/parsers");
+	}, [b, h]), Dt = a(async () => {
+		We(null);
+		let e = ke(k, x);
 		if (Object.keys(e).length > 0) {
-			A(e), e.name || e.outputKey ? S(0) : e.inputSinkKey ? S(1) : e.expression && S(2);
+			M(e), e.name || e.outputKey ? T(0) : e.inputSinkKey ? T(1) : e.expression && T(2);
 			return;
 		}
-		We(!0);
+		He(!0);
 		try {
-			if (T && X) {
+			if (D && X) {
 				if (!await ct(X.id, {
-					name: D.name,
-					description: D.description || void 0,
-					expression: D.expression,
-					inputSinkKey: D.inputSinkKey,
-					outputKey: D.outputKey,
-					ttl: D.ttl
-				}, X.version)) throw Error(_("bigconsole.parsers.builder.errors.updateFailed", "Failed to update parser"));
+					name: k.name,
+					description: k.description || void 0,
+					expression: k.expression,
+					inputSinkKey: k.inputSinkKey,
+					outputKey: k.outputKey,
+					ttl: k.ttl
+				}, X.version)) throw Error(x("bigconsole.parsers.builder.errors.updateFailed", "Failed to update parser"));
 			} else if (!await st({
-				consoleId: w || "",
-				name: D.name,
-				type: D.type,
-				expression: D.expression,
-				inputSinkKey: D.inputSinkKey,
-				outputKey: D.outputKey,
-				description: D.description || void 0,
-				ttl: D.ttl ?? void 0
-			})) throw Error(_("bigconsole.parsers.builder.errors.createFailed", "Failed to create parser"));
+				consoleId: Ne || "",
+				name: k.name,
+				type: k.type,
+				expression: k.expression,
+				inputSinkKey: k.inputSinkKey,
+				outputKey: k.outputKey,
+				description: k.description || void 0,
+				ttl: k.ttl ?? void 0
+			})) throw Error(x("bigconsole.parsers.builder.errors.createFailed", "Failed to create parser"));
 			Q();
 		} catch (e) {
-			Ke(e instanceof Error ? e.message : _("bigconsole.parsers.builder.errors.saveFailed", "Failed to save parser"));
+			We(e instanceof Error ? e.message : x("bigconsole.parsers.builder.errors.saveFailed", "Failed to save parser"));
 		} finally {
-			We(!1);
+			He(!1);
 		}
 	}, [
+		k,
 		D,
-		T,
 		X,
 		st,
 		ct,
-		w,
+		Ne,
 		Q,
-		_
-	]), Ot = s(() => D.name.trim().length >= 2 && D.expression.trim().length > 0 && D.inputSinkKey.trim().length > 0 && D.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(D.outputKey), [
-		D.name,
-		D.expression,
-		D.inputSinkKey,
-		D.outputKey
-	]), $ = a((e) => {
-		switch (ke[e]) {
-			case "details": return D.name.trim().length >= 2 && D.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(D.outputKey);
-			case "source": return D.inputSinkKey.trim().length > 0;
-			case "expression": return D.expression.trim().length > 0;
+		x
+	]), Ot = s(() => k.name.trim().length >= 2 && k.expression.trim().length > 0 && k.inputSinkKey.trim().length > 0 && k.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(k.outputKey), [
+		k.name,
+		k.expression,
+		k.inputSinkKey,
+		k.outputKey
+	]), kt = a((e) => {
+		switch (Ee[e]) {
+			case "details": return k.name.trim().length >= 2 && k.outputKey.trim().length > 0 && /^[a-z0-9_]+$/.test(k.outputKey);
+			case "source": return k.inputSinkKey.trim().length > 0;
+			case "expression": return k.expression.trim().length > 0;
 			default: return !0;
 		}
 	}, [
-		D.name,
-		D.outputKey,
-		D.inputSinkKey,
-		D.expression
-	]), kt = a((e) => {
-		let t = Math.max(0, Math.min(e, b - 1));
-		if (t > x) {
-			for (let e = x; e < t; e++) if (!$(e)) return;
+		k.name,
+		k.outputKey,
+		k.inputSinkKey,
+		k.expression
+	]), At = a((e) => {
+		let t = Math.max(0, Math.min(e, C - 1));
+		if (t > w) {
+			for (let e = w; e < t; e++) if (!kt(e)) return;
 		}
-		S(t);
+		T(t);
 	}, [
-		x,
-		$,
-		b
-	]), At = a(() => {
-		S((e) => Math.min(e + 1, b - 1));
-	}, [b]), jt = a(() => {
-		S((e) => Math.max(e - 1, 0));
+		w,
+		kt,
+		C
+	]), jt = a(() => {
+		T((e) => Math.min(e + 1, C - 1));
+	}, [C]), Mt = a(() => {
+		T((e) => Math.max(e - 1, 0));
 	}, []);
-	if (rt && T || Le) return /* @__PURE__ */ f("div", {
+	if (rt && D || Fe) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ f(l, { className: "w-8 h-8 text-text-secondary animate-spin" })
+		children: /* @__PURE__ */ p(u, { className: "w-8 h-8 text-text-secondary animate-spin" })
 	});
-	if (T && !Re) return /* @__PURE__ */ f(ie, {
-		title: _("bigconsole.parsers.builder.accessDenied.title", "Access Denied"),
-		description: _("bigconsole.parsers.builder.accessDenied.description", "You don't have permission to view this parser.")
+	if (D && !Ie) return /* @__PURE__ */ p(oe, {
+		title: x("bigconsole.parsers.builder.accessDenied.title", "Access Denied"),
+		description: x("bigconsole.parsers.builder.accessDenied.description", "You don't have permission to view this parser.")
 	});
-	if (it) 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(se, { 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: _("bigconsole.parsers.builder.errors.loadParserFailed", "Failed to load Parser")
-				}),
-				/* @__PURE__ */ f("p", {
-					className: "text-text-tertiary text-body-xs",
-					children: it.message
-				})
-			]
+	if (it) return /* @__PURE__ */ p("div", {
+		className: "p-card-padding",
+		children: /* @__PURE__ */ p(t, {
+			tone: "danger",
+			headingLevel: 2,
+			title: x("bigconsole.parsers.builder.errors.loadParserFailed", "Failed to load Parser"),
+			description: "The parser could not be fetched, so the form cannot be filled in.",
+			icon: /* @__PURE__ */ p(l, { className: "h-icon-md w-icon-md text-[var(--color-status-error-text)]" }),
+			actions: /* @__PURE__ */ m(d, {
+				onClick: Q,
+				variant: "secondary",
+				size: "sm",
+				children: [/* @__PURE__ */ p(le, { className: "w-4 h-4 mr-2" }), x("bigconsole.parsers.builder.header.backToParsers", "Back to Parsers")]
+			}),
+			"data-testid": "parser-builder-load-error",
+			children: /* @__PURE__ */ p("p", {
+				className: "font-mono text-xs break-words text-text-secondary",
+				children: it.message
+			})
+		})
+	});
+	let Nt = S[k.type], Pt = w === C - 1, $ = /* @__PURE__ */ p("span", {
+		className: "text-xs font-medium text-text-muted",
+		children: x("bigconsole.parsers.builder.header.stepCounter", "Step {{current}} of {{total}}", {
+			current: w + 1,
+			total: C
 		})
 	});
-	let Mt = y[D.type], Nt = x === b - 1;
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "min-h-screen bg-bg-canvas",
 		children: /* @__PURE__ */ p("div", {
 			className: "max-w-4xl mx-auto p-card-padding pb-10",
-			children: [
-				/* @__PURE__ */ p("div", {
-					className: "mb-6",
+			children: /* @__PURE__ */ m(n, { children: [
+				/* @__PURE__ */ m("div", {
+					className: "border-b border-[var(--color-border-subtle)] pb-form-gap",
 					children: [
-						/* @__PURE__ */ p(u, {
+						/* @__PURE__ */ m(d, {
 							onClick: Q,
 							variant: "ghost",
 							size: "sm",
 							className: "mb-4",
-							children: [/* @__PURE__ */ f(ce, { className: "w-4 h-4 mr-2" }), _("bigconsole.parsers.builder.header.backToParsers", "Back to Parsers")]
+							children: [/* @__PURE__ */ p(le, { className: "w-4 h-4 mr-2" }), x("bigconsole.parsers.builder.header.backToParsers", "Back to Parsers")]
 						}),
-						/* @__PURE__ */ f("h1", {
-							className: "text-heading-h1 font-bold text-text-primary",
-							children: T ? _("bigconsole.parsers.builder.header.editTitle", "Edit Parser") : _("bigconsole.parsers.builder.header.createTitle", "Create Parser")
+						/* @__PURE__ */ p("h1", {
+							className: "text-2xl font-bold text-text-primary sm:text-3xl",
+							children: D ? x("bigconsole.parsers.builder.header.editTitle", "Edit Parser") : x("bigconsole.parsers.builder.header.createTitle", "Create Parser")
 						}),
-						/* @__PURE__ */ f("p", {
-							className: "text-body-sm text-text-secondary mt-1",
-							children: _("bigconsole.parsers.builder.header.subtitle", "Transform data using JQ or JSONata expressions.")
+						/* @__PURE__ */ p("p", {
+							className: "text-sm text-text-secondary mt-1",
+							children: x("bigconsole.parsers.builder.header.subtitle", "Transform data using JQ or JSONata expressions.")
 						})
 					]
 				}),
-				/* @__PURE__ */ f(Ee, {
-					className: "mb-6",
-					children: _("bigconsole.parsers.builder.header.purpose", "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__ */ p(Ce, {
+					className: "max-w-[80ch]",
+					children: x("bigconsole.parsers.builder.header.purpose", "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(De, {
-						steps: v,
-						active: x,
-						onStepClick: kt
+				/* @__PURE__ */ p("div", {
+					className: "min-w-0 overflow-x-auto",
+					children: /* @__PURE__ */ p(we, {
+						steps: je,
+						active: w,
+						onStepClick: At
 					})
 				}),
-				Ge && /* @__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(se, { 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: _("bigconsole.parsers.builder.errors.saveParserFailed", "Failed to save Parser")
-					}), /* @__PURE__ */ f("p", {
-						className: "text-xs text-status-error-text/80 mt-1",
-						children: Ge
-					})] })]
+				Ue && /* @__PURE__ */ p(t, {
+					tone: "danger",
+					headingLevel: 2,
+					title: x("bigconsole.parsers.builder.errors.saveParserFailed", "Failed to save Parser"),
+					icon: /* @__PURE__ */ p(l, { className: "h-icon-sm w-icon-sm text-[var(--color-status-error-text)]" }),
+					"data-testid": "parser-submit-error",
+					children: /* @__PURE__ */ p("p", {
+						className: "font-mono text-xs break-words text-text-secondary",
+						children: Ue
+					})
 				}),
-				/* @__PURE__ */ p(Te, {
-					treatment: "glass",
-					glow: !0,
-					children: [/* @__PURE__ */ f(Ce, {
-						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: [
-									x === 0 && /* @__PURE__ */ f(he, { className: "w-4 h-4 text-action-primary-bg" }),
-									x === 1 && /* @__PURE__ */ f(fe, { className: "w-4 h-4 text-action-primary-bg" }),
-									x === 2 && /* @__PURE__ */ f(_e, { className: "w-4 h-4 text-action-primary-bg" }),
-									x === 3 && /* @__PURE__ */ f(ye, { className: "w-4 h-4 text-action-primary-bg" })
-								]
-							}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-								className: "text-xs text-text-tertiary",
-								children: _("bigconsole.parsers.builder.header.stepCounter", "Step {{current}} of {{total}}", {
-									current: x + 1,
-									total: b
-								})
-							}), /* @__PURE__ */ f(we, {
-								className: "text-base",
-								children: v[x].label
-							})] })]
-						})
-					}), /* @__PURE__ */ p(Se, {
-						className: "space-y-5",
-						children: [
-							x === 0 && /* @__PURE__ */ p("div", {
-								className: "space-y-5",
-								children: [
-									/* @__PURE__ */ p("div", {
-										className: "grid gap-5 sm:grid-cols-2",
-										children: [/* @__PURE__ */ p("div", { children: [
-											/* @__PURE__ */ p("label", {
-												htmlFor: "name",
-												className: "block text-sm font-medium text-text-primary mb-2",
-												children: [
-													_("bigconsole.parsers.builder.fields.name.label", "Name"),
-													" ",
-													/* @__PURE__ */ f("span", {
-														className: "text-status-error-text",
-														children: "*"
-													})
-												]
-											}),
-											/* @__PURE__ */ f("input", {
-												id: "name",
-												type: "text",
-												value: D.name,
-												onChange: mt,
-												placeholder: _("bigconsole.parsers.builder.fields.name.placeholder", "e.g., User Analytics Parser"),
-												className: `${h} ${k.name ? "border-status-error-border" : "border-border-default"}`
-											}),
-											k.name && /* @__PURE__ */ f("p", {
-												className: "text-xs text-status-error-text mt-1.5",
-												children: k.name
-											})
-										] }), /* @__PURE__ */ p("div", { children: [
-											/* @__PURE__ */ p("label", {
-												htmlFor: "outputKey",
-												className: "block text-sm font-medium text-text-primary mb-2",
-												children: [
-													_("bigconsole.parsers.builder.fields.outputKey.label", "Output Key"),
-													" ",
-													/* @__PURE__ */ f("span", {
-														className: "text-status-error-text",
-														children: "*"
-													})
-												]
-											}),
-											/* @__PURE__ */ f("input", {
-												id: "outputKey",
-												type: "text",
-												value: D.outputKey,
-												onChange: ht,
-												placeholder: "user_analytics_parser",
-												disabled: T,
-												className: `${h} font-mono ${k.outputKey ? "border-status-error-border" : "border-border-default"} disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60`
-											}),
-											k.outputKey && /* @__PURE__ */ f("p", {
-												className: "text-xs text-status-error-text mt-1.5",
-												children: k.outputKey
-											}),
-											!T && /* @__PURE__ */ f("p", {
-												className: "text-xs text-text-tertiary mt-1.5",
-												children: _("bigconsole.parsers.builder.fields.outputKey.helper", "Auto-generated from name. Customize if needed.")
-											})
-										] })]
-									}),
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-										htmlFor: "description",
-										className: "block text-sm font-medium text-text-primary mb-2",
-										children: _("bigconsole.parsers.builder.fields.description.label", "Description")
-									}), /* @__PURE__ */ f("textarea", {
-										id: "description",
-										value: D.description,
-										onChange: gt,
-										placeholder: _("bigconsole.parsers.builder.fields.description.placeholder", "Describe what this parser does..."),
-										rows: 2,
-										className: `${h} border-border-default resize-y`
-									})] }),
-									E && /* @__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(ge, { className: "w-4 h-4" }), _("bigconsole.parsers.builder.fields.dashboard.label", "Dashboard Scope")]
-											})
+				/* @__PURE__ */ m("form", {
+					className: "flex flex-col gap-section-gap",
+					onSubmit: (e) => {
+						e.preventDefault(), Pt && Dt();
+					},
+					children: [
+						w === 0 && /* @__PURE__ */ m(t, {
+							emphasis: "primary",
+							headingLevel: 2,
+							title: "Basic information",
+							description: "Essential details for your parser.",
+							icon: /* @__PURE__ */ p(ge, { className: "h-icon-sm w-icon-sm" }),
+							meta: $,
+							bodyClassName: "space-y-5",
+							"data-testid": "parser-basic-information",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "grid gap-5 sm:grid-cols-2",
+									children: [/* @__PURE__ */ m("div", { children: [
+										/* @__PURE__ */ m("label", {
+											htmlFor: "name",
+											className: _,
+											children: [
+												x("bigconsole.parsers.builder.fields.name.label", "Name"),
+												" ",
+												/* @__PURE__ */ p("span", {
+													className: "text-status-error-text",
+													children: "*"
+												})
+											]
+										}),
+										/* @__PURE__ */ p("input", {
+											id: "name",
+											type: "text",
+											value: k.name,
+											onChange: mt,
+											placeholder: x("bigconsole.parsers.builder.fields.name.placeholder", "e.g., User Analytics Parser"),
+											className: g(!!j.name)
+										}),
+										j.name && /* @__PURE__ */ p("p", {
+											className: "text-xs text-status-error-text mt-1.5",
+											children: j.name
+										})
+									] }), /* @__PURE__ */ m("div", { children: [
+										/* @__PURE__ */ m("label", {
+											htmlFor: "outputKey",
+											className: _,
+											children: [
+												x("bigconsole.parsers.builder.fields.outputKey.label", "Output Key"),
+												" ",
+												/* @__PURE__ */ p("span", {
+													className: "text-status-error-text",
+													children: "*"
+												})
+											]
 										}),
-										/* @__PURE__ */ p("select", {
-											id: "dashboard",
-											value: C,
-											onChange: xt,
-											disabled: pt || T,
-											className: `${h} border-border-default disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60`,
-											children: [/* @__PURE__ */ f("option", {
-												value: "default",
-												children: _("bigconsole.parsers.builder.fields.dashboard.globalOption", "Global (available everywhere)")
-											}), dt.map((e) => /* @__PURE__ */ f("option", {
-												value: e.id,
-												children: e.name
-											}, e.id))]
+										/* @__PURE__ */ p("input", {
+											id: "outputKey",
+											type: "text",
+											value: k.outputKey,
+											onChange: ht,
+											placeholder: "user_analytics_parser",
+											disabled: D,
+											className: g(!!j.outputKey, "font-mono")
+										}),
+										j.outputKey && /* @__PURE__ */ p("p", {
+											className: "text-xs text-status-error-text mt-1.5",
+											children: j.outputKey
 										}),
-										/* @__PURE__ */ f("p", {
-											className: "text-xs text-text-tertiary mt-1.5",
-											children: T ? _("bigconsole.parsers.builder.fields.dashboard.helperLocked", "Dashboard scope cannot be changed after creation.") : C === "default" ? _("bigconsole.parsers.builder.fields.dashboard.helperGlobal", "Global parsers are available across all dashboards.") : _("bigconsole.parsers.builder.fields.dashboard.helperScoped", "This parser will only be available in the selected dashboard.")
+										!D && /* @__PURE__ */ p("p", {
+											className: v,
+											children: x("bigconsole.parsers.builder.fields.outputKey.helper", "Auto-generated from name. Customize if needed.")
 										})
-									] })
-								]
-							}),
-							x === 1 && /* @__PURE__ */ p("div", {
-								className: "space-y-5",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("label", {
-									className: "block text-sm font-medium text-text-primary mb-3",
+									] })]
+								}),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									htmlFor: "description",
+									className: _,
+									children: x("bigconsole.parsers.builder.fields.description.label", "Description")
+								}), /* @__PURE__ */ p("textarea", {
+									id: "description",
+									value: k.description,
+									onChange: gt,
+									placeholder: x("bigconsole.parsers.builder.fields.description.placeholder", "Describe what this parser does..."),
+									rows: 3,
+									className: g(!1, "resize-y")
+								})] }),
+								O && /* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ m("label", {
+										htmlFor: "dashboard",
+										className: `${_} flex items-center gap-2`,
+										children: [/* @__PURE__ */ p(_e, {
+											"aria-hidden": "true",
+											className: "w-4 h-4"
+										}), x("bigconsole.parsers.builder.fields.dashboard.label", "Dashboard Scope")]
+									}),
+									/* @__PURE__ */ m("select", {
+										id: "dashboard",
+										value: E,
+										onChange: xt,
+										disabled: pt || D,
+										className: g(),
+										children: [/* @__PURE__ */ p("option", {
+											value: "default",
+											children: x("bigconsole.parsers.builder.fields.dashboard.globalOption", "Global (available everywhere)")
+										}), dt.map((e) => /* @__PURE__ */ p("option", {
+											value: e.id,
+											children: e.name
+										}, e.id))]
+									}),
+									/* @__PURE__ */ p("p", {
+										className: v,
+										children: D ? x("bigconsole.parsers.builder.fields.dashboard.helperLocked", "Dashboard scope cannot be changed after creation.") : E === "default" ? x("bigconsole.parsers.builder.fields.dashboard.helperGlobal", "Global parsers are available across all dashboards.") : x("bigconsole.parsers.builder.fields.dashboard.helperScoped", "This parser will only be available in the selected dashboard.")
+									})
+								] })
+							]
+						}),
+						w === 1 && /* @__PURE__ */ m(t, {
+							emphasis: "primary",
+							headingLevel: 2,
+							title: "Parser configuration",
+							description: "Pick the language and point it at a source.",
+							icon: /* @__PURE__ */ p(pe, { className: "h-icon-sm w-icon-sm" }),
+							meta: $,
+							bodyClassName: "space-y-5",
+							"data-testid": "parser-configuration",
+							children: [/* @__PURE__ */ m("fieldset", {
+								className: "min-w-0 border-0 p-0 m-0",
+								children: [/* @__PURE__ */ m("legend", {
+									className: "mb-3 text-sm font-medium text-text-primary",
 									children: [
-										_("bigconsole.parsers.builder.fields.parserType.label", "Parser Type"),
+										x("bigconsole.parsers.builder.fields.parserType.label", "Parser Type"),
 										" ",
-										/* @__PURE__ */ f("span", {
+										/* @__PURE__ */ p("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})
 									]
-								}), /* @__PURE__ */ f("div", {
-									className: "grid gap-2 sm:grid-cols-2",
-									children: Object.keys(y).map((e) => {
-										let t = y[e];
-										return /* @__PURE__ */ p("label", {
-											className: `flex items-start gap-3 p-3 border rounded-md cursor-pointer transition-colors ${D.type === e ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-default hover:bg-bg-sunken"}`,
-											children: [/* @__PURE__ */ f("input", {
+								}), /* @__PURE__ */ p("div", {
+									className: "space-y-2",
+									children: Object.keys(S).map((e) => {
+										let t = S[e];
+										return /* @__PURE__ */ m("label", {
+											className: `
+                              flex items-start gap-3 p-3
+                              rounded-md border
+                              cursor-pointer
+                              motion-safe:transition-colors
+                              ${k.type === e ? "border-action-primary-bg bg-action-primary-bg/5" : "border-transparent bg-bg-sunken hover:border-[var(--color-border-subtle)]"}
+                            `,
+											children: [/* @__PURE__ */ p("input", {
 												type: "radio",
 												name: "parserType",
 												value: e,
-												checked: D.type === e,
+												checked: k.type === e,
 												onChange: () => _t(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",
-												children: t.name
-											}), /* @__PURE__ */ f("p", {
-												className: "text-xs text-text-secondary mt-0.5",
-												children: t.description
-											})] })]
+											}), /* @__PURE__ */ m("span", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ p("span", {
+													className: "block text-sm font-medium text-text-primary",
+													children: t.name
+												}), /* @__PURE__ */ p("span", {
+													className: "mt-0.5 block text-xs text-text-secondary",
+													children: t.description
+												})]
+											})]
 										}, e);
 									})
-								})] }), /* @__PURE__ */ p("div", { children: [
-									/* @__PURE__ */ p("label", {
-										htmlFor: "inputSinkKey",
-										className: "block text-sm font-medium text-text-primary mb-2",
+								})]
+							}), /* @__PURE__ */ m("div", { children: [
+								/* @__PURE__ */ m("label", {
+									htmlFor: "inputSinkKey",
+									className: _,
+									children: [
+										x("bigconsole.parsers.builder.fields.sourceDataSink.label", "Source DataSink"),
+										" ",
+										/* @__PURE__ */ p("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})
+									]
+								}),
+								/* @__PURE__ */ m("select", {
+									id: "inputSinkKey",
+									value: k.inputSinkKey,
+									onChange: yt,
+									className: g(!!j.inputSinkKey),
+									children: [/* @__PURE__ */ p("option", {
+										value: "",
+										children: x("bigconsole.parsers.builder.fields.sourceDataSink.placeholder", "Select a DataSink...")
+									}), J.map((e) => /* @__PURE__ */ p("option", {
+										value: e.key,
+										children: e.name || e.key
+									}, e.id))]
+								}),
+								j.inputSinkKey && /* @__PURE__ */ p("p", {
+									className: "text-xs text-status-error-text mt-1.5",
+									children: j.inputSinkKey
+								}),
+								J.length === 0 ? /* @__PURE__ */ p("p", {
+									className: v,
+									children: x("bigconsole.parsers.builder.fields.sourceDataSink.emptyState", "No DataSinks yet — create one first, then return here to build a parser for it.")
+								}) : /* @__PURE__ */ p("p", {
+									className: v,
+									children: "Select the data source for this parser to transform."
+								}),
+								k.inputSinkKey && /* @__PURE__ */ m("div", {
+									className: "mt-3",
+									children: [/* @__PURE__ */ m("button", {
+										type: "button",
+										onClick: Tt,
+										"aria-expanded": G,
+										"aria-controls": "parser-data-preview",
+										className: "inline-flex min-h-control-md items-center gap-2 rounded-md text-sm text-action-primary-bg hover:text-action-primary-bgHover 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",
 										children: [
-											_("bigconsole.parsers.builder.fields.sourceDataSink.label", "Source DataSink"),
+											p(G ? de : fe, { className: "w-4 h-4" }),
+											/* @__PURE__ */ p(he, { className: "w-4 h-4" }),
+											x("bigconsole.parsers.builder.dataPreview.toggle", "Show Data Preview")
+										]
+									}), G && /* @__PURE__ */ p(t, {
+										id: "parser-data-preview",
+										emphasis: "muted",
+										padding: "compact",
+										headingLevel: 3,
+										title: "Sample data",
+										description: "A slice of the payload stored on the selected DataSink.",
+										className: "mt-3",
+										"data-testid": "parser-data-preview",
+										children: $e ? /* @__PURE__ */ m("div", {
+											className: "flex items-center justify-center p-4",
+											children: [/* @__PURE__ */ p(u, { className: "w-5 h-5 text-text-secondary animate-spin" }), /* @__PURE__ */ p("span", {
+												className: "ml-2 text-sm text-text-secondary",
+												children: x("bigconsole.parsers.builder.dataPreview.loading", "Loading sample…")
+											})]
+										}) : tt ? /* @__PURE__ */ p("p", {
+											className: "text-sm text-status-error-text",
+											children: tt
+										}) : Ze ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("pre", {
+											className: "max-h-48 min-w-0 overflow-auto rounded-md bg-bg-canvas p-3 font-mono text-xs text-text-primary",
+											children: JSON.stringify(Ze, null, 2)
+										}), q && /* @__PURE__ */ m("p", {
+											className: v,
+											children: [
+												x("bigconsole.parsers.builder.dataPreview.previewingSample", "Previewing a sample"),
+												q.total == null ? "" : x("bigconsole.parsers.builder.dataPreview.rowRange", " (first {{shown}} of {{total}} rows)", {
+													shown: Math.min(y, q.total),
+													total: q.total
+												}),
+												" · ",
+												q.sinkName
+											]
+										})] }) : /* @__PURE__ */ p("p", {
+											className: "text-center text-sm text-text-secondary",
+											children: x("bigconsole.parsers.builder.dataPreview.noData", "No data available")
+										})
+									})]
+								})
+							] })]
+						}),
+						w === 2 && /* @__PURE__ */ m(t, {
+							emphasis: "primary",
+							headingLevel: 2,
+							title: "Test expression",
+							description: "Write the expression, then run it against sample data before you save.",
+							icon: /* @__PURE__ */ p(ve, { className: "h-icon-sm w-icon-sm" }),
+							meta: $,
+							bodyClassName: "space-y-5",
+							"data-testid": "parser-test-expression",
+							children: [
+								/* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ m("label", {
+										htmlFor: "expression",
+										className: _,
+										children: [
+											x("bigconsole.parsers.builder.fields.expression.label", "Expression"),
 											" ",
-											/* @__PURE__ */ f("span", {
+											/* @__PURE__ */ p("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})
 										]
 									}),
-									/* @__PURE__ */ p("select", {
-										id: "inputSinkKey",
-										value: D.inputSinkKey,
-										onChange: yt,
-										className: `${h} ${k.inputSinkKey ? "border-status-error-border" : "border-border-default"}`,
-										children: [/* @__PURE__ */ f("option", {
-											value: "",
-											children: _("bigconsole.parsers.builder.fields.sourceDataSink.placeholder", "Select a DataSink...")
-										}), J.map((e) => /* @__PURE__ */ f("option", {
-											value: e.key,
-											children: e.name || e.key
-										}, e.id))]
+									/* @__PURE__ */ p("textarea", {
+										id: "expression",
+										value: k.expression,
+										onChange: vt,
+										placeholder: Nt.placeholder,
+										rows: 8,
+										className: g(!!j.expression, "font-mono resize-y min-h-[12rem]")
 									}),
-									k.inputSinkKey && /* @__PURE__ */ f("p", {
+									j.expression && /* @__PURE__ */ p("p", {
 										className: "text-xs text-status-error-text mt-1.5",
-										children: k.inputSinkKey
+										children: j.expression
 									}),
-									J.length === 0 && /* @__PURE__ */ f("p", {
-										className: "text-xs text-text-tertiary mt-1.5",
-										children: _("bigconsole.parsers.builder.fields.sourceDataSink.emptyState", "No DataSinks yet — create one first, then return here to build a parser for it.")
-									}),
-									D.inputSinkKey && /* @__PURE__ */ p("div", {
-										className: "mt-3",
-										children: [/* @__PURE__ */ p("button", {
-											type: "button",
-											onClick: Tt,
-											className: "inline-flex items-center gap-2 text-sm text-action-primary-bg hover:text-action-primary-bgHover transition-colors",
-											children: [
-												f(W ? ue : de, { className: "w-4 h-4" }),
-												/* @__PURE__ */ f(me, { className: "w-4 h-4" }),
-												_("bigconsole.parsers.builder.dataPreview.toggle", "Show Data Preview")
-											]
-										}), W && /* @__PURE__ */ f("div", {
-											className: "mt-3 border border-border-default rounded-md overflow-hidden",
-											children: $e ? /* @__PURE__ */ p("div", {
-												className: "p-4 flex items-center justify-center",
-												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: _("bigconsole.parsers.builder.dataPreview.loading", "Loading sample…")
-												})]
-											}) : tt ? /* @__PURE__ */ f("div", {
-												className: "p-4 bg-status-error-bg/5",
-												children: /* @__PURE__ */ f("p", {
-													className: "text-sm text-status-error-text",
-													children: tt
-												})
-											}) : Ze ? /* @__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(Ze, null, 2)
-											}), q && /* @__PURE__ */ p("p", {
-												className: "px-3 py-2 text-xs text-text-tertiary border-t border-border-default",
-												children: [
-													_("bigconsole.parsers.builder.dataPreview.previewingSample", "Previewing a sample"),
-													q.total == null ? "" : _("bigconsole.parsers.builder.dataPreview.rowRange", " (first {{shown}} of {{total}} rows)", {
-														shown: Math.min(m, q.total),
-														total: q.total
-													}),
-													" · ",
-													q.sinkName
-												]
-											})] }) : /* @__PURE__ */ f("div", {
-												className: "p-4 text-sm text-text-secondary text-center",
-												children: _("bigconsole.parsers.builder.dataPreview.noData", "No data available")
-											})
-										})]
+									/* @__PURE__ */ p("p", {
+										className: v,
+										children: x("bigconsole.parsers.builder.fields.expression.example", "Example: {{example}}", { example: Nt.example })
 									})
-								] })]
-							}),
-							x === 2 && /* @__PURE__ */ p("div", {
-								className: "space-y-5",
-								children: [
-									/* @__PURE__ */ p("div", { children: [
-										/* @__PURE__ */ p("label", {
-											htmlFor: "expression",
-											className: "block text-sm font-medium text-text-primary mb-2",
-											children: [
-												_("bigconsole.parsers.builder.fields.expression.label", "Expression"),
-												" ",
-												/* @__PURE__ */ f("span", {
-													className: "text-status-error-text",
-													children: "*"
-												})
-											]
-										}),
-										/* @__PURE__ */ f("textarea", {
-											id: "expression",
-											value: D.expression,
-											onChange: vt,
-											placeholder: Mt.placeholder,
-											rows: 8,
-											className: `${h} font-mono resize-y ${k.expression ? "border-status-error-border" : "border-border-default"}`
-										}),
-										k.expression && /* @__PURE__ */ f("p", {
-											className: "text-xs text-status-error-text mt-1.5",
-											children: k.expression
-										}),
-										/* @__PURE__ */ f("p", {
-											className: "text-xs text-text-tertiary mt-1.5",
-											children: _("bigconsole.parsers.builder.fields.expression.example", "Example: {{example}}", { example: Mt.example })
-										})
-									] }),
-									/* @__PURE__ */ f(ae, {
-										permission: r.PARSER_TEST,
-										deniedBehavior: "disable",
-										children: /* @__PURE__ */ f(u, {
-											type: "button",
-											onClick: Et,
-											disabled: qe || !D.expression.trim(),
-											variant: "default",
-											className: "w-full",
-											children: qe ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "w-4 h-4 mr-2 animate-spin" }), _("bigconsole.parsers.builder.actions.testing", "Testing...")] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(_e, { className: "w-4 h-4 mr-2" }), _("bigconsole.parsers.builder.actions.runTest", "Run Test")] })
-										})
+								] }),
+								/* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ m("div", {
+										className: "mb-2 flex flex-wrap items-center justify-between gap-control-gap",
+										children: [/* @__PURE__ */ m("label", {
+											htmlFor: "test-input",
+											className: `${_} mb-0 flex flex-wrap items-center gap-2`,
+											children: [x("bigconsole.parsers.builder.test.inputJsonLabel", "Input JSON"), /* @__PURE__ */ p("span", {
+												className: `rounded border px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${V ? "text-action-primary-bg bg-action-primary-bg/10 border-action-primary-bg/30" : "text-text-secondary bg-bg-sunken border-[var(--color-border-subtle)]"}`,
+												children: V ? x("bigconsole.parsers.builder.test.referenceMode", "Reference mode") : x("bigconsole.parsers.builder.test.sampleMode", "Sample mode")
+											})]
+										}), /* @__PURE__ */ m("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [k.inputSinkKey && !V && /* @__PURE__ */ m("button", {
+												type: "button",
+												onClick: Ct,
+												disabled: Je,
+												className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-md border border-action-primary-bg px-2.5 py-1.5 text-xs font-semibold text-action-primary-bg hover:bg-action-primary-bg/10 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 disabled:opacity-50 disabled:cursor-not-allowed",
+												children: [Je ? /* @__PURE__ */ p(u, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ p(me, { className: "w-3.5 h-3.5" }), x("bigconsole.parsers.builder.actions.loadSample", "Load Sample")]
+											}), V && /* @__PURE__ */ m("button", {
+												type: "button",
+												onClick: wt,
+												className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-md border border-[var(--color-border-default)] px-2.5 py-1.5 text-xs font-semibold text-text-primary hover:bg-bg-sunken 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",
+												children: [/* @__PURE__ */ p(xe, { className: "w-3.5 h-3.5" }), x("bigconsole.parsers.builder.actions.clear", "Clear")]
+											})]
+										})]
 									}),
-									/* @__PURE__ */ p("div", {
-										className: "grid gap-4 md:grid-cols-2",
-										children: [/* @__PURE__ */ p("div", { children: [
-											/* @__PURE__ */ p("div", {
-												className: "flex items-center justify-between mb-2",
-												children: [/* @__PURE__ */ p("label", {
-													className: "text-sm font-medium text-text-primary",
-													children: [_("bigconsole.parsers.builder.test.inputJsonLabel", "Input JSON"), /* @__PURE__ */ f("span", {
-														className: `ml-2 text-[10px] font-semibold uppercase tracking-wide px-2 py-0.5 rounded border align-middle ${z ? "text-action-primary-bg bg-action-primary-bg/10 border-action-primary-bg/30" : "text-text-secondary bg-bg-sunken border-border-default"}`,
-														children: z ? _("bigconsole.parsers.builder.test.referenceMode", "Reference mode") : _("bigconsole.parsers.builder.test.sampleMode", "Sample mode")
-													})]
-												}), /* @__PURE__ */ p("div", {
-													className: "flex items-center gap-2",
-													children: [D.inputSinkKey && !z && /* @__PURE__ */ p("button", {
-														type: "button",
-														onClick: Ct,
-														disabled: Ye,
-														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: [Ye ? /* @__PURE__ */ f(l, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ f(pe, { className: "w-3.5 h-3.5" }), _("bigconsole.parsers.builder.actions.loadSample", "Load Sample")]
-													}), z && /* @__PURE__ */ p("button", {
-														type: "button",
-														onClick: wt,
-														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(be, { className: "w-3.5 h-3.5" }), _("bigconsole.parsers.builder.actions.clear", "Clear")]
-													})]
-												})]
-											}),
-											/* @__PURE__ */ f("textarea", {
-												value: j,
-												onChange: St,
-												readOnly: z,
-												placeholder: _("bigconsole.parsers.builder.test.inputPlaceholder", "Type sample JSON to test against it — or Load a sample from the source…"),
-												rows: 8,
-												className: `${h} min-h-[220px] text-xs font-mono leading-relaxed resize-y border-border-default ${z ? "bg-bg-sunken opacity-80 cursor-not-allowed" : ""}`
-											}),
-											z && V ? /* @__PURE__ */ p("p", {
-												className: "text-xs text-text-tertiary mt-1.5",
-												children: [
-													_("bigconsole.parsers.builder.test.loadedSample", "Loaded a small sample"),
-													V.total == null ? "" : _("bigconsole.parsers.builder.dataPreview.rowRange", " (first {{shown}} of {{total}} rows)", {
-														shown: Math.min(m, V.total),
-														total: V.total
-													}),
-													" ",
-													_("bigconsole.parsers.builder.test.loadedSampleFrom", "from {{sinkName}} · locked — press Clear to edit.", { sinkName: V.sinkName })
-												]
-											}) : /* @__PURE__ */ f("p", {
-												className: "text-xs text-text-tertiary mt-1.5",
-												children: _("bigconsole.parsers.builder.test.inputHelper", "Type sample JSON to test against it, or Load a sample from the source.")
-											})
-										] }), /* @__PURE__ */ p("div", { children: [
-											/* @__PURE__ */ p("div", {
-												className: "flex items-center justify-between mb-2",
-												children: [/* @__PURE__ */ f("label", {
-													className: "text-sm font-medium text-text-primary",
-													children: F ? _("bigconsole.parsers.builder.test.errorOutputLabel", "Error Output") : _("bigconsole.parsers.builder.test.outputLabel", "Output")
-												}), (N || F) && (F ? /* @__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(se, { className: "w-3 h-3" }),
-														" ",
-														_("bigconsole.parsers.builder.test.failed", "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(le, { className: "w-3 h-3" }),
-														" ",
-														_("bigconsole.parsers.builder.test.passed", "Passed")
-													]
-												}))]
-											}),
-											N || F ? /* @__PURE__ */ f("pre", {
-												className: `w-full px-3 py-2.5 text-xs font-mono leading-relaxed border rounded-md overflow-auto min-h-[220px] max-h-[220px] resize-y ${F ? "bg-status-error-bg/5 text-status-error-text border-status-error-border/30" : "bg-status-success-bg/5 text-text-primary border-status-success-border/30"}`,
-												children: F || N
-											}) : /* @__PURE__ */ f("div", {
-												className: "min-h-[220px] p-3 bg-bg-sunken rounded-md border border-border-default",
-												children: /* @__PURE__ */ p("p", {
-													className: "text-xs text-text-secondary leading-relaxed",
-													children: [
-														/* @__PURE__ */ f("strong", { children: _("bigconsole.parsers.builder.test.tipLabel", "Tip:") }),
-														" ",
-														_("bigconsole.parsers.builder.test.tipBody", "write your expression and click “Run Test” to see the transformation.")
-													]
-												})
+									/* @__PURE__ */ p("textarea", {
+										id: "test-input",
+										value: N,
+										onChange: St,
+										readOnly: V,
+										placeholder: x("bigconsole.parsers.builder.test.inputPlaceholder", "Type sample JSON to test against it — or Load a sample from the source…"),
+										rows: 8,
+										className: g(!1, `font-mono leading-relaxed resize-y ${V ? "bg-bg-sunken opacity-80 cursor-not-allowed" : ""}`)
+									}),
+									V && U ? /* @__PURE__ */ m("p", {
+										className: v,
+										children: [
+											x("bigconsole.parsers.builder.test.loadedSample", "Loaded a small sample"),
+											U.total == null ? "" : x("bigconsole.parsers.builder.dataPreview.rowRange", " (first {{shown}} of {{total}} rows)", {
+												shown: Math.min(y, U.total),
+												total: U.total
 											}),
-											L && !F && /* @__PURE__ */ p("p", {
-												className: "text-xs text-text-tertiary mt-1.5",
-												children: [
-													_("bigconsole.parsers.builder.test.testedSample", "Tested a sample"),
-													L.sampledRows != null && L.totalRows != null ? _("bigconsole.parsers.builder.dataPreview.rowRange", " (first {{shown}} of {{total}} rows)", {
-														shown: L.sampledRows,
-														total: L.totalRows
-													}) : "",
-													_("bigconsole.parsers.builder.test.testedSampleNote", " — a saved parser runs over the full source, so results may differ.")
-												]
-											})
-										] })]
+											" ",
+											x("bigconsole.parsers.builder.test.loadedSampleFrom", "from {{sinkName}} · locked — press Clear to edit.", { sinkName: U.sinkName })
+										]
+									}) : /* @__PURE__ */ p("p", {
+										className: v,
+										children: x("bigconsole.parsers.builder.test.inputHelper", "Type sample JSON to test against it, or Load a sample from the source.")
 									})
-								]
-							}),
-							x === 3 && /* @__PURE__ */ p("div", {
-								className: "space-y-6",
-								children: [/* @__PURE__ */ p("div", { children: [
-									/* @__PURE__ */ f("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: _("bigconsole.parsers.builder.review.cacheDurationLabel", "Cache Duration")
-									}),
-									/* @__PURE__ */ f("p", {
-										className: "text-xs text-text-tertiary mb-3",
-										children: _("bigconsole.parsers.builder.review.cacheDurationHelper", "How long should data be cached before refreshing?")
+								] }),
+								/* @__PURE__ */ p(se, {
+									permission: r.PARSER_TEST,
+									deniedBehavior: "disable",
+									children: /* @__PURE__ */ p(d, {
+										type: "button",
+										onClick: Et,
+										disabled: Ge || !k.expression.trim(),
+										variant: "default",
+										className: "w-full",
+										children: Ge ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "w-4 h-4 mr-2 animate-spin" }), x("bigconsole.parsers.builder.actions.testing", "Testing...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ve, { className: "w-4 h-4 mr-2" }), x("bigconsole.parsers.builder.actions.runTest", "Run Test")] })
+									})
+								}),
+								(F || L) && /* @__PURE__ */ m(t, {
+									emphasis: "muted",
+									padding: "compact",
+									headingLevel: 3,
+									tone: L ? "danger" : "success",
+									title: L ? x("bigconsole.parsers.builder.test.errorOutputLabel", "Error Output") : x("bigconsole.parsers.builder.test.outputLabel", "Output"),
+									meta: L ? /* @__PURE__ */ m("span", {
+										className: "inline-flex items-center gap-1 text-xs text-[var(--color-status-error-text)]",
+										children: [
+											/* @__PURE__ */ p(l, { className: "w-3 h-3" }),
+											" ",
+											x("bigconsole.parsers.builder.test.failed", "Failed")
+										]
+									}) : /* @__PURE__ */ m("span", {
+										className: "inline-flex items-center gap-1 text-xs text-status-success-text",
+										children: [
+											/* @__PURE__ */ p(ue, { className: "w-3 h-3" }),
+											" ",
+											x("bigconsole.parsers.builder.test.passed", "Passed")
+										]
 									}),
-									/* @__PURE__ */ f(te, {
-										value: D.ttl,
-										onChange: bt,
-										error: k.ttl,
-										hideLabel: !0
+									"data-testid": "parser-test-output",
+									children: [/* @__PURE__ */ p("pre", {
+										className: "max-h-[150px] min-w-0 overflow-auto rounded-md bg-bg-canvas px-3 py-2.5 font-mono text-xs leading-relaxed text-text-primary",
+										children: L || F
+									}), z && !L && /* @__PURE__ */ m("p", {
+										className: v,
+										children: [
+											x("bigconsole.parsers.builder.test.testedSample", "Tested a sample"),
+											z.sampledRows != null && z.totalRows != null ? x("bigconsole.parsers.builder.dataPreview.rowRange", " (first {{shown}} of {{total}} rows)", {
+												shown: z.sampledRows,
+												total: z.totalRows
+											}) : "",
+											x("bigconsole.parsers.builder.test.testedSampleNote", " — a saved parser runs over the full source, so results may differ.")
+										]
+									})]
+								}),
+								!F && !L && /* @__PURE__ */ p(t, {
+									emphasis: "muted",
+									padding: "compact",
+									headingLevel: 3,
+									title: "No run yet",
+									"data-testid": "parser-test-empty",
+									children: /* @__PURE__ */ m("p", {
+										className: "text-xs leading-relaxed text-text-secondary",
+										children: [
+											/* @__PURE__ */ p("strong", { children: x("bigconsole.parsers.builder.test.tipLabel", "Tip:") }),
+											" ",
+											x("bigconsole.parsers.builder.test.tipBody", "write your expression and click “Run Test” to see the transformation.")
+										]
 									})
-								] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-									className: "block text-sm font-medium text-text-primary mb-2",
-									children: _("bigconsole.parsers.builder.review.label", "Review")
-								}), /* @__PURE__ */ f("div", {
-									className: "border border-border-default rounded-lg overflow-hidden",
-									children: [
-										[_("bigconsole.parsers.builder.review.name", "Name"), D.name || "—"],
-										[_("bigconsole.parsers.builder.review.outputKey", "Output Key"), D.outputKey || "—"],
-										[_("bigconsole.parsers.builder.review.scope", "Scope"), E ? C === "default" ? _("bigconsole.parsers.builder.review.scopeGlobal", "Global") : dt.find((e) => e.id === C)?.name || C : _("bigconsole.parsers.builder.review.scopeDashboard", "Dashboard")],
-										[_("bigconsole.parsers.builder.review.type", "Type"), y[D.type].name],
-										[_("bigconsole.parsers.builder.review.source", "Source"), Z || "—"]
-									].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",
-										children: [/* @__PURE__ */ f("span", {
-											className: "text-text-secondary",
-											children: e
-										}), /* @__PURE__ */ f("span", {
-											className: "font-medium text-text-primary text-right break-words",
-											children: t
-										})]
-									}, e))
-								})] })]
+								})
+							]
+						}),
+						w === 3 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(t, {
+							emphasis: "primary",
+							headingLevel: 2,
+							title: x("bigconsole.parsers.builder.review.cacheDurationLabel", "Cache Duration"),
+							description: x("bigconsole.parsers.builder.review.cacheDurationHelper", "How long should data be cached before refreshing?"),
+							icon: /* @__PURE__ */ p(be, { className: "h-icon-sm w-icon-sm" }),
+							meta: $,
+							"data-testid": "parser-advanced-settings",
+							children: /* @__PURE__ */ p(re, {
+								value: k.ttl,
+								onChange: bt,
+								error: j.ttl,
+								hideLabel: !0
 							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "flex items-center justify-between gap-4 pt-6 mt-6 border-t border-border-default",
-					children: [x === 0 ? /* @__PURE__ */ f(u, {
-						type: "button",
-						onClick: Q,
-						variant: "secondary",
-						children: _("bigconsole.parsers.builder.actions.cancel", "Cancel")
-					}) : /* @__PURE__ */ p(u, {
-						type: "button",
-						onClick: jt,
-						variant: "secondary",
-						children: [/* @__PURE__ */ f(ce, { className: "w-4 h-4 mr-2" }), _("bigconsole.parsers.builder.actions.back", "Back")]
-					}), Nt ? /* @__PURE__ */ f(ae, {
-						permission: Be,
-						deniedBehavior: "disable",
-						children: /* @__PURE__ */ f(u, {
-							type: "button",
-							onClick: Dt,
-							disabled: !Ot || Ue || !ze,
-							variant: "default",
-							children: Ue ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "w-4 h-4 mr-2 animate-spin" }), _("bigconsole.parsers.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ve, { className: "w-4 h-4 mr-2" }), T ? _("bigconsole.parsers.builder.actions.saveChanges", "Save Changes") : _("bigconsole.parsers.builder.actions.createParser", "Create Parser")] })
+						}), /* @__PURE__ */ p(t, {
+							emphasis: "muted",
+							headingLevel: 2,
+							title: x("bigconsole.parsers.builder.review.label", "Review"),
+							description: "Check these details before you save.",
+							"data-testid": "parser-review",
+							children: /* @__PURE__ */ p("div", {
+								className: "overflow-hidden rounded-lg border border-[var(--color-border-subtle)]",
+								children: [
+									[x("bigconsole.parsers.builder.review.name", "Name"), k.name || "—"],
+									[x("bigconsole.parsers.builder.review.outputKey", "Output Key"), k.outputKey || "—"],
+									[x("bigconsole.parsers.builder.review.scope", "Scope"), O ? E === "default" ? x("bigconsole.parsers.builder.review.scopeGlobal", "Global") : dt.find((e) => e.id === E)?.name || E : x("bigconsole.parsers.builder.review.scopeDashboard", "Dashboard")],
+									[x("bigconsole.parsers.builder.review.type", "Type"), S[k.type].name],
+									[x("bigconsole.parsers.builder.review.source", "Source"), Z || "—"]
+								].map(([e, t]) => /* @__PURE__ */ m("div", {
+									className: "flex flex-wrap items-center justify-between gap-3 border-b border-[var(--color-border-subtle)] px-4 py-2.5 text-sm last:border-b-0",
+									children: [/* @__PURE__ */ p("span", {
+										className: "text-text-secondary",
+										children: e
+									}), /* @__PURE__ */ p("span", {
+										className: "min-w-0 break-words text-right font-medium text-text-primary",
+										children: t
+									})]
+								}, e))
+							})
+						})] }),
+						/* @__PURE__ */ m("div", {
+							className: "sticky bottom-0 z-10 flex flex-col-reverse gap-control-gap border-t border-[var(--color-border-subtle)] bg-bg-canvas py-form-gap sm:flex-row sm:items-center sm:justify-between",
+							children: [w === 0 ? /* @__PURE__ */ p(d, {
+								type: "button",
+								onClick: Q,
+								variant: "secondary",
+								className: "w-full sm:w-auto",
+								children: x("bigconsole.parsers.builder.actions.cancel", "Cancel")
+							}) : /* @__PURE__ */ m(d, {
+								type: "button",
+								onClick: Mt,
+								variant: "secondary",
+								className: "w-full sm:w-auto",
+								children: [/* @__PURE__ */ p(le, { className: "w-4 h-4 mr-2" }), x("bigconsole.parsers.builder.actions.back", "Back")]
+							}), Pt ? /* @__PURE__ */ p(se, {
+								permission: Re,
+								deniedBehavior: "disable",
+								children: /* @__PURE__ */ p(d, {
+									type: "submit",
+									disabled: !Ot || Ve || !Le,
+									variant: "default",
+									className: "w-full sm:w-auto",
+									children: Ve ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "w-4 h-4 mr-2 animate-spin" }), x("bigconsole.parsers.builder.actions.saving", "Saving...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ye, { className: "w-4 h-4 mr-2" }), D ? x("bigconsole.parsers.builder.actions.saveChanges", "Save Changes") : x("bigconsole.parsers.builder.actions.createParser", "Create Parser")] })
+								})
+							}) : /* @__PURE__ */ m(d, {
+								type: "button",
+								onClick: jt,
+								disabled: !kt(w),
+								variant: "default",
+								className: "w-full sm:w-auto",
+								children: [x("bigconsole.parsers.builder.actions.next", "Next"), /* @__PURE__ */ p(fe, { className: "w-4 h-4 ml-2" })]
+							})]
 						})
-					}) : /* @__PURE__ */ p(u, {
-						type: "button",
-						onClick: At,
-						disabled: !$(x),
-						variant: "default",
-						children: [_("bigconsole.parsers.builder.actions.next", "Next"), /* @__PURE__ */ f(de, { className: "w-4 h-4 ml-2" })]
-					})]
+					]
 				})
-			]
+			] })
 		})
 	});
 });
 //#endregion
-export { g as ParserBuilderPage, g as default };
+export { b as ParserBuilderPage, b as default };
 
 //# sourceMappingURL=ParserBuilderPage.js.map