@rebasepro/studio 0.21.0 → 0.21.1

package/README.md

@@ -1,6 +1,6 @@
 # @rebasepro/studio
 
-Developer tools layer for Rebase — provides 9 lazy-loaded tools (SQL Console, JS Console, RLS Editor, Storage, Cron Jobs, Schema Visualizer, Branches, API Explorer, Logs Explorer) plus a customizable home page.
+Developer tools layer for Rebase — provides 11 lazy-loaded tools (SQL Console, JS Console, RLS Editor, Storage, Cron Jobs, Schema Visualizer, Branches, Backups, API Explorer, Logs Explorer, API Keys) plus a customizable home page.
 
 ## Installation
 
@@ -9,13 +9,13 @@ pnpm add @rebasepro/studio
 ```
 
 ESM-only: `"type": "module"` with no CommonJS build, so it is loaded with
-`import`. `require()` of it resolves only on Node 22.12+, which supports
-`require(esm)`.
+`import`. It needs Node `>=22.22.0` (its `engines` floor), where `require()`
+of it resolves too: Node has supported `require(esm)` since 22.12.
 
 ### Peer Dependencies
 
-- `react` >= 19.0.0
-- `react-dom` >= 19.0.0
+- `react` ^19.2.7
+- `react-dom` ^19.2.7
 - `react-router` ^8.3.0
 - `@rebasepro/cms` (optional)
 
@@ -34,10 +34,12 @@ ESM-only: `"type": "module"` with no CommonJS build, so it is loaded with
 | `cron` | Cron Jobs | Compute | Monitor scheduled tasks |
 | `schema-visualizer` | Schema Visualizer | Database | Interactive database ERD |
 | `branches` | Branches | Database | Create and manage database branches |
+| `backups` | Backups | Database | Download database backups |
 | `api` | API Explorer | API | Interactive API docs and testing |
 | `logs` | Logs Explorer | Database | Real-time system and query logs |
+| `api-keys` | API Keys | Access Control | Create and manage scoped API keys |
 
-All 9 tools are enabled by default. The `schema` tool (collection editor) is auto-injected by the CMS when `collectionEditor` is enabled — it is **not** registered here.
+All 11 tools are enabled by default. The `schema` tool (collection editor) is auto-injected by the CMS when `collectionEditor` is enabled — it is **not** registered here.
 
 ## Key Exports
 
@@ -48,7 +50,7 @@ All 9 tools are enabled by default. The `schema` tool (collection editor) is aut
 | `StudioBridgeProvider` | Component | Re-exported from `@rebasepro/app` |
 | `StudioBridgeContext` | Context | Re-exported from `@rebasepro/app` |
 | `useStudioCollectionRegistry` | Hook | Access the collection registry |
-| `useStudioSidePanelController` | Hook | Control the side snapshot panel |
+| `useStudioSidePanelController` | Hook | Control the side entity panel |
 | `useStudioUrlController` | Hook | URL state management |
 | `useStudioNavigationState` | Hook | Navigation state |
 | `useStudioBreadcrumbs` | Hook | Breadcrumb management |
@@ -71,7 +73,7 @@ beside them, pass an `AppView` to `<RebaseStudio devViews>`.
 ```tsx
 import { RebaseStudio } from "@rebasepro/studio";
 
-// Inside your Rebase app — enable all 9 tools (default)
+// Inside your Rebase app — enable all 11 tools (default)
 <RebaseStudio />
 
 // Or pick specific tools

package/dist/{BackupsView-D0ZDqTEn.js → BackupsView-DYTAD6aW.js}

