@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

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

@@ -1,187 +1,193 @@
-import e from "../../hooks/useImportParser.js";
+import { Section as e } from "../common/Section.js";
+import "../common/index.js";
+import t from "../../hooks/useImportParser.js";
 import "../../hooks/index.js";
-import { memo as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { ArrowLeft as o, Check as s, FileJson as c, Info as l, RefreshCw as u, Upload as d, XCircle as f } from "lucide-react";
-import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as p, Button as m, Card as h, CardContent as g, Dialog as _, DialogContent as v, DialogDescription as y, DialogFooter as b, DialogHeader as x, DialogTitle as S, Input as C, Label as w, Spinner as T } from "@burdenoff/fe-libs/ui";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { memo as n, useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { ArrowLeft as s, Check as c, FileJson as ee, Info as l, RefreshCw as u, Upload as d, XCircle as f } from "lucide-react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as m, Button as h, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as te, ResponsiveDialogDescription as y, ResponsiveDialogFooter as b, ResponsiveDialogHeader as x, ResponsiveDialogTitle as S, Spinner as C } from "@burdenoff/fe-libs/ui";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/bigconsole/components/parser/ImportParserDialog.tsx
-var k = t(function({ isOpen: t, onClose: k, consoleId: A, onSuccess: j }) {
-	let { t: M } = ee(), [N, P] = a("select"), [, F] = a(null), [I, L] = a(null), [R, z] = a(""), [B, V] = a(""), [H, U] = a(""), W = i(null), { loading: G, error: K, validationResult: q, importResult: J, validateImport: Y, importParser: X, extractParserId: te, clearState: Z } = e();
-	r(() => {
-		t && (P("select"), F(null), L(null), z(""), V(""), U(""), Z());
-	}, [t, Z]);
-	let ne = n(async (e) => {
+var D = "flex flex-wrap items-center justify-between gap-x-2 gap-y-0.5", O = n(function({ isOpen: n, onClose: O, consoleId: k, onSuccess: A }) {
+	let { t: j } = p(), [M, N] = o("select"), [, P] = o(null), [F, I] = o(null), [L, R] = o(""), [z, B] = o(""), [V, H] = o(""), U = a(null), { loading: W, error: G, validationResult: K, importResult: q, validateImport: J, importParser: Y, extractParserId: X, clearState: Z } = t();
+	i(() => {
+		n && (N("select"), P(null), I(null), R(""), B(""), H(""), Z());
+	}, [n, Z]);
+	let ne = r(async (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		if (!t.name.endsWith(".json")) {
-			alert(M("bigconsole.parsers.import.selectJsonFile", "Please select a JSON file"));
+			alert(j("bigconsole.parsers.import.selectJsonFile", "Please select a JSON file"));
 			return;
 		}
-		F(t);
+		P(t);
 		let n = new FileReader();
 		n.onload = async (e) => {
 			let t = e.target?.result;
-			L(t);
-			let n = Y(t);
-			n.isValid && n.parserInfo ? (P("preview"), z(n.parserInfo.name || ""), V(n.parserInfo.inputSinkKey || ""), U(n.parserInfo.outputKey || "")) : P("preview");
+			I(t);
+			let n = J(t);
+			n.isValid && n.parserInfo ? (N("preview"), R(n.parserInfo.name || ""), B(n.parserInfo.inputSinkKey || ""), H(n.parserInfo.outputKey || "")) : N("preview");
 		}, n.onerror = () => {
-			alert(M("bigconsole.parsers.import.readFileFailed", "Failed to read file"));
+			alert(j("bigconsole.parsers.import.readFileFailed", "Failed to read file"));
 		}, n.readAsText(t);
-	}, [Y, M]), re = n((e) => {
+	}, [J, j]), re = r((e) => {
 		e.preventDefault();
 		let t = e.dataTransfer.files?.[0];
 		if (t) {
 			let e = new DataTransfer();
-			e.items.add(t), W.current && (W.current.files = e.files, W.current.dispatchEvent(new Event("change", { bubbles: !0 })));
+			e.items.add(t), U.current && (U.current.files = e.files, U.current.dispatchEvent(new Event("change", { bubbles: !0 })));
 		}
-	}, []), ie = n(async () => {
-		if (!I) return;
-		P("importing");
-		let e = await X(I, {
-			consoleId: A,
-			name: R.trim() || void 0,
-			inputSinkKey: B.trim() || void 0,
-			outputKey: H.trim() || void 0
+	}, []), ie = r(async () => {
+		if (!F) return;
+		N("importing");
+		let e = await Y(F, {
+			consoleId: k,
+			name: L.trim() || void 0,
+			inputSinkKey: z.trim() || void 0,
+			outputKey: V.trim() || void 0
 		});
-		e?.success && e.parser ? (P("complete"), j?.(e.parser.id, e.parser.name, e.originalUpdated ?? !1)) : P("preview");
+		e?.success && e.parser ? (N("complete"), A?.(e.parser.id, e.parser.name, e.originalUpdated ?? !1)) : N("preview");
 	}, [
-		I,
-		A,
-		R,
-		B,
-		H,
-		X,
-		j
-	]), Q = !G && N !== "importing", $ = I ? te(I) : null;
-	return /* @__PURE__ */ D(_, {
-		open: t,
-		onOpenChange: (e) => !e && Q && k(),
-		children: /* @__PURE__ */ O(v, {
+		F,
+		k,
+		L,
+		z,
+		V,
+		Y,
+		A
+	]), Q = !W && M !== "importing", $ = F ? X(F) : null;
+	return /* @__PURE__ */ T(v, {
+		open: n,
+		onOpenChange: (e) => !e && Q && O(),
+		children: /* @__PURE__ */ E(te, {
 			className: "sm:max-w-lg max-h-[85vh] flex flex-col",
 			children: [
-				/* @__PURE__ */ O(x, { children: [/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ E(x, { children: [/* @__PURE__ */ E("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ D("div", {
-						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ D(d, { className: "size-5 text-primary" })
-					}), /* @__PURE__ */ D(S, { children: M("bigconsole.parsers.import.title", "Import Parser") })]
-				}), /* @__PURE__ */ D(y, { children: M("bigconsole.parsers.import.description", "Upload a Parser export file to restore it into this workspace.") })] }),
-				/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ T("div", {
+						className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10",
+						children: /* @__PURE__ */ T(d, { className: "size-5 text-action-primary-bg" })
+					}), /* @__PURE__ */ T(S, { children: j("bigconsole.parsers.import.title", "Import Parser") })]
+				}), /* @__PURE__ */ T(y, { children: j("bigconsole.parsers.import.description", "Upload a Parser export file to restore it into this workspace.") })] }),
+				/* @__PURE__ */ E("div", {
 					className: "flex-1 overflow-y-auto py-4 space-y-4",
 					children: [
-						N === "select" && /* @__PURE__ */ O("div", {
+						M === "select" && /* @__PURE__ */ E("div", {
 							onDragOver: (e) => e.preventDefault(),
 							onDrop: re,
-							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
+							className: "rounded-card border-2 border-dashed border-[var(--color-border-subtle)] bg-bg-sunken p-6 text-center hover:border-action-primary-bg motion-safe:transition-colors sm:p-8",
 							children: [
-								/* @__PURE__ */ D(c, { className: "size-12 mx-auto text-text-secondary mb-4" }),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ T(ee, { className: "size-12 mx-auto text-text-secondary mb-4" }),
+								/* @__PURE__ */ T("p", {
 									className: "text-sm mb-2",
-									children: M("bigconsole.parsers.import.dropzoneTitle", "Drag and drop a parser export file here")
+									children: j("bigconsole.parsers.import.dropzoneTitle", "Drag and drop a parser export file here")
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary mb-4",
-									children: M("bigconsole.parsers.import.or", "or")
+									children: j("bigconsole.parsers.import.or", "or")
 								}),
-								/* @__PURE__ */ D("input", {
-									ref: W,
+								/* @__PURE__ */ T("input", {
+									ref: U,
 									type: "file",
 									accept: ".json",
 									onChange: ne,
 									className: "hidden"
 								}),
-								/* @__PURE__ */ D(m, {
-									onClick: () => W.current?.click(),
-									disabled: G,
-									children: M("bigconsole.parsers.import.browseFiles", "Browse Files")
+								/* @__PURE__ */ T(h, {
+									onClick: () => U.current?.click(),
+									disabled: W,
+									children: j("bigconsole.parsers.import.browseFiles", "Browse Files")
 								}),
-								/* @__PURE__ */ D("p", {
+								/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary mt-4",
-									children: M("bigconsole.parsers.import.supportedHint", "Only .json files exported from BigConsole are supported")
+									children: j("bigconsole.parsers.import.supportedHint", "Only .json files exported from BigConsole are supported")
 								})
 							]
 						}),
-						(N === "preview" || N === "importing") && q && /* @__PURE__ */ O(E, { children: [
-							q.parserInfo && /* @__PURE__ */ D(h, { children: /* @__PURE__ */ O(g, {
-								className: "p-4 space-y-2",
+						(M === "preview" || M === "importing") && K && /* @__PURE__ */ E(w, { children: [
+							K.parserInfo && /* @__PURE__ */ E(e, {
+								emphasis: "muted",
+								padding: "compact",
+								headingLevel: 3,
+								title: "Parser in this file",
+								bodyClassName: "space-y-2",
+								"data-testid": "import-parser-summary",
 								children: [
-									/* @__PURE__ */ O("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ E("div", {
+										className: D,
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: M("bigconsole.parsers.import.fieldParser", "Parser")
-										}), /* @__PURE__ */ D("span", {
-											className: "text-sm font-medium",
-											children: q.parserInfo.name
+											children: j("bigconsole.parsers.import.fieldParser", "Parser")
+										}), /* @__PURE__ */ T("span", {
+											className: "min-w-0 break-words text-sm font-medium text-text-primary",
+											children: K.parserInfo.name
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ E("div", {
+										className: D,
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: M("bigconsole.parsers.import.fieldType", "Type")
-										}), /* @__PURE__ */ D(p, {
+											children: j("bigconsole.parsers.import.fieldType", "Type")
+										}), /* @__PURE__ */ T(m, {
 											variant: "secondary",
-											children: q.parserInfo.type
+											children: K.parserInfo.type
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ E("div", {
+										className: D,
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: M("bigconsole.parsers.import.fieldInputSink", "Input Sink")
-										}), /* @__PURE__ */ D("span", {
-											className: "text-xs font-mono",
-											children: q.parserInfo.inputSinkKey
+											children: j("bigconsole.parsers.import.fieldInputSink", "Input Sink")
+										}), /* @__PURE__ */ T("span", {
+											className: "min-w-0 break-all font-mono text-xs text-text-primary",
+											children: K.parserInfo.inputSinkKey
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ E("div", {
+										className: D,
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: M("bigconsole.parsers.import.fieldOutputKey", "Output Key")
-										}), /* @__PURE__ */ D("span", {
-											className: "text-xs font-mono",
-											children: q.parserInfo.outputKey
+											children: j("bigconsole.parsers.import.fieldOutputKey", "Output Key")
+										}), /* @__PURE__ */ T("span", {
+											className: "min-w-0 break-all font-mono text-xs text-text-primary",
+											children: K.parserInfo.outputKey
 										})]
 									}),
-									q.parserInfo.exportedFrom && /* @__PURE__ */ O("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+									K.parserInfo.exportedFrom && /* @__PURE__ */ E("div", {
+										className: D,
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: M("bigconsole.parsers.import.fieldSourceId", "Source ID")
-										}), /* @__PURE__ */ D("span", {
-											className: "text-xs text-text-secondary font-mono truncate max-w-[180px]",
-											children: q.parserInfo.exportedFrom
+											children: j("bigconsole.parsers.import.fieldSourceId", "Source ID")
+										}), /* @__PURE__ */ T("span", {
+											className: "min-w-0 max-w-full truncate font-mono text-xs text-text-secondary sm:max-w-[180px]",
+											children: K.parserInfo.exportedFrom
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("span", {
+									/* @__PURE__ */ E("div", {
+										className: D,
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: M("bigconsole.parsers.import.fieldSchemaVersion", "Schema Version")
-										}), /* @__PURE__ */ D("span", {
+											children: j("bigconsole.parsers.import.fieldSchemaVersion", "Schema Version")
+										}), /* @__PURE__ */ T("span", {
 											className: "text-xs text-text-secondary",
-											children: q.parserInfo.schemaVersion
+											children: K.parserInfo.schemaVersion
 										})]
 									})
 								]
-							}) }),
-							q.errors.length > 0 && /* @__PURE__ */ D(h, {
-								className: "border-status-error-border/50 bg-status-error-bg/5",
-								children: /* @__PURE__ */ O(g, {
-									className: "p-3",
-									children: [/* @__PURE__ */ O("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ D(f, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ D("span", {
-											className: "text-sm font-medium text-status-error-text",
-											children: M("bigconsole.parsers.import.errorsCount", "Errors ({{count}})", { count: q.errors.length })
-										})]
-									}), /* @__PURE__ */ D("ul", {
-										className: "text-xs text-status-error-text space-y-1",
-										children: q.errors.map((e, t) => /* @__PURE__ */ O("li", { children: [
-											/* @__PURE__ */ O("span", {
+							}),
+							K.errors.length > 0 && /* @__PURE__ */ T(e, {
+								tone: "danger",
+								padding: "compact",
+								headingLevel: 3,
+								title: j("bigconsole.parsers.import.errorsCount", "Errors ({{count}})", { count: K.errors.length }),
+								icon: /* @__PURE__ */ T(f, { className: "size-4 text-[var(--color-status-error-text)]" }),
+								"data-testid": "import-validation-errors",
+								children: /* @__PURE__ */ T("ul", {
+									className: "space-y-1 text-xs text-status-error-text",
+									children: K.errors.map((e, t) => /* @__PURE__ */ E("li", {
+										className: "break-words",
+										children: [
+											/* @__PURE__ */ E("span", {
 												className: "font-mono",
 												children: [
 													"[",
@@ -191,213 +197,167 @@ var k = t(function({ isOpen: t, onClose: k, consoleId: A, onSuccess: j }) {
 											}),
 											" ",
 											e.message
-										] }, t))
-									})]
+										]
+									}, t))
 								})
 							}),
-							q.isValid && /* @__PURE__ */ O("div", {
-								className: "space-y-4",
+							K.isValid && /* @__PURE__ */ E(e, {
+								headingLevel: 3,
+								title: j("bigconsole.parsers.import.optionsHeading", "Import Options"),
+								description: "Override the imported names before creating the parser.",
+								bodyClassName: "space-y-4",
+								"data-testid": "import-parser-options",
 								children: [
-									/* @__PURE__ */ D("p", {
-										className: "text-sm font-medium",
-										children: M("bigconsole.parsers.import.optionsHeading", "Import Options")
-									}),
-									/* @__PURE__ */ D(h, {
-										className: "border-blue-500/50 bg-blue-500/5",
-										children: /* @__PURE__ */ D(g, {
-											className: "p-3",
-											children: /* @__PURE__ */ O("div", {
-												className: "flex items-start gap-2",
-												children: [/* @__PURE__ */ D(l, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ D("div", {
-													className: "text-xs text-blue-700 dark:text-blue-400",
-													children: $ ? /* @__PURE__ */ O(E, { children: [
-														/* @__PURE__ */ D("p", {
-															className: "font-medium mb-1",
-															children: M("bigconsole.parsers.import.checkExistingTitle", "Import will check for existing parser")
-														}),
-														/* @__PURE__ */ O("p", { children: [
-															M("bigconsole.parsers.import.ifOriginalExistsPrefix", "If the original parser (ID:"),
-															" ",
-															/* @__PURE__ */ O("code", {
-																className: "font-mono bg-blue-200/50 px-1 rounded",
-																children: [$.slice(0, 8), "..."]
-															}),
-															M("bigconsole.parsers.import.ifOriginalExistsSuffix", ") exists:")
-														] }),
-														/* @__PURE__ */ O("ul", {
-															className: "list-disc list-inside mt-1 space-y-0.5",
-															children: [/* @__PURE__ */ D("li", { children: M("bigconsole.parsers.import.withChanges", "With changes → Update the existing parser") }), /* @__PURE__ */ D("li", { children: M("bigconsole.parsers.import.noChanges", "No changes → Show \"already exists\" message") })]
-														}),
-														/* @__PURE__ */ D("p", {
-															className: "mt-1",
-															children: M("bigconsole.parsers.import.ifOriginalMissing", "If original doesn't exist → Create a new parser")
-														})
-													] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("p", {
-														className: "font-medium mb-1",
-														children: M("bigconsole.parsers.import.newParserTitle", "A new parser will be created")
-													}), /* @__PURE__ */ D("p", { children: M("bigconsole.parsers.import.newParserBody", "Import as a new parser with the specified configuration.") })] })
-												})]
-											})
+									/* @__PURE__ */ T(e, {
+										tone: "info",
+										padding: "compact",
+										headingLevel: 4,
+										title: $ ? j("bigconsole.parsers.import.checkExistingTitle", "Import will check for existing parser") : j("bigconsole.parsers.import.newParserTitle", "A new parser will be created"),
+										icon: /* @__PURE__ */ T(l, { className: "size-4 text-[var(--color-status-info-text)]" }),
+										children: /* @__PURE__ */ T("div", {
+											className: "text-xs text-text-secondary",
+											children: $ ? /* @__PURE__ */ E(w, { children: [
+												/* @__PURE__ */ E("p", { children: [
+													j("bigconsole.parsers.import.ifOriginalExistsPrefix", "If the original parser (ID:"),
+													" ",
+													/* @__PURE__ */ E("code", {
+														className: "rounded bg-bg-sunken px-1 font-mono",
+														children: [$.slice(0, 8), "..."]
+													}),
+													j("bigconsole.parsers.import.ifOriginalExistsSuffix", ") exists:")
+												] }),
+												/* @__PURE__ */ E("ul", {
+													className: "list-disc list-inside mt-1 space-y-0.5",
+													children: [/* @__PURE__ */ T("li", { children: j("bigconsole.parsers.import.withChanges", "With changes → Update the existing parser") }), /* @__PURE__ */ T("li", { children: j("bigconsole.parsers.import.noChanges", "No changes → Show \"already exists\" message") })]
+												}),
+												/* @__PURE__ */ T("p", {
+													className: "mt-1",
+													children: j("bigconsole.parsers.import.ifOriginalMissing", "If original doesn't exist → Create a new parser")
+												})
+											] }) : /* @__PURE__ */ T("p", { children: j("bigconsole.parsers.import.newParserBody", "Import as a new parser with the specified configuration.") })
 										})
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ D(w, {
+										children: [/* @__PURE__ */ T(_, {
 											htmlFor: "import-name",
-											children: M("bigconsole.parsers.import.parserNameLabel", "Parser Name")
-										}), /* @__PURE__ */ D(C, {
+											children: j("bigconsole.parsers.import.parserNameLabel", "Parser Name")
+										}), /* @__PURE__ */ T(g, {
 											id: "import-name",
 											type: "text",
-											value: R,
-											onChange: (e) => z(e.target.value),
-											placeholder: q.parserInfo?.name || M("bigconsole.parsers.import.parserNamePlaceholder", "Parser name"),
-											disabled: N === "importing"
+											value: L,
+											onChange: (e) => R(e.target.value),
+											placeholder: K.parserInfo?.name || j("bigconsole.parsers.import.parserNamePlaceholder", "Parser name"),
+											disabled: M === "importing"
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ D(w, {
+											/* @__PURE__ */ T(_, {
 												htmlFor: "import-input-sink",
-												children: M("bigconsole.parsers.import.inputSinkKeyLabel", "Input Sink Key")
+												children: j("bigconsole.parsers.import.inputSinkKeyLabel", "Input Sink Key")
 											}),
-											/* @__PURE__ */ D(C, {
+											/* @__PURE__ */ T(g, {
 												id: "import-input-sink",
 												type: "text",
-												value: B,
-												onChange: (e) => V(e.target.value),
-												placeholder: q.parserInfo?.inputSinkKey || M("bigconsole.parsers.import.inputSinkKeyPlaceholder", "Input sink key"),
-												disabled: N === "importing"
+												value: z,
+												onChange: (e) => B(e.target.value),
+												placeholder: K.parserInfo?.inputSinkKey || j("bigconsole.parsers.import.inputSinkKeyPlaceholder", "Input sink key"),
+												disabled: M === "importing"
 											}),
-											/* @__PURE__ */ D("p", {
+											/* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary",
-												children: M("bigconsole.parsers.import.inputSinkKeyHelp", "The DataSink key to read input data from.")
+												children: j("bigconsole.parsers.import.inputSinkKeyHelp", "The DataSink key to read input data from.")
 											})
 										]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ D(w, {
+											/* @__PURE__ */ T(_, {
 												htmlFor: "import-output-key",
-												children: M("bigconsole.parsers.import.outputKeyLabel", "Output Key")
+												children: j("bigconsole.parsers.import.outputKeyLabel", "Output Key")
 											}),
-											/* @__PURE__ */ D(C, {
+											/* @__PURE__ */ T(g, {
 												id: "import-output-key",
 												type: "text",
-												value: H,
-												onChange: (e) => U(e.target.value),
-												placeholder: q.parserInfo?.outputKey || M("bigconsole.parsers.import.outputKeyPlaceholder", "Output key"),
-												disabled: N === "importing"
+												value: V,
+												onChange: (e) => H(e.target.value),
+												placeholder: K.parserInfo?.outputKey || j("bigconsole.parsers.import.outputKeyPlaceholder", "Output key"),
+												disabled: M === "importing"
 											}),
-											/* @__PURE__ */ D("p", {
+											/* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary",
-												children: M("bigconsole.parsers.import.outputKeyHelp", "The key to store parsed output data under.")
+												children: j("bigconsole.parsers.import.outputKeyHelp", "The key to store parsed output data under.")
 											})
 										]
 									})
 								]
 							})
 						] }),
-						N === "complete" && J?.success && /* @__PURE__ */ O("div", {
-							className: "text-center py-6",
-							children: [
-								J.alreadyExists && /* @__PURE__ */ O(E, { children: [
-									/* @__PURE__ */ D("div", {
-										className: "size-16 mx-auto mb-4 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ D(l, { className: "size-8 text-blue-600" })
-									}),
-									/* @__PURE__ */ D("h3", {
-										className: "text-lg font-medium mb-2",
-										children: M("bigconsole.parsers.import.alreadyExistsTitle", "Parser Already Exists")
-									}),
-									/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: M("bigconsole.parsers.import.alreadyExistsBody", "Parser \"{{name}}\" already exists with the same data. No changes were made.", { name: J.parser?.name ?? "" })
-									})
-								] }),
-								J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ O(E, { children: [
-									/* @__PURE__ */ D("div", {
-										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ D(u, { className: "size-8 text-green-600" })
-									}),
-									/* @__PURE__ */ D("h3", {
-										className: "text-lg font-medium mb-2",
-										children: M("bigconsole.parsers.import.updatedTitle", "Parser Updated!")
-									}),
-									/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: M("bigconsole.parsers.import.updatedBody", "Parser \"{{name}}\" has been updated with the imported data.", { name: J.parser?.name ?? "" })
-									})
-								] }),
-								!J.originalUpdated && !J.alreadyExists && /* @__PURE__ */ O(E, { children: [
-									/* @__PURE__ */ D("div", {
-										className: "size-16 mx-auto mb-4 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center",
-										children: /* @__PURE__ */ D(s, { className: "size-8 text-green-600" })
-									}),
-									/* @__PURE__ */ D("h3", {
-										className: "text-lg font-medium mb-2",
-										children: M("bigconsole.parsers.import.createdTitle", "Import Successful!")
-									}),
-									/* @__PURE__ */ D("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: M("bigconsole.parsers.import.createdBody", "Parser \"{{name}}\" has been created.", { name: J.parser?.name ?? "" })
-									})
-								] })
-							]
+						M === "complete" && q?.success && /* @__PURE__ */ T(e, {
+							tone: q.alreadyExists ? "info" : "success",
+							headingLevel: 3,
+							title: q.alreadyExists ? j("bigconsole.parsers.import.alreadyExistsTitle", "Parser Already Exists") : q.originalUpdated ? j("bigconsole.parsers.import.updatedTitle", "Parser Updated!") : j("bigconsole.parsers.import.createdTitle", "Import Successful!"),
+							icon: q.alreadyExists ? /* @__PURE__ */ T(l, { className: "size-5 text-[var(--color-status-info-text)]" }) : q.originalUpdated ? /* @__PURE__ */ T(u, { className: "size-5 text-[var(--color-status-success-text)]" }) : /* @__PURE__ */ T(c, { className: "size-5 text-[var(--color-status-success-text)]" }),
+							description: q.alreadyExists ? j("bigconsole.parsers.import.alreadyExistsBody", "Parser \"{{name}}\" already exists with the same data. No changes were made.", { name: q.parser?.name ?? "" }) : q.originalUpdated ? j("bigconsole.parsers.import.updatedBody", "Parser \"{{name}}\" has been updated with the imported data.", { name: q.parser?.name ?? "" }) : j("bigconsole.parsers.import.createdBody", "Parser \"{{name}}\" has been created.", { name: q.parser?.name ?? "" }),
+							"data-testid": "import-parser-outcome"
 						}),
-						K && /* @__PURE__ */ D(h, {
-							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ D(g, {
-								className: "p-3",
-								children: /* @__PURE__ */ D("p", {
-									className: "text-sm text-status-error-text",
-									children: K.message
-								})
+						G && /* @__PURE__ */ T(e, {
+							tone: "danger",
+							padding: "compact",
+							headingLevel: 3,
+							title: "Import failed",
+							"data-testid": "import-parser-error",
+							children: /* @__PURE__ */ T("p", {
+								className: "break-words text-sm text-status-error-text",
+								children: G.message
 							})
 						}),
-						J && !J.success && J.errorMessage && /* @__PURE__ */ D(h, {
-							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ D(g, {
-								className: "p-3",
-								children: /* @__PURE__ */ D("p", {
-									className: "text-sm text-status-error-text",
-									children: J.errorMessage
-								})
+						q && !q.success && q.errorMessage && /* @__PURE__ */ T(e, {
+							tone: "danger",
+							padding: "compact",
+							headingLevel: 3,
+							title: "Import failed",
+							"data-testid": "import-parser-result-error",
+							children: /* @__PURE__ */ T("p", {
+								className: "break-words text-sm text-status-error-text",
+								children: q.errorMessage
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ O(b, {
-					className: "flex-row justify-between sm:justify-between",
-					children: [/* @__PURE__ */ D("div", { children: N === "preview" && /* @__PURE__ */ O(m, {
+				/* @__PURE__ */ E(b, {
+					className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-between",
+					children: [/* @__PURE__ */ T("div", { children: M === "preview" && /* @__PURE__ */ E(h, {
 						variant: "ghost",
 						onClick: () => {
-							P("select"), F(null), L(null), Z();
+							N("select"), P(null), I(null), Z();
 						},
-						disabled: G,
-						children: [/* @__PURE__ */ D(o, { className: "size-4" }), M("bigconsole.parsers.import.back", "Back")]
-					}) }), /* @__PURE__ */ O("div", {
-						className: "flex items-center gap-2",
+						disabled: W,
+						children: [/* @__PURE__ */ T(s, { className: "size-4" }), j("bigconsole.parsers.import.back", "Back")]
+					}) }), /* @__PURE__ */ E("div", {
+						className: "flex flex-wrap items-center gap-2",
 						children: [
-							N !== "complete" && /* @__PURE__ */ D(m, {
+							M !== "complete" && /* @__PURE__ */ T(h, {
 								variant: "outline",
-								onClick: k,
+								onClick: O,
 								disabled: !Q,
-								children: M("bigconsole.parsers.import.cancel", "Cancel")
+								children: j("bigconsole.parsers.import.cancel", "Cancel")
 							}),
-							N === "preview" && q?.isValid && /* @__PURE__ */ O(m, {
+							M === "preview" && K?.isValid && /* @__PURE__ */ E(h, {
 								onClick: ie,
-								disabled: G,
-								children: [/* @__PURE__ */ D(d, { className: "size-4" }), M("bigconsole.parsers.import.importButton", "Import Parser")]
+								disabled: W,
+								children: [/* @__PURE__ */ T(d, { className: "size-4" }), j("bigconsole.parsers.import.importButton", "Import Parser")]
 							}),
-							N === "importing" && /* @__PURE__ */ O("div", {
+							M === "importing" && /* @__PURE__ */ E("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ D(T, { className: "size-4" }), M("bigconsole.parsers.import.importing", "Importing...")]
+								children: [/* @__PURE__ */ T(C, { className: "size-4" }), j("bigconsole.parsers.import.importing", "Importing...")]
 							}),
-							N === "complete" && /* @__PURE__ */ D(m, {
-								onClick: k,
-								children: M("bigconsole.parsers.import.done", "Done")
+							M === "complete" && /* @__PURE__ */ T(h, {
+								onClick: O,
+								children: j("bigconsole.parsers.import.done", "Done")
 							})
 						]
 					})]
@@ -407,6 +367,6 @@ var k = t(function({ isOpen: t, onClose: k, consoleId: A, onSuccess: j }) {
 	});
 });
 //#endregion
-export { k as default };
+export { O as default };
 
 //# sourceMappingURL=ImportParserDialog.js.map