@v1ct0rbr/minivault-web 0.4.3 → 0.5.0

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/api/MinivaultApi.d.ts

@@ -1,4 +1,4 @@
-import { Backup, DatabaseCredentials, DbInfo, DumpOptions, ImportResult, OriginStorageConfig, PageResponse, RelationshipInfo, StorageFileItem, TableDetail, TableInfo, VerifyResult } from '../types/minivault';
+import { Backup, ConnectionCheck, DatabaseCredentials, DbInfo, DumpOptions, ImportResult, OriginStorageConfig, PageResponse, RelationshipInfo, StorageFileItem, TableDetail, TableInfo, VerifyResult } from '../types/minivault';
 export interface MinivaultApiOptions {
     /**
      * URL base da API. Exemplos:
@@ -44,6 +44,7 @@ export declare class MinivaultApi {
     listDbTables(): Promise<TableInfo[]>;
     getDbTable(ref: string): Promise<TableDetail>;
     listDbRelationships(): Promise<RelationshipInfo[]>;
+    getDiagnostics(): Promise<ConnectionCheck[]>;
     listStorageFiles(type: string, prefix?: string, storageConfig?: OriginStorageConfig): Promise<StorageFileItem[]>;
     downloadStorageFile(key: string, type: string, storageConfig?: OriginStorageConfig): Promise<Blob>;
     deleteStorageFile(key: string, type: string, storageConfig?: OriginStorageConfig): Promise<void>;

package/dist/components/DatabaseBanner.d.ts

@@ -5,5 +5,7 @@ export interface DatabaseBannerProps {
     error?: unknown;
     /** Rótulo contextual, ex.: 'banco de origem' / 'banco de destino'. */
     label: string;
+    /** Modo compacto: não expõe host/porta/nome do banco nem detalhes de configuração. */
+    compact?: boolean;
 }
-export declare function DatabaseBanner({ dbInfo, isLoading, error, label }: DatabaseBannerProps): import("react").JSX.Element;
+export declare function DatabaseBanner({ dbInfo, isLoading, error, label, compact }: DatabaseBannerProps): import("react").JSX.Element;

package/dist/components/DiagnosticsTab.d.ts

@@ -0,0 +1 @@
+export declare function DiagnosticsTab(): import("react").JSX.Element;

package/dist/hooks/useBackups.d.ts

@@ -2,7 +2,9 @@ import { DatabaseCredentials, DumpOptions, OriginStorageConfig } from '../types/
 export declare const backupsKeys: {
     all: readonly ["minivault", "backups"];
     db: readonly ["minivault", "db"];
+    diagnostics: readonly ["minivault", "diagnostics"];
 };
+export declare function useDiagnostics(enabled?: boolean): import('@tanstack/react-query').UseQueryResult<import('../types/minivault').ConnectionCheck[], Error>;
 export declare function useBackups(page?: number, size?: number, enabled?: boolean): import('@tanstack/react-query').UseQueryResult<import('../types/minivault').PageResponse<import('../types/minivault').Backup>, Error>;
 export declare function useDbInfo(enabled?: boolean): import('@tanstack/react-query').UseQueryResult<import('../types/minivault').DbInfo, Error>;
 export declare function useDbTables(enabled?: boolean): import('@tanstack/react-query').UseQueryResult<import('../types/minivault').TableInfo[], Error>;

package/dist/index.d.ts

@@ -5,12 +5,13 @@ export { MinivaultApi, MinivaultApiError } from './api/MinivaultApi';
 export type { MinivaultApiOptions } from './api/MinivaultApi';
 export { BackupsTab } from './components/BackupsTab';
 export { CreateBackupTab } from './components/CreateBackupTab';
+export { DiagnosticsTab } from './components/DiagnosticsTab';
 export { ImportDumpTab } from './components/ImportDumpTab';
 export { StorageExplorerTab } from './components/StorageExplorerTab';
 export { RestoreModal } from './components/RestoreModal';
 export { CredentialsFields } from './components/CredentialsFields';
 export { DatabaseBanner } from './components/DatabaseBanner';
 export { StatusBadge } from './components/StatusBadge';