@@ -2,7 +2,7 @@ import { t as classifyLoadFailure } from "./load-failure-C6OMJSGC.js";
 import { t as LoadFailureView } from "./load-failure-view-CBTB_h-h.js";
 import { useRebaseClient, useSnackbarController, useTranslation } from "@rebasepro/app";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { Alert, Button, Chip, CircularProgress, DatabaseIcon, DownloadIcon, IconButton, RefreshCwIcon, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
+import { Alert, Button, Chip, CircularProgress, DatabaseIcon, DownloadIcon, IconButton, RefreshCwIcon, Tooltip, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Backups/BackupsView.tsx
 function formatSize(bytes) {
@@ -18,6 +18,13 @@ function formatDate(iso) {
 	if (isNaN(d.getTime())) return "—";
 	return d.toLocaleString();
 }
+/**
+* The name the roles sidecar is saved under: the dump's, with the suffix
+* `rebase db restore` looks for beside it.
+*/
+function rolesFileName(dumpName) {
+	return dumpName.replace(/\.dump$/, "") + ".globals.sql";
+}
 function BackupsView() {
 	const client = useRebaseClient();
 	const snackbar = useSnackbarController();
@@ -55,16 +62,16 @@ function BackupsView() {
 	useEffect(() => {
 		load();
 	}, [load]);
-	const handleDownload = async (backup) => {
+	const handleDownload = async (key, fileName) => {
 		const c = clientRef.current;
 		if (!c?.backups) return;
-		setDownloading(backup.key);
+		setDownloading(key);
 		try {
-			const blob = await c.backups.download(backup.key);
+			const blob = await c.backups.download(key);
 			const url = URL.createObjectURL(blob);
 			const a = document.createElement("a");
 			a.href = url;
-			a.download = backup.name;
+			a.download = fileName;
 			document.body.appendChild(a);
 			a.click();
 			a.remove();
@@ -181,40 +188,61 @@ function BackupsView() {
 				})]
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "space-y-2 max-w-3xl",
-				children: backups.map((backup) => /* @__PURE__ */ jsxs("div", {
-					className: cls("flex items-center gap-3 px-4 py-3 rounded-lg border bg-surface-card", defaultBorderMixin),
-					children: [
-						/* @__PURE__ */ jsx(DatabaseIcon, {
-							size: iconSize.small,
-							className: "text-surface-400 shrink-0"
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ jsx(Typography, {
-								variant: "body2",
-								className: "truncate font-medium font-mono text-[12px]",
-								children: backup.name
-							}), /* @__PURE__ */ jsxs(Typography, {
-								variant: "caption",
-								color: "secondary",
-								className: "text-[11px]",
-								children: [
-									formatDate(backup.createdAt),
-									" · ",
-									formatSize(backup.sizeBytes)
-								]
-							})]
-						}),
-						/* @__PURE__ */ jsx(Button, {
-							size: "small",
-							variant: "outlined",
-							onClick: () => handleDownload(backup),
-							disabled: downloading === backup.key,
-							startIcon: downloading === backup.key ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(DownloadIcon, { size: iconSize.smallest }),
-							children: downloading === backup.key ? t("studio_backups_downloading") : t("download")
-						})
-					]
-				}, backup.key))
+				children: backups.map((backup) => {
+					const globalsKey = backup.globalsKey;
+					return /* @__PURE__ */ jsxs("div", {
+						className: cls("flex items-center gap-3 px-4 py-3 rounded-lg border bg-surface-card", defaultBorderMixin),
+						children: [
+							/* @__PURE__ */ jsx(DatabaseIcon, {
+								size: iconSize.small,
+								className: "text-surface-400 shrink-0"
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ jsx(Typography, {
+									variant: "body2",
+									className: "truncate font-medium font-mono text-[12px]",
+									children: backup.name
+								}), /* @__PURE__ */ jsxs(Typography, {
+									variant: "caption",
+									color: "secondary",
+									className: "text-[11px]",
+									children: [
+										formatDate(backup.createdAt),
+										" · ",
+										formatSize(backup.sizeBytes)
+									]
+								})]
+							}),
+							globalsKey ? /* @__PURE__ */ jsx(Tooltip, {
+								title: t("studio_backups_roles_file_hint"),
+								children: /* @__PURE__ */ jsx(Button, {
+									size: "small",
+									variant: "text",
+									onClick: () => handleDownload(globalsKey, rolesFileName(backup.name)),
+									disabled: downloading === globalsKey,
+									startIcon: downloading === globalsKey ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(DownloadIcon, { size: iconSize.smallest }),
+									children: downloading === globalsKey ? t("studio_backups_downloading") : t("studio_backups_roles_file")
+								})
+							}) : /* @__PURE__ */ jsx(Tooltip, {
+								title: t("studio_backups_no_roles_file_hint"),
+								children: /* @__PURE__ */ jsx(Chip, {
+									size: "smallest",
+									colorScheme: "orangeDarker",
+									children: t("studio_backups_no_roles_file")
+								})
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "small",
+								variant: "outlined",
+								onClick: () => handleDownload(backup.key, backup.name),
+								disabled: downloading === backup.key,
+								startIcon: downloading === backup.key ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(DownloadIcon, { size: iconSize.smallest }),
+								children: downloading === backup.key ? t("studio_backups_downloading") : t("download")
+							})
+						]
+					}, backup.key);
+				})
 			})
 		})]
 	});
