@v1ct0rbr/minivault-web 0.2.0 → 0.3.0

package/dist/minivault-web.js

@@ -55,18 +55,15 @@ var h = class extends Error {
 		return this.request(`/api/backups/${e}`);
 	}
 	createBackup(e, t, n) {
-		let r = { database: e };
-		return t && (r.originStorage = t), n && (r.dumpOptions = n), this.request("/api/backups", {
+		let r = {};
+		return e && (r.database = e), t && (r.originStorage = t), n && (r.dumpOptions = n), this.request("/api/backups", {
 			method: "POST",
 			body: JSON.stringify(r)
 		});
 	}
 	restoreBackup(e, t, n) {
-		let r = n ? {
-			database: t,
-			originStorage: n
-		} : { database: t };
-		return this.request(`/api/backups/${e}/restore`, {
+		let r = {};
+		return t && (r.database = t), n && (r.originStorage = n), this.request(`/api/backups/${e}/restore`, {
 			method: "POST",
 			body: JSON.stringify(r)
 		});
@@ -95,7 +92,7 @@ var h = class extends Error {
 	}
 	async importDump(e, t) {
 		let n = await this.resolveToken(), r = new FormData();
-		r.append("file", e), r.append("database", new Blob([JSON.stringify(t)], { type: "application/json" }));
+		r.append("file", e), t && r.append("database", new Blob([JSON.stringify(t)], { type: "application/json" }));
 		let i = {};
 		n && (i.Authorization = `Bearer ${n}`);
 		let a = new AbortController(), o = setTimeout(() => a.abort(), this.timeoutMs);
@@ -117,14 +114,25 @@ var h = class extends Error {
 	async importFromStorage(e, t, n, r) {
 		let i = {
 			storageType: e,
-			storagePath: t,
-			database: n
+			storagePath: t
 		};
-		return r && (i.storageConfig = r), this.request("/api/backups/import-from-storage", {
+		return n && (i.database = n), r && (i.storageConfig = r), this.request("/api/backups/import-from-storage", {
 			method: "POST",
 			body: JSON.stringify(i)
 		});
 	}
+	getDbInfo() {
+		return this.request("/api/db");
+	}
+	listDbTables() {
+		return this.request("/api/db/tables");
+	}
+	getDbTable(e) {
+		return this.request(`/api/db/tables/${encodeURIComponent(e)}`);
+	}
+	listDbRelationships() {
+		return this.request("/api/db/relationships");
+	}
 	listStorageFiles(e, t, n) {
 		let r = new URLSearchParams({ type: e });
 		return t && r.set("prefix", t), n && (n.endpoint && r.set("endpoint", n.endpoint), n.bucketName && r.set("bucketName", n.bucketName), n.accessKey && r.set("accessKey", n.accessKey), n.secretKey && r.set("secretKey", n.secretKey), n.region && r.set("region", n.region), n.pathStyleEnabled && r.set("pathStyleEnabled", "true"), n.localPath && r.set("localPath", n.localPath)), this.request(`/api/storage/files?${r.toString()}`);
@@ -190,7 +198,10 @@ function x() {
 }
 //#endregion
 //#region src/hooks/useBackups.ts
-var S = { all: ["minivault", "backups"] };
+var S = {
+	all: ["minivault", "backups"],
+	db: ["minivault", "db"]
+};
 function C(e = 0, t = 10, n = !0) {
 	let r = x();
 	return u({
@@ -203,74 +214,110 @@ function C(e = 0, t = 10, n = !0) {
 		enabled: n && !!r
 	});
 }
-function w() {
+function w(e = !0) {
+	let t = x();
+	return u({
+		queryKey: [...S.db, "info"],
+		queryFn: () => t.getDbInfo(),
+		enabled: e && !!t
+	});
+}
+function T(e = !0) {
+	let t = x();
+	return u({
+		queryKey: [...S.db, "tables"],
+		queryFn: () => t.listDbTables(),
+		enabled: e && !!t
+	});
+}
+function E(e, t = !0) {
+	let n = x();
+	return u({
+		queryKey: [
+			...S.db,
+			"table",
+			e
+		],
+		queryFn: () => n.getDbTable(e),
+		enabled: t && !!n && !!e
+	});
+}
+function D(e = !0) {
+	let t = x();
+	return u({
+		queryKey: [...S.db, "relationships"],
+		queryFn: () => t.listDbRelationships(),
+		enabled: e && !!t
+	});
+}
+function O() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.createBackup(t.database, t.originStorage, t.dumpOptions),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function T() {
+function k() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.restoreBackup(t.id, t.database, t.originStorage),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function E() {
+function A() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.deleteBackup(t),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function D() {
+function j() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.verifyBackup(t),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function O() {
+function M() {
 	let e = b();
 	return l({ mutationFn: (t) => e.downloadBackup(t.id) });
 }
-function k() {
+function N() {
 	let e = b();
 	return l({ mutationFn: (t) => e.importDump(t.file, t.database) });
 }
-function A() {
+function P() {
 	let e = b();
 	return l({ mutationFn: (t) => e.importFromStorage(t.storageType, t.storagePath, t.database, t.storageConfig) });
 }
 //#endregion
 //#region src/utils/format.ts
-var j = new Intl.DateTimeFormat("pt-BR", {
+var F = new Intl.DateTimeFormat("pt-BR", {
 	day: "2-digit",
 	month: "2-digit",
 	year: "numeric",
 	hour: "2-digit",
 	minute: "2-digit"
-}), M = [
+}), I = [
 	"B",
 	"KB",
 	"MB",
 	"GB",
 	"TB"
 ];
-function N(e) {
+function L(e) {
 	if (e == null || e < 0) return "—";
 	if (e < 1024) return `${e} B`;
 	let t = e, n = 0;
-	for (; t >= 1024 && n < M.length - 1;) t /= 1024, n += 1;
-	return `${Number.isInteger(t) ? t : Number(t.toFixed(1))} ${M[n]}`;
+	for (; t >= 1024 && n < I.length - 1;) t /= 1024, n += 1;
+	return `${Number.isInteger(t) ? t : Number(t.toFixed(1))} ${I[n]}`;
 }
-function P(e) {
+function R(e) {
 	if (!e) return "—";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "—" : j.format(t);
+	return Number.isNaN(t.getTime()) ? "—" : F.format(t);
 }
-var F = {
+var z = {
 	PENDING: "Pendente",
 	IN_PROGRESS: "Em andamento",
 	COMPLETED: "Concluído",
@@ -278,7 +325,7 @@ var F = {
 	RESTORING: "Restaurando",
 	RESTORED: "Restaurado",
 	RESTORE_FAILED: "Falha na restauração"
-}, I = {
+}, B = {
 	PENDING: "text-bg-secondary",
 	IN_PROGRESS: "text-bg-primary",
 	COMPLETED: "text-bg-success",
@@ -286,7 +333,7 @@ var F = {
 	RESTORING: "text-bg-warning",
 	RESTORED: "text-bg-info",
 	RESTORE_FAILED: "text-bg-danger"
-}, L = {
+}, V = {
 	postgresql: "PostgreSQL",
 	postgres: "PostgreSQL",
 	mysql: "MySQL",
@@ -295,146 +342,123 @@ var F = {
 };
 //#endregion
 //#region src/components/StatusBadge.tsx
-function R({ status: e }) {
-	let t = I[e] ?? "text-bg-secondary", n = F[e] ?? e;
+function H({ status: e }) {
+	let t = B[e] ?? "text-bg-secondary", n = z[e] ?? e;
 	return /* @__PURE__ */ p("span", {
 		className: `badge rounded-pill ${t}`,
 		children: n
 	});
 }
 //#endregion
-//#region src/components/CredentialsFields.tsx
-var z = [
-	"postgresql",
-	"mysql",
-	"sqlserver"
-];
-function B() {
-	return {
-		host: "localhost",
-		port: 5432,
-		databaseName: "",
-		username: "",
-		password: "",
-		databaseType: "postgresql"
-	};
-}
-function V(e) {
-	return e === "postgresql" || e === "postgres" ? 5432 : e === "mysql" ? 3306 : 1433;
-}
-function H({ value: e, onChange: t, onValidatedChange: n }) {
-	let r = {
-		...B(),
-		...e
-	}, i = (e) => {
-		let n = {
-			...r,
-			databaseType: e
-		};
-		(r.port === V(r.databaseType) || !r.port) && (n.port = V(e)), t(n);
-	}, a = (e) => {
-		let i = {
-			...r,
-			...e
-		};
-		t(i);
-		let a = !!(i.host.trim() && i.port > 0 && i.databaseName.trim() && i.username.trim() && i.password.length > 0);
-		n?.(a);
-	};
-	return /* @__PURE__ */ m("div", {
-		className: "row g-3",
+//#region src/components/DatabaseBanner.tsx
+function U({ dbInfo: e, isLoading: t, error: n, label: r }) {
+	if (t) return /* @__PURE__ */ p("div", {
+		className: "mb-3",
+		children: /* @__PURE__ */ m("small", {
+			className: "text-muted",
+			children: [/* @__PURE__ */ p("span", {
+				className: "spinner-border spinner-border-sm me-2",
+				"aria-hidden": !0
+			}), "Consultando banco configurado..."]
+		})
+	});
+	if (n) return /* @__PURE__ */ m("div", {
+		className: "alert alert-warning mb-3 py-2 small",
 		children: [
-			/* @__PURE__ */ m("div", {
-				className: "col-md-6",
-				children: [/* @__PURE__ */ p("label", {
-					className: "form-label",
-					children: "Tipo de banco"
-				}), /* @__PURE__ */ p("select", {
-					className: "form-select",
-					value: r.databaseType,
-					onChange: (e) => i(e.target.value),
-					children: z.map((e) => /* @__PURE__ */ p("option", {
-						value: e,
-						children: L[e] ?? e
-					}, e))
-				})]
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "col-md-6",
-				children: [/* @__PURE__ */ p("label", {
-					className: "form-label",
-					children: "Host"
-				}), /* @__PURE__ */ p("input", {
-					className: "form-control",
-					value: r.host,
-					placeholder: "localhost",
-					onChange: (e) => a({ host: e.target.value })
-				})]
+			/* @__PURE__ */ p("i", {
+				className: "bi bi-exclamation-triangle me-2",
+				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ m("div", {
-				className: "col-md-4",
-				children: [/* @__PURE__ */ p("label", {
-					className: "form-label",
-					children: "Porta"
-				}), /* @__PURE__ */ p("input", {
-					className: "form-control",
-					type: "number",
-					min: 1,
-					max: 65535,
-					value: r.port,
-					onChange: (e) => a({ port: Number(e.target.value) })
-				})]
+			"Não foi possível consultar o banco configurado: ",
+			G(n)
+		]
+	});
+	if (!e || !e.configured) return /* @__PURE__ */ m("div", {
+		className: "alert alert-danger mb-3 py-2 small",
+		children: [
+			/* @__PURE__ */ p("i", {
+				className: "bi bi-x-octagon me-2",
+				"aria-hidden": !0
 			}),
+			"Banco padrão não configurado no servidor minivault (variáveis",
+			" ",
+			/* @__PURE__ */ p("code", { children: "MINIVAULT_DB_*" }),
+			"). A criação e a importação usam esse banco."
+		]
+	});
+	let i = V[e.databaseType ?? ""] ?? e.databaseType ?? "postgresql";
+	return /* @__PURE__ */ m("div", {
+		className: "mb-3",
+		children: [
 			/* @__PURE__ */ m("div", {
-				className: "col-md-8",
-				children: [/* @__PURE__ */ p("label", {
-					className: "form-label",
-					children: "Nome do banco"
-				}), /* @__PURE__ */ p("input", {
-					className: "form-control",
-					value: r.databaseName,
-					placeholder: "sigamais",
-					onChange: (e) => a({ databaseName: e.target.value })
-				})]
+				className: "d-flex flex-wrap align-items-center gap-2 small text-body-secondary",
+				children: [
+					/* @__PURE__ */ p("i", {
+						className: "bi bi-database-fill",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ m("span", { children: [
+						r,
+						": ",
+						/* @__PURE__ */ p("strong", { children: i }),
+						" em ",
+						/* @__PURE__ */ m("code", { children: [
+							e.host,
+							":",
+							e.port,
+							"/",
+							e.databaseName
+						] })
+					] }),
+					/* @__PURE__ */ p("span", {
+						className: "badge text-bg-info",
+						children: "configurado por env"
+					})
+				]
 			}),
-			/* @__PURE__ */ m("div", {
-				className: "col-md-6",
-				children: [/* @__PURE__ */ p("label", {
-					className: "form-label",
-					children: "Usuário"
-				}), /* @__PURE__ */ p("input", {
-					className: "form-control",
-					value: r.username,
-					placeholder: "postgres",
-					autoComplete: "off",
-					onChange: (e) => a({ username: e.target.value })
-				})]
+			e.exportExcludedTables.length > 0 && /* @__PURE__ */ m("div", {
+				className: "mt-1 small",
+				children: [
+					/* @__PURE__ */ p("i", {
+						className: "bi bi-shield-lock me-1",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "text-body-secondary",
+						children: "Exportação sempre ignora: "
+					}),
+					e.exportExcludedTables.map((e) => /* @__PURE__ */ p("span", {
+						className: "badge text-bg-secondary me-1",
+						children: e
+					}, `ex-${e}`))
+				]
 			}),
-			/* @__PURE__ */ m("div", {
-				className: "col-md-6",
-				children: [/* @__PURE__ */ p("label", {
-					className: "form-label",
-					children: "Senha"
-				}), /* @__PURE__ */ p("input", {
-					className: "form-control",
-					type: "password",
-					value: r.password,
-					autoComplete: "new-password",
-					onChange: (e) => a({ password: e.target.value })
-				})]
+			e.importExcludedTables.length > 0 && /* @__PURE__ */ m("div", {
+				className: "mt-1 small",
+				children: [
+					/* @__PURE__ */ p("i", {
+						className: "bi bi-shield-lock me-1",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "text-body-secondary",
+						children: "Importação sempre ignora: "
+					}),
+					e.importExcludedTables.map((e) => /* @__PURE__ */ p("span", {
+						className: "badge text-bg-secondary me-1",
+						children: e
+					}, `im-${e}`))
+				]
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/RestoreModal.tsx
-function U({ backup: e, onClose: t }) {
-	let n = T(), [r, i] = o(), [a, s] = o(!1), c = () => {
-		r && n.mutate({
-			id: e.id,
-			database: r
-		});
-	}, l = n.isPending;
+function W({ backup: e, onClose: t }) {
+	let n = k(), r = w(), i = () => {
+		n.mutate({ id: e.id });
+	}, a = n.isPending;
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "modal-backdrop show" }), /* @__PURE__ */ p("div", {
 		className: "modal show d-block",
 		tabIndex: -1,
@@ -475,19 +499,21 @@ function U({ backup: e, onClose: t }) {
 								children: [
 									"O arquivo ",
 									/* @__PURE__ */ p("code", { children: e.filename }),
-									" será aplicado no banco informado abaixo."
+									" será aplicado no banco configurado abaixo."
 								]
 							}),
-							/* @__PURE__ */ p(H, {
-								onChange: i,
-								onValidatedChange: s
+							/* @__PURE__ */ p(U, {
+								label: "Banco de destino",
+								dbInfo: r.data,
+								isLoading: r.isLoading,
+								error: r.error
 							}),
 							n.isError && /* @__PURE__ */ m("div", {
 								className: "alert alert-danger mt-3 mb-0",
 								children: [/* @__PURE__ */ p("i", {
 									className: "bi bi-x-circle me-2",
 									"aria-hidden": !0
-								}), W(n.error)]
+								}), G(n.error)]
 							}),
 							n.isSuccess && /* @__PURE__ */ m("div", {
 								className: "alert alert-success mt-3 mb-0",
@@ -504,14 +530,14 @@ function U({ backup: e, onClose: t }) {
 							type: "button",
 							className: "btn btn-secondary",
 							onClick: t,
-							disabled: l,
+							disabled: a,
 							children: "Fechar"
 						}), /* @__PURE__ */ m("button", {
 							type: "button",
 							className: "btn btn-primary",
-							onClick: c,
-							disabled: l || !a,
-							children: [l && /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p("span", {
+							onClick: i,
+							disabled: a || !r.data?.configured,
+							children: [a && /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p("span", {
 								className: "spinner-border spinner-border-sm me-2",
 								"aria-hidden": !0
 							}) }), "Restaurar"]
@@ -522,13 +548,13 @@ function U({ backup: e, onClose: t }) {
 		})
 	})] });
 }
-function W(e) {
+function G(e) {
 	return e instanceof Error ? e.message : String(e);
 }
 //#endregion
 //#region src/components/BackupsTab.tsx
-function G() {
-	let [e, t] = o(0), [n, a] = o(null), [s, c] = o(null), [l, u] = o({}), { data: d, isLoading: f, isError: h, error: g, refetch: _, isFetching: v } = C(e, 10, !0), y = O(), b = E(), x = D();
+function K() {
+	let [e, t] = o(0), [n, a] = o(null), [s, c] = o(null), [l, u] = o({}), { data: d, isLoading: f, isError: h, error: g, refetch: _, isFetching: v } = C(e, 10, !0), y = M(), b = A(), x = j();
 	r(() => {
 		if (!y.data || !y.variables) return;
 		let e = URL.createObjectURL(y.data), t = document.createElement("a");
@@ -570,7 +596,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Não foi possível carregar os backups: ",
-				q(g)
+				J(g)
 			]
 		}),
 		y.isError && /* @__PURE__ */ m("div", {
@@ -581,7 +607,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Falha no download: ",
-				q(y.error)
+				J(y.error)
 			]
 		}),
 		b.isError && /* @__PURE__ */ m("div", {
@@ -592,7 +618,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Falha ao excluir: ",
-				q(b.error)
+				J(b.error)
 			]
 		}),
 		x.isError && /* @__PURE__ */ m("div", {
@@ -603,7 +629,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Falha ao verificar: ",
-				q(x.error)
+				J(x.error)
 			]
 		}),
 		Object.entries(l).map(([e, t]) => /* @__PURE__ */ m("div", {
@@ -691,12 +717,12 @@ function G() {
 							"aria-hidden": !0
 						}), e.filename]
 					}),
-					/* @__PURE__ */ p("td", { children: L[e.databaseType] ?? e.databaseType }),
+					/* @__PURE__ */ p("td", { children: V[e.databaseType] ?? e.databaseType }),
 					/* @__PURE__ */ p("td", {
 						className: "text-end",
-						children: N(e.fileSize)
+						children: L(e.fileSize)
 					}),
-					/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p(R, { status: e.status }) }),
+					/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p(H, { status: e.status }) }),
 					/* @__PURE__ */ p("td", { children: e.sha256 ? /* @__PURE__ */ m("code", {
 						title: e.sha256,
 						style: { fontSize: "0.8em" },
@@ -719,7 +745,7 @@ function G() {
 						className: "text-muted",
 						children: "—"
 					}) }),
-					/* @__PURE__ */ p("td", { children: P(e.createdAt) }),
+					/* @__PURE__ */ p("td", { children: R(e.createdAt) }),
 					/* @__PURE__ */ m("td", {
 						className: "text-end text-nowrap",
 						children: [
@@ -812,11 +838,11 @@ function G() {
 				})]
 			})]
 		}),
-		n && /* @__PURE__ */ p(U, {
+		n && /* @__PURE__ */ p(W, {
 			backup: n,
 			onClose: () => a(null)
 		}),
-		s && /* @__PURE__ */ p(K, {
+		s && /* @__PURE__ */ p(q, {
 			backup: s,
 			busy: b.isPending,
 			onCancel: () => c(null),
@@ -826,7 +852,7 @@ function G() {
 		})
 	] });
 }
-function K(e) {
+function q(e) {
 	let { backup: t, busy: n, onCancel: r, onConfirm: i } = e;
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "modal-backdrop show" }), /* @__PURE__ */ p("div", {
 		className: "modal show d-block",
@@ -892,16 +918,16 @@ function K(e) {
 		})
 	})] });
 }
-function q(e) {
+function J(e) {
 	return e instanceof Error ? e.message : String(e);
 }
 //#endregion
 //#region src/components/CreateBackupTab.tsx
-function J() {
-	let e = w(), [t, n] = o(void 0), [r, i] = o(!1), [a, s] = o(!1), [c, l] = o(() => ({
+function Y() {
+	let e = O(), t = w(), n = T(t.data?.configured), [r, a] = o(!1), [s, c] = o(() => ({
 		type: "LOCAL",
 		localPath: ""
-	})), [u, d] = o(!1), [h, g] = o({
+	})), [l, u] = o(!1), [d, h] = o({
 		format: "custom",
 		includeData: !0,
 		includeDropTable: !1,
@@ -909,22 +935,36 @@ function J() {
 		includeIndexes: !0,
 		includeConstraints: !0,
 		includeRelatedTables: !1
-	}), [_, v] = o(""), [y, b] = o(""), x = () => {
-		if (!t) return;
-		let n;
-		if (u && (n = { ...h }, _.trim() && (n.tables = _.split(",").map((e) => e.trim()).filter(Boolean)), y.trim())) {
+	}), [g, _] = o(() => /* @__PURE__ */ new Set()), [v, y] = o(null), [b, x] = o({}), [S, C] = o(""), D = E(v, t.data?.configured), k = i(() => new Set((t.data?.exportExcludedTables ?? []).map(te)), [t.data?.exportExcludedTables]), A = i(() => {
+		let e = n.data ?? [], t = S.trim().toLowerCase();
+		return t ? e.filter((e) => e.fullName.toLowerCase().includes(t)) : e;
+	}, [n.data, S]), j = (e) => {
+		_((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, M = (e, t) => {
+		x((n) => {
+			let r = n[e] ?? [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
+			return {
+				...n,
+				[e]: i
+			};
+		});
+	}, N = () => {
+		let t;
+		if (l) {
+			t = { ...d }, g.size > 0 && (t.tables = [...g]);
 			let e = {};
-			y.split(";").forEach((t) => {
-				let [n, r] = t.split(":").map((e) => e.trim());
-				n && r && (e[n] = r.split(",").map((e) => e.trim()).filter(Boolean));
-			}), Object.keys(e).length > 0 && (n.excludeColumnsPerTable = e);
+			Object.entries(b).forEach(([t, n]) => {
+				n.length > 0 && (e[t] = n);
+			}), Object.keys(e).length > 0 && (t.excludeColumnsPerTable = e);
 		}
 		e.mutate({
-			database: t,
-			originStorage: a ? c : void 0,
-			dumpOptions: n
+			originStorage: r ? s : void 0,
+			dumpOptions: t
 		});
-	}, S = e.isPending;
+	}, P = e.isPending, F = t.data?.configured && !P;
 	return /* @__PURE__ */ m("div", { children: [
 		/* @__PURE__ */ m("div", {
 			className: "mb-3",
@@ -933,23 +973,98 @@ function J() {
 				children: "Criar novo backup"
 			}), /* @__PURE__ */ p("p", {
 				className: "text-muted small mb-0",
-				children: "Informe a conexao do banco a ser copiado. O minivault gera o dump e empacota em ZIP."
+				children: "O minivault usa o banco configurado no servidor (via variáveis de ambiente). Selecione tabelas e colunas a incluir/omitir no dump."
 			})]
 		}),
+		/* @__PURE__ */ p(U, {
+			label: "Banco de origem",
+			dbInfo: t.data,
+			isLoading: t.isLoading,
+			error: t.error
+		}),
 		/* @__PURE__ */ m("div", {
 			className: "card mb-3",
 			children: [/* @__PURE__ */ m("div", {
-				className: "card-header d-flex align-items-center gap-2",
-				children: [/* @__PURE__ */ p("i", {
-					className: "bi bi-database",
-					"aria-hidden": !0
-				}), "Conexao do banco de origem"]
-			}), /* @__PURE__ */ p("div", {
-				className: "card-body",
-				children: /* @__PURE__ */ p(H, {
-					onChange: n,
-					onValidatedChange: i
-				})
+				className: "card-header d-flex flex-wrap align-items-center justify-content-between gap-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "d-flex align-items-center gap-2",
+					children: [
+						/* @__PURE__ */ p("i", {
+							className: "bi bi-table",
+							"aria-hidden": !0
+						}),
+						"Tabelas do banco (",
+						n.data?.filter((e) => !k.has(e.fullName)).length ?? 0,
+						" disponíveis)"
+					]
+				}), /* @__PURE__ */ m("div", {
+					className: "d-flex align-items-center gap-2",
+					children: [/* @__PURE__ */ p("input", {
+						className: "form-control form-control-sm",
+						placeholder: "Filtrar tabelas...",
+						value: S,
+						onChange: (e) => C(e.target.value),
+						style: { width: 200 }
+					}), g.size > 0 && /* @__PURE__ */ m("button", {
+						type: "button",
+						className: "btn btn-sm btn-outline-secondary",
+						onClick: () => _(/* @__PURE__ */ new Set()),
+						children: [
+							"Limpar seleção (",
+							g.size,
+							")"
+						]
+					})]
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: "card-body p-0",
+				children: [
+					n.isLoading && /* @__PURE__ */ m("div", {
+						className: "p-3 text-muted",
+						children: [/* @__PURE__ */ p("span", {
+							className: "spinner-border spinner-border-sm me-2",
+							"aria-hidden": !0
+						}), "Carregando tabelas..."]
+					}),
+					n.isError && /* @__PURE__ */ m("div", {
+						className: "alert alert-danger m-3 py-2 small",
+						children: [
+							/* @__PURE__ */ p("i", {
+								className: "bi bi-x-circle me-2",
+								"aria-hidden": !0
+							}),
+							"Falha ao listar tabelas: ",
+							G(n.error)
+						]
+					}),
+					A.length === 0 && !n.isLoading && /* @__PURE__ */ p("div", {
+						className: "p-3 text-muted small",
+						children: "Nenhuma tabela encontrada."
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "list-group list-group-flush",
+						style: {
+							maxHeight: 380,
+							overflow: "auto"
+						},
+						children: A.map((e) => /* @__PURE__ */ p(ee, {
+							table: e,
+							disabled: k.has(e.fullName),
+							selected: g.has(e.fullName),
+							expanded: v === e.fullName,
+							showColumnsToggle: d.format === "plain",
+							excluded: b[e.fullName] ?? [],
+							onToggleTable: () => j(e.fullName),
+							onToggleExpand: () => y(v === e.fullName ? null : e.fullName),
+							onToggleColumn: (t) => M(e.fullName, t),
+							detail: v === e.fullName ? D : void 0
+						}, e.fullName))
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "p-2 small text-muted border-top",
+						children: "Deixe tudo desmarcado para incluir todas as tabelas (exceto as bloqueadas por segurança)."
+					})
+				]
 			})]
 		}),
 		/* @__PURE__ */ m("div", {
@@ -959,15 +1074,15 @@ function J() {
 				type: "checkbox",
 				role: "switch",
 				id: "minivault-with-dump-options",
-				checked: u,
-				onChange: (e) => d(e.target.checked)
+				checked: l,
+				onChange: (e) => u(e.target.checked)
 			}), /* @__PURE__ */ p("label", {
 				className: "form-check-label",
 				htmlFor: "minivault-with-dump-options",
-				children: "Configurar opcoes do dump (tabelas, colunas, formato)"
+				children: "Configurar opcoes do dump (formato, dados, indices)"
 			})]
 		}),
-		u && /* @__PURE__ */ m("div", {
+		l && /* @__PURE__ */ m("div", {
 			className: "card mb-3",
 			children: [/* @__PURE__ */ m("div", {
 				className: "card-header d-flex align-items-center gap-2",
@@ -977,125 +1092,84 @@ function J() {
 				}), "Opcoes de dump"]
 			}), /* @__PURE__ */ m("div", {
 				className: "card-body",
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "row g-3 mb-3",
+				children: [/* @__PURE__ */ p("div", {
+					className: "row g-3 mb-3",
+					children: /* @__PURE__ */ m("div", {
+						className: "col-md-4",
+						children: [/* @__PURE__ */ p("label", {
+							className: "form-label",
+							children: "Formato"
+						}), /* @__PURE__ */ m("select", {
+							className: "form-select",
+							value: d.format,
+							onChange: (e) => h((t) => ({
+								...t,
+								format: e.target.value
+							})),
+							children: [
+								/* @__PURE__ */ p("option", {
+									value: "custom",
+									children: "Custom (-Fc, recomendado)"
+								}),
+								/* @__PURE__ */ p("option", {
+									value: "plain",
+									children: "Plain SQL (texto)"
+								}),
+								/* @__PURE__ */ p("option", {
+									value: "tar",
+									children: "Tar (-Ft)"
+								})
+							]
+						})]
+					})
+				}), /* @__PURE__ */ p("div", {
+					className: "row g-3",
+					children: [
+						{
+							key: "includeData",
+							label: "Incluir dados"
+						},
+						{
+							key: "includeDropTable",
+							label: "Incluir DROP TABLE"
+						},
+						{
+							key: "includeCreateTable",
+							label: "Incluir CREATE TABLE"
+						},
+						{
+							key: "includeIndexes",
+							label: "Incluir indices"
+						},
+						{
+							key: "includeConstraints",
+							label: "Incluir constraints"
+						},
+						{
+							key: "includeRelatedTables",
+							label: "Incluir tabelas relacionadas"
+						}
+					].map(({ key: e, label: t }) => /* @__PURE__ */ p("div", {
+						className: "col-md-4",
 						children: /* @__PURE__ */ m("div", {
-							className: "col-md-4",
-							children: [/* @__PURE__ */ p("label", {
-								className: "form-label",
-								children: "Formato"
-							}), /* @__PURE__ */ m("select", {
-								className: "form-select",
-								value: h.format,
-								onChange: (e) => g((t) => ({
-									...t,
-									format: e.target.value
-								})),
-								children: [
-									/* @__PURE__ */ p("option", {
-										value: "custom",
-										children: "Custom (-Fc, recomendado)"
-									}),
-									/* @__PURE__ */ p("option", {
-										value: "plain",
-										children: "Plain SQL (texto)"
-									}),
-									/* @__PURE__ */ p("option", {
-										value: "tar",
-										children: "Tar (-Ft)"
-									})
-								]
+							className: "form-check",
+							children: [/* @__PURE__ */ p("input", {
+								className: "form-check-input",
+								type: "checkbox",
+								id: `dump-opt-${e}`,
+								checked: !!d[e],
+								onChange: (t) => h((n) => ({
+									...n,
+									[e]: t.target.checked
+								}))
+							}), /* @__PURE__ */ p("label", {
+								className: "form-check-label",
+								htmlFor: `dump-opt-${e}`,
+								children: t
 							})]
 						})
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "mb-3",
-						children: [
-							/* @__PURE__ */ p("label", {
-								className: "form-label",
-								children: "Tabelas (separadas por virgula)"
-							}),
-							/* @__PURE__ */ p("input", {
-								className: "form-control font-monospace",
-								value: _,
-								placeholder: "public.users, public.os, auth.user_groups",
-								onChange: (e) => v(e.target.value)
-							}),
-							/* @__PURE__ */ p("small", {
-								className: "text-muted",
-								children: "Deixe vazio para incluir todas as tabelas"
-							})
-						]
-					}),
-					h.format === "plain" && /* @__PURE__ */ m("div", {
-						className: "mb-3",
-						children: [
-							/* @__PURE__ */ p("label", {
-								className: "form-label",
-								children: "Colunas a omitir (formato: tabela:col1,col2)"
-							}),
-							/* @__PURE__ */ p("input", {
-								className: "form-control font-monospace",
-								value: y,
-								placeholder: "public.users:password_hash,sensitive_data; public.os:internal_notes",
-								onChange: (e) => b(e.target.value)
-							}),
-							/* @__PURE__ */ p("small", {
-								className: "text-muted",
-								children: "Separado por ponto e virgula entre tabelas. Apenas para formato Plain SQL."
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "row g-3",
-						children: [
-							{
-								key: "includeData",
-								label: "Incluir dados (INSERTs)"
-							},
-							{
-								key: "includeDropTable",
-								label: "Incluir DROP TABLE"
-							},
-							{
-								key: "includeCreateTable",
-								label: "Incluir CREATE TABLE"
-							},
-							{
-								key: "includeIndexes",
-								label: "Incluir indices"
-							},
-							{
-								key: "includeConstraints",
-								label: "Incluir constraints"
-							},
-							{
-								key: "includeRelatedTables",
-								label: "Incluir tabelas relacionadas"
-							}
-						].map(({ key: e, label: t }) => /* @__PURE__ */ p("div", {
-							className: "col-md-4",
-							children: /* @__PURE__ */ m("div", {
-								className: "form-check",
-								children: [/* @__PURE__ */ p("input", {
-									className: "form-check-input",
-									type: "checkbox",
-									id: `dump-opt-${e}`,
-									checked: !!h[e],
-									onChange: (t) => g((n) => ({
-										...n,
-										[e]: t.target.checked
-									}))
-								}), /* @__PURE__ */ p("label", {
-									className: "form-check-label",
-									htmlFor: `dump-opt-${e}`,
-									children: t
-								})]
-							})
-						}, e))
-					})
-				]
+					}, e))
+				})]
 			})]
 		}),
 		/* @__PURE__ */ m("div", {
@@ -1105,15 +1179,15 @@ function J() {
 				type: "checkbox",
 				role: "switch",
 				id: "minivault-with-origin",
-				checked: a,
-				onChange: (e) => s(e.target.checked)
+				checked: r,
+				onChange: (e) => a(e.target.checked)
 			}), /* @__PURE__ */ p("label", {
 				className: "form-check-label",
 				htmlFor: "minivault-with-origin",
 				children: "Incluir arquivos de origem no backup (armazenamento do sistema)"
 			})]
 		}),
-		a && /* @__PURE__ */ m("div", {
+		r && /* @__PURE__ */ m("div", {
 			className: "card mb-3",
 			children: [/* @__PURE__ */ m("div", {
 				className: "card-header d-flex align-items-center gap-2",
@@ -1132,8 +1206,8 @@ function J() {
 							children: "Tipo"
 						}), /* @__PURE__ */ m("select", {
 							className: "form-select",
-							value: c.type,
-							onChange: (e) => l((t) => ({
+							value: s.type,
+							onChange: (e) => c((t) => ({
 								...t,
 								type: e.target.value
 							})),
@@ -1145,16 +1219,16 @@ function J() {
 								children: "S3 (MinIO/S3)"
 							})]
 						})]
-					}), c.type === "LOCAL" ? /* @__PURE__ */ m("div", {
+					}), s.type === "LOCAL" ? /* @__PURE__ */ m("div", {
 						className: "col-md-8",
 						children: [/* @__PURE__ */ p("label", {
 							className: "form-label",
 							children: "Caminho local"
 						}), /* @__PURE__ */ p("input", {
 							className: "form-control",
-							value: c.localPath,
+							value: s.localPath,
 							placeholder: "/dados/sistema",
-							onChange: (e) => l((t) => ({
+							onChange: (e) => c((t) => ({
 								...t,
 								localPath: e.target.value
 							}))
@@ -1167,9 +1241,9 @@ function J() {
 								children: "Endpoint"
 							}), /* @__PURE__ */ p("input", {
 								className: "form-control",
-								value: c.endpoint,
+								value: s.endpoint,
 								placeholder: "http://192.168.0.10:9000",
-								onChange: (e) => l((t) => ({
+								onChange: (e) => c((t) => ({
 									...t,
 									endpoint: e.target.value
 								}))
@@ -1182,9 +1256,9 @@ function J() {
 								children: "Bucket"
 							}), /* @__PURE__ */ p("input", {
 								className: "form-control",
-								value: c.bucketName,
+								value: s.bucketName,
 								placeholder: "storage",
-								onChange: (e) => l((t) => ({
+								onChange: (e) => c((t) => ({
 									...t,
 									bucketName: e.target.value
 								}))
@@ -1197,8 +1271,8 @@ function J() {
 								children: "Access key"
 							}), /* @__PURE__ */ p("input", {
 								className: "form-control",
-								value: c.accessKey,
-								onChange: (e) => l((t) => ({
+								value: s.accessKey,
+								onChange: (e) => c((t) => ({
 									...t,
 									accessKey: e.target.value
 								}))
@@ -1212,8 +1286,8 @@ function J() {
 							}), /* @__PURE__ */ p("input", {
 								className: "form-control",
 								type: "password",
-								value: c.secretKey,
-								onChange: (e) => l((t) => ({
+								value: s.secretKey,
+								onChange: (e) => c((t) => ({
 									...t,
 									secretKey: e.target.value
 								}))
@@ -1226,9 +1300,9 @@ function J() {
 								children: "Regiao"
 							}), /* @__PURE__ */ p("input", {
 								className: "form-control",
-								value: c.region,
+								value: s.region,
 								placeholder: "us-east-1",
-								onChange: (e) => l((t) => ({
+								onChange: (e) => c((t) => ({
 									...t,
 									region: e.target.value
 								}))
@@ -1243,8 +1317,8 @@ function J() {
 									type: "checkbox",
 									role: "switch",
 									id: "minivault-origin-pathstyle",
-									checked: !!c.pathStyleEnabled,
-									onChange: (e) => l((t) => ({
+									checked: !!s.pathStyleEnabled,
+									onChange: (e) => c((t) => ({
 										...t,
 										pathStyleEnabled: e.target.checked
 									}))
@@ -1267,7 +1341,7 @@ function J() {
 					"aria-hidden": !0
 				}),
 				"Falha ao criar backup: ",
-				W(e.error)
+				G(e.error)
 			]
 		}),
 		e.isSuccess && /* @__PURE__ */ m("div", {
@@ -1289,10 +1363,10 @@ function J() {
 			children: /* @__PURE__ */ m("button", {
 				type: "button",
 				className: "btn btn-primary",
-				onClick: x,
-				disabled: S || !r,
+				onClick: N,
+				disabled: !F,
 				children: [
-					S && /* @__PURE__ */ p("span", {
+					P && /* @__PURE__ */ p("span", {
 						className: "spinner-border spinner-border-sm me-2",
 						"aria-hidden": !0
 					}),
@@ -1306,9 +1380,113 @@ function J() {
 		})
 	] });
 }
+function ee({ table: e, disabled: t, selected: n, expanded: r, showColumnsToggle: i, excluded: a, detail: o, onToggleTable: s, onToggleExpand: c, onToggleColumn: l }) {
+	return /* @__PURE__ */ m("div", {
+		className: "list-group-item px-3 py-2",
+		children: [/* @__PURE__ */ m("div", {
+			className: "d-flex align-items-center gap-2",
+			children: [
+				/* @__PURE__ */ p("input", {
+					className: "form-check-input",
+					type: "checkbox",
+					checked: n,
+					disabled: t,
+					title: t ? "Bloqueada por segurança (MINIVAULT_EXPORT_EXCLUDED_TABLES)" : void 0,
+					onChange: s
+				}),
+				/* @__PURE__ */ m("span", {
+					className: "font-monospace small",
+					children: [e.fullName, e.type === "VIEW" && /* @__PURE__ */ p("span", {
+						className: "badge text-bg-light ms-1",
+						children: "view"
+					})]
+				}),
+				t && /* @__PURE__ */ m("span", {
+					className: "badge text-bg-secondary ms-auto",
+					title: "Exportação sempre ignora esta tabela",
+					children: [/* @__PURE__ */ p("i", {
+						className: "bi bi-shield-lock me-1",
+						"aria-hidden": !0
+					}), "excluída"]
+				}),
+				!t && /* @__PURE__ */ m("button", {
+					type: "button",
+					className: "btn btn-sm btn-outline-secondary ms-auto",
+					onClick: c,
+					"aria-expanded": r,
+					children: [/* @__PURE__ */ p("i", {
+						className: `bi ${r ? "bi-chevron-up" : "bi-chevron-down"} me-1`,
+						"aria-hidden": !0
+					}), r ? "Ocultar" : "Colunas"]
+				})
+			]
+		}), r && /* @__PURE__ */ m("div", {
+			className: "mt-2 ps-3",
+			children: [
+				o?.isLoading && /* @__PURE__ */ p("small", {
+					className: "text-muted",
+					children: "Carregando colunas..."
+				}),
+				o?.isError && /* @__PURE__ */ m("small", {
+					className: "text-danger",
+					children: ["Erro: ", G(o.error)]
+				}),
+				o?.data && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("table", {
+					className: "table table-sm small mb-2",
+					children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
+						i && /* @__PURE__ */ p("th", { style: { width: 30 } }),
+						/* @__PURE__ */ p("th", { children: "Coluna" }),
+						/* @__PURE__ */ p("th", { children: "Tipo" }),
+						/* @__PURE__ */ p("th", { children: "Null" })
+					] }) }), /* @__PURE__ */ p("tbody", { children: o.data.columns.map((e) => /* @__PURE__ */ m("tr", { children: [
+						i && /* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("input", {
+							className: "form-check-input",
+							type: "checkbox",
+							title: "Omitir esta coluna na exportação",
+							checked: a.includes(e.name),
+							onChange: () => l(e.name)
+						}) }),
+						/* @__PURE__ */ m("td", { children: [
+							/* @__PURE__ */ p("span", {
+								className: "font-monospace",
+								children: e.name
+							}),
+							e.primaryKey && /* @__PURE__ */ p("span", {
+								className: "badge text-bg-warning ms-1",
+								children: "PK"
+							}),
+							e.generated && /* @__PURE__ */ p("span", {
+								className: "badge text-bg-info ms-1",
+								children: "auto"
+							})
+						] }),
+						/* @__PURE__ */ p("td", {
+							className: "text-body-secondary",
+							children: e.dataType
+						}),
+						/* @__PURE__ */ p("td", { children: e.nullable ? "sim" : "não" })
+					] }, e.name)) })]
+				}), o.data.relationships.length > 0 && /* @__PURE__ */ m("div", {
+					className: "small text-body-secondary",
+					children: [/* @__PURE__ */ p("i", {
+						className: "bi bi-diagram-3 me-1",
+						"aria-hidden": !0
+					}), o.data.relationships.map((e) => /* @__PURE__ */ p("div", {
+						className: "ms-4 font-monospace",
+						children: e.summary
+					}, `${e.constraintName}-${e.fromTable}-${e.toTable}`))]
+				})] })
+			]
+		})]
+	});
+}
+function te(e) {
+	let t = e.trim();
+	return t.includes(".") ? t : `public.${t}`;
+}
 //#endregion
 //#region src/components/StorageExplorerTab.tsx
-function Y({ storageType: e = "LOCAL", storageConfig: n }) {
+function X({ storageType: e = "LOCAL", storageConfig: n }) {
 	let i = b(), a = d(), [s, c] = o(""), [h, g] = o([]), [_, v] = o(/* @__PURE__ */ new Set()), [y, x] = o(null), S = n?.type ?? e, { data: C, isLoading: w } = u({
 		queryKey: [
 			"storage-files",
@@ -1345,7 +1523,7 @@ function Y({ storageType: e = "LOCAL", storageConfig: n }) {
 		} catch {}
 	}, j = async () => {
 		for (let e of _) await A(e);
-	}, M = (e) => e ? P(e) : "-";
+	}, M = (e) => e ? R(e) : "-";
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-3",
 		children: [
@@ -1475,7 +1653,7 @@ function Y({ storageType: e = "LOCAL", storageConfig: n }) {
 							}) }),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
-								children: e.directory ? "-" : N(e.size)
+								children: e.directory ? "-" : L(e.size)
 							}),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
@@ -1558,17 +1736,13 @@ function Y({ storageType: e = "LOCAL", storageConfig: n }) {
 }
 //#endregion
 //#region src/components/ImportDumpTab.tsx
-function X() {
-	let e = k(), t = A(), n = a(null), [r, i] = o("upload"), [s, c] = o(null), [l, u] = o(void 0), [d, f] = o(!1), [h, g] = o(""), [_, v] = o(!1), y = () => {
-		l && (r === "upload" && s ? e.mutate({
-			file: s,
-			database: l
-		}) : r === "storage" && h && t.mutate({
+function Z() {
+	let e = N(), t = P(), n = w(), r = a(null), [i, s] = o("upload"), [c, l] = o(null), [u, d] = o(""), [f, h] = o(!1), g = () => {
+		i === "upload" && c ? e.mutate({ file: c }) : i === "storage" && u && t.mutate({
 			storageType: "LOCAL",
-			storagePath: h,
-			database: l
-		}));
-	}, b = e.isPending || t.isPending, x = e.data ?? t.data, S = e.error ?? t.error;
+			storagePath: u
+		});
+	}, _ = e.isPending || t.isPending, v = e.data ?? t.data, y = e.error ?? t.error;
 	return /* @__PURE__ */ m("div", { children: [
 		/* @__PURE__ */ m("div", {
 			className: "mb-3",
@@ -1589,8 +1763,8 @@ function X() {
 					className: "btn-check",
 					name: "importMode",
 					id: "importModeUpload",
-					checked: r === "upload",
-					onChange: () => i("upload")
+					checked: i === "upload",
+					onChange: () => s("upload")
 				}),
 				/* @__PURE__ */ m("label", {
 					className: "btn btn-outline-primary",
@@ -1602,8 +1776,8 @@ function X() {
 					className: "btn-check",
 					name: "importMode",
 					id: "importModeStorage",
-					checked: r === "storage",
-					onChange: () => i("storage")
+					checked: i === "storage",
+					onChange: () => s("storage")
 				}),
 				/* @__PURE__ */ m("label", {
 					className: "btn btn-outline-primary",
@@ -1612,7 +1786,7 @@ function X() {
 				})
 			]
 		}),
-		r === "upload" && /* @__PURE__ */ m("div", {
+		i === "upload" && /* @__PURE__ */ m("div", {
 			className: "card mb-3",
 			children: [/* @__PURE__ */ m("div", {
 				className: "card-header d-flex align-items-center gap-2",
@@ -1623,23 +1797,23 @@ function X() {
 			}), /* @__PURE__ */ m("div", {
 				className: "card-body",
 				children: [/* @__PURE__ */ p("input", {
-					ref: n,
+					ref: r,
 					type: "file",
 					accept: ".sql,.txt,text/plain,application/sql,.Fc,.dump,application/octet-stream",
 					className: "form-control",
-					onChange: (e) => c(e.target.files?.[0] ?? null)
-				}), s && /* @__PURE__ */ m("small", {
+					onChange: (e) => l(e.target.files?.[0] ?? null)
+				}), c && /* @__PURE__ */ m("small", {
 					className: "text-muted",
 					children: [
-						s.name,
+						c.name,
 						" · ",
-						(s.size / 1024 / 1024).toFixed(2),
+						(c.size / 1024 / 1024).toFixed(2),
 						" MB"
 					]
 				})]
 			})]
 		}),
-		r === "storage" && /* @__PURE__ */ m("div", {
+		i === "storage" && /* @__PURE__ */ m("div", {
 			className: "card mb-3",
 			children: [/* @__PURE__ */ m("div", {
 				className: "card-header d-flex align-items-center justify-content-between",
@@ -1652,8 +1826,8 @@ function X() {
 				}), /* @__PURE__ */ m("button", {
 					className: "btn btn-sm btn-outline-secondary",
 					type: "button",
-					onClick: () => v(!_),
-					children: [/* @__PURE__ */ p("i", { className: "bi bi-search me-1" }), _ ? "Fechar" : "Explorar"]
+					onClick: () => h(!f),
+					children: [/* @__PURE__ */ p("i", { className: "bi bi-search me-1" }), f ? "Fechar" : "Explorar"]
 				})]
 			}), /* @__PURE__ */ m("div", {
 				className: "card-body",
@@ -1666,9 +1840,9 @@ function X() {
 						}),
 						/* @__PURE__ */ p("input", {
 							className: "form-control font-monospace",
-							value: h,
+							value: u,
 							placeholder: "backups/backup_postgresql_20240101_120000.zip",
-							onChange: (e) => g(e.target.value)
+							onChange: (e) => d(e.target.value)
 						}),
 						/* @__PURE__ */ m("small", {
 							className: "text-muted",
@@ -1679,13 +1853,13 @@ function X() {
 							]
 						})
 					]
-				}), _ && /* @__PURE__ */ p("div", {
+				}), f && /* @__PURE__ */ p("div", {
 					className: "border rounded p-2",
 					style: {
 						maxHeight: 350,
 						overflow: "auto"
 					},
-					children: /* @__PURE__ */ p(Y, {
+					children: /* @__PURE__ */ p(X, {
 						storageType: "LOCAL",
 						storageConfig: {
 							type: "LOCAL",
@@ -1703,15 +1877,20 @@ function X() {
 					className: "bi bi-database",
 					"aria-hidden": !0
 				}), "Banco de destino"]
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "card-body",
-				children: /* @__PURE__ */ p(H, {
-					onChange: u,
-					onValidatedChange: f
-				})
+				children: [/* @__PURE__ */ p("p", {
+					className: "small text-body-secondary mb-3",
+					children: "O dump será aplicado no banco configurado no servidor. Tabelas bloqueadas por segurança são ignoradas automaticamente na importação."
+				}), /* @__PURE__ */ p(U, {
+					label: "Banco de destino",
+					dbInfo: n.data,
+					isLoading: n.isLoading,
+					error: n.error
+				})]
 			})]
 		}),
-		S && /* @__PURE__ */ m("div", {
+		y && /* @__PURE__ */ m("div", {
 			className: "alert alert-danger",
 			children: [
 				/* @__PURE__ */ p("i", {
@@ -1719,21 +1898,21 @@ function X() {
 					"aria-hidden": !0
 				}),
 				"Falha na importacao: ",
-				W(S)
+				G(y)
 			]
 		}),
-		x && /* @__PURE__ */ m("div", {
-			className: `alert ${x.success ? "alert-success" : "alert-danger"}`,
+		v && /* @__PURE__ */ m("div", {
+			className: `alert ${v.success ? "alert-success" : "alert-danger"}`,
 			children: [
 				/* @__PURE__ */ p("i", {
-					className: `bi ${x.success ? "bi-check-circle" : "bi-x-circle"} me-2`,
+					className: `bi ${v.success ? "bi-check-circle" : "bi-x-circle"} me-2`,
 					"aria-hidden": !0
 				}),
-				x.message,
-				x.log && /* @__PURE__ */ p("pre", {
+				v.message,
+				v.log && /* @__PURE__ */ p("pre", {
 					className: "mt-3 mb-0 p-2 bg-body-tertiary rounded small overflow-auto",
 					style: { maxHeight: 260 },
-					children: x.log
+					children: v.log
 				})
 			]
 		}),
@@ -1742,10 +1921,10 @@ function X() {
 			children: /* @__PURE__ */ m("button", {
 				type: "button",
 				className: "btn btn-primary",
-				onClick: y,
-				disabled: b || !d || (r === "upload" ? !s : !h),
+				onClick: g,
+				disabled: _ || !n.data?.configured || (i === "upload" ? !c : !u),
 				children: [
-					b && /* @__PURE__ */ p("span", {
+					_ && /* @__PURE__ */ p("span", {
 						className: "spinner-border spinner-border-sm me-2",
 						"aria-hidden": !0
 					}),
@@ -1761,13 +1940,13 @@ function X() {
 }
 //#endregion
 //#region src/hooks/useAutoTheme.ts
-function Z() {
+function Q() {
 	return typeof document < "u" && document.documentElement.classList.contains("dark");
 }
-function Q(e) {
-	let [t, n] = o(Z), [i, a] = o(() => typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches === !0);
+function ne(e) {
+	let [t, n] = o(Q), [i, a] = o(() => typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches === !0);
 	return r(() => {
-		let e = document.documentElement, t = new MutationObserver(() => n(Z()));
+		let e = document.documentElement, t = new MutationObserver(() => n(Q()));
 		return t.observe(e, {
 			attributes: !0,
 			attributeFilter: ["class"]
@@ -1780,8 +1959,8 @@ function Q(e) {
 }
 //#endregion
 //#region src/components/MinivaultModule.tsx
-function $(e) {
-	let { companyAcronym: t = "Minivault", theme: n, refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, l = Q(n), [u] = o(() => new s({ defaultOptions: { queries: {
+function re(e) {
+	let { companyAcronym: t = "Minivault", theme: n, refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, l = ne(n), [u] = o(() => new s({ defaultOptions: { queries: {
 		refetchInterval: r,
 		retry: 1
 	} } }));
@@ -1792,15 +1971,15 @@ function $(e) {
 			children: /* @__PURE__ */ m("div", {
 				className: "minivault-module h-full w-full overflow-auto",
 				"data-minivault-theme": l,
-				children: [/* @__PURE__ */ p(ee, {
+				children: [/* @__PURE__ */ p(ie, {
 					companyAcronym: t,
 					theme: l
-				}), /* @__PURE__ */ p(te, { storageType: i })]
+				}), /* @__PURE__ */ p(ae, { storageType: i })]
 			})
 		})
 	});
 }
-function ee({ companyAcronym: e, theme: t }) {
+function ie({ companyAcronym: e, theme: t }) {
 	return /* @__PURE__ */ m("div", {
 		className: "d-flex align-items-center justify-content-between flex-wrap gap-2 px-3 py-2 border-bottom",
 		style: {
@@ -1829,7 +2008,7 @@ function ee({ companyAcronym: e, theme: t }) {
 		})]
 	});
 }
-function te({ storageType: e }) {
+function ae({ storageType: e }) {
 	let [t, n] = o("backups");
 	return /* @__PURE__ */ m("div", {
 		className: "p-3",
@@ -1887,12 +2066,136 @@ function te({ storageType: e }) {
 					})
 				]
 			}),
-			t === "backups" && /* @__PURE__ */ p(G, {}),
-			t === "create" && /* @__PURE__ */ p(J, {}),
-			t === "import" && /* @__PURE__ */ p(X, {}),
-			t === "storage" && /* @__PURE__ */ p(Y, { storageType: e })
+			t === "backups" && /* @__PURE__ */ p(K, {}),
+			t === "create" && /* @__PURE__ */ p(Y, {}),
+			t === "import" && /* @__PURE__ */ p(Z, {}),
+			t === "storage" && /* @__PURE__ */ p(X, { storageType: e })
+		]
+	});
+}
+//#endregion
+//#region src/components/CredentialsFields.tsx
+var oe = [
+	"postgresql",
+	"mysql",
+	"sqlserver"
+];
+function se() {
+	return {
+		host: "localhost",
+		port: 5432,
+		databaseName: "",
+		username: "",
+		password: "",
+		databaseType: "postgresql"
+	};
+}
+function $(e) {
+	return e === "postgresql" || e === "postgres" ? 5432 : e === "mysql" ? 3306 : 1433;
+}
+function ce({ value: e, onChange: t, onValidatedChange: n }) {
+	let r = {
+		...se(),
+		...e
+	}, i = (e) => {
+		let n = {
+			...r,
+			databaseType: e
+		};
+		(r.port === $(r.databaseType) || !r.port) && (n.port = $(e)), t(n);
+	}, a = (e) => {
+		let i = {
+			...r,
+			...e
+		};
+		t(i);
+		let a = !!(i.host.trim() && i.port > 0 && i.databaseName.trim() && i.username.trim() && i.password.length > 0);
+		n?.(a);
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "row g-3",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "col-md-6",
+				children: [/* @__PURE__ */ p("label", {
+					className: "form-label",
+					children: "Tipo de banco"
+				}), /* @__PURE__ */ p("select", {
+					className: "form-select",
+					value: r.databaseType,
+					onChange: (e) => i(e.target.value),
+					children: oe.map((e) => /* @__PURE__ */ p("option", {
+						value: e,
+						children: V[e] ?? e
+					}, e))
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "col-md-6",
+				children: [/* @__PURE__ */ p("label", {
+					className: "form-label",
+					children: "Host"
+				}), /* @__PURE__ */ p("input", {
+					className: "form-control",
+					value: r.host,
+					placeholder: "localhost",
+					onChange: (e) => a({ host: e.target.value })
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "col-md-4",
+				children: [/* @__PURE__ */ p("label", {
+					className: "form-label",
+					children: "Porta"
+				}), /* @__PURE__ */ p("input", {
+					className: "form-control",
+					type: "number",
+					min: 1,
+					max: 65535,
+					value: r.port,
+					onChange: (e) => a({ port: Number(e.target.value) })
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "col-md-8",
+				children: [/* @__PURE__ */ p("label", {
+					className: "form-label",
+					children: "Nome do banco"
+				}), /* @__PURE__ */ p("input", {
+					className: "form-control",
+					value: r.databaseName,
+					placeholder: "sigamais",
+					onChange: (e) => a({ databaseName: e.target.value })
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "col-md-6",
+				children: [/* @__PURE__ */ p("label", {
+					className: "form-label",
+					children: "Usuário"
+				}), /* @__PURE__ */ p("input", {
+					className: "form-control",
+					value: r.username,
+					placeholder: "postgres",
+					autoComplete: "off",
+					onChange: (e) => a({ username: e.target.value })
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "col-md-6",
+				children: [/* @__PURE__ */ p("label", {
+					className: "form-label",
+					children: "Senha"
+				}), /* @__PURE__ */ p("input", {
+					className: "form-control",
+					type: "password",
+					value: r.password,
+					autoComplete: "new-password",
+					onChange: (e) => a({ password: e.target.value })
+				})]
+			})
 		]
 	});
 }
 //#endregion
-export { G as BackupsTab, J as CreateBackupTab, H as CredentialsFields, L as DATABASE_TYPE_LABELS, X as ImportDumpTab, g as MinivaultApi, h as MinivaultApiError, y as MinivaultApiProvider, $ as MinivaultModule, U as RestoreModal, I as STATUS_BADGE, F as STATUS_LABELS, R as StatusBadge, Y as StorageExplorerTab, P as formatDate, N as formatFileSize, C as useBackups, w as useCreateBackup, E as useDeleteBackup, O as useDownloadBackup, k as useImportDump, A as useImportFromStorage, b as useMinivaultApi, T as useRestoreBackup };
+export { K as BackupsTab, Y as CreateBackupTab, ce as CredentialsFields, V as DATABASE_TYPE_LABELS, U as DatabaseBanner, Z as ImportDumpTab, g as MinivaultApi, h as MinivaultApiError, y as MinivaultApiProvider, re as MinivaultModule, W as RestoreModal, B as STATUS_BADGE, z as STATUS_LABELS, H as StatusBadge, X as StorageExplorerTab, R as formatDate, L as formatFileSize, C as useBackups, O as useCreateBackup, w as useDbInfo, D as useDbRelationships, E as useDbTableDetail, T as useDbTables, A as useDeleteBackup, M as useDownloadBackup, N as useImportDump, P as useImportFromStorage, b as useMinivaultApi, k as useRestoreBackup };