@v1ct0rbr/minivault-web 0.6.2 → 0.6.4

package/README.md

@@ -1,75 +1,75 @@
-# minivault-web
-
-Módulo independente de **gestão de backups** (cliente do serviço
-[minivault](../minivault)). Consumível como pacote npm em qualquer app React,
-estilizado com Bootstrap. Comunica-se com a API REST do minivault — normalmente
-através de um **proxy autenticado** (ex.: `/minivault` no backend do Siga+), de
-modo que a `X-API-Key` do minivault jamais trafega no browser.
-
-## Recursos
-
-- Lista de backups com paginação, status, tamanho e data.
-- Criação de backup (com origem de arquivos LOCAL ou S3, opcional).
-- Restauração de backup em um banco informado.
-- Importação de dump SQL em texto (`psql`/`mysql`) via upload.
-- Download e exclusão de backups.
-- Tema claro/escuro e auto-refresh.
-
-## Instalação
-
-```bash
-npm install @v1ct0rbr/minivault-web
-```
-
-Como dependência local durante o desenvolvimento:
-
-```bash
-npm install file:../minivault-web
-```
-
-## Uso no Siga+ (proxy autenticado)
-
-```tsx
-import { MinivaultModule } from '@v1ct0rbr/minivault-web'
-import '@v1ct0rbr/minivault-web/style.css'
-import { useAuthStore } from '@/store/useAuthStore'
-
-const apiBase = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080'
-
-export function MinivaultPage() {
-  const getToken = () => useAuthStore.getState().token
-  return <MinivaultModule baseUrl={apiBase + '/minivault'} getToken={getToken} />
-}
-```
-
-## Uso standalone (desenvolvimento)
-
-```tsx
-<MinivaultModule baseUrl="http://localhost:8081" token="api-key-do-minivault" />
-```
-
-> Em produção o token do minivault deve ficar apenas no proxy do backend, nunca
-> no bundle do frontend.
-
-## Desenvolvimento
-
-```bash
-npm install
-npm run dev          # playground standalone (porta 5176)
-npm run build:lib    # gera dist/ (lib ES + types)
-npm test             # vitest
-npm run typecheck    # tsc --noEmit
-```
-
-### Playground standalone
-
-```bash
-VITE_MINIVAULT_API_URL=http://localhost:8081 VITE_MINIVAULT_API_TOKEN=chave npm run dev
-```
-
-## Publicação
-
-```bash
-npm run build:lib && npm test
-npm publish --access public
+# minivault-web
+
+Módulo independente de **gestão de backups** (cliente do serviço
+[minivault](../minivault)). Consumível como pacote npm em qualquer app React,
+estilizado com Bootstrap. Comunica-se com a API REST do minivault — normalmente
+através de um **proxy autenticado** (ex.: `/minivault` no backend do Siga+), de
+modo que a `X-API-Key` do minivault jamais trafega no browser.
+
+## Recursos
+
+- Lista de backups com paginação, status, tamanho e data.
+- Criação de backup (com origem de arquivos LOCAL ou S3, opcional).
+- Restauração de backup em um banco informado.
+- Importação de dump SQL em texto (`psql`/`mysql`) via upload.
+- Download e exclusão de backups.
+- Tema claro/escuro e auto-refresh.
+
+## Instalação
+
+```bash
+npm install @v1ct0rbr/minivault-web
+```
+
+Como dependência local durante o desenvolvimento:
+
+```bash
+npm install file:../minivault-web
+```
+
+## Uso no Siga+ (proxy autenticado)
+
+```tsx
+import { MinivaultModule } from '@v1ct0rbr/minivault-web'
+import '@v1ct0rbr/minivault-web/style.css'
+import { useAuthStore } from '@/store/useAuthStore'
+
+const apiBase = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080'
+
+export function MinivaultPage() {
+  const getToken = () => useAuthStore.getState().token
+  return <MinivaultModule baseUrl={apiBase + '/minivault'} getToken={getToken} />
+}
+```
+
+## Uso standalone (desenvolvimento)
+
+```tsx
+<MinivaultModule baseUrl="http://localhost:8081" token="api-key-do-minivault" />
+```
+
+> Em produção o token do minivault deve ficar apenas no proxy do backend, nunca
+> no bundle do frontend.
+
+## Desenvolvimento
+
+```bash
+npm install
+npm run dev          # playground standalone (porta 5176)
+npm run build:lib    # gera dist/ (lib ES + types)
+npm test             # vitest
+npm run typecheck    # tsc --noEmit
+```
+
+### Playground standalone
+
+```bash
+VITE_MINIVAULT_API_URL=http://localhost:8081 VITE_MINIVAULT_API_TOKEN=chave npm run dev
+```
+
+## Publicação
+
+```bash
+npm run build:lib && npm test
+npm publish --access public
 ```

package/dist/minivault-web.js

@@ -207,8 +207,12 @@ var S = {
 	all: ["minivault", "backups"],
 	db: ["minivault", "db"],
 	diagnostics: ["minivault", "diagnostics"]
-};
-function C(e = !0) {
+}, C = /* @__PURE__ */ new Set([
+	"PENDING",
+	"IN_PROGRESS",
+	"RESTORING"
+]), w = 3e3;
+function T(e = !0) {
 	let t = x();
 	return u({
 		queryKey: S.diagnostics,
@@ -216,8 +220,8 @@ function C(e = !0) {
 		enabled: e && !!t
 	});
 }
-function w(e = 0, t = 10, n = !0) {
-	let r = x();
+function E(e = 0, t = 10, n = !0) {
+	let r = x(), i = d().getDefaultOptions().queries?.refetchInterval, a = typeof i == "number" ? i : 15e3;
 	return u({
 		queryKey: [
 			...S.all,
@@ -225,10 +229,11 @@ function w(e = 0, t = 10, n = !0) {
 			t
 		],
 		queryFn: () => r.listBackups(e, t),
-		enabled: n && !!r
+		enabled: n && !!r,
+		refetchInterval: (e) => (e.state.data?.content)?.some((e) => C.has(e.status)) ? w : a
 	});
 }
-function T(e = !0) {
+function D(e = !0) {
 	let t = x();
 	return u({
 		queryKey: [...S.db, "info"],
@@ -236,7 +241,7 @@ function T(e = !0) {
 		enabled: e && !!t
 	});
 }
-function E(e = !0) {
+function O(e = !0) {
 	let t = x();
 	return u({
 		queryKey: [...S.db, "tables"],
@@ -244,7 +249,7 @@ function E(e = !0) {
 		enabled: e && !!t
 	});
 }
-function D(e, t = !0) {
+function k(e, t = !0) {
 	let n = x();
 	return u({
 		queryKey: [
@@ -256,7 +261,7 @@ function D(e, t = !0) {
 		enabled: t && !!n && !!e
 	});
 }
-function O(e = !0) {
+function A(e = !0) {
 	let t = x();
 	return u({
 		queryKey: [...S.db, "relationships"],
@@ -264,74 +269,74 @@ function O(e = !0) {
 		enabled: e && !!t
 	});
 }
-function k() {
+function j() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.createBackup(t.database, t.originStorage, t.dumpOptions, t.backupType),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function A() {
+function M() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.restoreBackup(t.id, t.database, t.originStorage),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function j() {
+function N() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.deleteBackup(t),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function M() {
+function P() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.verifyBackup(t),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function N() {
+function ee() {
 	let e = b();
 	return l({ mutationFn: (t) => e.downloadBackup(t.id) });
 }
-function P() {
+function F() {
 	let e = b();
 	return l({ mutationFn: (t) => e.importDump(t.file, t.database) });
 }
-function F() {
+function I() {
 	let e = b();
 	return l({ mutationFn: (t) => e.importFromStorage(t.storageType, t.storagePath, t.database, t.storageConfig) });
 }
 //#endregion
 //#region src/utils/format.ts
-var ee = new Intl.DateTimeFormat("pt-BR", {
+var te = new Intl.DateTimeFormat("pt-BR", {
 	day: "2-digit",
 	month: "2-digit",
 	year: "numeric",
 	hour: "2-digit",
 	minute: "2-digit"
-}), te = [
+}), L = [
 	"B",
 	"KB",
 	"MB",
 	"GB",
 	"TB"
 ];
-function I(e) {
+function R(e) {
 	if (e == null || e < 0) return "—";
 	if (e < 1024) return `${e} B`;
 	let t = e, n = 0;
-	for (; t >= 1024 && n < te.length - 1;) t /= 1024, n += 1;
-	return `${Number.isInteger(t) ? t : Number(t.toFixed(1))} ${te[n]}`;
+	for (; t >= 1024 && n < L.length - 1;) t /= 1024, n += 1;
+	return `${Number.isInteger(t) ? t : Number(t.toFixed(1))} ${L[n]}`;
 }
-function L(e) {
+function z(e) {
 	if (!e) return "—";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "—" : ee.format(t);
+	return Number.isNaN(t.getTime()) ? "—" : te.format(t);
 }
-var R = {
+var B = {
 	PENDING: "Pendente",
 	IN_PROGRESS: "Em andamento",
 	COMPLETED: "Concluído",
@@ -339,7 +344,7 @@ var R = {
 	RESTORING: "Restaurando",
 	RESTORED: "Restaurado",
 	RESTORE_FAILED: "Falha na restauração"
-}, z = {
+}, V = {
 	PENDING: "text-bg-secondary",
 	IN_PROGRESS: "text-bg-primary",
 	COMPLETED: "text-bg-success",
@@ -347,7 +352,7 @@ var R = {
 	RESTORING: "text-bg-warning",
 	RESTORED: "text-bg-info",
 	RESTORE_FAILED: "text-bg-danger"
-}, B = {
+}, H = {
 	postgresql: "PostgreSQL",
 	postgres: "PostgreSQL",
 	mysql: "MySQL",
@@ -364,8 +369,8 @@ var R = {
 };
 //#endregion
 //#region src/components/StatusBadge.tsx
-function V({ status: e }) {
-	let t = z[e] ?? "text-bg-secondary", n = R[e] ?? e;
+function U({ status: e }) {
+	let t = V[e] ?? "text-bg-secondary", n = B[e] ?? e;
 	return /* @__PURE__ */ p("span", {
 		className: `badge rounded-pill ${t}`,
 		children: n
@@ -373,7 +378,7 @@ function V({ status: e }) {
 }
 //#endregion
 //#region src/components/DatabaseBanner.tsx
-function H({ dbInfo: e, isLoading: t, error: n, label: r, compact: i = !1 }) {
+function W({ dbInfo: e, isLoading: t, error: n, label: r, compact: i = !1 }) {
 	if (t) return /* @__PURE__ */ p("div", {
 		className: "mb-3",
 		children: /* @__PURE__ */ m("small", {
@@ -392,7 +397,7 @@ function H({ dbInfo: e, isLoading: t, error: n, label: r, compact: i = !1 }) {
 				"aria-hidden": !0
 			}),
 			"Não foi possível consultar o banco configurado: ",
-			W(n)
+			K(n)
 		]
 	});
 	if (!e || !e.configured) return i ? /* @__PURE__ */ m("div", {
@@ -414,7 +419,7 @@ function H({ dbInfo: e, isLoading: t, error: n, label: r, compact: i = !1 }) {
 			"). A criação e a importação usam esse banco."
 		]
 	});
-	let a = B[e.databaseType ?? ""] ?? e.databaseType ?? "postgresql";
+	let a = H[e.databaseType ?? ""] ?? e.databaseType ?? "postgresql";
 	return i ? /* @__PURE__ */ m("div", {
 		className: "mb-3",
 		children: [
@@ -532,8 +537,8 @@ function H({ dbInfo: e, isLoading: t, error: n, label: r, compact: i = !1 }) {
 }
 //#endregion
 //#region src/components/RestoreModal.tsx
-function U({ backup: e, onClose: t }) {
-	let n = A(), r = T(), i = () => {
+function G({ backup: e, onClose: t }) {
+	let n = M(), r = D(), i = () => {
 		n.mutate({ id: e.id });
 	}, a = n.isPending, o = e.backupType === "STORAGE";
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "modal-backdrop show" }), /* @__PURE__ */ p("div", {
@@ -583,7 +588,7 @@ function U({ backup: e, onClose: t }) {
 									" será aplicado no banco configurado abaixo."
 								] })
 							}),
-							!o && /* @__PURE__ */ p(H, {
+							!o && /* @__PURE__ */ p(W, {
 								label: "Banco de destino",
 								dbInfo: r.data,
 								isLoading: r.isLoading,
@@ -594,7 +599,7 @@ function U({ backup: e, onClose: t }) {
 								children: [/* @__PURE__ */ p("i", {
 									className: "bi bi-x-circle me-2",
 									"aria-hidden": !0
-								}), W(n.error)]
+								}), K(n.error)]
 							}),
 							n.isSuccess && /* @__PURE__ */ m("div", {
 								className: "alert alert-success mt-3 mb-0",
@@ -629,13 +634,13 @@ function U({ backup: e, onClose: t }) {
 		})
 	})] });
 }
-function W(e) {
+function K(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 } = w(e, 10, !0), y = N(), b = j(), x = M();
+function q() {
+	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 } = E(e, 10, !0), y = ee(), b = N(), x = P();
 	r(() => {
 		if (!y.data || !y.variables) return;
 		let e = URL.createObjectURL(y.data), t = document.createElement("a");
@@ -677,7 +682,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Não foi possível carregar os backups: ",
-				K(g)
+				J(g)
 			]
 		}),
 		y.isError && /* @__PURE__ */ m("div", {
@@ -688,7 +693,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Falha no download: ",
-				K(y.error)
+				J(y.error)
 			]
 		}),
 		b.isError && /* @__PURE__ */ m("div", {
@@ -699,7 +704,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Falha ao excluir: ",
-				K(b.error)
+				J(b.error)
 			]
 		}),
 		x.isError && /* @__PURE__ */ m("div", {
@@ -710,7 +715,7 @@ function G() {
 					"aria-hidden": !0
 				}),
 				"Falha ao verificar: ",
-				K(x.error)
+				J(x.error)
 			]
 		}),
 		Object.entries(l).map(([e, t]) => /* @__PURE__ */ m("div", {
@@ -809,12 +814,12 @@ function G() {
 						className: "text-muted",
 						children: "—"
 					}) }),
-					/* @__PURE__ */ p("td", { children: B[e.databaseType] ?? e.databaseType }),
+					/* @__PURE__ */ p("td", { children: H[e.databaseType] ?? e.databaseType }),
 					/* @__PURE__ */ p("td", {
 						className: "text-end",
-						children: I(e.fileSize)
+						children: R(e.fileSize)
 					}),
-					/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p(V, { status: e.status }) }),
+					/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p(U, { status: e.status }) }),
 					/* @__PURE__ */ p("td", { children: e.sha256 ? /* @__PURE__ */ m("code", {
 						title: e.sha256,
 						style: { fontSize: "0.8em" },
@@ -837,7 +842,7 @@ function G() {
 						className: "text-muted",
 						children: "—"
 					}) }),
-					/* @__PURE__ */ p("td", { children: L(e.createdAt) }),
+					/* @__PURE__ */ p("td", { children: z(e.createdAt) }),
 					/* @__PURE__ */ m("td", {
 						className: "text-end text-nowrap",
 						children: [
@@ -930,7 +935,7 @@ function G() {
 				})]
 			})]
 		}),
-		n && /* @__PURE__ */ p(U, {
+		n && /* @__PURE__ */ p(G, {
 			backup: n,
 			onClose: () => a(null)
 		}),
@@ -1010,13 +1015,13 @@ function ie(e) {
 		})
 	})] });
 }
-function K(e) {
+function J(e) {
 	return e instanceof Error ? e.message : String(e);
 }
 //#endregion
 //#region src/components/CreateBackupTab.tsx
-function q() {
-	let e = k(), t = T(), n = E(t.data?.configured), [r, a] = o(!0), [s, c] = o({
+function Y() {
+	let e = j(), t = D(), n = O(t.data?.configured), [r, a] = o(!0), [s, c] = o({
 		format: "plain",
 		includeData: !0,
 		includeDropTable: !1,
@@ -1024,7 +1029,7 @@ function q() {
 		includeIndexes: !0,
 		includeConstraints: !0,
 		includeRelatedTables: !1
-	}), [l, u] = o(() => /* @__PURE__ */ new Set()), [d, f] = o(null), [h, g] = o({}), [_, v] = o(""), y = D(d, t.data?.configured), b = i(() => new Set((t.data?.exportExcludedTables ?? []).map(oe)), [t.data?.exportExcludedTables]), x = i(() => {
+	}), [l, u] = o(() => /* @__PURE__ */ new Set()), [d, f] = o(null), [h, g] = o({}), [_, v] = o(""), y = k(d, t.data?.configured), b = i(() => new Set((t.data?.exportExcludedTables ?? []).map(oe)), [t.data?.exportExcludedTables]), x = i(() => {
 		let e = n.data ?? [], t = _.trim().toLowerCase();
 		return t ? e.filter((e) => e.fullName.toLowerCase().includes(t)) : e;
 	}, [n.data, _]), S = i(() => Object.values(h).reduce((e, t) => e + t.length, 0), [h]), C = (e) => {
@@ -1040,7 +1045,7 @@ function q() {
 				[e]: i
 			};
 		});
-	}, O = () => {
+	}, T = () => {
 		let t;
 		if (r) {
 			t = { ...s }, l.size > 0 && (t.tables = [...l]);
@@ -1053,7 +1058,7 @@ function q() {
 			backupType: "DATABASE",
 			dumpOptions: t
 		});
-	}, A = e.isPending, j = t.data?.configured && !A;
+	}, E = e.isPending, A = t.data?.configured && !E;
 	return /* @__PURE__ */ m("div", { children: [
 		/* @__PURE__ */ m("div", {
 			className: "mb-3",
@@ -1065,7 +1070,7 @@ function q() {
 				children: "Selecione as tabelas no grid e expanda um card para marcar colunas cujo conteúdo será nulificado na exportação. Apenas o dump do banco é enviado ao storage de destino."
 			})]
 		}),
-		/* @__PURE__ */ p(H, {
+		/* @__PURE__ */ p(W, {
 			label: "Banco de destino",
 			dbInfo: t.data,
 			isLoading: t.isLoading,
@@ -1124,7 +1129,7 @@ function q() {
 								"aria-hidden": !0
 							}),
 							"Falha ao listar tabelas: ",
-							W(n.error)
+							K(n.error)
 						]
 					}),
 					x.length === 0 && !n.isLoading && /* @__PURE__ */ p("div", {
@@ -1301,7 +1306,7 @@ function q() {
 					"aria-hidden": !0
 				}),
 				"Falha ao criar backup: ",
-				W(e.error)
+				K(e.error)
 			]
 		}),
 		e.isSuccess && /* @__PURE__ */ m("div", {
@@ -1313,9 +1318,9 @@ function q() {
 				}),
 				"Backup #",
 				e.data.id,
-				" criado (",
+				" enfileirado (",
 				e.data.filename,
-				")."
+				"). O progresso é exibido na aba Backups."
 			]
 		}),
 		/* @__PURE__ */ p("div", {
@@ -1323,10 +1328,10 @@ function q() {
 			children: /* @__PURE__ */ m("button", {
 				type: "button",
 				className: "btn btn-primary",
-				onClick: O,
-				disabled: !j,
+				onClick: T,
+				disabled: !A,
 				children: [
-					A && /* @__PURE__ */ p("span", {
+					E && /* @__PURE__ */ p("span", {
 						className: "spinner-border spinner-border-sm me-2",
 						"aria-hidden": !0
 					}),
@@ -1404,7 +1409,7 @@ function ae({ table: e, disabled: t, selected: n, expanded: r, excluded: i, deta
 					}),
 					a?.isError && /* @__PURE__ */ m("small", {
 						className: "text-danger",
-						children: ["Erro: ", W(a.error)]
+						children: ["Erro: ", K(a.error)]
 					}),
 					a?.data && /* @__PURE__ */ m(f, { children: [a.data.columns.map((e) => /* @__PURE__ */ m("div", {
 						className: "d-flex align-items-center gap-2 py-1",
@@ -1461,8 +1466,8 @@ function oe(e) {
 }
 //#endregion
 //#region src/components/DiagnosticsTab.tsx
-function J() {
-	let { data: e, isLoading: t, isError: n, error: r, refetch: a, isFetching: o } = C(), s = i(() => e ? {
+function X() {
+	let { data: e, isLoading: t, isError: n, error: r, refetch: a, isFetching: o } = T(), s = i(() => e ? {
 		total: e.length,
 		okCount: e.filter((e) => e.ok).length,
 		notConfigured: e.filter((e) => !e.configured).length
@@ -1502,7 +1507,7 @@ function J() {
 					"aria-hidden": !0
 				}),
 				"Não foi possível executar as checagens: ",
-				W(r)
+				K(r)
 			]
 		}),
 		s && /* @__PURE__ */ m("div", {
@@ -1583,7 +1588,7 @@ function se({ check: e }) {
 }
 //#endregion
 //#region src/components/StorageExplorerTab.tsx
-function Y({ storageType: e = "LOCAL", storageConfig: n }) {
+function Z({ storageType: e = "LOCAL", storageConfig: n }) {
 	let i = b(), s = d(), [c, h] = o(""), [g, _] = o([]), [v, y] = o(/* @__PURE__ */ new Set()), [x, S] = o(null), C = n?.type ?? e, { data: w, isLoading: T } = u({
 		queryKey: [
 			"storage-files",
@@ -1619,8 +1624,12 @@ function Y({ storageType: e = "LOCAL", storageConfig: n }) {
 			o.href = a, o.download = r, document.body.appendChild(o), o.click(), o.remove(), window.URL.revokeObjectURL(a);
 		} catch {}
 	}, N = async () => {
-		for (let e of v) await M(e);
-	}, P = (e) => e ? L(e) : "-";
+		let e = [...v].filter((e) => {
+			let t = w?.find((t) => t.path === e);
+			return t != null && !t.directory;
+		});
+		for (let t of e) await M(t);
+	}, P = (e) => e ? z(e) : "-";
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-3",
 		children: [
@@ -1750,7 +1759,7 @@ function Y({ storageType: e = "LOCAL", storageConfig: n }) {
 							}) }),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
-								children: e.directory ? "-" : I(e.size)
+								children: e.directory ? "-" : R(e.size)
 							}),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
@@ -1855,8 +1864,8 @@ function Y({ storageType: e = "LOCAL", storageConfig: n }) {
 }
 //#endregion
 //#region src/components/ImportDumpTab.tsx
-function X() {
-	let e = P(), t = F(), n = T(), r = a(null), [i, s] = o("upload"), [c, l] = o(null), [u, d] = o(""), [f, h] = o(!1), g = () => {
+function Q() {
+	let e = F(), t = I(), n = D(), 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: u
@@ -1978,7 +1987,7 @@ function X() {
 						maxHeight: 350,
 						overflow: "auto"
 					},
-					children: /* @__PURE__ */ p(Y, {
+					children: /* @__PURE__ */ p(Z, {
 						storageType: "LOCAL",
 						storageConfig: {
 							type: "LOCAL",
@@ -2001,7 +2010,7 @@ function X() {
 				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(H, {
+				}), /* @__PURE__ */ p(W, {
 					label: "Banco de destino",
 					dbInfo: n.data,
 					isLoading: n.isLoading,
@@ -2017,7 +2026,7 @@ function X() {
 					"aria-hidden": !0
 				}),
 				"Falha na importacao: ",
-				W(y)
+				K(y)
 			]
 		}),
 		v && /* @__PURE__ */ m("div", {
@@ -2059,8 +2068,8 @@ function X() {
 }
 //#endregion
 //#region src/components/StorageBackupTab.tsx
-function Z() {
-	let e = k(), t = C(), n = t.data?.find((e) => e.name === "ORIGIN_STORAGE"), r = t.data?.find((e) => e.name === "OUTPUT_STORAGE"), i = e.isPending;
+function ce() {
+	let e = j(), t = T(), n = t.data?.find((e) => e.name === "ORIGIN_STORAGE"), r = t.data?.find((e) => e.name === "OUTPUT_STORAGE"), i = e.isPending;
 	return /* @__PURE__ */ m("div", { children: [
 		/* @__PURE__ */ m("div", {
 			className: "mb-3",
@@ -2102,12 +2111,12 @@ function Z() {
 					}),
 					t.data && /* @__PURE__ */ m("div", {
 						className: "d-flex flex-column gap-2",
-						children: [/* @__PURE__ */ p(Q, {
+						children: [/* @__PURE__ */ p(le, {
 							label: n?.label ?? "Storage de origem",
 							configured: n?.configured,
 							ok: n?.ok,
 							message: n?.message
-						}), /* @__PURE__ */ p(Q, {
+						}), /* @__PURE__ */ p(le, {
 							label: r?.label ?? "Storage de destino",
 							configured: r?.configured,
 							ok: r?.ok,
@@ -2125,7 +2134,7 @@ function Z() {
 					"aria-hidden": !0
 				}),
 				"Falha ao criar backup de storage: ",
-				W(e.error)
+				K(e.error)
 			]
 		}),
 		e.isSuccess && /* @__PURE__ */ m("div", {
@@ -2137,9 +2146,9 @@ function Z() {
 				}),
 				"Backup de storage #",
 				e.data.id,
-				" criado (",
+				" enfileirado (",
 				e.data.filename,
-				")."
+				"). O progresso é exibido na aba Backups."
 			]
 		}),
 		/* @__PURE__ */ p("div", {
@@ -2166,7 +2175,7 @@ function Z() {
 		})
 	] });
 }
-function Q({ label: e, configured: t, ok: n, message: r }) {
+function le({ label: e, configured: t, ok: n, message: r }) {
 	return t === !1 ? /* @__PURE__ */ m("div", {
 		className: "d-flex align-items-center gap-2 small text-muted",
 		children: [/* @__PURE__ */ p("i", {
@@ -2190,7 +2199,7 @@ function Q({ label: e, configured: t, ok: n, message: r }) {
 function $() {
 	return typeof document < "u" && document.documentElement.classList.contains("dark");
 }
-function ce(e) {
+function ue(e) {
 	let [t, n] = o($), [i, a] = o(() => typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches === !0);
 	return r(() => {
 		let e = document.documentElement, t = new MutationObserver(() => n($()));
@@ -2206,8 +2215,8 @@ function ce(e) {
 }
 //#endregion
 //#region src/components/MinivaultModule.tsx
-function le(e) {
-	let { companyAcronym: t = "Minivault", theme: n, refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, l = ce(n), [u] = o(() => new s({ defaultOptions: { queries: {
+function de(e) {
+	let { companyAcronym: t = "Minivault", theme: n, refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, l = ue(n), [u] = o(() => new s({ defaultOptions: { queries: {
 		refetchInterval: r,
 		retry: 1
 	} } }));
@@ -2218,15 +2227,15 @@ function le(e) {
 			children: /* @__PURE__ */ m("div", {
 				className: "minivault-module h-full w-full overflow-auto",
 				"data-minivault-theme": l,
-				children: [/* @__PURE__ */ p(ue, {
+				children: [/* @__PURE__ */ p(fe, {
 					companyAcronym: t,
 					theme: l
-				}), /* @__PURE__ */ p(de, { storageType: i })]
+				}), /* @__PURE__ */ p(pe, { storageType: i })]
 			})
 		})
 	});
 }
-function ue({ companyAcronym: e, theme: t }) {
+function fe({ 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: {
@@ -2255,7 +2264,7 @@ function ue({ companyAcronym: e, theme: t }) {
 		})]
 	});
 }
-function de({ storageType: e }) {
+function pe({ storageType: e }) {
 	let [t, n] = o("backups");
 	return /* @__PURE__ */ m("div", {
 		className: "p-3",
@@ -2337,23 +2346,23 @@ function de({ storageType: e }) {
 					})
 				]
 			}),
-			t === "backups" && /* @__PURE__ */ p(G, {}),
-			t === "create" && /* @__PURE__ */ p(q, {}),
-			t === "createStorage" && /* @__PURE__ */ p(Z, {}),
-			t === "import" && /* @__PURE__ */ p(X, {}),
-			t === "storage" && /* @__PURE__ */ p(Y, { storageType: e }),
-			t === "diagnostics" && /* @__PURE__ */ p(J, {})
+			t === "backups" && /* @__PURE__ */ p(q, {}),
+			t === "create" && /* @__PURE__ */ p(Y, {}),
+			t === "createStorage" && /* @__PURE__ */ p(ce, {}),
+			t === "import" && /* @__PURE__ */ p(Q, {}),
+			t === "storage" && /* @__PURE__ */ p(Z, { storageType: e }),
+			t === "diagnostics" && /* @__PURE__ */ p(X, {})
 		]
 	});
 }
 //#endregion
 //#region src/components/CredentialsFields.tsx
-var fe = [
+var me = [
 	"postgresql",
 	"mysql",
 	"sqlserver"
 ];
-function pe() {
+function he() {
 	return {
 		host: "localhost",
 		port: 5432,
@@ -2363,19 +2372,19 @@ function pe() {
 		databaseType: "postgresql"
 	};
 }
-function me(e) {
+function ge(e) {
 	return e === "postgresql" || e === "postgres" ? 5432 : e === "mysql" ? 3306 : 1433;
 }
-function he({ value: e, onChange: t, onValidatedChange: n }) {
+function _e({ value: e, onChange: t, onValidatedChange: n }) {
 	let r = {
-		...pe(),
+		...he(),
 		...e
 	}, i = (e) => {
 		let n = {
 			...r,
 			databaseType: e
 		};
-		(r.port === me(r.databaseType) || !r.port) && (n.port = me(e)), t(n);
+		(r.port === ge(r.databaseType) || !r.port) && (n.port = ge(e)), t(n);
 	}, a = (e) => {
 		let i = {
 			...r,
@@ -2397,9 +2406,9 @@ function he({ value: e, onChange: t, onValidatedChange: n }) {
 					className: "form-select",
 					value: r.databaseType,
 					onChange: (e) => i(e.target.value),
-					children: fe.map((e) => /* @__PURE__ */ p("option", {
+					children: me.map((e) => /* @__PURE__ */ p("option", {
 						value: e,
-						children: B[e] ?? e
+						children: H[e] ?? e
 					}, e))
 				})]
 			}),
@@ -2471,4 +2480,4 @@ function he({ value: e, onChange: t, onValidatedChange: n }) {
 	});
 }
 //#endregion
-export { G as BackupsTab, q as CreateBackupTab, he as CredentialsFields, B as DATABASE_TYPE_LABELS, H as DatabaseBanner, J as DiagnosticsTab, X as ImportDumpTab, g as MinivaultApi, h as MinivaultApiError, y as MinivaultApiProvider, le as MinivaultModule, U as RestoreModal, z as STATUS_BADGE, R as STATUS_LABELS, V as StatusBadge, Z as StorageBackupTab, Y as StorageExplorerTab, L as formatDate, I as formatFileSize, w as useBackups, k as useCreateBackup, T as useDbInfo, O as useDbRelationships, D as useDbTableDetail, E as useDbTables, j as useDeleteBackup, C as useDiagnostics, N as useDownloadBackup, P as useImportDump, F as useImportFromStorage, b as useMinivaultApi, A as useRestoreBackup };
+export { q as BackupsTab, Y as CreateBackupTab, _e as CredentialsFields, H as DATABASE_TYPE_LABELS, W as DatabaseBanner, X as DiagnosticsTab, Q as ImportDumpTab, g as MinivaultApi, h as MinivaultApiError, y as MinivaultApiProvider, de as MinivaultModule, G as RestoreModal, V as STATUS_BADGE, B as STATUS_LABELS, U as StatusBadge, ce as StorageBackupTab, Z as StorageExplorerTab, z as formatDate, R as formatFileSize, E as useBackups, j as useCreateBackup, D as useDbInfo, A as useDbRelationships, k as useDbTableDetail, O as useDbTables, N as useDeleteBackup, T as useDiagnostics, ee as useDownloadBackup, F as useImportDump, I as useImportFromStorage, b as useMinivaultApi, M as useRestoreBackup };

package/package.json

@@ -1,73 +1,73 @@
-{
-  "name": "@v1ct0rbr/minivault-web",
-  "version": "0.6.2",
-  "description": "Módulo independente de gerenciamento de backups (minivault). Consumível como pacote npm em qualquer app React. Cliente do minivault REST API (acesso tipicamente via proxy autenticado).",
-  "author": "Victor Queiroga (https://www.linkedin.com/in/victor-queiroga)",
-  "license": "MIT",
-  "type": "module",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "keywords": [
-    "backup",
-    "minivault",
-    "der",
-    "react",
-    "bootstrap",
-    "postgresql"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/v1ct0rbr/minivault-web.git"
-  },
-  "main": "./dist/minivault-web.js",
-  "module": "./dist/minivault-web.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/minivault-web.js"
-    },
-    "./style.css": "./dist/minivault-web.css"
-  },
-  "scripts": {
-    "dev": "vite --port 5176",
-    "build": "vite build && tsc --noEmit",
-    "build:lib": "vite build --config vite.lib.config.ts && tsc --noEmit",
-    "prepublishOnly": "npm run build:lib && npm test",
-    "prepack": "npm run build:lib",
-    "preview": "vite preview",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint ."
-  },
-  "dependencies": {
-    "bootstrap": "^5.3.3",
-    "bootstrap-icons": "^1.11.3"
-  },
-  "peerDependencies": {
-    "@tanstack/react-query": "^5.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@tanstack/react-query": "^5.66.5",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "postcss-prefix-selector": "^2.1.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "typescript": "^5.7.2",
-    "vite": "^8.0.16",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^4.1.8"
-  }
+{
+  "name": "@v1ct0rbr/minivault-web",
+  "version": "0.6.4",
+  "description": "Módulo independente de gerenciamento de backups (minivault). Consumível como pacote npm em qualquer app React. Cliente do minivault REST API (acesso tipicamente via proxy autenticado).",
+  "author": "Victor Queiroga (https://www.linkedin.com/in/victor-queiroga)",
+  "license": "MIT",
+  "type": "module",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "backup",
+    "minivault",
+    "der",
+    "react",
+    "bootstrap",
+    "postgresql"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/v1ct0rbr/minivault-web.git"
+  },
+  "main": "./dist/minivault-web.js",
+  "module": "./dist/minivault-web.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/minivault-web.js"
+    },
+    "./style.css": "./dist/minivault-web.css"
+  },
+  "scripts": {
+    "dev": "vite --port 5176",
+    "build": "vite build && tsc --noEmit",
+    "build:lib": "vite build --config vite.lib.config.ts && tsc --noEmit",
+    "prepublishOnly": "npm run build:lib && npm test",
+    "prepack": "npm run build:lib",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "bootstrap": "^5.3.3",
+    "bootstrap-icons": "^1.11.3"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.66.5",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "postcss-prefix-selector": "^2.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "typescript": "^5.7.2",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.1.8"
+  }
 }