@burdenoff/microfe-bigconsole 2026.924.2 → 2026.924.3

package/dist/bigconsole/components/datasink/ImportDataSinkDialog.js

@@ -1,13 +1,13 @@
 import { Section as e, SectionStack as t } from "../common/Section.js";
 import "../common/index.js";
 import n from "../../hooks/useBigConsoleAnalytics.js";
-import r from "../../hooks/useImportDataSink.js";
+import ee from "../../hooks/useImportDataSink.js";
 import "../../hooks/index.js";
-import { memo as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
-import { ArrowLeft as l, Check as ee, FileJson as u, Info as d, RefreshCw as te, Upload as f, XCircle as p } from "lucide-react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as h, Button as g, Dialog as _, DialogContent as v, DialogDescription as y, DialogFooter as b, DialogHeader as ne, DialogTitle as re, Input as x, Label as S, Spinner as C } from "@burdenoff/fe-libs/ui";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { memo as r, useCallback as i, useEffect as te, useRef as a, useState as o } from "react";
+import { ArrowLeft as s, Check as c, FileJson as l, Info as u, RefreshCw as d, Upload as f, XCircle as p } from "lucide-react";
+import { Badge as m, Button as h, Dialog as ne, DialogContent as g, DialogDescription as re, DialogFooter as _, DialogHeader as v, DialogTitle as y, Input as b, Label as x, Spinner as S } from "@burdenoff/fe-libs/ui";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/datasink/ImportDataSinkDialog.tsx
 var D = [
 	{
@@ -26,12 +26,12 @@ var D = [
 function O(e) {
 	return e === "select" ? 0 : e === "complete" ? 2 : 1;
 }
-var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
-	let { t: j } = m(), [M, N] = c("select"), [, P] = c(null), [F, I] = c(null), [L, R] = c(""), [z, B] = c(""), V = s(null), { loading: H, error: U, validationResult: W, importResult: G, validateImport: K, importDataSink: q, extractDataSinkId: J, clearState: Y } = r(), X = n();
-	o(() => {
-		i && (N("select"), P(null), I(null), R(""), B(""), Y());
-	}, [i, Y]);
-	let ie = a(async (e) => {
+var k = r(function({ isOpen: r, onClose: k, onSuccess: A }) {
+	let { t: j } = E(), [M, N] = o("select"), [, P] = o(null), [F, I] = o(null), [L, R] = o(""), [z, B] = o(""), V = a(null), { loading: H, error: U, validationResult: W, importResult: G, validateImport: K, importDataSink: q, extractDataSinkId: J, clearState: Y } = ee(), X = n();
+	te(() => {
+		r && (N("select"), P(null), I(null), R(""), B(""), Y());
+	}, [r, Y]);
+	let ie = i(async (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		if (!t.name.endsWith(".json")) {
@@ -48,14 +48,14 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 		}, n.onerror = () => {
 			alert(j("bigconsole.dataSinks.import.readFileError", "Failed to read file"));
 		}, n.readAsText(t);
-	}, [K, j]), ae = a((e) => {
+	}, [K, j]), ae = i((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 })));
 		}
-	}, []), oe = a(async () => {
+	}, []), oe = i(async () => {
 		if (!F) return;
 		N("importing");
 		let e = {
@@ -77,32 +77,32 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 		L,
 		A
 	]), Z = !H && M !== "importing", Q = F ? J(F) : null, $ = O(M);
-	return /* @__PURE__ */ T(_, {
-		open: i,
+	return /* @__PURE__ */ w(ne, {
+		open: r,
 		onOpenChange: (e) => !e && Z && k(),
-		children: /* @__PURE__ */ E(v, {
+		children: /* @__PURE__ */ T(g, {
 			className: "flex max-h-[85vh] flex-col sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ E(ne, { children: [/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ T(v, { children: [/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex size-10 items-center justify-center rounded-card bg-bg-accentSubtle",
-						children: /* @__PURE__ */ T(f, { className: "size-5 text-text-link" })
-					}), /* @__PURE__ */ T(re, { children: j("bigconsole.dataSinks.import.title", "Import DataSink") })]
-				}), /* @__PURE__ */ T(y, { children: j("bigconsole.dataSinks.import.description", "Upload a DataSink export file to restore it into this workspace.") })] }),
-				/* @__PURE__ */ T("ol", {
+						children: /* @__PURE__ */ w(f, { className: "size-5 text-text-link" })
+					}), /* @__PURE__ */ w(y, { children: j("bigconsole.dataSinks.import.title", "Import DataSink") })]
+				}), /* @__PURE__ */ w(re, { children: j("bigconsole.dataSinks.import.description", "Upload a DataSink export file to restore it into this workspace.") })] }),
+				/* @__PURE__ */ w("ol", {
 					className: "flex flex-wrap items-center gap-x-icon-gap gap-y-1 text-xs",
 					"aria-label": "Import progress",
-					children: D.map((e, t) => /* @__PURE__ */ E("li", {
+					children: D.map((e, t) => /* @__PURE__ */ T("li", {
 						"aria-current": t === $ ? "step" : void 0,
 						className: `flex items-center gap-icon-gap ${t === $ ? "font-semibold text-text-primary" : "text-text-muted"}`,
 						children: [
-							/* @__PURE__ */ T("span", {
+							/* @__PURE__ */ w("span", {
 								className: `inline-flex size-5 items-center justify-center rounded-pill text-[10px] ${t <= $ ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken"}`,
 								children: t + 1
 							}),
 							e.label,
-							t < D.length - 1 && /* @__PURE__ */ T("span", {
+							t < D.length - 1 && /* @__PURE__ */ w("span", {
 								"aria-hidden": "true",
 								className: "text-text-muted",
 								children: "›"
@@ -110,36 +110,36 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 						]
 					}, e.id))
 				}),
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ w("div", {
 					className: "min-w-0 flex-1 overflow-y-auto py-4",
-					children: /* @__PURE__ */ E(t, { children: [
-						M === "select" && /* @__PURE__ */ T(e, {
+					children: /* @__PURE__ */ T(t, { children: [
+						M === "select" && /* @__PURE__ */ w(e, {
 							title: "Choose an export file",
 							description: j("bigconsole.dataSinks.import.supportedFilesHint", "Only .json files exported from BigConsole are supported"),
 							headingLevel: 3,
 							bodyClassName: "mt-form-gap",
-							children: /* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ T("div", {
 								onDragOver: (e) => e.preventDefault(),
 								onDrop: ae,
 								className: "rounded-card border-2 border-dashed border-[var(--color-border-default)] p-8 text-center hover:border-[var(--color-action-primary-bg)] motion-safe:transition-colors",
 								children: [
-									/* @__PURE__ */ T(u, { className: "mx-auto mb-4 size-12 text-text-secondary" }),
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ w(l, { className: "mx-auto mb-4 size-12 text-text-secondary" }),
+									/* @__PURE__ */ w("p", {
 										className: "mb-2 text-sm",
 										children: j("bigconsole.dataSinks.import.dropzoneText", "Drag and drop a DataSink export file here")
 									}),
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ w("p", {
 										className: "mb-4 text-xs text-text-secondary",
 										children: j("bigconsole.dataSinks.import.or", "or")
 									}),
-									/* @__PURE__ */ T("input", {
+									/* @__PURE__ */ w("input", {
 										ref: V,
 										type: "file",
 										accept: ".json",
 										onChange: ie,
 										className: "hidden"
 									}),
-									/* @__PURE__ */ T(g, {
+									/* @__PURE__ */ w(h, {
 										onClick: () => V.current?.click(),
 										disabled: H,
 										children: j("bigconsole.dataSinks.import.browseFiles", "Browse Files")
@@ -147,8 +147,8 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 								]
 							})
 						}),
-						(M === "preview" || M === "importing") && W && /* @__PURE__ */ E(w, { children: [
-							W.dataSinkInfo && /* @__PURE__ */ E(e, {
+						(M === "preview" || M === "importing") && W && /* @__PURE__ */ T(C, { children: [
+							W.dataSinkInfo && /* @__PURE__ */ T(e, {
 								emphasis: "muted",
 								padding: "compact",
 								headingLevel: 3,
@@ -156,78 +156,78 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 								description: "What this export file describes.",
 								bodyClassName: "space-y-2",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-icon-gap",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: j("bigconsole.dataSinks.import.nameLabel", "Name")
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "min-w-0 truncate text-sm font-medium",
 											children: W.dataSinkInfo.name || j("bigconsole.dataSinks.import.unnamed", "Unnamed")
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-icon-gap",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: j("bigconsole.dataSinks.import.keyLabel", "Key")
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "min-w-0 truncate font-mono text-xs",
 											children: W.dataSinkInfo.key
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-icon-gap",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: j("bigconsole.dataSinks.import.statusLabel", "Status")
-										}), /* @__PURE__ */ T(h, {
+										}), /* @__PURE__ */ w(m, {
 											variant: "secondary",
 											children: W.dataSinkInfo.status
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-icon-gap",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: j("bigconsole.dataSinks.import.setupStateLabel", "Setup State")
-										}), /* @__PURE__ */ T(h, {
+										}), /* @__PURE__ */ w(m, {
 											variant: "outline",
 											children: W.dataSinkInfo.setupState
 										})]
 									}),
-									W.dataSinkInfo.exportedFrom && /* @__PURE__ */ E("div", {
+									W.dataSinkInfo.exportedFrom && /* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-icon-gap",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: j("bigconsole.dataSinks.import.sourceIdLabel", "Source ID")
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "min-w-0 max-w-[180px] truncate font-mono text-xs text-text-secondary",
 											children: W.dataSinkInfo.exportedFrom
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-icon-gap",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: j("bigconsole.dataSinks.import.schemaVersionLabel", "Schema Version")
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ w("span", {
 											className: "text-xs text-text-secondary",
 											children: W.dataSinkInfo.schemaVersion
 										})]
 									})
 								]
 							}),
-							W.errors.length > 0 && /* @__PURE__ */ T(e, {
+							W.errors.length > 0 && /* @__PURE__ */ w(e, {
 								tone: "danger",
 								padding: "compact",
 								headingLevel: 3,
 								title: j("bigconsole.dataSinks.import.errorsHeading", "Errors ({{count}})", { count: W.errors.length }),
-								icon: /* @__PURE__ */ T(p, { className: "size-4" }),
-								children: /* @__PURE__ */ T("ul", {
+								icon: /* @__PURE__ */ w(p, { className: "size-4" }),
+								children: /* @__PURE__ */ w("ul", {
 									className: "space-y-1 text-xs text-status-error-text",
-									children: W.errors.map((e, t) => /* @__PURE__ */ E("li", { children: [
-										/* @__PURE__ */ E("span", {
+									children: W.errors.map((e, t) => /* @__PURE__ */ T("li", { children: [
+										/* @__PURE__ */ T("span", {
 											className: "font-mono",
 											children: [
 												"[",
@@ -240,48 +240,48 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 									] }, t))
 								})
 							}),
-							W.isValid && /* @__PURE__ */ E(e, {
+							W.isValid && /* @__PURE__ */ T(e, {
 								title: j("bigconsole.dataSinks.import.optionsHeading", "Import Options"),
 								description: "Rename the sink or give it a different key before importing.",
 								headingLevel: 3,
 								bodyClassName: "space-y-form-gap",
 								children: [
-									/* @__PURE__ */ T(e, {
+									/* @__PURE__ */ w(e, {
 										tone: "info",
 										emphasis: "muted",
 										padding: "compact",
 										headingLevel: 4,
-										icon: /* @__PURE__ */ T(d, { className: "size-4" }),
+										icon: /* @__PURE__ */ w(u, { className: "size-4" }),
 										title: Q ? j("bigconsole.dataSinks.import.checkExistingHeading", "Import will check for existing DataSink") : j("bigconsole.dataSinks.import.newWillBeCreatedHeading", "A new DataSink will be created"),
-										children: /* @__PURE__ */ T("div", {
+										children: /* @__PURE__ */ w("div", {
 											className: "text-xs text-[var(--color-status-info-text)]",
-											children: Q ? /* @__PURE__ */ E(w, { children: [
-												/* @__PURE__ */ E("p", { children: [
+											children: Q ? /* @__PURE__ */ T(C, { children: [
+												/* @__PURE__ */ T("p", { children: [
 													j("bigconsole.dataSinks.import.ifOriginalExistsPrefix", "If the original DataSink (ID:"),
 													" ",
-													/* @__PURE__ */ E("code", {
+													/* @__PURE__ */ T("code", {
 														className: "rounded-input bg-bg-surface px-1 font-mono",
 														children: [Q.slice(0, 8), "..."]
 													}),
 													j("bigconsole.dataSinks.import.ifOriginalExistsSuffix", ") exists:")
 												] }),
-												/* @__PURE__ */ E("ul", {
+												/* @__PURE__ */ T("ul", {
 													className: "mt-1 list-inside list-disc space-y-0.5",
-													children: [/* @__PURE__ */ T("li", { children: j("bigconsole.dataSinks.import.withChangesUpdate", "With changes → Update the existing DataSink") }), /* @__PURE__ */ T("li", { children: j("bigconsole.dataSinks.import.noChangesMessage", "No changes → Show \"already exists\" message") })]
+													children: [/* @__PURE__ */ w("li", { children: j("bigconsole.dataSinks.import.withChangesUpdate", "With changes → Update the existing DataSink") }), /* @__PURE__ */ w("li", { children: j("bigconsole.dataSinks.import.noChangesMessage", "No changes → Show \"already exists\" message") })]
 												}),
-												/* @__PURE__ */ T("p", {
+												/* @__PURE__ */ w("p", {
 													className: "mt-1",
 													children: j("bigconsole.dataSinks.import.ifNotExistsCreate", "If original doesn't exist → Create a new DataSink")
 												})
-											] }) : /* @__PURE__ */ T("p", { children: j("bigconsole.dataSinks.import.newWillBeCreatedBody", "Import as a new DataSink with the specified configuration.") })
+											] }) : /* @__PURE__ */ w("p", { children: j("bigconsole.dataSinks.import.newWillBeCreatedBody", "Import as a new DataSink with the specified configuration.") })
 										})
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ T(S, {
+										children: [/* @__PURE__ */ w(x, {
 											htmlFor: "import-name",
 											children: j("bigconsole.dataSinks.import.nameFieldLabel", "DataSink Name")
-										}), /* @__PURE__ */ T(x, {
+										}), /* @__PURE__ */ w(b, {
 											id: "import-name",
 											type: "text",
 											value: L,
@@ -290,14 +290,14 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 											disabled: M === "importing"
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ T("div", {
 										className: "space-y-2",
 										children: [
-											/* @__PURE__ */ T(S, {
+											/* @__PURE__ */ w(x, {
 												htmlFor: "import-key",
 												children: j("bigconsole.dataSinks.import.keyFieldLabel", "DataSink Key")
 											}),
-											/* @__PURE__ */ T(x, {
+											/* @__PURE__ */ w(b, {
 												id: "import-key",
 												type: "text",
 												value: z,
@@ -305,7 +305,7 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 												placeholder: W.dataSinkInfo?.key || j("bigconsole.dataSinks.import.keyPlaceholder", "datasink-key"),
 												disabled: M === "importing"
 											}),
-											/* @__PURE__ */ T("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-xs text-text-secondary",
 												children: j("bigconsole.dataSinks.import.keyHelp", "Use a unique key to avoid conflicts with existing DataSinks.")
 											})
@@ -314,91 +314,91 @@ var k = i(function({ isOpen: i, onClose: k, onSuccess: A }) {
 								]
 							})
 						] }),
-						M === "complete" && G?.success && /* @__PURE__ */ E(w, { children: [
-							G.alreadyExists && /* @__PURE__ */ T(e, {
+						M === "complete" && G?.success && /* @__PURE__ */ T(C, { children: [
+							G.alreadyExists && /* @__PURE__ */ w(e, {
 								tone: "info",
 								headingLevel: 3,
 								title: j("bigconsole.dataSinks.import.alreadyExistsTitle", "DataSink Already Exists"),
-								icon: /* @__PURE__ */ T(d, { className: "h-icon-sm w-icon-sm" }),
-								children: /* @__PURE__ */ T("p", {
+								icon: /* @__PURE__ */ w(u, { className: "h-icon-sm w-icon-sm" }),
+								children: /* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: j("bigconsole.dataSinks.import.alreadyExistsBody", "DataSink \"{{name}}\" already exists with the same data. No changes were made.", { name: G.dataSink?.name || G.dataSink?.key || "" })
 								})
 							}),
-							G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ T(e, {
+							G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ w(e, {
 								tone: "success",
 								headingLevel: 3,
 								title: j("bigconsole.dataSinks.import.updatedTitle", "DataSink Updated!"),
-								icon: /* @__PURE__ */ T(te, { className: "h-icon-sm w-icon-sm" }),
-								children: /* @__PURE__ */ T("p", {
+								icon: /* @__PURE__ */ w(d, { className: "h-icon-sm w-icon-sm" }),
+								children: /* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: j("bigconsole.dataSinks.import.updatedBody", "DataSink \"{{name}}\" has been updated with the imported data.", { name: G.dataSink?.name || G.dataSink?.key || "" })
 								})
 							}),
-							!G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ T(e, {
+							!G.originalUpdated && !G.alreadyExists && /* @__PURE__ */ w(e, {
 								tone: "success",
 								headingLevel: 3,
 								title: j("bigconsole.dataSinks.import.successTitle", "Import Successful!"),
-								icon: /* @__PURE__ */ T(ee, { className: "h-icon-sm w-icon-sm" }),
-								children: /* @__PURE__ */ T("p", {
+								icon: /* @__PURE__ */ w(c, { className: "h-icon-sm w-icon-sm" }),
+								children: /* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: j("bigconsole.dataSinks.import.successBody", "DataSink \"{{name}}\" has been created.", { name: G.dataSink?.name || G.dataSink?.key || "" })
 								})
 							})
 						] }),
-						U && /* @__PURE__ */ T(e, {
+						U && /* @__PURE__ */ w(e, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Import failed",
-							children: /* @__PURE__ */ T("p", {
+							children: /* @__PURE__ */ w("p", {
 								className: "text-sm text-status-error-text",
 								children: U.message
 							})
 						}),
-						G && !G.success && G.errorMessage && /* @__PURE__ */ T(e, {
+						G && !G.success && G.errorMessage && /* @__PURE__ */ w(e, {
 							tone: "danger",
 							padding: "compact",
 							headingLevel: 3,
 							title: "Import failed",
-							children: /* @__PURE__ */ T("p", {
+							children: /* @__PURE__ */ w("p", {
 								className: "text-sm text-status-error-text",
 								children: G.errorMessage
 							})
 						})
 					] })
 				}),
-				/* @__PURE__ */ E(b, {
+				/* @__PURE__ */ T(_, {
 					className: "flex flex-col-reverse gap-control-gap sm:flex-row sm:justify-between",
-					children: [M === "preview" ? /* @__PURE__ */ E(g, {
+					children: [M === "preview" ? /* @__PURE__ */ T(h, {
 						variant: "ghost",
 						onClick: () => {
 							N("select"), P(null), I(null), Y();
 						},
 						disabled: H,
-						children: [/* @__PURE__ */ T(l, { className: "size-4" }), j("bigconsole.dataSinks.import.back", "Back")]
-					}) : /* @__PURE__ */ T("span", {
+						children: [/* @__PURE__ */ w(s, { className: "size-4" }), j("bigconsole.dataSinks.import.back", "Back")]
+					}) : /* @__PURE__ */ w("span", {
 						"aria-hidden": "true",
 						className: "hidden sm:block"
-					}), /* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							M !== "complete" && /* @__PURE__ */ T(g, {
+							M !== "complete" && /* @__PURE__ */ w(h, {
 								variant: "outline",
 								onClick: k,
 								disabled: !Z,
 								children: j("bigconsole.dataSinks.import.cancel", "Cancel")
 							}),
-							M === "preview" && W?.isValid && /* @__PURE__ */ E(g, {
+							M === "preview" && W?.isValid && /* @__PURE__ */ T(h, {
 								onClick: oe,
 								disabled: H,
-								children: [/* @__PURE__ */ T(f, { className: "size-4" }), j("bigconsole.dataSinks.import.importButton", "Import DataSink")]
+								children: [/* @__PURE__ */ w(f, { className: "size-4" }), j("bigconsole.dataSinks.import.importButton", "Import DataSink")]
 							}),
-							M === "importing" && /* @__PURE__ */ E("div", {
+							M === "importing" && /* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ T(C, { className: "size-4" }), j("bigconsole.dataSinks.import.importing", "Importing...")]
+								children: [/* @__PURE__ */ w(S, { className: "size-4" }), j("bigconsole.dataSinks.import.importing", "Importing...")]
 							}),
-							M === "complete" && /* @__PURE__ */ T(g, {
+							M === "complete" && /* @__PURE__ */ w(h, {
 								onClick: k,
 								children: j("bigconsole.dataSinks.import.done", "Done")
 							})