@@ -222,4 +250,4 @@ function BackupsView() {
 //#endregion
 export { BackupsView };
 
-//# sourceMappingURL=BackupsView-D0ZDqTEn.js.map
+//# sourceMappingURL=BackupsView-DYTAD6aW.js.map

package/dist/BackupsView-DYTAD6aW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackupsView-DYTAD6aW.js","names":[],"sources":["../src/components/Backups/BackupsView.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    DatabaseIcon,\n    defaultBorderMixin,\n    DownloadIcon,\n    iconSize,\n    IconButton,\n    RefreshCwIcon,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseClient, useSnackbarController, useTranslation } from \"@rebasepro/app\";\nimport type { BackupInfo, RebaseClient } from \"@rebasepro/types\";\n\nimport { classifyLoadFailure, type LoadFailure } from \"../load-failure\";\nimport { LoadFailureView } from \"../load-failure-view\";\n\nfunction formatSize(bytes: number | undefined): string {\n    if (bytes === undefined || bytes === null) return \"—\";\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nfunction formatDate(iso: string | undefined): string {\n    if (!iso) return \"—\";\n    const d = new Date(iso);\n    if (isNaN(d.getTime())) return \"—\";\n    return d.toLocaleString();\n}\n\n/**\n * The name the roles sidecar is saved under: the dump's, with the suffix\n * `rebase db restore` looks for beside it.\n */\nfunction rolesFileName(dumpName: string): string {\n    return dumpName.replace(/\\.dump$/, \"\") + \".globals.sql\";\n}\n\nexport function BackupsView() {\n    const client = useRebaseClient<RebaseClient>();\n    const snackbar = useSnackbarController();\n    const { t } = useTranslation();\n\n    const [backups, setBackups] = useState<BackupInfo[]>([]);\n    const [destinationKind, setDestinationKind] = useState<string>(\"local\");\n    const [configured, setConfigured] = useState(true);\n    const [loading, setLoading] = useState(true);\n    const [downloading, setDownloading] = useState<string | null>(null);\n    /** Why the listing failed, classified — see `load-failure.ts`. */\n    const [failure, setFailure] = useState<LoadFailure | null>(null);\n\n    const clientRef = useRef(client);\n    clientRef.current = client;\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    const load = useCallback(async () => {\n        const c = clientRef.current;\n        if (!c?.backups) {\n            setLoading(false);\n            setConfigured(false);\n            return;\n        }\n        setFailure(null);\n        try {\n            const res = await c.backups.list();\n            setBackups(res.backups);\n            setDestinationKind(res.destinationKind);\n            setConfigured(res.configured);\n        } catch (e: unknown) {\n            // The snackbar is gone in seconds, and the list underneath it is\n            // empty — which is how a refused listing came to read \"No backups\n            // found yet\" about a database that has backups. Keep the reason on\n            // screen instead.\n            setFailure(classifyLoadFailure(e));\n        } finally {\n            setLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        load();\n    }, [load]);\n\n    const handleDownload = async (key: string, fileName: string) => {\n        const c = clientRef.current;\n        if (!c?.backups) return;\n        setDownloading(key);\n        try {\n            const blob = await c.backups.download(key);\n            const url = URL.createObjectURL(blob);\n            const a = document.createElement(\"a\");\n            a.href = url;\n            a.download = fileName;\n            document.body.appendChild(a);\n            a.click();\n            a.remove();\n            URL.revokeObjectURL(url);\n        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        } finally {\n            setDownloading(null);\n        }\n    };\n\n    // Backups API not available on this client (e.g. non-Postgres backend).\n    if (!client?.backups) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center p-8\">\n                <DatabaseIcon size={iconSize.large} className=\"text-surface-300 dark:text-surface-600\"/>\n                <Typography variant=\"h6\" color=\"secondary\">Backups Not Available</Typography>\n                <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                    The backups API is not exposed by this backend.\n                </Typography>\n            </div>\n        );\n    }\n\n    if (loading) {\n        return (\n            <div className=\"flex items-center justify-center h-full\">\n                <CircularProgress/>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col h-full w-full overflow-hidden bg-surface-card\">\n            {/* Header */}\n            <div className={cls(\"flex items-center justify-between px-5 py-2.5 border-b bg-surface-sheet min-h-[48px]\", defaultBorderMixin)}>\n                <div className=\"flex items-center gap-2\">\n                    <DatabaseIcon size={iconSize.small} className=\"text-primary\"/>\n                    <Typography variant=\"subtitle2\" className=\"font-semibold\">{t(\"studio_tool_backups\")}</Typography>\n                    <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-600 dark:text-surface-300\">{backups.length}</Chip>\n                    <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-500 dark:text-surface-400 uppercase font-mono text-[10px]\">{destinationKind}</Chip>\n                </div>\n                <IconButton size=\"small\" onClick={load} title=\"Refresh\">\n                    <RefreshCwIcon size={iconSize.smallest}/>\n                </IconButton>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto p-5\">\n                {failure ? (\n                    <LoadFailureView\n                        failure={failure}\n                        title={t(\"studio_backups_read_failed\")}\n                        deniedTitle={t(\"studio_backups_denied_title\")}\n                        deniedHint={t(\"studio_backups_denied_hint\")}\n                        onRetry={load}\n                    />\n                ) : !configured ? (\n                    <Alert color=\"info\">\n                        <Typography variant=\"body2\" className=\"text-[13px]\">\n                            <strong>{t(\"studio_backups_not_configured_title\")}</strong>{\" \"}\n                            {t(\"studio_backups_not_configured_body\")}{\" \"}\n                            <a\n                                href=\"https://rebase.pro/docs/backend/jobs\"\n                                target=\"_blank\"\n                                rel=\"noreferrer\"\n                                className=\"text-primary underline\"\n                            >\n                                {t(\"studio_read_the_docs\")}\n                            </a>\n                        </Typography>\n                    </Alert>\n                ) : backups.length === 0 ? (\n                    <div className=\"flex flex-col items-center justify-center h-full gap-3 text-center\">\n                        <DatabaseIcon size={iconSize.large} className=\"text-surface-200 dark:text-surface-700\"/>\n                        <Typography variant=\"body2\" color=\"disabled\">\n                            No backups found yet. Run <code className=\"font-mono text-[12px]\">rebase db backup</code> or wait for the next scheduled run.\n                        </Typography>\n                    </div>\n                ) : (\n                    <div className=\"space-y-2 max-w-3xl\">\n                        {backups.map(backup => {\n                            // The roles sidecar travels with the dump: a restore\n                            // into a new Postgres needs both files.\n                            const globalsKey = backup.globalsKey;\n                            return (\n                                <div\n                                    key={backup.key}\n                                    className={cls(\"flex items-center gap-3 px-4 py-3 rounded-lg border bg-surface-card\", defaultBorderMixin)}\n                                >\n                                    <DatabaseIcon size={iconSize.small} className=\"text-surface-400 shrink-0\"/>\n                                    <div className=\"flex-1 min-w-0\">\n                                        <Typography variant=\"body2\" className=\"truncate font-medium font-mono text-[12px]\">{backup.name}</Typography>\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"text-[11px]\">\n                                            {formatDate(backup.createdAt)} · {formatSize(backup.sizeBytes)}\n                                        </Typography>\n                                    </div>\n                                    {globalsKey ? (\n                                        <Tooltip title={t(\"studio_backups_roles_file_hint\")}>\n                                            <Button\n                                                size=\"small\"\n                                                variant=\"text\"\n                                                onClick={() => handleDownload(globalsKey, rolesFileName(backup.name))}\n                                                disabled={downloading === globalsKey}\n                                                startIcon={downloading === globalsKey\n                                                    ? <CircularProgress size=\"smallest\"/>\n                                                    : <DownloadIcon size={iconSize.smallest}/>}\n                                            >\n                                                {downloading === globalsKey ? t(\"studio_backups_downloading\") : t(\"studio_backups_roles_file\")}\n                                            </Button>\n                                        </Tooltip>\n                                    ) : (\n                                        <Tooltip title={t(\"studio_backups_no_roles_file_hint\")}>\n                                            <Chip size=\"smallest\" colorScheme=\"orangeDarker\">{t(\"studio_backups_no_roles_file\")}</Chip>\n                                        </Tooltip>\n                                    )}\n                                    <Button\n                                        size=\"small\"\n                                        variant=\"outlined\"\n                                        onClick={() => handleDownload(backup.key, backup.name)}\n                                        disabled={downloading === backup.key}\n                                        startIcon={downloading === backup.key\n                                            ? <CircularProgress size=\"smallest\"/>\n                                            : <DownloadIcon size={iconSize.smallest}/>}\n                                    >\n                                        {downloading === backup.key ? t(\"studio_backups_downloading\") : t(\"download\")}\n                                    </Button>\n                                </div>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/index.es.js

