@rebasepro/studio 0.5.0 → 0.6.0

package/dist/index.es.js

@@ -1,751 +1,693 @@
-import { useRebaseContext, useStudioBreadcrumbs, useRestoreScroll, useSlot, IconForView, BootstrapAdminBanner, useRebaseRegistryDispatch } from "@rebasepro/core";
-import { StudioBridgeContext, StudioBridgeProvider, useStudioBreadcrumbs as useStudioBreadcrumbs2, useStudioCollectionRegistry, useStudioNavigationState, useStudioSideEntityController, useStudioUrlController } from "@rebasepro/core";
-import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useEffect, lazy, useMemo, useLayoutEffect, Suspense } from "react";
-import { Typography, Card, cls, ArrowRightIcon, iconSize, Container, CircularProgressCenter } from "@rebasepro/ui";
-import { c } from "react-compiler-runtime";
+import { IconForView, SchemaDriftBanner, StudioBridgeContext, StudioBridgeProvider, useRebaseContext, useRebaseRegistryDispatch, useRestoreScroll, useSlot, useStudioBreadcrumbs, useStudioBreadcrumbs as useStudioBreadcrumbs$1, useStudioCollectionRegistry, useStudioNavigationState, useStudioSideEntityController, useStudioUrlController } from "@rebasepro/core";
+import React, { Suspense, lazy, useEffect, useLayoutEffect, useMemo } from "react";
+import { ArrowRightIcon, Card, CircularProgressCenter, Container, Typography, cls, iconSize } from "@rebasepro/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useNavigate } from "react-router-dom";
-const SECTIONS = [{
-  label: "Database",
-  dotColor: "bg-emerald-400",
-  iconColor: "text-emerald-400",
-  tools: [{
-    path: "/schema",
-    name: "Collections",
-    description: "Define and manage your data model and collection schemas",
-    icon: "LayoutList"
-  }, {
-    path: "/schema-visualizer",
-    name: "Schema Visualizer",
-    description: "Interactive ERD showing tables, columns, and relationships",
-    icon: "Network"
-  }, {
-    path: "/sql",
-    name: "SQL Console",
-    description: "Execute raw SQL queries directly against your database",
-    icon: "terminal"
-  }, {
-    path: "/branches",
-    name: "Branches",
-    description: "Create and manage isolated database copies for development",
-    icon: "GitBranch"
-  }, {
-    path: "/rls",
-    name: "RLS Policies",
-    description: "Configure Row Level Security for fine-grained data access",
-    icon: "ShieldCheck"
-  }, {
-    path: "/logs",
-    name: "Logs Explorer",
-    description: "Real-time system, query, and authentication logs",
-    icon: "Activity"
-  }]
-}, {
-  label: "Compute",
-  dotColor: "bg-blue-400",
-  iconColor: "text-blue-400",
-  tools: [{
-    path: "/js",
-    name: "JS Console",
-    description: "Run JavaScript with the Rebase SDK in a live sandbox",
-    icon: "code"
-  }, {
-    path: "/cron",
-    name: "Cron Jobs",
-    description: "Monitor and manage scheduled background tasks",
-    icon: "Clock"
-  }]
-}, {
-  label: "API",
-  dotColor: "bg-violet-400",
-  iconColor: "text-violet-400",
-  tools: [{
-    path: "/api",
-    name: "API Explorer",
-    description: "Interactive API documentation with live request testing",
-    icon: "BookOpen"
-  }]
-}, {
-  label: "Storage",
-  dotColor: "bg-amber-400",
-  iconColor: "text-amber-400",
-  tools: [{
-    path: "/storage",
-    name: "Storage",
-    description: "Browse, upload, and manage files in your storage bucket",
-    icon: "HardDrive"
-  }]
-}, {
-  label: "Access Control",
-  dotColor: "bg-rose-400",
-  iconColor: "text-rose-400",
-  tools: [{
-    path: "/users",
-    name: "Users",
-    description: "Manage developers and assign roles in your workspace",
-    icon: "group"
-  }, {
-    path: "/roles",
-    name: "Roles",
-    description: "Create and configure fine-grained access permissions",
-    icon: "ShieldEllipsis"
-  }]
-}];
-function StudioHomePage(t0) {
-  const $ = c(30);
-  const {
-    additionalActions,
-    additionalChildrenStart,
-    additionalChildrenEnd,
-    sections
-  } = t0;
-  const context = useRebaseContext();
-  const breadcrumbs = useStudioBreadcrumbs();
-  const navigate = useNavigate();
-  let t1;
-  if ($[0] !== breadcrumbs) {
-    t1 = () => {
-      breadcrumbs.set({
-        breadcrumbs: []
-      });
-    };
-    $[0] = breadcrumbs;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== breadcrumbs.set) {
-    t2 = [breadcrumbs.set];
-    $[2] = breadcrumbs.set;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  useEffect(t1, t2);
-  const {
-    containerRef
-  } = useRestoreScroll();
-  let t3;
-  if ($[4] !== context) {
-    t3 = {
-      context
-    };
-    $[4] = context;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const sectionProps = t3;
-  const pluginActions = useSlot("home.actions", sectionProps);
-  let t4;
-  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(BootstrapAdminBanner, {}) });
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] !== additionalActions || $[8] !== pluginActions) {
-    t5 = (additionalActions || pluginActions) && /* @__PURE__ */ jsxs("div", { className: "w-full sticky py-4 transition-all duration-400 ease-in-out top-0 z-10 flex flex-row gap-4 justify-end", children: [
-      additionalActions,
-      pluginActions
-    ] });
-    $[7] = additionalActions;
-    $[8] = pluginActions;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== context || $[11] !== navigate) {
-    t6 = SECTIONS.map((section) => /* @__PURE__ */ jsxs("section", { "aria-label": section.label, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "h2", color: "secondary", className: "py-2 font-medium uppercase text-sm text-surface-600 dark:text-surface-400", children: section.label }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mt-2", children: section.tools.map((tool) => /* @__PURE__ */ jsx(Card, { onClick: () => {
-        navigate(tool.path);
-        context.analyticsController?.onAnalyticsEvent?.("home_navigate_to_view", {
-          path: tool.path
-        });
-      }, className: cls("h-full px-4 py-2.5 cursor-pointer transition-all duration-200 ease-in-out", "hover:-translate-y-0.5 hover:shadow-md hover:shadow-primary/5"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start h-full", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grow w-full", children: [
-          /* @__PURE__ */ jsx("div", { className: cls("h-6 flex items-center", section.iconColor), children: /* @__PURE__ */ jsx(IconForView, { collectionOrView: {
-            slug: tool.path,
-            name: tool.name,
-            icon: tool.icon
-          }, size: "small" }) }),
-          /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "subtitle1", className: "mt-1 font-semibold", component: "h2", children: tool.name }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", component: "div", children: tool.description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: {
-          alignSelf: "flex-end"
-        }, children: /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "text-primary", size: iconSize.small }) }) })
-      ] }) }, tool.path)) })
-    ] }, section.label));
-    $[10] = context;
-    $[11] = navigate;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== t6) {
-    t7 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-8 pt-2", children: t6 });
-    $[13] = t6;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /* @__PURE__ */ jsx("div", { className: "flex items-center mb-1", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "h2", color: "secondary", className: "py-2 font-medium uppercase text-sm text-surface-600 dark:text-surface-400", children: "Quick Start" }) });
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  let t9;
-  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "secondary", className: "mb-4 max-w-2xl", children: [
-      "Generate a fully-typed SDK from your collections with",
-      " ",
-      /* @__PURE__ */ jsx("code", { className: "text-emerald-400 font-mono text-xs bg-emerald-400/10 px-1.5 py-0.5 rounded", children: "npx rebase generate-sdk" }),
-      " ",
-      "and start querying your data with full TypeScript autocompletion."
-    ] });
-    $[16] = t9;
-  } else {
-    t9 = $[16];
-  }
-  let t10;
-  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-surface-200/40 dark:border-surface-700/40 bg-surface-50 dark:bg-surface-900/80", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-red-400/60" }),
-          /* @__PURE__ */ jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-amber-400/60" }),
-          /* @__PURE__ */ jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-emerald-400/60" })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-surface-400 dark:text-surface-500 ml-1", children: "app.ts" })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-surface-400 dark:text-surface-500", children: "TypeScript" })
-    ] });
-    $[17] = t10;
-  } else {
-    t10 = $[17];
-  }
-  let t11;
-  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: "mt-10 mb-6", children: [
-      t8,
-      t9,
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-surface-200/40 dark:border-surface-700/40 bg-white dark:bg-surface-950 overflow-hidden", children: [
-        t10,
-        /* @__PURE__ */ jsx("div", { className: "px-5 py-4 overflow-x-auto text-[13px] leading-6 font-mono", children: /* @__PURE__ */ jsx(SyntaxHighlightedSnippet, {}) })
-      ] })
-    ] });
-    $[18] = t11;
-  } else {
-    t11 = $[18];
-  }
-  let t12;
-  if ($[19] !== sections) {
-    t12 = sections?.map(_temp);
-    $[19] = sections;
-    $[20] = t12;
-  } else {
-    t12 = $[20];
-  }
-  let t13;
-  if ($[21] !== additionalChildrenEnd || $[22] !== additionalChildrenStart || $[23] !== t12 || $[24] !== t5 || $[25] !== t7) {
-    t13 = /* @__PURE__ */ jsxs(Container, { maxWidth: "6xl", children: [
-      t4,
-      t5,
-      additionalChildrenStart,
-      t7,
-      t11,
-      t12,
-      additionalChildrenEnd
-    ] });
-    $[21] = additionalChildrenEnd;
-    $[22] = additionalChildrenStart;
-    $[23] = t12;
-    $[24] = t5;
-    $[25] = t7;
-    $[26] = t13;
-  } else {
-    t13 = $[26];
-  }
-  let t14;
-  if ($[27] !== containerRef || $[28] !== t13) {
-    t14 = /* @__PURE__ */ jsx("div", { ref: containerRef, className: "py-2 overflow-auto h-full w-full", children: t13 });
-    $[27] = containerRef;
-    $[28] = t13;
-    $[29] = t14;
-  } else {
-    t14 = $[29];
-  }
-  return t14;
-}
-function _temp(s) {
-  return /* @__PURE__ */ jsxs("div", { className: "my-10", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "h2", color: "secondary", className: "p-4 py-2 rounded font-medium uppercase text-sm text-surface-600 dark:text-surface-400", children: s.title }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4", children: s.children })
-  ] }, s.key);
+//#region src/components/StudioHomePage.tsx
+var SECTIONS = [
+	{
+		label: "Database",
+		dotColor: "bg-emerald-400",
+		iconColor: "text-emerald-400",
+		tools: [
+			{
+				path: "/schema",
+				name: "Collections",
+				description: "Define and manage your data model and collection schemas",
+				icon: "LayoutList"
+			},
+			{
+				path: "/schema-visualizer",
+				name: "Schema Visualizer",
+				description: "Interactive ERD showing tables, columns, and relationships",
+				icon: "Network"
+			},
+			{
+				path: "/sql",
+				name: "SQL Console",
+				description: "Execute raw SQL queries directly against your database",
+				icon: "terminal"
+			},
+			{
+				path: "/branches",
+				name: "Branches",
+				description: "Create and manage isolated database copies for development",
+				icon: "GitBranch"
+			},
+			{
+				path: "/rls",
+				name: "RLS Policies",
+				description: "Configure Row Level Security for fine-grained data access",
+				icon: "ShieldCheck"
+			},
+			{
+				path: "/logs",
+				name: "Logs Explorer",
+				description: "Real-time system, query, and authentication logs",
+				icon: "Activity"
+			}
+		]
+	},
+	{
+		label: "Compute",
+		dotColor: "bg-blue-400",
+		iconColor: "text-blue-400",
+		tools: [{
+			path: "/js",
+			name: "JS Console",
+			description: "Run JavaScript with the Rebase SDK in a live sandbox",
+			icon: "code"
+		}, {
+			path: "/cron",
+			name: "Cron Jobs",
+			description: "Monitor and manage scheduled background tasks",
+			icon: "Clock"
+		}]
+	},
+	{
+		label: "API",
+		dotColor: "bg-violet-400",
+		iconColor: "text-violet-400",
+		tools: [{
+			path: "/api",
+			name: "API Explorer",
+			description: "Interactive API documentation with live request testing",
+			icon: "BookOpen"
+		}]
+	},
+	{
+		label: "Storage",
+		dotColor: "bg-amber-400",
+		iconColor: "text-amber-400",
+		tools: [{
+			path: "/storage",
+			name: "Storage",
+			description: "Browse, upload, and manage files in your storage bucket",
+			icon: "HardDrive"
+		}]
+	},
+	{
+		label: "Access Control",
+		dotColor: "bg-rose-400",
+		iconColor: "text-rose-400",
+		tools: [{
+			path: "/users",
+			name: "Users",
+			description: "Manage developers and assign roles in your workspace",
+			icon: "group"
+		}, {
+			path: "/roles",
+			name: "Roles",
+			description: "Create and configure fine-grained access permissions",
+			icon: "ShieldEllipsis"
+		}]
+	}
+];
+function StudioHomePage({ additionalActions, additionalChildrenStart, additionalChildrenEnd, sections, hiddenGroups }) {
+	const context = useRebaseContext();
+	const breadcrumbs = useStudioBreadcrumbs$1();
+	const navigate = useNavigate();
+	useEffect(() => {
+		breadcrumbs.set({ breadcrumbs: [] });
+	}, [breadcrumbs.set]);
+	const { containerRef } = useRestoreScroll();
+	const pluginActions = useSlot("home.actions", { context });
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: "py-2 overflow-auto h-full w-full",
+		children: /* @__PURE__ */ jsxs(Container, {
+			maxWidth: "6xl",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "mb-4 flex flex-col gap-2",
+					children: /* @__PURE__ */ jsx(SchemaDriftBanner, {})
+				}),
+				(additionalActions || pluginActions) && /* @__PURE__ */ jsxs("div", {
+					className: "w-full sticky py-4 transition-all duration-400 ease-in-out top-0 z-10 flex flex-row gap-4 justify-end",
+					children: [additionalActions, pluginActions]
+				}),
+				additionalChildrenStart,
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-8 pt-2",
+					children: SECTIONS.map((section) => /* @__PURE__ */ jsxs("section", {
+						"aria-label": section.label,
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "caption",
+							component: "h2",
+							color: "secondary",
+							className: "py-2 font-medium uppercase text-sm text-surface-600 dark:text-surface-400",
+							children: section.label
+						}), /* @__PURE__ */ jsx("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mt-2",
+							children: section.tools.map((tool) => /* @__PURE__ */ jsx(Card, {
+								onClick: () => {
+									navigate(tool.path);
+									context.analyticsController?.onAnalyticsEvent?.("home_navigate_to_view", { path: tool.path });
+								},
+								className: cls("h-full px-4 py-2.5 cursor-pointer transition-all duration-200 ease-in-out", "hover:-translate-y-0.5 hover:shadow-md hover:shadow-primary/5"),
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col items-start h-full",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "grow w-full",
+										children: [
+											/* @__PURE__ */ jsx("div", {
+												className: cls("h-6 flex items-center", section.iconColor),
+												children: /* @__PURE__ */ jsx(IconForView, {
+													collectionOrView: {
+														slug: tool.path,
+														name: tool.name,
+														icon: tool.icon
+													},
+													size: "small"
+												})
+											}),
+											/* @__PURE__ */ jsx(Typography, {
+												gutterBottom: true,
+												variant: "subtitle1",
+												className: "mt-1 font-semibold",
+												component: "h2",
+												children: tool.name
+											}),
+											/* @__PURE__ */ jsx(Typography, {
+												variant: "caption",
+												color: "secondary",
+												component: "div",
+												children: tool.description
+											})
+										]
+									}), /* @__PURE__ */ jsx("div", {
+										style: { alignSelf: "flex-end" },
+										children: /* @__PURE__ */ jsx("div", {
+											className: "p-2",
+											children: /* @__PURE__ */ jsx(ArrowRightIcon, {
+												className: "text-primary",
+												size: iconSize.small
+											})
+										})
+									})]
+								})
+							}, tool.path))
+						})]
+					}, section.label))
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-10 mb-6",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "flex items-center mb-1",
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								component: "h2",
+								color: "secondary",
+								className: "py-2 font-medium uppercase text-sm text-surface-600 dark:text-surface-400",
+								children: "Quick Start"
+							})
+						}),
+						/* @__PURE__ */ jsxs(Typography, {
+							variant: "body2",
+							color: "secondary",
+							className: "mb-4 max-w-2xl",
+							children: [
+								"Generate a fully-typed SDK from your collections with",
+								" ",
+								/* @__PURE__ */ jsx("code", {
+									className: "text-emerald-400 font-mono text-xs bg-emerald-400/10 px-1.5 py-0.5 rounded",
+									children: "npx rebase generate-sdk"
+								}),
+								" ",
+								"and start querying your data with full TypeScript autocompletion."
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "rounded-lg border border-surface-200/40 dark:border-surface-700/40 bg-white dark:bg-surface-950 overflow-hidden",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center justify-between px-4 py-2.5 border-b border-surface-200/40 dark:border-surface-700/40 bg-surface-50 dark:bg-surface-900/80",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2.5",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "flex gap-1.5",
+										children: [
+											/* @__PURE__ */ jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-red-400/60" }),
+											/* @__PURE__ */ jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-amber-400/60" }),
+											/* @__PURE__ */ jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-emerald-400/60" })
+										]
+									}), /* @__PURE__ */ jsx("span", {
+										className: "text-xs font-mono text-surface-400 dark:text-surface-500 ml-1",
+										children: "app.ts"
+									})]
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-xs font-mono text-surface-400 dark:text-surface-500",
+									children: "TypeScript"
+								})]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "px-5 py-4 overflow-x-auto text-[13px] leading-6 font-mono",
+								children: /* @__PURE__ */ jsx(SyntaxHighlightedSnippet, {})
+							})]
+						})
+					]
+				}),
+				sections?.map((s) => /* @__PURE__ */ jsxs("div", {
+					className: "my-10",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						component: "h2",
+						color: "secondary",
+						className: "p-4 py-2 rounded font-medium uppercase text-sm text-surface-600 dark:text-surface-400",
+						children: s.title
+					}), /* @__PURE__ */ jsx("div", {
+						className: "mt-4",
+						children: s.children
+					})]
+				}, s.key)),
+				additionalChildrenEnd
+			]
+		})
+	});
 }
 function SyntaxHighlightedSnippet() {
-  const $ = c(50);
-  let t0;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  let t7;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "import" });
-    t1 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " { " });
-    t2 = /* @__PURE__ */ jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "createRebaseClient" });
-    t3 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " } " });
-    t4 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "from" });
-    t5 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " " });
-    t6 = /* @__PURE__ */ jsx("span", { className: "text-emerald-600 dark:text-emerald-400", children: "'@rebasepro/client'" });
-    t7 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ";" });
-    $[0] = t0;
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t3;
-    $[4] = t4;
-    $[5] = t5;
-    $[6] = t6;
-    $[7] = t7;
-  } else {
-    t0 = $[0];
-    t1 = $[1];
-    t2 = $[2];
-    t3 = $[3];
-    t4 = $[4];
-    t5 = $[5];
-    t6 = $[6];
-    t7 = $[7];
-  }
-  let t10;
-  let t11;
-  let t12;
-  let t13;
-  let t14;
-  let t15;
-  let t16;
-  let t17;
-  let t8;
-  let t9;
-  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "import" });
-    t9 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " " });
-    t10 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "type" });
-    t11 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " { " });
-    t12 = /* @__PURE__ */ jsx("span", { className: "text-amber-600 dark:text-amber-300", children: "Database" });
-    t13 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " } " });
-    t14 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "from" });
-    t15 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " " });
-    t16 = /* @__PURE__ */ jsx("span", { className: "text-emerald-600 dark:text-emerald-400", children: "'./database.types'" });
-    t17 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ";" });
-    $[8] = t10;
-    $[9] = t11;
-    $[10] = t12;
-    $[11] = t13;
-    $[12] = t14;
-    $[13] = t15;
-    $[14] = t16;
-    $[15] = t17;
-    $[16] = t8;
-    $[17] = t9;
-  } else {
-    t10 = $[8];
-    t11 = $[9];
-    t12 = $[10];
-    t13 = $[11];
-    t14 = $[12];
-    t15 = $[13];
-    t16 = $[14];
-    t17 = $[15];
-    t8 = $[16];
-    t9 = $[17];
-  }
-  let t18;
-  let t19;
-  let t20;
-  let t21;
-  let t22;
-  let t23;
-  let t24;
-  let t25;
-  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t18 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "const" });
-    t19 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " rebase " });
-    t20 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "= " });
-    t21 = /* @__PURE__ */ jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "createRebaseClient" });
-    t22 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "<" });
-    t23 = /* @__PURE__ */ jsx("span", { className: "text-amber-600 dark:text-amber-300", children: "Database" });
-    t24 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ">(" });
-    t25 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "{" });
-    $[18] = t18;
-    $[19] = t19;
-    $[20] = t20;
-    $[21] = t21;
-    $[22] = t22;
-    $[23] = t23;
-    $[24] = t24;
-    $[25] = t25;
-  } else {
-    t18 = $[18];
-    t19 = $[19];
-    t20 = $[20];
-    t21 = $[21];
-    t22 = $[22];
-    t23 = $[23];
-    t24 = $[24];
-    t25 = $[25];
-  }
-  let t26;
-  let t27;
-  let t28;
-  let t29;
-  if ($[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t26 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "    baseUrl" });
-    t27 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ": " });
-    t28 = /* @__PURE__ */ jsx("span", { className: "text-emerald-600 dark:text-emerald-400", children: "'http://localhost:3001'" });
-    t29 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "," });
-    $[26] = t26;
-    $[27] = t27;
-    $[28] = t28;
-    $[29] = t29;
-  } else {
-    t26 = $[26];
-    t27 = $[27];
-    t28 = $[28];
-    t29 = $[29];
-  }
-  let t30;
-  let t31;
-  if ($[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t30 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "}" });
-    t31 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ");" });
-    $[30] = t30;
-    $[31] = t31;
-  } else {
-    t30 = $[30];
-    t31 = $[31];
-  }
-  let t32;
-  if ($[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t32 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400 italic", children: "// Fully typed — autocompletion for tables and columns" });
-    $[32] = t32;
-  } else {
-    t32 = $[32];
-  }
-  let t33;
-  let t34;
-  let t35;
-  let t36;
-  let t37;
-  let t38;
-  let t39;
-  let t40;
-  let t41;
-  let t42;
-  let t43;
-  let t44;
-  let t45;
-  let t46;
-  let t47;
-  let t48;
-  if ($[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t33 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "const" });
-    t34 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " { " });
-    t35 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "data" });
-    t36 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ": " });
-    t37 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "users" });
-    t38 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " } " });
-    t39 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "= " });
-    t40 = /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "await" });
-    t41 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " rebase" });
-    t42 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "." });
-    t43 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "data" });
-    t44 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "." });
-    t45 = /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "users" });
-    t46 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "." });
-    t47 = /* @__PURE__ */ jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "find" });
-    t48 = /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "();" });
-    $[33] = t33;
-    $[34] = t34;
-    $[35] = t35;
-    $[36] = t36;
-    $[37] = t37;
-    $[38] = t38;
-    $[39] = t39;
-    $[40] = t40;
-    $[41] = t41;
-    $[42] = t42;
-    $[43] = t43;
-    $[44] = t44;
-    $[45] = t45;
-    $[46] = t46;
-    $[47] = t47;
-    $[48] = t48;
-  } else {
-    t33 = $[33];
-    t34 = $[34];
-    t35 = $[35];
-    t36 = $[36];
-    t37 = $[37];
-    t38 = $[38];
-    t39 = $[39];
-    t40 = $[40];
-    t41 = $[41];
-    t42 = $[42];
-    t43 = $[43];
-    t44 = $[44];
-    t45 = $[45];
-    t46 = $[46];
-    t47 = $[47];
-    t48 = $[48];
-  }
-  let t49;
-  if ($[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t49 = /* @__PURE__ */ jsxs("pre", { className: "m-0 whitespace-pre", children: [
-      t0,
-      t1,
-      t2,
-      t3,
-      t4,
-      t5,
-      t6,
-      t7,
-      "\n",
-      t8,
-      t9,
-      t10,
-      t11,
-      t12,
-      t13,
-      t14,
-      t15,
-      t16,
-      t17,
-      "\n\n",
-      t18,
-      t19,
-      t20,
-      t21,
-      t22,
-      t23,
-      t24,
-      t25,
-      "\n",
-      t26,
-      t27,
-      t28,
-      t29,
-      "\n",
-      t30,
-      t31,
-      "\n\n",
-      t32,
-      "\n",
-      t33,
-      t34,
-      t35,
-      t36,
-      t37,
-      t38,
-      t39,
-      t40,
-      t41,
-      t42,
-      t43,
-      t44,
-      t45,
-      t46,
-      t47,
-      t48,
-      "\n",
-      /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "const" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " { " }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "data" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ": " }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "posts" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " } " }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "= " }),
-      /* @__PURE__ */ jsx("span", { className: "text-violet-600 dark:text-violet-400", children: "await" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: " rebase" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "." }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-950 dark:text-surface-200", children: "data" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "." }),
-      /* @__PURE__ */ jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "collection" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "(" }),
-      /* @__PURE__ */ jsx("span", { className: "text-emerald-600 dark:text-emerald-400", children: "'posts'" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: ")" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "." }),
-      /* @__PURE__ */ jsx("span", { className: "text-blue-600 dark:text-blue-400", children: "find" }),
-      /* @__PURE__ */ jsx("span", { className: "text-surface-500 dark:text-surface-400", children: "();" })
-    ] });
-    $[49] = t49;
-  } else {
-    t49 = $[49];
-  }
-  return t49;
+	const kw = "text-violet-600 dark:text-violet-400";
+	const str = "text-emerald-600 dark:text-emerald-400";
+	const typ = "text-amber-600 dark:text-amber-300";
+	const fn = "text-blue-600 dark:text-blue-400";
+	const cm = "text-surface-500 dark:text-surface-400 italic";
+	const op = "text-surface-500 dark:text-surface-400";
+	const tx = "text-surface-950 dark:text-surface-200";
+	return /* @__PURE__ */ jsxs("pre", {
+		className: "m-0 whitespace-pre",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "import"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " { "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: fn,
+				children: "createRebaseClient"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " } "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "from"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: str,
+				children: "'@rebasepro/client'"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ";"
+			}),
+			"\n",
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "import"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "type"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " { "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: typ,
+				children: "Database"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " } "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "from"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: str,
+				children: "'./database.types'"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ";"
+			}),
+			"\n\n",
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "const"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " rebase "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "= "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: fn,
+				children: "createRebaseClient"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "<"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: typ,
+				children: "Database"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ">("
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "{"
+			}),
+			"\n",
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "    baseUrl"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ": "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: str,
+				children: "'http://localhost:3001'"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ","
+			}),
+			"\n",
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "}"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ");"
+			}),
+			"\n\n",
+			/* @__PURE__ */ jsx("span", {
+				className: cm,
+				children: "// Fully typed — autocompletion for tables and columns"
+			}),
+			"\n",
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "const"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " { "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "data"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ": "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "users"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " } "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "= "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "await"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " rebase"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "data"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "users"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: fn,
+				children: "find"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "();"
+			}),
+			"\n",
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "const"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " { "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "data"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ": "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "posts"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " } "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "= "
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: kw,
+				children: "await"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: " rebase"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: tx,
+				children: "data"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: fn,
+				children: "collection"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "("
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: str,
+				children: "'posts'"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: ")"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "."
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: fn,
+				children: "find"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: op,
+				children: "();"
+			})
+		]
+	});
 }
