@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

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

@@ -1,189 +1,192 @@
-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 { Badge as ee, Button as p, Card as m, CardContent as h, Dialog as g, DialogContent as _, DialogDescription as v, DialogFooter as y, DialogHeader as b, DialogTitle as x, Input as S, Label as C, Spinner as te } from "@burdenoff/fe-libs/ui";
+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 D = t(function({ isOpen: t, onClose: D, consoleId: O, onSuccess: k }) {
-	let [A, j] = a("select"), [, M] = a(null), [N, P] = a(null), [F, I] = a(""), [L, R] = a(""), [z, B] = a(""), V = i(null), { loading: H, error: U, validationResult: W, importResult: G, validateImport: K, importParser: q, extractParserId: J, clearState: Y } = e();
-	r(() => {
-		t && (j("select"), M(null), P(null), I(""), R(""), B(""), Y());
-	}, [t, Y]);
-	let X = 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("Please select a JSON file");
+			alert(j("bigconsole.parsers.import.selectJsonFile", "Please select a JSON file"));
 			return;
 		}
-		M(t);
+		P(t);
 		let n = new FileReader();
 		n.onload = async (e) => {
 			let t = e.target?.result;
-			P(t);
-			let n = K(t);
-			n.isValid && n.parserInfo ? (j("preview"), I(n.parserInfo.name || ""), R(n.parserInfo.inputSinkKey || ""), B(n.parserInfo.outputKey || "")) : j("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("Failed to read file");
+			alert(j("bigconsole.parsers.import.readFileFailed", "Failed to read file"));
 		}, n.readAsText(t);
-	}, [K]), Z = 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), V.current && (V.current.files = e.files, V.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 })));
 		}
-	}, []), ne = n(async () => {
-		if (!N) return;
-		j("importing");
-		let e = await q(N, {
-			consoleId: O,
-			name: F.trim() || void 0,
-			inputSinkKey: L.trim() || void 0,
-			outputKey: z.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 ? (j("complete"), k?.(e.parser.id, e.parser.name, e.originalUpdated ?? !1)) : j("preview");
+		e?.success && e.parser ? (N("complete"), A?.(e.parser.id, e.parser.name, e.originalUpdated ?? !1)) : N("preview");
 	}, [
-		N,
-		O,
 		F,
+		k,
 		L,
 		z,
-		q,
-		k
-	]), Q = !H && A !== "importing", $ = N ? J(N) : null;
-	return /* @__PURE__ */ T(g, {
-		open: t,
-		onOpenChange: (e) => !e && Q && D(),
-		children: /* @__PURE__ */ E(_, {
+		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__ */ E(b, { children: [/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ E(x, { children: [/* @__PURE__ */ E("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ T("div", {
-						className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10",
-						children: /* @__PURE__ */ T(d, { className: "size-5 text-primary" })
-					}), /* @__PURE__ */ T(x, { children: "Import Parser" })]
-				}), /* @__PURE__ */ T(v, { children: "Upload a Parser export file to restore it into this workspace." })] }),
+						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: [
-						A === "select" && /* @__PURE__ */ E("div", {
+						M === "select" && /* @__PURE__ */ E("div", {
 							onDragOver: (e) => e.preventDefault(),
-							onDrop: Z,
-							className: "border-2 border-dashed rounded-lg p-8 text-center hover:border-primary transition-colors",
+							onDrop: re,
+							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__ */ T(c, { className: "size-12 mx-auto text-text-secondary mb-4" }),
+								/* @__PURE__ */ T(ee, { className: "size-12 mx-auto text-text-secondary mb-4" }),
 								/* @__PURE__ */ T("p", {
 									className: "text-sm mb-2",
-									children: "Drag and drop a parser export file here"
+									children: j("bigconsole.parsers.import.dropzoneTitle", "Drag and drop a parser export file here")
 								}),
 								/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary mb-4",
-									children: "or"
+									children: j("bigconsole.parsers.import.or", "or")
 								}),
 								/* @__PURE__ */ T("input", {
-									ref: V,
+									ref: U,
 									type: "file",
 									accept: ".json",
-									onChange: X,
+									onChange: ne,
 									className: "hidden"
 								}),
-								/* @__PURE__ */ T(p, {
-									onClick: () => V.current?.click(),
-									disabled: H,
-									children: "Browse Files"
+								/* @__PURE__ */ T(h, {
+									onClick: () => U.current?.click(),
+									disabled: W,
+									children: j("bigconsole.parsers.import.browseFiles", "Browse Files")
 								}),
 								/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary mt-4",
-									children: "Only .json files exported from BigConsole are supported"
+									children: j("bigconsole.parsers.import.supportedHint", "Only .json files exported from BigConsole are supported")
 								})
 							]
 						}),
-						(A === "preview" || A === "importing") && W && /* @__PURE__ */ E(w, { children: [
-							W.parserInfo && /* @__PURE__ */ T(m, { children: /* @__PURE__ */ E(h, {
-								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__ */ E("div", {
-										className: "flex items-center justify-between",
+										className: D,
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: "Parser"
+											children: j("bigconsole.parsers.import.fieldParser", "Parser")
 										}), /* @__PURE__ */ T("span", {
-											className: "text-sm font-medium",
-											children: W.parserInfo.name
+											className: "min-w-0 break-words text-sm font-medium text-text-primary",
+											children: K.parserInfo.name
 										})]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "flex items-center justify-between",
+										className: D,
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: "Type"
-										}), /* @__PURE__ */ T(ee, {
+											children: j("bigconsole.parsers.import.fieldType", "Type")
+										}), /* @__PURE__ */ T(m, {
 											variant: "secondary",
-											children: W.parserInfo.type
+											children: K.parserInfo.type
 										})]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "flex items-center justify-between",
+										className: D,
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: "Input Sink"
+											children: j("bigconsole.parsers.import.fieldInputSink", "Input Sink")
 										}), /* @__PURE__ */ T("span", {
-											className: "text-xs font-mono",
-											children: W.parserInfo.inputSinkKey
+											className: "min-w-0 break-all font-mono text-xs text-text-primary",
+											children: K.parserInfo.inputSinkKey
 										})]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "flex items-center justify-between",
+										className: D,
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: "Output Key"
+											children: j("bigconsole.parsers.import.fieldOutputKey", "Output Key")
 										}), /* @__PURE__ */ T("span", {
-											className: "text-xs font-mono",
-											children: W.parserInfo.outputKey
+											className: "min-w-0 break-all font-mono text-xs text-text-primary",
+											children: K.parserInfo.outputKey
 										})]
 									}),
