@rebasepro/studio 0.4.0 → 0.6.0

package/dist/BranchesView-DncIRcZt.js

@@ -0,0 +1,461 @@
+import { ConfirmationDialog, useRebaseContext, useSnackbarController } from "@rebasepro/core";
+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";
+//#region src/components/Branches/BranchesView.tsx
+function formatSize(bytes) {
+	if (bytes === void 0 || bytes === null) return "—";
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+	return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+}
+function formatRelative(date) {
+	if (!date) return "—";
+	const d = date instanceof Date ? date : new Date(date);
+	if (isNaN(d.getTime())) return "—";
+	const diff = Date.now() - d.getTime();
+	if (diff < 6e4) return "just now";
+	if (diff < 36e5) return `${Math.round(diff / 6e4)}m ago`;
+	if (diff < 864e5) return `${Math.round(diff / 36e5)}h ago`;
+	if (diff < 6048e5) return `${Math.round(diff / 864e5)}d ago`;
+	return d.toLocaleDateString();
+}
+function BranchesView() {
+	const { databaseAdmin } = useRebaseContext();
+	const snackbar = useSnackbarController();
+	const [branches, setBranches] = useState([]);
+	const [loading, setLoading] = useState(true);
+	const [selectedBranch, setSelectedBranch] = useState(null);
+	const [createOpen, setCreateOpen] = useState(false);
+	const [newBranchName, setNewBranchName] = useState("");
+	const [sourceBranch, setSourceBranch] = useState(void 0);
+	const [creating, setCreating] = useState(false);
+	const [deleteTarget, setDeleteTarget] = useState(null);
+	const [deleting, setDeleting] = useState(false);
+	const snackbarRef = useRef(snackbar);
+	snackbarRef.current = snackbar;
+	const branchAdmin = isBranchAdmin(databaseAdmin) ? databaseAdmin : void 0;
+	const loadBranches = useCallback(async () => {
+		if (!branchAdmin) {
+			setLoading(false);
+			return;
+		}
+		try {
+			setBranches(await branchAdmin.listBranches());
+		} catch (e) {
+			snackbarRef.current.open({
+				type: "error",
+				message: e instanceof Error ? e.message : String(e)
+			});
+		} finally {
+			setLoading(false);
+		}
+	}, [branchAdmin]);
+	useEffect(() => {
+		loadBranches();
+	}, [loadBranches]);
+	const handleCreate = async () => {
+		if (!branchAdmin || !newBranchName.trim()) return;
+		setCreating(true);
+		try {
+			await branchAdmin.createBranch(newBranchName.trim(), sourceBranch ? { source: sourceBranch } : void 0);
+			snackbarRef.current.open({
+				type: "success",
+				message: `Branch "${newBranchName.trim()}" created successfully`
+			});
+			setCreateOpen(false);
+			setNewBranchName("");
+			setSourceBranch(void 0);
+			await loadBranches();
+		} catch (e) {
+			snackbarRef.current.open({
+				type: "error",
+				message: e instanceof Error ? e.message : String(e)
+			});
+		} finally {
+			setCreating(false);
+		}
+	};
+	const handleDelete = async () => {
+		if (!branchAdmin || !deleteTarget) return;
+		setDeleting(true);
+		try {
+			await branchAdmin.deleteBranch(deleteTarget);
+			snackbarRef.current.open({
+				type: "success",
+				message: `Branch "${deleteTarget}" deleted`
+			});
+			if (selectedBranch === deleteTarget) setSelectedBranch(null);
+			setDeleteTarget(null);
+			await loadBranches();
+		} catch (e) {
+			snackbarRef.current.open({
+				type: "error",
+				message: e instanceof Error ? e.message : String(e)
+			});
+		} finally {
+			setDeleting(false);
+		}
+	};
+	if (!branchAdmin) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center justify-center h-full gap-4 text-center p-8",
+		children: [
+			/* @__PURE__ */ jsx(GitBranchIcon, {
+				size: iconSize.large,
+				className: "text-surface-300 dark:text-surface-600"
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "h6",
+				color: "secondary",
+				children: "Database Branching Not Available"
+			}),
+			/* @__PURE__ */ jsxs(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."
+				]
+			})
+		]
+	});
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center h-full",
+		children: /* @__PURE__ */ jsx(CircularProgress, {})
+	});
+	const selected = branches.find((b) => b.name === selectedBranch);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full w-full overflow-hidden bg-white dark:bg-surface-950",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: cls("flex flex-col w-[340px] min-w-[280px] border-r h-full", defaultBorderMixin),
+				children: [/* @__PURE__ */ jsxs("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),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsx(GitBranchIcon, {
+								size: iconSize.small,
+								className: "text-primary"
+							}),
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "subtitle2",
+								className: "font-semibold",
+								children: "Branches"
+							}),
+							/* @__PURE__ */ jsx(Chip, {
+								size: "smallest",
+								className: "bg-surface-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300",
+								children: branches.length
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(IconButton, {
+							size: "small",
+							onClick: loadBranches,
+							title: "Refresh",
+							children: /* @__PURE__ */ jsx(RefreshCwIcon, { size: iconSize.smallest })
+						}), /* @__PURE__ */ jsx(IconButton, {
+							size: "small",
+							onClick: () => setCreateOpen(true),
+							title: "Create branch",
+							className: "text-primary",
+							children: /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest })
+						})]
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex-1 overflow-y-auto p-2 space-y-1",
+					children: 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, {
+								size: iconSize.small,
+								className: "text-surface-300 dark:text-surface-600"
+							}),
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								color: "disabled",
+								className: "text-[13px]",
+								children: "No branches yet. Create one to start working with an isolated database copy."
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								size: "small",
+								variant: "outlined",
+								onClick: () => setCreateOpen(true),
+								startIcon: /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest }),
+								children: "Create Branch"
+							})
+						]
+					}) : branches.map((branch) => /* @__PURE__ */ jsxs("div", {
+						onClick: () => setSelectedBranch(branch.name),
+						className: cls("flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all", selectedBranch === branch.name ? "bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30" : "hover:bg-surface-100 dark:hover:bg-surface-950"),
+						children: [
+							/* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full shrink-0 bg-emerald-500" }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ jsx(Typography, {
+									variant: "body2",
+									className: "truncate font-medium text-[13px]",
+									children: branch.name
+								}), /* @__PURE__ */ jsxs(Typography, {
+									variant: "caption",
+									color: "secondary",
+									className: "truncate text-[11px]",
+									children: [
+										"from ",
+										branch.parentDatabase,
+										" · ",
+										formatRelative(branch.createdAt)
+									]
+								})]
+							}),
+							branch.sizeBytes !== void 0 && /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								color: "disabled",
+								className: "font-mono text-[10px] shrink-0",
+								children: formatSize(branch.sizeBytes)
+							})
+						]
+					}, branch.name))
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 flex flex-col min-w-0 h-full overflow-hidden",
+				children: !selected ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center justify-center h-full gap-3",
+					children: [/* @__PURE__ */ jsx(GitBranchIcon, {
+						size: iconSize.large,
+						className: "text-surface-200 dark:text-surface-700"
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "body2",
+						color: "disabled",
+						children: branches.length === 0 ? "Create a branch to get started" : "Select a branch to view details"
+					})]
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: cls("flex items-center justify-between px-5 py-3 border-b bg-white dark:bg-surface-950 min-h-[56px]", defaultBorderMixin),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-3 min-w-0",
+							children: [/* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-emerald-500" }), /* @__PURE__ */ jsxs("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ jsx(Typography, {
+									variant: "subtitle1",
+									className: "font-semibold truncate",
+									children: selected.name
+								}), /* @__PURE__ */ jsxs(Typography, {
+									variant: "caption",
+									color: "secondary",
+									className: "truncate",
+									children: ["Created from ", /* @__PURE__ */ jsx("span", {
+										className: "font-mono text-[11px]",
+										children: selected.parentDatabase
+									})]
+								})]
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "flex items-center gap-2 shrink-0",
+							children: /* @__PURE__ */ jsx(Button, {
+								size: "small",
+								color: "error",
+								variant: "outlined",
+								onClick: () => setDeleteTarget(selected.name),
+								startIcon: /* @__PURE__ */ jsx(Trash2Icon, { size: iconSize.smallest }),
+								children: "Delete"
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "px-5 py-4 bg-surface-50 dark:bg-surface-900/50",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-3",
+							children: [
+								/* @__PURE__ */ jsx(StatCard, {
+									label: "Branch Name",
+									value: selected.name,
+									mono: true
+								}),
+								/* @__PURE__ */ jsx(StatCard, {
+									label: "Source Database",
+									value: selected.parentDatabase,
+									mono: true
+								}),
+								/* @__PURE__ */ jsx(StatCard, {
+									label: "Created",
+									value: formatRelative(selected.createdAt)
+								}),
+								/* @__PURE__ */ jsx(StatCard, {
+									label: "Size",
+									value: formatSize(selected.sizeBytes)
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex-1 overflow-y-auto px-5 py-4",
+						children: [/* @__PURE__ */ jsx(Alert, {
+							color: "info",
+							children: /* @__PURE__ */ jsxs(Typography, {
+								variant: "body2",
+								className: "text-[13px]",
+								children: [
+									/* @__PURE__ */ jsx("strong", { children: "How to use this branch:" }),
+									" Switch your application's database connection to",
+									/* @__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
+									}),
+									"to work with an isolated copy of your data. Changes made to this branch won't affect your main database."
+								]
+							})
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "mt-4 p-4 rounded-lg border bg-surface-50 dark:bg-surface-900 border-surface-200 dark:border-surface-700",
+							children: [/* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								className: "text-[10px] uppercase tracking-wider text-surface-400 mb-2 block font-medium",
+								children: "Connection Details"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ jsx(Typography, {
+											variant: "caption",
+											color: "secondary",
+											className: "w-24 shrink-0 text-[11px]",
+											children: "Database:"
+										}), /* @__PURE__ */ jsx(Typography, {
+											variant: "body2",
+											className: "font-mono text-[12px]",
+											children: selected.name
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ jsx(Typography, {
+											variant: "caption",
+											color: "secondary",
+											className: "w-24 shrink-0 text-[11px]",
+											children: "Branched from:"
+										}), /* @__PURE__ */ jsx(Typography, {
+											variant: "body2",
+											className: "font-mono text-[12px]",
+											children: selected.parentDatabase
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ jsx(Typography, {
+											variant: "caption",
+											color: "secondary",
+											className: "w-24 shrink-0 text-[11px]",
+											children: "Created at:"
+										}), /* @__PURE__ */ jsx(Typography, {
+											variant: "body2",
+											className: "font-mono text-[12px]",
+											children: selected.createdAt instanceof Date ? selected.createdAt.toLocaleString() : new Date(selected.createdAt).toLocaleString()
+										})]
+									})
+								]
+							})]
+						})]
+					})
+				] })
+			}),
+			/* @__PURE__ */ jsxs(Dialog, {
+				open: createOpen,
+				onOpenChange: setCreateOpen,
+				children: [
+					/* @__PURE__ */ jsx(DialogTitle, { children: "Create New Branch" }),
+					/* @__PURE__ */ jsxs(DialogContent, {
+						className: "space-y-4 min-w-[400px]",
+						children: [
+							/* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								color: "secondary",
+								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."
+							}),
+							/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(TextField, {
+								label: "Branch Name",
+								value: newBranchName,
+								onChange: (e) => setNewBranchName(e.target.value),
+								placeholder: "e.g. feature-auth, staging, preview-pr-42",
+								size: "small",
+								autoFocus: true
+							}) }),
+							branches.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, {
+								label: "Source Database",
+								value: sourceBranch ?? "",
+								onValueChange: (v) => setSourceBranch(v || void 0),
+								placeholder: "Default (main database)",
+								size: "small",
+								renderValue: (v) => v || "Default (main database)",
+								children: [/* @__PURE__ */ jsx(SelectItem, {
+									value: "",
+									children: "Default (main database)"
+								}), branches.map((b) => /* @__PURE__ */ jsx(SelectItem, {
+									value: b.name,
+									children: b.name
+								}, b.name))]
+							}) })
+						]
+					}),
+					/* @__PURE__ */ jsxs(DialogActions, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						onClick: () => setCreateOpen(false),
+						disabled: creating,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						color: "primary",
+						onClick: handleCreate,
+						disabled: !newBranchName.trim() || creating,
+						startIcon: creating ? /* @__PURE__ */ jsx(CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.smallest }),
+						children: creating ? "Creating..." : "Create Branch"
+					})] })
+				]
+			}),
+			/* @__PURE__ */ jsx(ConfirmationDialog, {
+				open: !!deleteTarget,
+				onAccept: handleDelete,
+				onCancel: () => setDeleteTarget(null),
+				title: "Delete Branch",
+				body: /* @__PURE__ */ jsxs(Typography, {
+					variant: "body2",
+					children: [
+						"Are you sure you want to permanently delete the branch ",
+						/* @__PURE__ */ jsx("strong", { children: deleteTarget }),
+						"? This action cannot be undone and all data in this branch will be lost."
+					]
+				}),
+				loading: deleting
+			})
+		]
+	});
+}
+function StatCard({ label, value, mono }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls("px-3 py-2 rounded-lg border bg-white dark:bg-surface-900", defaultBorderMixin),
+		children: [/* @__PURE__ */ jsx(Typography, {
+			variant: "caption",
+			color: "secondary",
+			className: "text-[10px] uppercase tracking-wider font-medium",
+			children: label
+		}), /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			className: cls("mt-0.5 font-semibold text-[13px] truncate", mono && "font-mono"),
+			children: value
+		})]
+	});
+}
+//#endregion
+export { BranchesView };
+
+//# sourceMappingURL=BranchesView-DncIRcZt.js.map