-const SQLEditor = lazy(() => import("./SQLEditor-CQXaI0iU.js").then((m) => ({
-  default: m.SQLEditor
-})));
-const JSEditor = lazy(() => import("./JSEditor-DfwRLBZg.js").then((m) => ({
-  default: m.JSEditor
-})));
-const RLSEditor = lazy(() => import("./RLSEditor-CHEExeSB.js").then((m) => ({
-  default: m.RLSEditor
-})));
-const StorageView = lazy(() => import("./StorageView-B7AsN2qX.js").then((m) => ({
-  default: m.StorageView
-})));
-const CronJobsView = lazy(() => import("./CronJobsView-3PM_qR8v.js").then((m) => ({
-  default: m.CronJobsView
-})));
-const SchemaVisualizer = lazy(() => import("./SchemaVisualizer-BGpmzyXT.js").then((m) => ({
-  default: m.SchemaVisualizer
-})));
-const BranchesView = lazy(() => import("./BranchesView-BiTEwIhd.js").then((m) => ({
-  default: m.BranchesView
-})));
-const ApiExplorer = lazy(() => import("./ApiExplorer-CGHEF1uL.js").then((m) => ({
-  default: m.ApiExplorer
-})));
-const LogsExplorer = lazy(() => import("./LogsExplorer-_4sZadKn.js").then((m) => ({
-  default: m.LogsExplorer
-})));
-const DEFAULT_HOME_PAGE = /* @__PURE__ */ jsx(StudioHomePage, {});
-function RebaseStudio({
-  tools,
-  homePage
-}) {
-  const dispatch = useRebaseRegistryDispatch();
-  const resolvedHomePage = homePage ?? DEFAULT_HOME_PAGE;
-  const devViews = useMemo(() => {
-    const views = [];
-    const activeTools = tools ?? ["sql", "js", "rls", "storage", "cron", "schema-visualizer", "branches", "api", "logs"];
-    const suspense = (el) => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}), children: el });
-    if (activeTools.includes("sql")) {
-      views.push({
-        slug: "sql",
-        name: "SQL Console",
-        group: "Database",
-        icon: "terminal",
-        description: "Execute SQL queries",
-        view: suspense(/* @__PURE__ */ jsx(SQLEditor, {}))
-      });
-    }
-    if (activeTools.includes("js")) {
-      views.push({
-        slug: "js",
-        name: "JS Console",
-        group: "Compute",
-        icon: "code",
-        description: "Execute JavaScript",
-        view: suspense(/* @__PURE__ */ jsx(JSEditor, {}))
-      });
-    }
-    if (activeTools.includes("rls")) {
-      views.push({
-        slug: "rls",
-        name: "RLS Policies",
-        group: "Database",
-        icon: "ShieldCheck",
-        description: "Row Level Security",
-        view: suspense(/* @__PURE__ */ jsx(RLSEditor, {}))
-      });
-    }
-    if (activeTools.includes("storage")) {
-      views.push({
-        slug: "storage",
-        name: "Storage",
-        group: "Storage",
-        icon: "HardDrive",
-        description: "Manage storage files",
-        view: suspense(/* @__PURE__ */ jsx(StorageView, {}))
-      });
-    }
-    if (activeTools.includes("cron")) {
-      views.push({
-        slug: "cron",
-        name: "Cron Jobs",
-        group: "Compute",
-        icon: "Clock",
-        description: "Manage scheduled tasks",
-        view: suspense(/* @__PURE__ */ jsx(CronJobsView, {}))
-      });
-    }
-    if (activeTools.includes("schema-visualizer")) {
-      views.push({
-        slug: "schema-visualizer",
-        name: "Schema Visualizer",
-        group: "Database",
-        icon: "Network",
-        description: "Interactive database ERD",
-        view: suspense(/* @__PURE__ */ jsx(SchemaVisualizer, {}))
-      });
-    }
-    if (activeTools.includes("branches")) {
-      views.push({
-        slug: "branches",
-        name: "Branches",
-        group: "Database",
-        icon: "GitBranch",
-        description: "Create and manage database branches",
-        view: suspense(/* @__PURE__ */ jsx(BranchesView, {}))
-      });
-    }
-    if (activeTools.includes("api")) {
-      views.push({
-        slug: "api",
-        name: "API Explorer",
-        group: "API",
-        icon: "BookOpen",
-        description: "Interactive API documentation and testing",
-        view: suspense(/* @__PURE__ */ jsx(ApiExplorer, {}))
-      });
-    }
-    if (activeTools.includes("logs")) {
-      views.push({
-        slug: "logs",
-        name: "Logs Explorer",
-        group: "Database",
-        icon: "Activity",
-        description: "Real-time system and query logs",
-        view: suspense(/* @__PURE__ */ jsx(LogsExplorer, {}))
-      });
-    }
-    return views;
-  }, [tools]);
-  const homePageRef = React.useRef(resolvedHomePage);
-  homePageRef.current = resolvedHomePage;
-  useLayoutEffect(() => {
-    dispatch.registerStudio({
-      tools,
-      homePage: homePageRef.current,
-      devViews
-    });
-    return () => dispatch.unregisterStudio();
-  }, [dispatch, tools, devViews]);
-  return null;
+//#endregion
+//#region src/components/RebaseStudio.tsx
+var SQLEditor = lazy(() => import("./SQLEditor-BLuq_zDM.js").then((m) => ({ default: m.SQLEditor })));
+var JSEditor = lazy(() => import("./JSEditor-BhAbEjCP.js").then((m) => ({ default: m.JSEditor })));
+var RLSEditor = lazy(() => import("./RLSEditor-CTxYbBdW.js").then((m) => ({ default: m.RLSEditor })));
+var StorageView = lazy(() => import("./StorageView-nDaC2foF.js").then((m) => ({ default: m.StorageView })));
+var CronJobsView = lazy(() => import("./CronJobsView-4gdtJvoe.js").then((m) => ({ default: m.CronJobsView })));
+var SchemaVisualizer = lazy(() => import("./SchemaVisualizer-BJK2u3C0.js").then((m) => ({ default: m.SchemaVisualizer })));
+var BranchesView = lazy(() => import("./BranchesView-DncIRcZt.js").then((m) => ({ default: m.BranchesView })));
+var ApiExplorer = lazy(() => import("./ApiExplorer-CdIwR9Ga.js").then((m) => ({ default: m.ApiExplorer })));
+var LogsExplorer = lazy(() => import("./LogsExplorer-CqtKILj8.js").then((m) => ({ default: m.LogsExplorer })));
+/**
+* Declarative component to configure the Studio in Rebase.
+* Renders nothing — purely registers config into the RebaseRegistry.
+*
+* The "schema" tool (collection editor view) is now a built-in CMS feature.
+* When `<RebaseCMS collectionEditor={...}>` is used, the schema view is
+* automatically injected into Studio — no manual wiring needed.
+*/
+var DEFAULT_HOME_PAGE = /* @__PURE__ */ jsx(StudioHomePage, {});
+function RebaseStudio({ tools, homePage }) {
+	const dispatch = useRebaseRegistryDispatch();
+	const resolvedHomePage = homePage ?? DEFAULT_HOME_PAGE;
+	const devViews = useMemo(() => {
+		const views = [];
+		const activeTools = tools ?? [
+			"sql",
+			"js",
+			"rls",
+			"storage",
+			"cron",
+			"schema-visualizer",
+			"branches",
+			"api",
+			"logs"
+		];
+		const suspense = (el) => /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(CircularProgressCenter, {}),
+			children: el
+		});
+		if (activeTools.includes("sql")) views.push({
+			slug: "sql",
+			name: "SQL Console",
+			group: "Database",
+			icon: "terminal",
+			description: "Execute SQL queries",
+			view: suspense(/* @__PURE__ */ jsx(SQLEditor, {}))
+		});
+		if (activeTools.includes("js")) views.push({
+			slug: "js",
+			name: "JS Console",
+			group: "Compute",
+			icon: "code",
+			description: "Execute JavaScript",
+			view: suspense(/* @__PURE__ */ jsx(JSEditor, {}))
+		});
+		if (activeTools.includes("rls")) views.push({
+			slug: "rls",
+			name: "RLS Policies",
+			group: "Database",
+			icon: "ShieldCheck",
+			description: "Row Level Security",
+			view: suspense(/* @__PURE__ */ jsx(RLSEditor, {}))
+		});
+		if (activeTools.includes("storage")) views.push({
+			slug: "storage",
+			name: "Storage",
+			group: "Storage",
+			icon: "HardDrive",
+			description: "Manage storage files",
+			view: suspense(/* @__PURE__ */ jsx(StorageView, {}))
+		});
+		if (activeTools.includes("cron")) views.push({
+			slug: "cron",
+			name: "Cron Jobs",
+			group: "Compute",
+			icon: "Clock",
+			description: "Manage scheduled tasks",
+			view: suspense(/* @__PURE__ */ jsx(CronJobsView, {}))
+		});
+		if (activeTools.includes("schema-visualizer")) views.push({
+			slug: "schema-visualizer",
+			name: "Schema Visualizer",
+			group: "Database",
+			icon: "Network",
+			description: "Interactive database ERD",
+			view: suspense(/* @__PURE__ */ jsx(SchemaVisualizer, {}))
+		});
+		if (activeTools.includes("branches")) views.push({
+			slug: "branches",
+			name: "Branches",
+			group: "Database",
+			icon: "GitBranch",
+			description: "Create and manage database branches",
+			view: suspense(/* @__PURE__ */ jsx(BranchesView, {}))
+		});
+		if (activeTools.includes("api")) views.push({
+			slug: "api",
+			name: "API Explorer",
+			group: "API",
+			icon: "BookOpen",
+			description: "Interactive API documentation and testing",
+			view: suspense(/* @__PURE__ */ jsx(ApiExplorer, {}))
+		});
+		if (activeTools.includes("logs")) views.push({
+			slug: "logs",
+			name: "Logs Explorer",
+			group: "Database",
+			icon: "Activity",
+			description: "Real-time system and query logs",
+			view: suspense(/* @__PURE__ */ jsx(LogsExplorer, {}))
+		});
+		return views;
+	}, [tools]);
+	const homePageRef = React.useRef(resolvedHomePage);
+	homePageRef.current = resolvedHomePage;
+	useLayoutEffect(() => {
+		dispatch.registerStudio({
+			tools,
+			homePage: homePageRef.current,
+			devViews
+		});
+		return () => dispatch.unregisterStudio();
+	}, [
+		dispatch,
+		tools,
+		devViews
+	]);
+	return null;
 }
-export {
-  RebaseStudio,
-  StudioBridgeContext,
-  StudioBridgeProvider,
-  StudioHomePage,
-  useStudioBreadcrumbs2 as useStudioBreadcrumbs,
-  useStudioCollectionRegistry,
-  useStudioNavigationState,
-  useStudioSideEntityController,
-  useStudioUrlController
-};
-//# sourceMappingURL=index.es.js.map
+//#endregion
+export { RebaseStudio, StudioBridgeContext, StudioBridgeProvider, StudioHomePage, useStudioBreadcrumbs, useStudioCollectionRegistry, useStudioNavigationState, useStudioSideEntityController, useStudioUrlController };
+
+//# sourceMappingURL=index.es.js.map