-export { useBackups, useCreateBackup, useRestoreBackup, useDeleteBackup, useDownloadBackup, useImportDump, useImportFromStorage, useDbInfo, useDbTables, useDbTableDetail, useDbRelationships, } from './hooks/useBackups';
+export { useBackups, useCreateBackup, useRestoreBackup, useDeleteBackup, useDownloadBackup, useImportDump, useImportFromStorage, useDbInfo, useDbTables, useDbTableDetail, useDbRelationships, useDiagnostics, } from './hooks/useBackups';
 export { formatFileSize, formatDate, STATUS_LABELS, STATUS_BADGE, DATABASE_TYPE_LABELS } from './utils/format';
-export type { Backup, BackupRequest, BackupStatus, ColumnInfo, DatabaseCredentials, DatabaseType, DbInfo, DumpOptions, DumpFormat, ImportResult, ImportFromStorageRequest, OriginStorageConfig, PageResponse, RelationshipInfo, RestoreRequest, StorageFileItem, TableDetail, TableInfo, } from './types/minivault';
+export type { Backup, BackupRequest, BackupStatus, ColumnInfo, ConnectionCheck, DatabaseCredentials, DatabaseType, DbInfo, DumpOptions, DumpFormat, ImportResult, ImportFromStorageRequest, OriginStorageConfig, PageResponse, RelationshipInfo, RestoreRequest, StorageFileItem, TableDetail, TableInfo, VerifyResult, } from './types/minivault';

package/dist/minivault-web.js

