@rebasepro/studio 0.17.3 → 0.18.1

package/dist/{BackupsView-DNS6LdVg.js → BackupsView-DVkKzaPR.js}

@@ -1,4 +1,6 @@
-import { useRebaseClient, useSnackbarController } from "@rebasepro/app";
+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 { jsx, jsxs } from "react/jsx-runtime";
@@ -19,11 +21,14 @@ function formatDate(iso) {
 function BackupsView() {
 	const client = useRebaseClient();
 	const snackbar = useSnackbarController();
+	const { t } = useTranslation();
 	const [backups, setBackups] = useState([]);
 	const [destinationKind, setDestinationKind] = useState("local");
 	const [configured, setConfigured] = useState(true);
 	const [loading, setLoading] = useState(true);
 	const [downloading, setDownloading] = useState(null);
+	/** Why the listing failed, classified — see `load-failure.ts`. */
+	const [failure, setFailure] = useState(null);
 	const clientRef = useRef(client);
 	clientRef.current = client;
 	const snackbarRef = useRef(snackbar);
@@ -35,16 +40,14 @@ function BackupsView() {
 			setConfigured(false);
 			return;
 		}
+		setFailure(null);
 		try {
 			const res = await c.backups.list();
 			setBackups(res.backups);
 			setDestinationKind(res.destinationKind);
 			setConfigured(res.configured);
 		} catch (e) {
-			snackbarRef.current.open({
-				type: "error",
-				message: e instanceof Error ? e.message : String(e)
-			});
+			setFailure(classifyLoadFailure(e));
 		} finally {
 			setLoading(false);
 		}
@@ -113,7 +116,7 @@ function BackupsView() {
 					/* @__PURE__ */ jsx(Typography, {
 						variant: "subtitle2",
 						className: "font-semibold",
-						children: "Backups"
+						children: t("studio_tool_backups")
 					}),
 					/* @__PURE__ */ jsx(Chip, {
 						size: "smallest",
@@ -134,34 +137,29 @@ function BackupsView() {
 			})]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-y-auto p-5",
-			children: !configured ? /* @__PURE__ */ jsx(Alert, {
+			children: failure ? /* @__PURE__ */ jsx(LoadFailureView, {
+				failure,
+				title: t("studio_backups_read_failed"),
+				deniedTitle: t("studio_backups_denied_title"),
+				deniedHint: t("studio_backups_denied_hint"),
+				onRetry: load
+			}) : !configured ? /* @__PURE__ */ jsx(Alert, {
 				color: "info",
 				children: /* @__PURE__ */ jsxs(Typography, {
 					variant: "body2",
 					className: "text-[13px]",
 					children: [
-						/* @__PURE__ */ jsx("strong", { children: "Backups are not configured." }),
-						" Set",
-						/* @__PURE__ */ jsx("code", {
-							className: "mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]",
-							children: "BACKUP_DESTINATION"
-						}),
-						"(a local path or an ",
-						/* @__PURE__ */ jsx("code", {
-							className: "font-mono text-[12px]",
-							children: "s3://"
-						}),
-						" / ",
-						/* @__PURE__ */ jsx("code", {
-							className: "font-mono text-[12px]",
-							children: "gs://"
-						}),
-						" URL) and create backups with",
-						/* @__PURE__ */ jsx("code", {
-							className: "mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]",
-							children: "rebase db backup"
-						}),
-						"or a scheduled cron. See docs/backups.md."
+						/* @__PURE__ */ jsx("strong", { children: t("studio_backups_not_configured_title") }),
+						" ",
+						t("studio_backups_not_configured_body"),
+						" ",
+						/* @__PURE__ */ jsx("a", {
+							href: "https://rebase.pro/docs/backend/jobs",
+							target: "_blank",
+							rel: "noreferrer",
+							className: "text-primary underline",
+							children: t("studio_read_the_docs")
+						})
 					]
 				})
 			}) : backups.length === 0 ? /* @__PURE__ */ jsxs("div", {
@@ -213,7 +211,7 @@ function BackupsView() {
 							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 ? "Downloading…" : "Download"
+							children: downloading === backup.key ? t("studio_backups_downloading") : t("download")
 						})
 					]
 				}, backup.key))
@@ -224,4 +222,4 @@ function BackupsView() {
 //#endregion
 export { BackupsView };
 
-//# sourceMappingURL=BackupsView-DNS6LdVg.js.map
+//# sourceMappingURL=BackupsView-DVkKzaPR.js.map

package/dist/BackupsView-DVkKzaPR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackupsView-DVkKzaPR.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-white dark:bg-surface-950\">\n            {/* Header */}\n            <div className={cls(\"flex items-center justify-between px-5 py-2.5 border-b bg-surface-50 dark:bg-surface-900 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-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300\">{backups.length}</Chip>\n                    <Chip size=\"smallest\" className=\"bg-surface-100 dark:bg-surface-800 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-white dark:bg-surface-900\", 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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"}

package/dist/{BranchesView-CM3B-ER3.js → BranchesView-Df8hQ8wE.js}

@@ -1,10 +1,22 @@
-import { ConfirmationDialog, useRebaseContext, useSnackbarController } from "@rebasepro/app";
+import { t as classifyLoadFailure } from "./load-failure-C6OMJSGC.js";
+import { t as LoadFailureView } from "./load-failure-view-CBTB_h-h.js";
+import { ConfirmationDialog, useRebaseContext, useSnackbarController, useTranslation } from "@rebasepro/app";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Alert, Button, Chip, CircularProgress, CopyIcon, Dialog, DialogActions, DialogContent, DialogTitle, GitBranchIcon, IconButton, PlusIcon, RefreshCwIcon, Select, SelectItem, TextField, Trash2Icon, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isBranchAdmin } from "@rebasepro/types";
 import { formatRelativeTime } from "@rebasepro/utils";
 //#region src/components/Branches/BranchesView.tsx
+/**
+* The prefix the driver puts on every branch database.
+*
+* Stated here rather than derived from the row, because `BranchInfo` carries
+* the *name* a person typed and not the database it became — and the detail
+* pane used to print the name under "Database:", which is a connection string
+* to nothing. Kept in step with `BranchService.BRANCH_DB_PREFIX` and the CLI's
+* `branch-pointer.ts`, which say the same thing for the same reason.
+*/
+var BRANCH_DB_PREFIX = "rb_";
 function formatSize(bytes) {
 	if (bytes === void 0 || bytes === null) return "—";
 	if (bytes < 1024) return `${bytes} B`;
@@ -21,6 +33,7 @@ function formatRelative(date) {
 function BranchesView() {
 	const { databaseAdmin } = useRebaseContext();
 	const snackbar = useSnackbarController();
+	const { t } = useTranslation();
 	const [branches, setBranches] = useState([]);
 	const [loading, setLoading] = useState(true);
 	const [selectedBranch, setSelectedBranch] = useState(null);
@@ -28,8 +41,20 @@ function BranchesView() {
 	const [newBranchName, setNewBranchName] = useState("");
 	const [sourceBranch, setSourceBranch] = useState(void 0);
 	const [creating, setCreating] = useState(false);
+	/**
+	* Why the last create attempt was refused, kept on screen.
+	*
+	* The server refuses branching outright on the managed development
+	* database — PGlite serves one database, so the "branch" would be the
+	* parent. That refusal is the whole answer to what the reader just tried to
+	* do, and a snackbar is gone in four seconds; the same argument
+	* `load-failure.ts` makes for listings.
+	*/
+	const [createError, setCreateError] = useState(null);
 	const [deleteTarget, setDeleteTarget] = useState(null);
 	const [deleting, setDeleting] = useState(false);
+	/** Why the branch listing failed, classified — see `load-failure.ts`. */
+	const [failure, setFailure] = useState(null);
 	const snackbarRef = useRef(snackbar);
 	snackbarRef.current = snackbar;
 	const branchAdmin = isBranchAdmin(databaseAdmin) ? databaseAdmin : void 0;
@@ -41,11 +66,9 @@ function BranchesView() {
 		try {
 			const result = await branchAdmin.listBranches();
 			setBranches(result);
+			setFailure(null);
 		} catch (e) {
-			snackbarRef.current.open({
-				type: "error",
-				message: e instanceof Error ? e.message : String(e)
-			});
+			setFailure(classifyLoadFailure(e));
 		} finally {
 			setLoading(false);
 		}
@@ -56,6 +79,7 @@ function BranchesView() {
 	const handleCreate = async () => {
 		if (!branchAdmin || !newBranchName.trim()) return;
 		setCreating(true);
+		setCreateError(null);
 		try {
 			await branchAdmin.createBranch(newBranchName.trim(), sourceBranch ? { source: sourceBranch } : void 0);
 			snackbarRef.current.open({
@@ -67,9 +91,11 @@ function BranchesView() {
 			setSourceBranch(void 0);
 			await loadBranches();
 		} catch (e) {
+			const message = e instanceof Error ? e.message : String(e);
+			setCreateError(message);
 			snackbarRef.current.open({
 				type: "error",
-				message: e instanceof Error ? e.message : String(e)
+				message
 			});
 		} finally {
 			setCreating(false);
@@ -106,20 +132,20 @@ function BranchesView() {
 			/* @__PURE__ */ jsx(Typography, {
 				variant: "h6",
 				color: "secondary",
-				children: "Database Branching Not Available"
+				children: t("studio_branches_unavailable_title")
 			}),
-			/* @__PURE__ */ jsxs(Typography, {
+			/* @__PURE__ */ jsx(Typography, {
 				variant: "body2",
 				color: "disabled",
 				className: "max-w-md",
-				children: [
-					"Branching requires a PostgreSQL backend with an admin connection configured. Set ",
-					/* @__PURE__ */ jsx("code", {
-						className: "text-xs bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded font-mono",
-						children: "adminConnectionString"
-					}),
-					" in your server configuration."
-				]
+				children: t("studio_branches_unavailable_body")
+			}),
+			/* @__PURE__ */ jsx("a", {
+				href: "https://rebase.pro/docs/backend/branching",
+				target: "_blank",
+				rel: "noreferrer",
+				className: "text-primary text-sm underline",
+				children: t("studio_read_the_docs")
 			})
 		]
 	});
@@ -145,7 +171,7 @@ function BranchesView() {
 							/* @__PURE__ */ jsx(Typography, {
 								variant: "subtitle2",
 								className: "font-semibold",
-								children: "Branches"
+								children: t("studio_tool_branches")
 							}),
 							/* @__PURE__ */ jsx(Chip, {
 								size: "smallest",
@@ -170,7 +196,13 @@ function BranchesView() {
 					})]
 				}), /* @__PURE__ */ jsx("div", {
 					className: "flex-1 overflow-y-auto p-2 space-y-1",
-					children: branches.length === 0 ? /* @__PURE__ */ jsxs("div", {
+					children: failure ? /* @__PURE__ */ jsx(LoadFailureView, {
+						failure,
+						title: t("studio_branches_read_failed"),
+						deniedTitle: t("studio_branches_denied_title"),
+						deniedHint: t("studio_branches_denied_hint"),
+						onRetry: loadBranches
+					}) : branches.length === 0 ? /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col items-center justify-center h-full gap-3 text-center px-4",
 						children: [
 							/* @__PURE__ */ jsx(CopyIcon, {
@@ -304,12 +336,17 @@ function BranchesView() {
 								className: "text-[13px]",
 								children: [
 									/* @__PURE__ */ jsx("strong", { children: "How to use this branch:" }),
-									" Switch your application's database connection to",
+									" point this checkout at it with",
+									/* @__PURE__ */ jsxs("code", {
+										className: "mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]",
+										children: ["rebase db branch switch ", selected.name]
+									}),
+									"— every later command uses it, and",
 									/* @__PURE__ */ jsx("code", {
 										className: "mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]",
-										children: selected.name
+										children: "rebase db branch switch --off"
 									}),
-									"to work with an isolated copy of your data. Changes made to this branch won't affect your main database."
+									"goes back to the main database. Changes made here don't affect it."
 								]
 							})
 						}), /* @__PURE__ */ jsxs("div", {
@@ -331,7 +368,20 @@ function BranchesView() {
 										}), /* @__PURE__ */ jsx(Typography, {
 											variant: "body2",
 											className: "font-mono text-[12px]",
-											children: selected.name
+											children: `${BRANCH_DB_PREFIX}${selected.name}`
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ jsx(Typography, {
+											variant: "caption",
+											color: "secondary",
+											className: "w-24 shrink-0 text-[11px]",
+											children: "Connect with:"
+										}), /* @__PURE__ */ jsx(Typography, {
+											variant: "body2",
+											className: "font-mono text-[12px] break-all",
+											children: `DATABASE_URL=…/${BRANCH_DB_PREFIX}${selected.name}`
 										})]
 									}),
 									/* @__PURE__ */ jsxs("div", {
@@ -368,7 +418,10 @@ function BranchesView() {
 			}),
 			/* @__PURE__ */ jsxs(Dialog, {
 				open: createOpen,
-				onOpenChange: setCreateOpen,
+				onOpenChange: (open) => {
+					setCreateOpen(open);
+					if (!open) setCreateError(null);
+				},
 				children: [
 					/* @__PURE__ */ jsx(DialogTitle, { children: "Create New Branch" }),
 					/* @__PURE__ */ jsxs(DialogContent, {
@@ -380,6 +433,14 @@ function BranchesView() {
 								className: "text-[13px]",
 								children: "Create an isolated database copy. The branch will be a full clone of the source database at this point in time."
 							}),
+							createError && /* @__PURE__ */ jsx(Alert, {
+								color: "error",
+								children: /* @__PURE__ */ jsx(Typography, {
+									variant: "body2",
+									className: "text-[13px]",
+									children: createError
+								})
+							}),
 							/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(TextField, {
 								label: "Branch Name",
 								value: newBranchName,
@@ -454,4 +515,4 @@ function StatCard({ label, value, mono }) {
 //#endregion
 export { BranchesView };
 
-//# sourceMappingURL=BranchesView-CM3B-ER3.js.map
+//# sourceMappingURL=BranchesView-Df8hQ8wE.js.map

package/dist/BranchesView-Df8hQ8wE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchesView-Df8hQ8wE.js","names":[],"sources":["../src/components/Branches/BranchesView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    CopyIcon,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    GitBranchIcon,\n    IconButton,\n    iconSize,\n    Paper,\n    PlusIcon,\n    RefreshCwIcon,\n    Select,\n    SelectItem,\n    TextField,\n    Trash2Icon,\n    Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseContext, useSnackbarController, ConfirmationDialog, useTranslation } from \"@rebasepro/app\";\nimport { isBranchAdmin } from \"@rebasepro/types\";\nimport type { BranchInfo } from \"@rebasepro/types\";\nimport { formatRelativeTime } from \"@rebasepro/utils\";\n\nimport { classifyLoadFailure, type LoadFailure } from \"../load-failure\";\n\n/**\n * The prefix the driver puts on every branch database.\n *\n * Stated here rather than derived from the row, because `BranchInfo` carries\n * the *name* a person typed and not the database it became — and the detail\n * pane used to print the name under \"Database:\", which is a connection string\n * to nothing. Kept in step with `BranchService.BRANCH_DB_PREFIX` and the CLI's\n * `branch-pointer.ts`, which say the same thing for the same reason.\n */\nconst BRANCH_DB_PREFIX = \"rb_\";\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 formatRelative(date: Date | string | undefined): string {\n    if (!date) return \"—\";\n    const d = date instanceof Date ? date : new Date(date);\n    if (isNaN(d.getTime())) return \"—\";\n    return formatRelativeTime(d) ?? d.toLocaleDateString();\n}\n\nexport function BranchesView() {\n    const { databaseAdmin } = useRebaseContext();\n    const snackbar = useSnackbarController();\n    const { t } = useTranslation();\n\n    const [branches, setBranches] = useState<BranchInfo[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [selectedBranch, setSelectedBranch] = useState<string | null>(null);\n\n    // Create dialog\n    const [createOpen, setCreateOpen] = useState(false);\n    const [newBranchName, setNewBranchName] = useState(\"\");\n    const [sourceBranch, setSourceBranch] = useState<string | undefined>(undefined);\n    const [creating, setCreating] = useState(false);\n    /**\n     * Why the last create attempt was refused, kept on screen.\n     *\n     * The server refuses branching outright on the managed development\n     * database — PGlite serves one database, so the \"branch\" would be the\n     * parent. That refusal is the whole answer to what the reader just tried to\n     * do, and a snackbar is gone in four seconds; the same argument\n     * `load-failure.ts` makes for listings.\n     */\n    const [createError, setCreateError] = useState<string | null>(null);\n\n    // Delete confirm\n    const [deleteTarget, setDeleteTarget] = useState<string | null>(null);\n    const [deleting, setDeleting] = useState(false);\n\n    /** Why the branch listing failed, classified — see `load-failure.ts`. */\n    const [failure, setFailure] = useState<LoadFailure | null>(null);\n\n    // Refs\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    const branchAdmin = isBranchAdmin(databaseAdmin) ? databaseAdmin : undefined;\n\n    const loadBranches = useCallback(async () => {\n        if (!branchAdmin) {\n            setLoading(false);\n            return;\n        }\n        try {\n            const result = await branchAdmin.listBranches();\n            setBranches(result);\n            setFailure(null);\n        } catch (e: unknown) {\n            // \"No branches yet. Create one…\" over a refused listing invites the\n            // reader to create a branch they are not allowed to see, and then\n            // hides the one they already have.\n            setFailure(classifyLoadFailure(e));\n        } finally {\n            setLoading(false);\n        }\n    }, [branchAdmin]);\n\n    useEffect(() => {\n        loadBranches();\n    }, [loadBranches]);\n\n    const handleCreate = async () => {\n        if (!branchAdmin || !newBranchName.trim()) return;\n        setCreating(true);\n        setCreateError(null);\n        try {\n            await branchAdmin.createBranch(newBranchName.trim(), sourceBranch ? { source: sourceBranch } : undefined);\n            snackbarRef.current.open({\n                type: \"success\",\n                message: `Branch \"${newBranchName.trim()}\" created successfully`\n            });\n            setCreateOpen(false);\n            setNewBranchName(\"\");\n            setSourceBranch(undefined);\n            await loadBranches();\n        } catch (e: unknown) {\n            const message = e instanceof Error ? e.message : String(e);\n            setCreateError(message);\n            snackbarRef.current.open({ type: \"error\",\n                message });\n        } finally {\n            setCreating(false);\n        }\n    };\n\n    const handleDelete = async () => {\n        if (!branchAdmin || !deleteTarget) return;\n        setDeleting(true);\n        try {\n            await branchAdmin.deleteBranch(deleteTarget);\n            snackbarRef.current.open({\n                type: \"success\",\n                message: `Branch \"${deleteTarget}\" deleted`\n            });\n            if (selectedBranch === deleteTarget) setSelectedBranch(null);\n            setDeleteTarget(null);\n            await loadBranches();\n        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        } finally {\n            setDeleting(false);\n        }\n    };\n\n    // Not supported\n    if (!branchAdmin) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center p-8\">\n                <GitBranchIcon size={iconSize.large} className=\"text-surface-300 dark:text-surface-600\"/>\n                <Typography variant=\"h6\" color=\"secondary\">{t(\"studio_branches_unavailable_title\")}</Typography>\n                <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                    {t(\"studio_branches_unavailable_body\")}\n                </Typography>\n                <a\n                    href=\"https://rebase.pro/docs/backend/branching\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    className=\"text-primary text-sm underline\"\n                >\n                    {t(\"studio_read_the_docs\")}\n                </a>\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    const selected = branches.find(b => b.name === selectedBranch);\n\n    return (\n        <div className=\"flex h-full w-full overflow-hidden bg-white dark:bg-surface-950\">\n            {/* ── Branch List ── */}\n            <div className={cls(\"flex flex-col w-[340px] min-w-[280px] border-r h-full\", defaultBorderMixin)}>\n                <div className={cls(\"flex items-center justify-between px-4 py-2.5 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]\", defaultBorderMixin)}>\n                    <div className=\"flex items-center gap-2\">\n                        <GitBranchIcon size={iconSize.small} className=\"text-primary\"/>\n                        <Typography variant=\"subtitle2\" className=\"font-semibold\">{t(\"studio_tool_branches\")}</Typography>\n                        <Chip size=\"smallest\" className=\"bg-surface-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300\">{branches.length}</Chip>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                        <IconButton size=\"small\" onClick={loadBranches} title=\"Refresh\">\n                            <RefreshCwIcon size={iconSize.smallest}/>\n                        </IconButton>\n                        <IconButton size=\"small\" onClick={() => setCreateOpen(true)} title=\"Create branch\" className=\"text-primary\">\n                            <PlusIcon size={iconSize.smallest}/>\n                        </IconButton>\n                    </div>\n                </div>\n                <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n                    {failure ? (\n                        <LoadFailureView\n                            failure={failure}\n                            title={t(\"studio_branches_read_failed\")}\n                            deniedTitle={t(\"studio_branches_denied_title\")}\n                            deniedHint={t(\"studio_branches_denied_hint\")}\n                            onRetry={loadBranches}\n                        />\n                    ) : branches.length === 0 ? (\n                        <div className=\"flex flex-col items-center justify-center h-full gap-3 text-center px-4\">\n                            <CopyIcon size={iconSize.small} className=\"text-surface-300 dark:text-surface-600\"/>\n                            <Typography variant=\"body2\" color=\"disabled\" className=\"text-[13px]\">\n                                No branches yet. Create one to start working with an isolated database copy.\n                            </Typography>\n                            <Button\n                                size=\"small\"\n                                variant=\"outlined\"\n                                onClick={() => setCreateOpen(true)}\n                                startIcon={<PlusIcon size={iconSize.smallest}/>}\n                            >\n                                Create Branch\n                            </Button>\n                        </div>\n                    ) : (\n                        branches.map(branch => (\n                            <div\n                                key={branch.name}\n                                onClick={() => setSelectedBranch(branch.name)}\n                                className={cls(\n                                    \"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all\",\n                                    selectedBranch === branch.name\n                                        ? \"bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30\"\n                                        : \"hover:bg-surface-100 dark:hover:bg-surface-950\"\n                                )}\n                            >\n                                <div className=\"w-2 h-2 rounded-full shrink-0 bg-emerald-500\"/>\n                                <div className=\"flex-1 min-w-0\">\n                                    <Typography variant=\"body2\" className=\"truncate font-medium text-[13px]\">{branch.name}</Typography>\n                                    <Typography variant=\"caption\" color=\"secondary\" className=\"truncate text-[11px]\">\n                                        from {branch.parentDatabase} · {formatRelative(branch.createdAt)}\n                                    </Typography>\n                                </div>\n                                {branch.sizeBytes !== undefined && (\n                                    <Typography variant=\"caption\" color=\"disabled\" className=\"font-mono text-[10px] shrink-0\">\n                                        {formatSize(branch.sizeBytes)}\n                                    </Typography>\n                                )}\n                            </div>\n                        ))\n                    )}\n                </div>\n            </div>\n\n            {/* ── Detail Panel ── */}\n            <div className=\"flex-1 flex flex-col min-w-0 h-full overflow-hidden\">\n                {!selected ? (\n                    <div className=\"flex flex-col items-center justify-center h-full gap-3\">\n                        <GitBranchIcon size={iconSize.large} className=\"text-surface-200 dark:text-surface-700\"/>\n                        <Typography variant=\"body2\" color=\"disabled\">\n                            {branches.length === 0 ? \"Create a branch to get started\" : \"Select a branch to view details\"}\n                        </Typography>\n                    </div>\n                ) : (\n                    <>\n                        {/* Header */}\n                        <div className={cls(\"flex items-center justify-between px-5 py-3 border-b bg-white dark:bg-surface-950 min-h-[56px]\", defaultBorderMixin)}>\n                            <div className=\"flex items-center gap-3 min-w-0\">\n                                <div className=\"w-2.5 h-2.5 rounded-full bg-emerald-500\"/>\n                                <div className=\"min-w-0\">\n                                    <Typography variant=\"subtitle1\" className=\"font-semibold truncate\">{selected.name}</Typography>\n                                    <Typography variant=\"caption\" color=\"secondary\" className=\"truncate\">\n                                        Created from <span className=\"font-mono text-[11px]\">{selected.parentDatabase}</span>\n                                    </Typography>\n                                </div>\n                            </div>\n                            <div className=\"flex items-center gap-2 shrink-0\">\n                                <Button\n                                    size=\"small\"\n                                    color=\"error\"\n                                    variant=\"outlined\"\n                                    onClick={() => setDeleteTarget(selected.name)}\n                                    startIcon={<Trash2Icon size={iconSize.smallest}/>}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n\n                        {/* Info Cards */}\n                        <div className=\"px-5 py-4 bg-surface-50 dark:bg-surface-900/50\">\n                            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n                                <StatCard label=\"Branch Name\" value={selected.name} mono/>\n                                <StatCard label=\"Source Database\" value={selected.parentDatabase} mono/>\n                                <StatCard label=\"Created\" value={formatRelative(selected.createdAt)}/>\n                                <StatCard label=\"Size\" value={formatSize(selected.sizeBytes)}/>\n                            </div>\n                        </div>\n\n                        {/* Usage Info */}\n                        <div className=\"flex-1 overflow-y-auto px-5 py-4\">\n                            <Alert color=\"info\">\n                                <Typography variant=\"body2\" className=\"text-[13px]\">\n                                    <strong>How to use this branch:</strong> point this checkout at it with\n                                    <code className=\"mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]\">rebase db branch switch {selected.name}</code>\n                                    — every later command uses it, and\n                                    <code className=\"mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]\">rebase db branch switch --off</code>\n                                    goes back to the main database. Changes made here don&apos;t affect it.\n                                </Typography>\n                            </Alert>\n                            <div className=\"mt-4 p-4 rounded-lg border bg-surface-50 dark:bg-surface-900 border-surface-200 dark:border-surface-700\">\n                                <Typography variant=\"caption\" className=\"text-[10px] uppercase tracking-wider text-surface-400 mb-2 block font-medium\">Connection Details</Typography>\n                                <div className=\"space-y-2\">\n                                    <div className=\"flex items-center gap-2\">\n                                        {/* The *database*, not the branch name. They are not the\n                                            same string — the driver prefixes every branch database\n                                            with `rb_` — and a connection string built from the name\n                                            on this pane pointed at a database that does not\n                                            exist. */}\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Database:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">{`${BRANCH_DB_PREFIX}${selected.name}`}</Typography>\n                                    </div>\n                                    <div className=\"flex items-start gap-2\">\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Connect with:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px] break-all\">\n                                            {`DATABASE_URL=…/${BRANCH_DB_PREFIX}${selected.name}`}\n                                        </Typography>\n                                    </div>\n                                    <div className=\"flex items-center gap-2\">\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Branched from:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">{selected.parentDatabase}</Typography>\n                                    </div>\n                                    <div className=\"flex items-center gap-2\">\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Created at:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">\n                                            {selected.createdAt instanceof Date\n                                                ? selected.createdAt.toLocaleString()\n                                                : new Date(selected.createdAt).toLocaleString()}\n                                        </Typography>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                )}\n            </div>\n\n            {/* ── Create Dialog ── */}\n            <Dialog open={createOpen} onOpenChange={(open) => {\n                setCreateOpen(open);\n                if (!open) setCreateError(null);\n            }}>\n                <DialogTitle>Create New Branch</DialogTitle>\n                <DialogContent className=\"space-y-4 min-w-[400px]\">\n                    <Typography variant=\"body2\" color=\"secondary\" className=\"text-[13px]\">\n                        Create an isolated database copy. The branch will be a full clone of the source database at this point in time.\n                    </Typography>\n                    {createError && (\n                        <Alert color=\"error\">\n                            <Typography variant=\"body2\" className=\"text-[13px]\">{createError}</Typography>\n                        </Alert>\n                    )}\n                    <div>\n                        <TextField\n                            label=\"Branch Name\"\n                            value={newBranchName}\n                            onChange={(e) => setNewBranchName(e.target.value)}\n                            placeholder=\"e.g. feature-auth, staging, preview-pr-42\"\n                            size=\"small\"\n                            autoFocus\n                        />\n                    </div>\n                    {branches.length > 0 && (\n                        <div>\n                            <Select\n                                label=\"Source Database\"\n                                value={sourceBranch ?? \"__main__\"}\n                                onValueChange={(v) => setSourceBranch(v === \"__main__\" ? undefined : v)}\n                                placeholder=\"Default (main database)\"\n                                size=\"small\"\n                            >\n                                <SelectItem value=\"__main__\">Default (main database)</SelectItem>\n                                {branches.map(b => (\n                                    <SelectItem key={b.name} value={b.name}>{b.name}</SelectItem>\n                                ))}\n                            </Select>\n                        </div>\n                    )}\n                </DialogContent>\n                <DialogActions>\n                    <Button variant=\"text\" onClick={() => setCreateOpen(false)} disabled={creating}>\n                        Cancel\n                    </Button>\n                    <Button\n                        color=\"primary\"\n                        onClick={handleCreate}\n                        disabled={!newBranchName.trim() || creating}\n                        startIcon={creating ? <CircularProgress size=\"smallest\"/> : <PlusIcon size={iconSize.smallest}/>}\n                    >\n                        {creating ? \"Creating...\" : \"Create Branch\"}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n\n            {/* ── Delete Confirm ── */}\n            <ConfirmationDialog\n                open={!!deleteTarget}\n                onAccept={handleDelete}\n                onCancel={() => setDeleteTarget(null)}\n                title=\"Delete Branch\"\n                body={\n                    <Typography variant=\"body2\">\n                        Are you sure you want to permanently delete the branch <strong>{deleteTarget}</strong>?\n                        This action cannot be undone and all data in this branch will be lost.\n                    </Typography>\n                }\n                loading={deleting}\n            />\n        </div>\n    );\n}\n\nfunction StatCard({ label, value, mono }: {\n    label: string; value: string; mono?: boolean;\n}) {\n    return (\n        <div className={cls(\"px-3 py-2 rounded-lg border bg-white dark:bg-surface-900\", defaultBorderMixin)}>\n            <Typography variant=\"caption\" color=\"secondary\" className=\"text-[10px] uppercase tracking-wider font-medium\">{label}</Typography>\n            <Typography variant=\"body2\" className={cls(\n                \"mt-0.5 font-semibold text-[13px] truncate\",\n                mono && \"font-mono\"\n            )}>{value}</Typography>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/{CronJobsView-BHtJZeJZ.js → CronJobsView-CLOGjb-L.js}

@@ -1,4 +1,6 @@
-import { useRebaseClient, useSnackbarController } from "@rebasepro/app";
+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 { useEffect, useRef, useState } from "react";
 import { AlertCircleIcon, Button, CalendarIcon, CheckCircleIcon, Chip, CircularProgress, HistoryIcon, IconButton, PauseIcon, PlayIcon, RefreshCwIcon, Typography, cls, defaultBorderMixin, iconSize } from "@rebasepro/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -35,12 +37,15 @@ var stateColors = {
 function CronJobsView() {
 	const client = useRebaseClient();
 	const snackbar = useSnackbarController();
+	const { t } = useTranslation();
 	const [jobs, setJobs] = useState([]);
 	const [loading, setLoading] = useState(true);
 	const [selectedId, setSelectedId] = useState(null);
 	const [logs, setLogs] = useState([]);
 	const [logsLoading, setLogsLoading] = useState(false);
 	const [triggering, setTriggering] = useState(null);
+	/** Why the job listing failed, classified — see `load-failure.ts`. */
+	const [failure, setFailure] = useState(null);
 	const clientRef = useRef(client);
 	clientRef.current = client;
 	const snackbarRef = useRef(snackbar);
@@ -55,12 +60,12 @@ function CronJobsView() {
 			}
 			try {
 				const res = await c.cron.listJobs();
-				if (!cancelled) setJobs(res.jobs);
+				if (!cancelled) {
+					setJobs(res.jobs);
+					setFailure(null);
+				}
 			} catch (e) {
-				if (!cancelled) snackbarRef.current.open({
-					type: "error",
-					message: e instanceof Error ? e.message : String(e)
-				});
+				if (!cancelled) setFailure(classifyLoadFailure(e));
 			} finally {
 				if (!cancelled) setLoading(false);
 			}
@@ -116,11 +121,9 @@ function CronJobsView() {
 		try {
 			const res = await c.cron.listJobs();
 			setJobs(res.jobs);
+			setFailure(null);
 		} catch (e) {
-			snackbarRef.current.open({
-				type: "error",
-				message: e instanceof Error ? e.message : String(e)
-			});
+			setFailure(classifyLoadFailure(e));
 		}
 	}
 	async function refreshLogs(id) {
@@ -183,6 +186,13 @@ function CronJobsView() {
 		className: "flex items-center justify-center h-full",
 		children: /* @__PURE__ */ jsx(CircularProgress, {})
 	});
+	if (failure) return /* @__PURE__ */ jsx(LoadFailureView, {
+		failure,
+		title: t("studio_cron_read_failed"),
+		deniedTitle: t("studio_cron_denied_title"),
+		deniedHint: t("studio_cron_denied_hint"),
+		onRetry: refreshJobs
+	});
 	if (jobs.length === 0) return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col items-center justify-center h-full gap-4 text-center p-8",
 		children: [
@@ -193,25 +203,20 @@ function CronJobsView() {
 			/* @__PURE__ */ jsx(Typography, {
 				variant: "h6",
 				color: "secondary",
-				children: "No Cron Jobs Registered"
+				children: t("studio_cron_empty_title")
 			}),
-			/* @__PURE__ */ jsxs(Typography, {
+			/* @__PURE__ */ jsx(Typography, {
 				variant: "body2",
 				color: "disabled",
 				className: "max-w-md",
-				children: [
-					"Create a file in your ",
-					/* @__PURE__ */ jsx("code", {
-						className: "text-xs bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded font-mono",
-						children: "crons/"
-					}),
-					" directory that default-exports a ",
-					/* @__PURE__ */ jsx("code", {
-						className: "text-xs bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded font-mono",
-						children: "CronJobDefinition"
-					}),
-					"."
-				]
+				children: t("studio_cron_empty_body")
+			}),
+			/* @__PURE__ */ jsx("a", {
+				href: "https://rebase.pro/docs/backend/cron-jobs",
+				target: "_blank",
+				rel: "noreferrer",
+				className: "text-primary text-sm underline",
+				children: t("studio_read_the_docs")
 			})
 		]
 	});
@@ -231,7 +236,7 @@ function CronJobsView() {
 						/* @__PURE__ */ jsx(Typography, {
 							variant: "subtitle2",
 							className: "font-semibold",
-							children: "Cron Jobs"
+							children: t("studio_tool_cron")
 						}),
 						/* @__PURE__ */ jsx(Chip, {
 							size: "smallest",
@@ -513,4 +518,4 @@ function LogRow({ log }) {
 //#endregion
 export { CronJobsView };
 
-//# sourceMappingURL=CronJobsView-BHtJZeJZ.js.map
+//# sourceMappingURL=CronJobsView-CLOGjb-L.js.map