-									W.parserInfo.exportedFrom && /* @__PURE__ */ E("div", {
-										className: "flex items-center justify-between",
+									K.parserInfo.exportedFrom && /* @__PURE__ */ E("div", {
+										className: D,
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: "Source ID"
+											children: j("bigconsole.parsers.import.fieldSourceId", "Source ID")
 										}), /* @__PURE__ */ T("span", {
-											className: "text-xs text-text-secondary font-mono truncate max-w-[180px]",
-											children: W.parserInfo.exportedFrom
+											className: "min-w-0 max-w-full truncate font-mono text-xs text-text-secondary sm:max-w-[180px]",
+											children: K.parserInfo.exportedFrom
 										})]
 									}),
 									/* @__PURE__ */ E("div", {
-										className: "flex items-center justify-between",
+										className: D,
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
-											children: "Schema Version"
+											children: j("bigconsole.parsers.import.fieldSchemaVersion", "Schema Version")
 										}), /* @__PURE__ */ T("span", {
 											className: "text-xs text-text-secondary",
-											children: W.parserInfo.schemaVersion
+											children: K.parserInfo.schemaVersion
 										})]
 									})
 								]
-							}) }),
-							W.errors.length > 0 && /* @__PURE__ */ T(m, {
-								className: "border-status-error-border/50 bg-status-error-bg/5",
-								children: /* @__PURE__ */ E(h, {
-									className: "p-3",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ T(f, { className: "size-4 text-status-error-text" }), /* @__PURE__ */ E("span", {
-											className: "text-sm font-medium text-status-error-text",
-											children: [
-												"Errors (",
-												W.errors.length,
-												")"
-											]
-										})]
-									}), /* @__PURE__ */ T("ul", {
-										className: "text-xs text-status-error-text space-y-1",
-										children: W.errors.map((e, t) => /* @__PURE__ */ E("li", { children: [
+							}),
+							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: [
@@ -194,225 +197,167 @@ var D = t(function({ isOpen: t, onClose: D, consoleId: O, onSuccess: k }) {
 											}),
 											" ",
 											e.message
-										] }, t))
-									})]
+										]
+									}, t))
 								})
 							}),