package/dist/BranchesView-DncIRcZt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchesView-DncIRcZt.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 } from \"@rebasepro/core\";\nimport { isBranchAdmin } from \"@rebasepro/types\";\nimport type { BranchInfo } from \"@rebasepro/types\";\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    const now = Date.now();\n    const diff = now - d.getTime();\n    if (diff < 60_000) return \"just now\";\n    if (diff < 3_600_000) { const m = Math.round(diff / 60_000); return `${m}m ago`; }\n    if (diff < 86_400_000) { const h = Math.round(diff / 3_600_000); return `${h}h ago`; }\n    if (diff < 604_800_000) { const d2 = Math.round(diff / 86_400_000); return `${d2}d ago`; }\n    return d.toLocaleDateString();\n}\n\nexport function BranchesView() {\n    const { databaseAdmin } = useRebaseContext();\n    const snackbar = useSnackbarController();\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    // Delete confirm\n    const [deleteTarget, setDeleteTarget] = useState<string | null>(null);\n    const [deleting, setDeleting] = useState(false);\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        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\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        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            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\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\">Database Branching Not Available</Typography>\n                <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                    Branching requires a PostgreSQL backend with an admin connection configured.\n                    Set <code className=\"text-xs bg-surface-100 dark:bg-surface-950 px-1.5 py-0.5 rounded font-mono\">adminConnectionString</code> in your server configuration.\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    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\">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                    {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> Switch your application&apos;s database connection to\n                                    <code className=\"mx-1 px-1.5 py-0.5 rounded bg-surface-100 dark:bg-surface-950 font-mono text-[12px]\">{selected.name}</code>\n                                    to work with an isolated copy of your data. Changes made to this branch won&apos;t affect your main database.\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                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Database:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">{selected.name}</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={setCreateOpen}>\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                    <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 ?? \"\"}\n                                onValueChange={(v) => setSourceBranch(v || undefined)}\n                                placeholder=\"Default (main database)\"\n                                size=\"small\"\n                                renderValue={(v) => v || \"Default (main database)\"}\n                            >\n                                <SelectItem value=\"\">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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"}