@@ -135,6 +135,9 @@ var h = class extends Error {
 	listDbRelationships() {
 		return this.request("/api/db/relationships");
 	}
+	getDiagnostics() {
+		return this.request("/api/diagnostics");
+	}
 	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()}`);
@@ -202,9 +205,18 @@ function x() {
 //#region src/hooks/useBackups.ts
 var S = {
 	all: ["minivault", "backups"],
-	db: ["minivault", "db"]
+	db: ["minivault", "db"],
+	diagnostics: ["minivault", "diagnostics"]
 };
-function C(e = 0, t = 10, n = !0) {
+function C(e = !0) {
+	let t = x();
+	return u({
+		queryKey: S.diagnostics,
+		queryFn: () => t.getDiagnostics(),
+		enabled: e && !!t
+	});
+}
+function w(e = 0, t = 10, n = !0) {
 	let r = x();
 	return u({
 		queryKey: [
@@ -216,7 +228,7 @@ function C(e = 0, t = 10, n = !0) {
 		enabled: n && !!r
 	});
 }
-function w(e = !0) {
+function T(e = !0) {
 	let t = x();
 	return u({
 		queryKey: [...S.db, "info"],
@@ -224,7 +236,7 @@ function w(e = !0) {
 		enabled: e && !!t
 	});
 }
-function T(e = !0) {
+function E(e = !0) {
 	let t = x();
 	return u({
 		queryKey: [...S.db, "tables"],
@@ -232,7 +244,7 @@ function T(e = !0) {
 		enabled: e && !!t
 	});
 }
-function E(e, t = !0) {
+function D(e, t = !0) {
 	let n = x();
 	return u({
 		queryKey: [
@@ -244,7 +256,7 @@ function E(e, t = !0) {
 		enabled: t && !!n && !!e
 	});
 }
-function D(e = !0) {
+function O(e = !0) {
 	let t = x();
 	return u({
 		queryKey: [...S.db, "relationships"],
@@ -252,74 +264,74 @@ function D(e = !0) {
 		enabled: e && !!t
 	});
 }
-function O() {
+function k() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.createBackup(t.database, t.originStorage, t.dumpOptions),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function k() {
+function A() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.restoreBackup(t.id, t.database, t.originStorage),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function A() {
+function j() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.deleteBackup(t),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function j() {
+function M() {
 	let e = b(), t = d();
 	return l({
 		mutationFn: (t) => e.verifyBackup(t),
 		onSuccess: () => t.invalidateQueries({ queryKey: S.all })
 	});
 }
-function M() {
+function N() {
 	let e = b();
 	return l({ mutationFn: (t) => e.downloadBackup(t.id) });
 }
-function N() {
+function P() {
 	let e = b();
 	return l({ mutationFn: (t) => e.importDump(t.file, t.database) });
 }
-function P() {
+function F() {
 	let e = b();
 	return l({ mutationFn: (t) => e.importFromStorage(t.storageType, t.storagePath, t.database, t.storageConfig) });
 }
 //#endregion
 //#region src/utils/format.ts
-var F = new Intl.DateTimeFormat("pt-BR", {
+var I = new Intl.DateTimeFormat("pt-BR", {
 	day: "2-digit",
 	month: "2-digit",
 	year: "numeric",
 	hour: "2-digit",
 	minute: "2-digit"
-}), I = [
+}), L = [
 	"B",
 	"KB",
 	"MB",
 	"GB",
 	"TB"
 ];
-function L(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 < I.length - 1;) t /= 1024, n += 1;
-	return `${Number.isInteger(t) ? t : Number(t.toFixed(1))} ${I[n]}`;
+	for (; t >= 1024 && n < L.length - 1;) t /= 1024, n += 1;
+	return `${Number.isInteger(t) ? t : Number(t.toFixed(1))} ${L[n]}`;
 }
-function R(e) {
+function z(e) {
 	if (!e) return "—";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "—" : F.format(t);
+	return Number.isNaN(t.getTime()) ? "—" : I.format(t);
 }
-var z = {
+var B = {
 	PENDING: "Pendente",
 	IN_PROGRESS: "Em andamento",
 	COMPLETED: "Concluído",
@@ -327,7 +339,7 @@ var z = {
 	RESTORING: "Restaurando",
 	RESTORED: "Restaurado",
 	RESTORE_FAILED: "Falha na restauração"
-}, B = {
+}, V = {
 	PENDING: "text-bg-secondary",
 	IN_PROGRESS: "text-bg-primary",
 	COMPLETED: "text-bg-success",
@@ -335,7 +347,7 @@ var z = {
 	RESTORING: "text-bg-warning",
 	RESTORED: "text-bg-info",
 	RESTORE_FAILED: "text-bg-danger"
-}, V = {
+}, H = {
 	postgresql: "PostgreSQL",
 	postgres: "PostgreSQL",
 	mysql: "MySQL",
@@ -344,8 +356,8 @@ var z = {
 };
 //#endregion
 //#region src/components/StatusBadge.tsx
-function H({ status: e }) {
-	let t = B[e] ?? "text-bg-secondary", n = z[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
@@ -353,7 +365,7 @@ function H({ status: e }) {
 }
 //#endregion
 //#region src/components/DatabaseBanner.tsx
-function U({ dbInfo: e, isLoading: t, error: n, label: r }) {
+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", {
@@ -372,10 +384,16 @@ function U({ dbInfo: e, isLoading: t, error: n, label: r }) {
 				"aria-hidden": !0
 			}),
 			"Não foi possível consultar o banco configurado: ",
-			G(n)
+			K(n)
 		]
 	});
-	if (!e || !e.configured) return /* @__PURE__ */ m("div", {
+	if (!e || !e.configured) return i ? /* @__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 do servidor não configurado. Não é possível criar backups."]
+	}) : /* @__PURE__ */ m("div", {
 		className: "alert alert-danger mb-3 py-2 small",
 		children: [
 			/* @__PURE__ */ p("i", {
@@ -388,8 +406,57 @@ function U({ dbInfo: e, isLoading: t, error: n, label: r }) {
 			"). A criação e a importação usam esse banco."
 		]
 	});
-	let i = V[e.databaseType ?? ""] ?? e.databaseType ?? "postgresql";
-	return /* @__PURE__ */ m("div", {
+	let a = H[e.databaseType ?? ""] ?? e.databaseType ?? "postgresql";
+	return i ? /* @__PURE__ */ m("div", {
+		className: "mb-3",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "d-flex flex-wrap align-items-center gap-2 small text-body-secondary",
+				children: [/* @__PURE__ */ p("i", {
+					className: "bi bi-database-check text-success",
+					"aria-hidden": !0
+				}), /* @__PURE__ */ m("span", { children: [
+					r,
+					": ",
+					/* @__PURE__ */ p("strong", { children: "banco do servidor disponível" })
+				] })]
+			}),
+			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}`))
+				]
+			}),
+			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}`))
+				]
+			})
+		]
+	}) : /* @__PURE__ */ m("div", {
 		className: "mb-3",
 		children: [
 			/* @__PURE__ */ m("div", {
@@ -402,7 +469,7 @@ function U({ dbInfo: e, isLoading: t, error: n, label: r }) {
 					/* @__PURE__ */ m("span", { children: [
 						r,
 						": ",
-						/* @__PURE__ */ p("strong", { children: i }),
+						/* @__PURE__ */ p("strong", { children: a }),
 						" em ",
 						/* @__PURE__ */ m("code", { children: [
 							e.host,
@@ -457,8 +524,8 @@ function U({ dbInfo: e, isLoading: t, error: n, label: r }) {
 }
 //#endregion
 //#region src/components/RestoreModal.tsx
-function W({ backup: e, onClose: t }) {
-	let n = k(), r = w(), i = () => {
+function G({ backup: e, onClose: t }) {
+	let n = A(), r = T(), i = () => {
 		n.mutate({ id: e.id });
 	}, a = n.isPending;
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "modal-backdrop show" }), /* @__PURE__ */ p("div", {
@@ -504,7 +571,7 @@ function W({ backup: e, onClose: t }) {
 									" será aplicado no banco configurado abaixo."
 								]
 							}),
-							/* @__PURE__ */ p(U, {
+							/* @__PURE__ */ p(W, {
 								label: "Banco de destino",
 								dbInfo: r.data,
 								isLoading: r.isLoading,
@@ -515,7 +582,7 @@ function W({ backup: e, onClose: t }) {
 								children: [/* @__PURE__ */ p("i", {
 									className: "bi bi-x-circle me-2",
 									"aria-hidden": !0
-								}), G(n.error)]
+								}), K(n.error)]
 							}),
 							n.isSuccess && /* @__PURE__ */ m("div", {
 								className: "alert alert-success mt-3 mb-0",
@@ -550,19 +617,19 @@ function W({ backup: e, onClose: t }) {
 		})
 	})] });
 }
-function G(e) {
+function K(e) {
 	return e instanceof Error ? e.message : String(e);
 }
 //#endregion
 //#region src/components/BackupsTab.tsx
-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();
+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 } = w(e, 10, !0), y = N(), b = j(), x = M();
 	r(() => {
 		if (!y.data || !y.variables) return;
 		let e = URL.createObjectURL(y.data), t = document.createElement("a");
 		t.href = e, t.download = y.variables.filename, document.body.appendChild(t), t.click(), t.remove(), setTimeout(() => URL.revokeObjectURL(e), 1e4);
 	}, [y.data, y.variables]);
-	let S = i(() => d?.content ?? [], [d]), w = d?.totalPages ?? 0;
+	let S = i(() => d?.content ?? [], [d]), C = d?.totalPages ?? 0;
 	return /* @__PURE__ */ m("div", { children: [
 		/* @__PURE__ */ m("div", {
 			className: "d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3",
@@ -719,12 +786,12 @@ function K() {
 							"aria-hidden": !0
 						}), e.filename]
 					}),
-					/* @__PURE__ */ p("td", { children: V[e.databaseType] ?? e.databaseType }),
+					/* @__PURE__ */ p("td", { children: H[e.databaseType] ?? e.databaseType }),
 					/* @__PURE__ */ p("td", {
 						className: "text-end",
-						children: L(e.fileSize)
+						children: R(e.fileSize)
 					}),
-					/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p(H, { 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" },
@@ -747,7 +814,7 @@ function K() {
 						className: "text-muted",
 						children: "—"
 					}) }),
-					/* @__PURE__ */ p("td", { children: R(e.createdAt) }),
+					/* @__PURE__ */ p("td", { children: z(e.createdAt) }),
 					/* @__PURE__ */ m("td", {
 						className: "text-end text-nowrap",
 						children: [
@@ -815,7 +882,7 @@ function K() {
 					"Página ",
 					e + 1,
 					" de ",
-					Math.max(w, 1)
+					Math.max(C, 1)
 				]
 			}), /* @__PURE__ */ m("div", {
 				className: "btn-group",
@@ -831,7 +898,7 @@ function K() {
 				}), /* @__PURE__ */ p("button", {
 					type: "button",
 					className: "btn btn-outline-secondary btn-sm",
-					disabled: e + 1 >= w,
+					disabled: e + 1 >= C,
 					onClick: () => t((e) => e + 1),
 					children: /* @__PURE__ */ p("i", {
 						className: "bi bi-chevron-right",
@@ -840,11 +907,11 @@ function K() {
 				})]
 			})]
 		}),
-		n && /* @__PURE__ */ p(W, {
+		n && /* @__PURE__ */ p(G, {
 			backup: n,
 			onClose: () => a(null)
 		}),
-		s && /* @__PURE__ */ p(q, {
+		s && /* @__PURE__ */ p(ee, {
 			backup: s,
 			busy: b.isPending,
 			onCancel: () => c(null),
@@ -854,7 +921,7 @@ function K() {
 		})
 	] });
 }
-function q(e) {
+function ee(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",
@@ -926,7 +993,7 @@ function J(e) {
 //#endregion
 //#region src/components/CreateBackupTab.tsx
 function Y() {
-	let e = O(), t = w(), n = T(t.data?.configured), [r, a] = o(!1), [s, c] = o(() => ({
+	let e = k(), t = T(), n = E(t.data?.configured), [r, a] = o(!1), [s, c] = o(() => ({
 		type: "LOCAL",
 		localPath: ""
 	})), [l, u] = o(!0), [d, h] = o({
@@ -937,7 +1004,7 @@ function Y() {
 		includeIndexes: !0,
 		includeConstraints: !0,
 		includeRelatedTables: !1
-	}), [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(() => {
+	}), [g, _] = o(() => /* @__PURE__ */ new Set()), [v, y] = o(null), [b, x] = o({}), [S, C] = o(""), w = D(v, t.data?.configured), O = i(() => new Set((t.data?.exportExcludedTables ?? []).map(ne)), [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 = i(() => Object.values(b).reduce((e, t) => e + t.length, 0), [b]), M = (e) => {
@@ -975,14 +1042,15 @@ function Y() {
 				children: "Criar novo backup"
 			}), /* @__PURE__ */ p("p", {
 				className: "text-muted small mb-0",
-				children: "O minivault usa o banco configurado no servidor (via variáveis de ambiente). Selecione as tabelas no grid e expanda um card para marcar colunas cujo conteúdo será nulificado na exportação."
+				children: "Selecione as tabelas no grid e expanda um card para marcar colunas cujo conteúdo será nulificado na exportação."
 			})]
 		}),
-		/* @__PURE__ */ p(U, {
+		/* @__PURE__ */ p(W, {
 			label: "Banco de origem",
 			dbInfo: t.data,
 			isLoading: t.isLoading,
-			error: t.error
+			error: t.error,
+			compact: !0
 		}),
 		/* @__PURE__ */ m("div", {
 			className: "card mb-3",
@@ -996,7 +1064,7 @@ function Y() {
 							"aria-hidden": !0
 						}),
 						"Tabelas do banco (",
-						n.data?.filter((e) => !k.has(e.fullName)).length ?? 0,
+						n.data?.filter((e) => !O.has(e.fullName)).length ?? 0,
 						" disponíveis)"
 					]
 				}), /* @__PURE__ */ m("div", {
@@ -1036,7 +1104,7 @@ function Y() {
 								"aria-hidden": !0
 							}),
 							"Falha ao listar tabelas: ",
-							G(n.error)
+							K(n.error)
 						]
 					}),
 					A.length === 0 && !n.isLoading && /* @__PURE__ */ p("div", {
@@ -1052,16 +1120,16 @@ function Y() {
 							maxHeight: 420,
 							overflow: "auto"
 						},
-						children: A.map((e) => /* @__PURE__ */ p(ee, {
+						children: A.map((e) => /* @__PURE__ */ p(te, {
 							table: e,
-							disabled: k.has(e.fullName),
+							disabled: O.has(e.fullName),
 							selected: g.has(e.fullName),
 							expanded: v === e.fullName,
 							excluded: b[e.fullName] ?? [],
 							onToggleTable: () => M(e.fullName),
 							onToggleExpand: () => y(v === e.fullName ? null : e.fullName),
 							onToggleColumn: (t) => N(e.fullName, t),
-							detail: v === e.fullName ? D : void 0
+							detail: v === e.fullName ? w : void 0
 						}, e.fullName))
 					}),
 					/* @__PURE__ */ m("div", {
@@ -1374,7 +1442,7 @@ function Y() {
 					"aria-hidden": !0
 				}),
 				"Falha ao criar backup: ",
-				G(e.error)
+				K(e.error)
 			]
 		}),
 		e.isSuccess && /* @__PURE__ */ m("div", {
@@ -1413,7 +1481,7 @@ function Y() {
 		})
 	] });
 }
-function ee({ table: e, disabled: t, selected: n, expanded: r, excluded: i, detail: a, onToggleTable: o, onToggleExpand: s, onToggleColumn: c }) {
+function te({ table: e, disabled: t, selected: n, expanded: r, excluded: i, detail: a, onToggleTable: o, onToggleExpand: s, onToggleColumn: c }) {
 	return /* @__PURE__ */ p("div", {
 		className: `card h-100 ${n ? "border-primary" : ""}`,
 		style: { minWidth: 0 },
@@ -1477,7 +1545,7 @@ function ee({ table: e, disabled: t, selected: n, expanded: r, excluded: i, deta
 					}),
 					a?.isError && /* @__PURE__ */ m("small", {
 						className: "text-danger",
-						children: ["Erro: ", G(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",
@@ -1528,13 +1596,135 @@ function ee({ table: e, disabled: t, selected: n, expanded: r, excluded: i, deta
 		})
 	});
 }
-function te(e) {
+function ne(e) {
 	let t = e.trim();
 	return t.includes(".") ? t : `public.${t}`;
 }
 //#endregion
+//#region src/components/DiagnosticsTab.tsx
+function X() {
+	let { data: e, isLoading: t, isError: n, error: r, refetch: a, isFetching: o } = C(), s = i(() => e ? {
+		total: e.length,
+		okCount: e.filter((e) => e.ok).length,
+		notConfigured: e.filter((e) => !e.configured).length
+	} : null, [e]);
+	return /* @__PURE__ */ m("div", { children: [
+		/* @__PURE__ */ m("div", {
+			className: "d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3",
+			children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h5", {
+				className: "mb-0",
+				children: "Diagnóstico do servidor"
+			}), /* @__PURE__ */ p("span", {
+				className: "text-muted small",
+				children: "Verifica conexões de banco, storages e servidor de e-mail configurados."
+			})] }), /* @__PURE__ */ m("button", {
+				type: "button",
+				className: "btn btn-outline-secondary btn-sm",
+				onClick: () => a(),
+				disabled: o,
+				children: [
+					o && /* @__PURE__ */ p("span", {
+						className: "spinner-border spinner-border-sm me-2",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ p("i", {
+						className: "bi bi-arrow-repeat me-1",
+						"aria-hidden": !0
+					}),
+					"Executar testes novamente"
+				]
+			})]
+		}),
+		n && /* @__PURE__ */ m("div", {
+			className: "alert alert-danger",
+			children: [
+				/* @__PURE__ */ p("i", {
+					className: "bi bi-exclamation-triangle me-2",
+					"aria-hidden": !0
+				}),
+				"Não foi possível executar as checagens: ",
+				K(r)
+			]
+		}),
+		s && /* @__PURE__ */ m("div", {
+			className: "d-flex flex-wrap gap-2 mb-3",
+			children: [
+				/* @__PURE__ */ m("span", {
+					className: "badge text-bg-success",
+					children: [
+						/* @__PURE__ */ p("i", {
+							className: "bi bi-check-circle me-1",
+							"aria-hidden": !0
+						}),
+						s.okCount,
+						" OK"
+					]
+				}),
+				/* @__PURE__ */ m("span", {
+					className: "badge text-bg-warning",
+					children: [s.total - s.okCount - s.notConfigured, " com falha"]
+				}),
+				/* @__PURE__ */ m("span", {
+					className: "badge text-bg-secondary",
+					children: [s.notConfigured, " não configurado(s)"]
+				})
+			]
+		}),
+		t && !e ? /* @__PURE__ */ m("div", {
+			className: "text-center py-5 text-muted",
+			children: [/* @__PURE__ */ p("div", {
+				className: "spinner-border mb-2",
+				"aria-hidden": !0
+			}), /* @__PURE__ */ p("div", { children: "Executando checagens…" })]
+		}) : /* @__PURE__ */ p("div", {
+			className: "card",
+			children: /* @__PURE__ */ m("ul", {
+				className: "list-group list-group-flush",
+				children: [(e ?? []).map((e) => /* @__PURE__ */ p(re, { check: e }, e.name)), e && e.length === 0 && /* @__PURE__ */ p("li", {
+					className: "list-group-item text-center text-muted py-4",
+					children: "Nenhuma checagem retornada."
+				})]
+			})
+		})
+	] });
+}
+function re({ check: e }) {
+	let t = e.configured ? e.ok ? "bi-check-circle-fill text-success" : "bi-x-octagon-fill text-danger" : "bi-dash-circle text-secondary", n = e.configured ? e.ok ? "text-bg-success" : "text-bg-danger" : "text-bg-secondary", r = e.configured ? e.ok ? "OK" : "Falha" : "Não configurado";
+	return /* @__PURE__ */ m("li", {
+		className: "list-group-item d-flex align-items-start gap-3",
+		children: [/* @__PURE__ */ p("i", {
+			className: `bi ${t} fs-4 mt-1`,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ m("div", {
+			className: "flex-grow-1",
+			style: { minWidth: 0 },
+			children: [/* @__PURE__ */ m("div", {
+				className: "d-flex align-items-center flex-wrap gap-2",
+				children: [
+					/* @__PURE__ */ p("strong", { children: e.label }),
+					/* @__PURE__ */ p("span", {
+						className: "badge text-bg-light border",
+						children: e.type
+					}),
+					/* @__PURE__ */ p("span", {
+						className: `badge ${n}`,
+						children: r
+					}),
+					/* @__PURE__ */ m("small", {
+						className: "text-muted",
+						children: [e.latencyMs, " ms"]
+					})
+				]
+			}), /* @__PURE__ */ p("div", {
+				className: "small text-muted mt-1",
+				children: e.message
+			})]
+		})]
+	});
+}
+//#endregion
 //#region src/components/StorageExplorerTab.tsx
-function X({ 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",
@@ -1571,7 +1761,7 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 		} catch {}
 	}, N = async () => {
 		for (let e of v) await M(e);
-	}, P = (e) => e ? R(e) : "-";
+	}, P = (e) => e ? z(e) : "-";
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-3",
 		children: [
@@ -1701,7 +1891,7 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 							}) }),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
-								children: e.directory ? "-" : L(e.size)
+								children: e.directory ? "-" : R(e.size)
 							}),
 							/* @__PURE__ */ p("td", {
 								className: "text-muted small",
@@ -1806,8 +1996,8 @@ function X({ storageType: e = "LOCAL", storageConfig: n }) {
 }
 //#endregion
 //#region src/components/ImportDumpTab.tsx
-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 = () => {
+function Q() {
+	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 = () => {
 		i === "upload" && c ? e.mutate({ file: c }) : i === "storage" && u && t.mutate({
 			storageType: "LOCAL",
 			storagePath: u
@@ -1929,7 +2119,7 @@ function Z() {
 						maxHeight: 350,
 						overflow: "auto"
 					},
-					children: /* @__PURE__ */ p(X, {
+					children: /* @__PURE__ */ p(Z, {
 						storageType: "LOCAL",
 						storageConfig: {
 							type: "LOCAL",
@@ -1952,7 +2142,7 @@ function Z() {
 				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, {
+				}), /* @__PURE__ */ p(W, {
 					label: "Banco de destino",
 					dbInfo: n.data,
 					isLoading: n.isLoading,
@@ -1968,7 +2158,7 @@ function Z() {
 					"aria-hidden": !0
 				}),
 				"Falha na importacao: ",
-				G(y)
+				K(y)
 			]
 		}),
 		v && /* @__PURE__ */ m("div", {
@@ -2010,13 +2200,13 @@ function Z() {
 }
 //#endregion
 //#region src/hooks/useAutoTheme.ts
-function Q() {
+function $() {
 	return typeof document < "u" && document.documentElement.classList.contains("dark");
 }
-function ne(e) {
-	let [t, n] = o(Q), [i, a] = o(() => typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)")?.matches === !0);
+function ie(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(Q()));
+		let e = document.documentElement, t = new MutationObserver(() => n($()));
 		return t.observe(e, {
 			attributes: !0,
 			attributeFilter: ["class"]
@@ -2029,8 +2219,8 @@ function ne(e) {
 }
 //#endregion
 //#region src/components/MinivaultModule.tsx
-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: {
+function ae(e) {
+	let { companyAcronym: t = "Minivault", theme: n, refetchIntervalMs: r = 15e3, storageType: i = "LOCAL", ...a } = e, l = ie(n), [u] = o(() => new s({ defaultOptions: { queries: {
 		refetchInterval: r,
 		retry: 1
 	} } }));
@@ -2041,15 +2231,15 @@ function re(e) {
 			children: /* @__PURE__ */ m("div", {
 				className: "minivault-module h-full w-full overflow-auto",
 				"data-minivault-theme": l,
-				children: [/* @__PURE__ */ p(ie, {
+				children: [/* @__PURE__ */ p(oe, {
 					companyAcronym: t,
 					theme: l
-				}), /* @__PURE__ */ p(ae, { storageType: i })]
+				}), /* @__PURE__ */ p(se, { storageType: i })]
 			})
 		})
 	});
 }
-function ie({ companyAcronym: e, theme: t }) {
+function oe({ 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: {
@@ -2078,7 +2268,7 @@ function ie({ companyAcronym: e, theme: t }) {
 		})]
 	});
 }
-function ae({ storageType: e }) {
+function se({ storageType: e }) {
 	let [t, n] = o("backups");
 	return /* @__PURE__ */ m("div", {
 		className: "p-3",
@@ -2133,24 +2323,37 @@ function ae({ storageType: e }) {
 								"aria-hidden": !0
 							}), "Storage"]
 						})
+					}),
+					/* @__PURE__ */ p("li", {
+						className: "nav-item",
+						children: /* @__PURE__ */ m("button", {
+							type: "button",
+							className: `nav-link ${t === "diagnostics" ? "active" : ""}`,
+							onClick: () => n("diagnostics"),
+							children: [/* @__PURE__ */ p("i", {
+								className: "bi bi-heart-pulse me-1",
+								"aria-hidden": !0
+							}), "Diagnóstico"]
+						})
 					})
 				]
 			}),
-			t === "backups" && /* @__PURE__ */ p(K, {}),
+			t === "backups" && /* @__PURE__ */ p(q, {}),
 			t === "create" && /* @__PURE__ */ p(Y, {}),
-			t === "import" && /* @__PURE__ */ p(Z, {}),
-			t === "storage" && /* @__PURE__ */ p(X, { storageType: e })
+			t === "import" && /* @__PURE__ */ p(Q, {}),
+			t === "storage" && /* @__PURE__ */ p(Z, { storageType: e }),
+			t === "diagnostics" && /* @__PURE__ */ p(X, {})
 		]
 	});
 }
 //#endregion
 //#region src/components/CredentialsFields.tsx
-var oe = [
+var ce = [
 	"postgresql",
 	"mysql",
 	"sqlserver"
 ];
-function se() {
+function le() {
 	return {
 		host: "localhost",
 		port: 5432,
@@ -2160,19 +2363,19 @@ function se() {
 		databaseType: "postgresql"
 	};
 }
-function $(e) {
+function ue(e) {
 	return e === "postgresql" || e === "postgres" ? 5432 : e === "mysql" ? 3306 : 1433;
 }
-function ce({ value: e, onChange: t, onValidatedChange: n }) {
+function de({ value: e, onChange: t, onValidatedChange: n }) {
 	let r = {
-		...se(),
+		...le(),
 		...e
 	}, i = (e) => {
 		let n = {
 			...r,
 			databaseType: e
 		};
-		(r.port === $(r.databaseType) || !r.port) && (n.port = $(e)), t(n);
+		(r.port === ue(r.databaseType) || !r.port) && (n.port = ue(e)), t(n);
 	}, a = (e) => {
 		let i = {
 			...r,
@@ -2194,9 +2397,9 @@ function ce({ value: e, onChange: t, onValidatedChange: n }) {
 					className: "form-select",
 					value: r.databaseType,
 					onChange: (e) => i(e.target.value),
-					children: oe.map((e) => /* @__PURE__ */ p("option", {
+					children: ce.map((e) => /* @__PURE__ */ p("option", {
 						value: e,
-						children: V[e] ?? e
+						children: H[e] ?? e
 					}, e))
 				})]
 			}),
@@ -2268,4 +2471,4 @@ function ce({ value: e, onChange: t, onValidatedChange: n }) {
 	});
 }
 //#endregion
-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 };
+export { q as BackupsTab, Y as CreateBackupTab, de 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, ae as MinivaultModule, G as RestoreModal, V as STATUS_BADGE, B as STATUS_LABELS, U as StatusBadge, Z as StorageExplorerTab, z as formatDate, R 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 };

package/dist/types/minivault.d.ts

@@ -19,6 +19,15 @@ export interface VerifyResult {
     dumpReadable: boolean;
     message: string;
 }
+export interface ConnectionCheck {
+    name: string;
+    label: string;
+    type: string;
+    configured: boolean;
+    ok: boolean;
+    message: string;
+    latencyMs: number;
+}
 export interface PageResponse<T> {
     content: T[];
     page: number;

package/package.json

@@ -1,73 +1,73 @@
-{
-  "name": "@v1ct0rbr/minivault-web",
-  "version": "0.4.3",
-  "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.5.0",
+  "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"
+  }
 }