-							W.isValid && /* @__PURE__ */ E("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__ */ T("p", {
-										className: "text-sm font-medium",
-										children: "Import Options"
-									}),
-									/* @__PURE__ */ T(m, {
-										className: "border-blue-500/50 bg-blue-500/5",
-										children: /* @__PURE__ */ T(h, {
-											className: "p-3",
-											children: /* @__PURE__ */ E("div", {
-												className: "flex items-start gap-2",
-												children: [/* @__PURE__ */ T(l, { className: "size-4 text-blue-600 mt-0.5 shrink-0" }), /* @__PURE__ */ T("div", {
-													className: "text-xs text-blue-700 dark:text-blue-400",
-													children: $ ? /* @__PURE__ */ E(w, { children: [
-														/* @__PURE__ */ T("p", {
-															className: "font-medium mb-1",
-															children: "Import will check for existing parser"
-														}),
-														/* @__PURE__ */ E("p", { children: [
-															"If the original parser (ID:",
-															" ",
-															/* @__PURE__ */ E("code", {
-																className: "font-mono bg-blue-200/50 px-1 rounded",
-																children: [$.slice(0, 8), "..."]
-															}),
-															") exists:"
-														] }),
-														/* @__PURE__ */ E("ul", {
-															className: "list-disc list-inside mt-1 space-y-0.5",
-															children: [/* @__PURE__ */ T("li", { children: "With changes → Update the existing parser" }), /* @__PURE__ */ T("li", { children: "No changes → Show \"already exists\" message" })]
-														}),
-														/* @__PURE__ */ T("p", {
-															className: "mt-1",
-															children: "If original doesn't exist → Create a new parser"
-														})
-													] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("p", {
-														className: "font-medium mb-1",
-														children: "A new parser will be created"
-													}), /* @__PURE__ */ T("p", { children: "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__ */ E("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ T(C, {
+										children: [/* @__PURE__ */ T(_, {
 											htmlFor: "import-name",
-											children: "Parser Name"
-										}), /* @__PURE__ */ T(S, {
+											children: j("bigconsole.parsers.import.parserNameLabel", "Parser Name")
+										}), /* @__PURE__ */ T(g, {
 											id: "import-name",
 											type: "text",
-											value: F,
-											onChange: (e) => I(e.target.value),
-											placeholder: W.parserInfo?.name || "Parser name",
-											disabled: A === "importing"
+											value: L,
+											onChange: (e) => R(e.target.value),
+											placeholder: K.parserInfo?.name || j("bigconsole.parsers.import.parserNamePlaceholder", "Parser name"),
+											disabled: M === "importing"
 										})]
 									}),
 									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ T(C, {
+											/* @__PURE__ */ T(_, {
 												htmlFor: "import-input-sink",
-												children: "Input Sink Key"
+												children: j("bigconsole.parsers.import.inputSinkKeyLabel", "Input Sink Key")
 											}),
-											/* @__PURE__ */ T(S, {
+											/* @__PURE__ */ T(g, {
 												id: "import-input-sink",
 												type: "text",
-												value: L,
-												onChange: (e) => R(e.target.value),
-												placeholder: W.parserInfo?.inputSinkKey || "Input sink key",
-												disabled: A === "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__ */ T("p", {
 												className: "text-xs text-text-secondary",
-												children: "The DataSink key to read input data from."
+												children: j("bigconsole.parsers.import.inputSinkKeyHelp", "The DataSink key to read input data from.")
 											})
 										]
 									}),
 									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ T(C, {
+											/* @__PURE__ */ T(_, {
 												htmlFor: "import-output-key",
-												children: "Output Key"
+												children: j("bigconsole.parsers.import.outputKeyLabel", "Output Key")
 											}),
-											/* @__PURE__ */ T(S, {
+											/* @__PURE__ */ T(g, {
 												id: "import-output-key",
 												type: "text",
-												value: z,
-												onChange: (e) => B(e.target.value),
-												placeholder: W.parserInfo?.outputKey || "Output key",
-												disabled: A === "importing"
+												value: V,
+												onChange: (e) => H(e.target.value),
+												placeholder: K.parserInfo?.outputKey || j("bigconsole.parsers.import.outputKeyPlaceholder", "Output key"),
+												disabled: M === "importing"
 											}),
 											/* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary",
-												children: "The key to store parsed output data under."
+												children: j("bigconsole.parsers.import.outputKeyHelp", "The key to store parsed output data under.")
 											})
 										]
 									})
 								]
 							})
 						] }),
-						A === "complete" && G?.success && /* @__PURE__ */ E("div", {
-							className: "text-center py-6",
-							children: [
-								G.alreadyExists && /* @__PURE__ */ E(w, { children: [
-									/* @__PURE__ */ T("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__ */ T(l, { className: "size-8 text-blue-600" })
-									}),
-									/* @__PURE__ */ T("h3", {
-										className: "text-lg font-medium mb-2",
-										children: "Parser Already Exists"
-									}),
-									/* @__PURE__ */ E("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"Parser \"",
-											G.parser?.name,
-											"\" already exists with the same data. No changes were made."
-										]
-									})
-								] }),
-								G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ E(w, { children: [
-									/* @__PURE__ */ T("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__ */ T(u, { className: "size-8 text-green-600" })
-									}),
-									/* @__PURE__ */ T("h3", {
-										className: "text-lg font-medium mb-2",
-										children: "Parser Updated!"
-									}),
-									/* @__PURE__ */ E("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"Parser \"",
-											G.parser?.name,
-											"\" has been updated with the imported data."
-										]
-									})
-								] }),
-								!G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ E(w, { children: [
-									/* @__PURE__ */ T("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__ */ T(s, { className: "size-8 text-green-600" })
-									}),
-									/* @__PURE__ */ T("h3", {
-										className: "text-lg font-medium mb-2",
-										children: "Import Successful!"
-									}),
-									/* @__PURE__ */ E("p", {
-										className: "text-sm text-text-secondary mb-4",
-										children: [
-											"Parser \"",
-											G.parser?.name,
-											"\" has been created."
-										]
-									})
-								] })
-							]
+						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"
 						}),
-						U && /* @__PURE__ */ T(m, {
-							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ T(h, {
-								className: "p-3",
-								children: /* @__PURE__ */ T("p", {
-									className: "text-sm text-status-error-text",
-									children: U.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
 							})
 						}),
-						G && !G.success && G.errorMessage && /* @__PURE__ */ T(m, {
-							className: "border-status-error-border/50 bg-status-error-bg/5",
-							children: /* @__PURE__ */ T(h, {
-								className: "p-3",
-								children: /* @__PURE__ */ T("p", {
-									className: "text-sm text-status-error-text",
-									children: G.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__ */ E(y, {
-					className: "flex-row justify-between sm:justify-between",
-					children: [/* @__PURE__ */ T("div", { children: A === "preview" && /* @__PURE__ */ E(p, {
+				/* @__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: () => {
-							j("select"), M(null), P(null), Y();
+							N("select"), P(null), I(null), Z();
 						},
-						disabled: H,
-						children: [/* @__PURE__ */ T(o, { className: "size-4" }), "Back"]
+						disabled: W,
+						children: [/* @__PURE__ */ T(s, { className: "size-4" }), j("bigconsole.parsers.import.back", "Back")]
 					}) }), /* @__PURE__ */ E("div", {
-						className: "flex items-center gap-2",
+						className: "flex flex-wrap items-center gap-2",
 						children: [
-							A !== "complete" && /* @__PURE__ */ T(p, {
+							M !== "complete" && /* @__PURE__ */ T(h, {
 								variant: "outline",
-								onClick: D,
+								onClick: O,
 								disabled: !Q,
-								children: "Cancel"
+								children: j("bigconsole.parsers.import.cancel", "Cancel")
 							}),
-							A === "preview" && W?.isValid && /* @__PURE__ */ E(p, {
-								onClick: ne,
-								disabled: H,
-								children: [/* @__PURE__ */ T(d, { className: "size-4" }), "Import Parser"]
+							M === "preview" && K?.isValid && /* @__PURE__ */ E(h, {
+								onClick: ie,
+								disabled: W,
+								children: [/* @__PURE__ */ T(d, { className: "size-4" }), j("bigconsole.parsers.import.importButton", "Import Parser")]
 							}),
-							A === "importing" && /* @__PURE__ */ E("div", {
+							M === "importing" && /* @__PURE__ */ E("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ T(te, { className: "size-4" }), "Importing..."]
+								children: [/* @__PURE__ */ T(C, { className: "size-4" }), j("bigconsole.parsers.import.importing", "Importing...")]
 							}),
-							A === "complete" && /* @__PURE__ */ T(p, {
-								onClick: D,
-								children: "Done"
+							M === "complete" && /* @__PURE__ */ T(h, {
+								onClick: O,
+								children: j("bigconsole.parsers.import.done", "Done")
 							})
 						]
 					})]
@@ -422,6 +367,6 @@ var D = t(function({ isOpen: t, onClose: D, consoleId: O, onSuccess: k }) {
 	});
 });
 //#endregion
-export { D as default };
+export { O as default };
 
 //# sourceMappingURL=ImportParserDialog.js.map