@rebasepro/studio 0.0.1-canary.09e5ec5

package/dist/BranchesView-DcHZtvXo.js

@@ -0,0 +1,292 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { iconSize, Typography, CircularProgress, Chip, IconButton, cls, defaultBorderMixin, Button, Alert, Dialog, DialogTitle, DialogContent, TextField, Select, SelectItem, DialogActions } from "@rebasepro/ui";
+import { GitBranchIcon, RefreshCwIcon, PlusIcon, CopyIcon, Trash2Icon } from "lucide-react";
+import { useRebaseContext, useSnackbarController, ConfirmationDialog } from "@rebasepro/core";
+import { isBranchAdmin } from "@rebasepro/types";
+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 now = Date.now();
+  const diff = now - d.getTime();
+  if (diff < 6e4) return "just now";
+  if (diff < 36e5) {
+    const m = Math.round(diff / 6e4);
+    return `${m}m ago`;
+  }
+  if (diff < 864e5) {
+    const h = Math.round(diff / 36e5);
+    return `${h}h ago`;
+  }
+  if (diff < 6048e5) {
+    const d2 = Math.round(diff / 864e5);
+    return `${d2}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 {
+      const result = await branchAdmin.listBranches();
+      setBranches(result);
+    } 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_0) {
+      snackbarRef.current.open({
+        type: "error",
+        message: e_0 instanceof Error ? e_0.message : String(e_0)
+      });
+    } 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_1) {
+      snackbarRef.current.open({
+        type: "error",
+        message: e_1 instanceof Error ? e_1.message : String(e_1)
+      });
+    } 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_2) => setNewBranchName(e_2.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_0) => v_0 || "Default (main database)", children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "", children: "Default (main database)" }),
+          branches.map((b_0) => /* @__PURE__ */ jsx(SelectItem, { value: b_0.name, children: b_0.name }, b_0.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(t0) {
+  const $ = c(11);
+  const {
+    label,
+    value,
+    mono
+  } = t0;
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = cls("px-3 py-2 rounded-lg border bg-white dark:bg-surface-900", defaultBorderMixin);
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== label) {
+    t2 = /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "text-[10px] uppercase tracking-wider font-medium", children: label });
+    $[1] = label;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const t3 = mono && "font-mono";
+  let t4;
+  if ($[3] !== t3) {
+    t4 = cls("mt-0.5 font-semibold text-[13px] truncate", t3);
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== t4 || $[6] !== value) {
+    t5 = /* @__PURE__ */ jsx(Typography, { variant: "body2", className: t4, children: value });
+    $[5] = t4;
+    $[6] = value;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t2 || $[9] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: t1, children: [
+      t2,
+      t5
+    ] });
+    $[8] = t2;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  return t6;
+}
+export {
+  BranchesView
+};
+//# sourceMappingURL=BranchesView-DcHZtvXo.js.map

package/dist/BranchesView-DcHZtvXo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BranchesView-DcHZtvXo.js","sources":["../src/components/Branches/BranchesView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { Typography, cls, defaultBorderMixin, Button, Chip, CircularProgress, IconButton, Paper, Dialog, DialogTitle, DialogContent, DialogActions, TextField, Select, SelectItem, Alert , iconSize } from \"@rebasepro/ui\";\nimport { GitBranchIcon, Trash2Icon, RefreshCwIcon, PlusIcon, CopyIcon } from \"lucide-react\";\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"],"names":["formatSize","bytes","undefined","toFixed","formatRelative","date","d","Date","isNaN","getTime","now","diff","m","Math","round","h","d2","toLocaleDateString","BranchesView","databaseAdmin","useRebaseContext","snackbar","useSnackbarController","branches","setBranches","useState","loading","setLoading","selectedBranch","setSelectedBranch","createOpen","setCreateOpen","newBranchName","setNewBranchName","sourceBranch","setSourceBranch","creating","setCreating","deleteTarget","setDeleteTarget","deleting","setDeleting","snackbarRef","useRef","current","branchAdmin","isBranchAdmin","loadBranches","useCallback","result","listBranches","e","open","type","message","Error","String","useEffect","handleCreate","trim","createBranch","source","handleDelete","deleteBranch","iconSize","large","selected","find","b","name","cls","defaultBorderMixin","small","length","smallest","map","branch","parentDatabase","createdAt","sizeBytes","toLocaleString","target","value","v","StatCard","t0","$","_c","label","mono","t1","Symbol","for","t2","t3","t4","t5","t6"],"mappings":"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"}