@@ -557,7 +557,7 @@ var StorageView = lazyChunk(() => import("./StorageView-C52dSZNf.js").then((m) =
 var CronJobsView = lazyChunk(() => import("./CronJobsView-JwRjQCde.js").then((m) => ({ default: m.CronJobsView })));
 var SchemaVisualizer = lazyChunk(() => import("./SchemaVisualizer-DtDzIUNy.js").then((m) => ({ default: m.SchemaVisualizer })));
 var BranchesView = lazyChunk(() => import("./BranchesView-D6Sz1a5f.js").then((m) => ({ default: m.BranchesView })));
-var BackupsView = lazyChunk(() => import("./BackupsView-D0ZDqTEn.js").then((m) => ({ default: m.BackupsView })));
+var BackupsView = lazyChunk(() => import("./BackupsView-DYTAD6aW.js").then((m) => ({ default: m.BackupsView })));
 var ApiExplorer = lazyChunk(() => import("./ApiExplorer-D-jLWAaY.js").then((m) => ({ default: m.ApiExplorer })));
 var LogsExplorer = lazyChunk(() => import("./LogsExplorer-Xq8K4oo6.js").then((m) => ({ default: m.LogsExplorer })));
 var ApiKeysView = lazyChunk(() => import("./ApiKeysView-OfJLH2x7.js").then((m) => ({ default: m.ApiKeysView })));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rebasepro/studio",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "Rebase Studio — the SQL editor, schema visualiser, RLS policy editor and API explorer.",
   "keywords": [
     "rebase",
@@ -35,19 +35,19 @@
     "pgsql-ast-parser": "12.0.2",
     "prism-react-renderer": "^2.4.1",
     "react-dropzone": "^19.1.1",
-    "@rebasepro/cms-types": "0.21.0",
-    "@rebasepro/app": "0.21.0",
-    "@rebasepro/client": "0.21.0",
-    "@rebasepro/common": "0.21.0",
-    "@rebasepro/types": "0.21.0",
-    "@rebasepro/utils": "0.21.0",
-    "@rebasepro/ui": "0.21.0"
+    "@rebasepro/cms-types": "0.21.1",
+    "@rebasepro/app": "0.21.1",
+    "@rebasepro/client": "0.21.1",
+    "@rebasepro/common": "0.21.1",
+    "@rebasepro/ui": "0.21.1",
+    "@rebasepro/types": "0.21.1",
+    "@rebasepro/utils": "0.21.1"
   },
   "peerDependencies": {
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-router": "^8.3.0",
-    "@rebasepro/cms": "0.21.0"
+    "@rebasepro/cms": "0.21.1"
   },
   "peerDependenciesMeta": {
     "@rebasepro/cms": {

package/dist/BackupsView-D0ZDqTEn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackupsView-D0ZDqTEn.js","names":[],"sources":["../src/components/Backups/BackupsView.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    DatabaseIcon,\n    defaultBorderMixin,\n    DownloadIcon,\n    iconSize,\n    IconButton,\n    RefreshCwIcon,\n    Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseClient, useSnackbarController, useTranslation } from \"@rebasepro/app\";\nimport type { BackupInfo, RebaseClient } from \"@rebasepro/types\";\n\nimport { classifyLoadFailure, type LoadFailure } from \"../load-failure\";\nimport { LoadFailureView } from \"../load-failure-view\";\n\nfunction formatSize(bytes: number | undefined): string {\n    if (bytes === undefined || bytes === null) return \"—\";\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nfunction formatDate(iso: string | undefined): string {\n    if (!iso) return \"—\";\n    const d = new Date(iso);\n    if (isNaN(d.getTime())) return \"—\";\n    return d.toLocaleString();\n}\n\nexport function BackupsView() {\n    const client = useRebaseClient<RebaseClient>();\n    const snackbar = useSnackbarController();\n    const { t } = useTranslation();\n\n    const [backups, setBackups] = useState<BackupInfo[]>([]);\n    const [destinationKind, setDestinationKind] = useState<string>(\"local\");\n    const [configured, setConfigured] = useState(true);\n    const [loading, setLoading] = useState(true);\n    const [downloading, setDownloading] = useState<string | null>(null);\n    /** Why the listing failed, classified — see `load-failure.ts`. */\n    const [failure, setFailure] = useState<LoadFailure | null>(null);\n\n    const clientRef = useRef(client);\n    clientRef.current = client;\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    const load = useCallback(async () => {\n        const c = clientRef.current;\n        if (!c?.backups) {\n            setLoading(false);\n            setConfigured(false);\n            return;\n        }\n        setFailure(null);\n        try {\n            const res = await c.backups.list();\n            setBackups(res.backups);\n            setDestinationKind(res.destinationKind);\n            setConfigured(res.configured);\n        } catch (e: unknown) {\n            // The snackbar is gone in seconds, and the list underneath it is\n            // empty — which is how a refused listing came to read \"No backups\n            // found yet\" about a database that has backups. Keep the reason on\n            // screen instead.\n            setFailure(classifyLoadFailure(e));\n        } finally {\n            setLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        load();\n    }, [load]);\n\n    const handleDownload = async (backup: BackupInfo) => {\n        const c = clientRef.current;\n        if (!c?.backups) return;\n        setDownloading(backup.key);\n        try {\n            const blob = await c.backups.download(backup.key);\n            const url = URL.createObjectURL(blob);\n            const a = document.createElement(\"a\");\n            a.href = url;\n            a.download = backup.name;\n            document.body.appendChild(a);\n            a.click();\n            a.remove();\n            URL.revokeObjectURL(url);\n        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        } finally {\n            setDownloading(null);\n        }\n    };\n\n    // Backups API not available on this client (e.g. non-Postgres backend).\n    if (!client?.backups) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center p-8\">\n                <DatabaseIcon size={iconSize.large} className=\"text-surface-300 dark:text-surface-600\"/>\n                <Typography variant=\"h6\" color=\"secondary\">Backups Not Available</Typography>\n                <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                    The backups API is not exposed by this backend.\n                </Typography>\n            </div>\n        );\n    }\n\n    if (loading) {\n        return (\n            <div className=\"flex items-center justify-center h-full\">\n                <CircularProgress/>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col h-full w-full overflow-hidden bg-surface-card\">\n            {/* Header */}\n            <div className={cls(\"flex items-center justify-between px-5 py-2.5 border-b bg-surface-sheet min-h-[48px]\", defaultBorderMixin)}>\n                <div className=\"flex items-center gap-2\">\n                    <DatabaseIcon size={iconSize.small} className=\"text-primary\"/>\n                    <Typography variant=\"subtitle2\" className=\"font-semibold\">{t(\"studio_tool_backups\")}</Typography>\n                    <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-600 dark:text-surface-300\">{backups.length}</Chip>\n                    <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-500 dark:text-surface-400 uppercase font-mono text-[10px]\">{destinationKind}</Chip>\n                </div>\n                <IconButton size=\"small\" onClick={load} title=\"Refresh\">\n                    <RefreshCwIcon size={iconSize.smallest}/>\n                </IconButton>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto p-5\">\n                {failure ? (\n                    <LoadFailureView\n                        failure={failure}\n                        title={t(\"studio_backups_read_failed\")}\n                        deniedTitle={t(\"studio_backups_denied_title\")}\n                        deniedHint={t(\"studio_backups_denied_hint\")}\n                        onRetry={load}\n                    />\n                ) : !configured ? (\n                    <Alert color=\"info\">\n                        <Typography variant=\"body2\" className=\"text-[13px]\">\n                            <strong>{t(\"studio_backups_not_configured_title\")}</strong>{\" \"}\n                            {t(\"studio_backups_not_configured_body\")}{\" \"}\n                            <a\n                                href=\"https://rebase.pro/docs/backend/jobs\"\n                                target=\"_blank\"\n                                rel=\"noreferrer\"\n                                className=\"text-primary underline\"\n                            >\n                                {t(\"studio_read_the_docs\")}\n                            </a>\n                        </Typography>\n                    </Alert>\n                ) : backups.length === 0 ? (\n                    <div className=\"flex flex-col items-center justify-center h-full gap-3 text-center\">\n                        <DatabaseIcon size={iconSize.large} className=\"text-surface-200 dark:text-surface-700\"/>\n                        <Typography variant=\"body2\" color=\"disabled\">\n                            No backups found yet. Run <code className=\"font-mono text-[12px]\">rebase db backup</code> or wait for the next scheduled run.\n                        </Typography>\n                    </div>\n                ) : (\n                    <div className=\"space-y-2 max-w-3xl\">\n                        {backups.map(backup => (\n                            <div\n                                key={backup.key}\n                                className={cls(\"flex items-center gap-3 px-4 py-3 rounded-lg border bg-surface-card\", defaultBorderMixin)}\n                            >\n                                <DatabaseIcon size={iconSize.small} className=\"text-surface-400 shrink-0\"/>\n                                <div className=\"flex-1 min-w-0\">\n                                    <Typography variant=\"body2\" className=\"truncate font-medium font-mono text-[12px]\">{backup.name}</Typography>\n                                    <Typography variant=\"caption\" color=\"secondary\" className=\"text-[11px]\">\n                                        {formatDate(backup.createdAt)} · {formatSize(backup.sizeBytes)}\n                                    </Typography>\n                                </div>\n                                <Button\n                                    size=\"small\"\n                                    variant=\"outlined\"\n                                    onClick={() => handleDownload(backup)}\n                                    disabled={downloading === backup.key}\n                                    startIcon={downloading === backup.key\n                                        ? <CircularProgress size=\"smallest\"/>\n                                        : <DownloadIcon size={iconSize.smallest}/>}\n                                >\n                                    {downloading === backup.key ? t(\"studio_backups_downloading\") : t(\"download\")}\n                                </Button>\n                            </div>\n                        ))}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}