@rebasepro/studio 0.9.1-canary.fd3754b → 0.10.0

package/dist/index.es.js

@@ -1,107 +1,43 @@
-import { IconForView, SchemaDriftBanner, StudioBridgeContext, StudioBridgeProvider, useRebaseContext, useRebaseRegistryDispatch, useRestoreScroll, useSlot, useStudioBreadcrumbs, useStudioBreadcrumbs as useStudioBreadcrumbs$1, useStudioCollectionRegistry, useStudioNavigationState, useStudioSidePanelController, useStudioUrlController } from "@rebasepro/app";
+import { IconForView, SchemaDriftBanner, StudioBridgeContext, StudioBridgeProvider, useRebaseContext, useRebaseRegistry, useRebaseRegistryDispatch, useRestoreScroll, useSlot, useStudioBreadcrumbs, useStudioBreadcrumbs as useStudioBreadcrumbs$1, useStudioCollectionRegistry, useStudioNavigationState, useStudioSidePanelController, useStudioUrlController } from "@rebasepro/app";
 import React, { Suspense, lazy, useEffect, useLayoutEffect, useMemo, useState } from "react";
 import { Card, CircularProgressCenter, Container, ExpandablePanel, Typography, cls } from "@rebasepro/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useNavigate } from "react-router-dom";
 //#region src/components/StudioHomePage.tsx
-var SECTIONS = [
-	{
-		label: "Database",
-		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",
-		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",
-		tools: [{
-			path: "/api",
-			name: "API Explorer",
-			description: "Interactive API documentation with live request testing",
-			icon: "BookOpen"
-		}]
-	},
-	{
-		label: "Storage",
-		tools: [{
-			path: "/storage",
-			name: "Storage",
-			description: "Browse, upload, and manage files in your storage bucket",
-			icon: "HardDrive"
-		}]
-	},
-	{
-		label: "Access Control",
-		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"
-			},
-			{
-				path: "/api-keys",
-				name: "API Keys",
-				description: "Create and manage scoped keys for machine-to-machine access",
-				icon: "KeyRound"
-			}
-		]
-	}
+/** Group order for the home page; unknown groups are appended in view order. */
+var GROUP_ORDER = [
+	"Database",
+	"Compute",
+	"Storage",
+	"API",
+	"Access Control"
 ];
+var UNGROUPED_LABEL = "Tools";
+/**
+* Build the home page sections from the Studio views that are actually
+* registered, so a card exists if and only if its route does. A hand-written
+* list drifts: it used to advertise Users and Roles pages that 404, while
+* omitting the Backups view that does exist.
+*/
+function buildSections(views) {
+	const byGroup = /* @__PURE__ */ new Map();
+	for (const view of views) {
+		if (view.hideFromNavigation) continue;
+		const label = view.group ?? UNGROUPED_LABEL;
+		const tools = byGroup.get(label) ?? [];
+		tools.push({
+			path: `/${view.slug}`,
+			name: view.name,
+			description: view.description ?? "",
+			icon: view.icon
+		});
+		byGroup.set(label, tools);
+	}
+	return [...GROUP_ORDER.filter((g) => byGroup.has(g)), ...[...byGroup.keys()].filter((g) => !GROUP_ORDER.includes(g))].map((label) => ({
+		label,
+		tools: byGroup.get(label)
+	}));
+}
 var COLLAPSED_STORAGE_KEY = "rebase-studio-home-collapsed";
 function useStudioCollapsedGroups(groupNames) {
 	const [collapsed, setCollapsed] = useState(() => {
@@ -133,12 +69,29 @@ function StudioHomePage({ additionalActions, additionalChildrenStart, additional
 	const context = useRebaseContext();
 	const breadcrumbs = useStudioBreadcrumbs$1();
 	const navigate = useNavigate();
+	const registry = useRebaseRegistry();
 	useEffect(() => {
 		breadcrumbs.set({ breadcrumbs: [] });
 	}, [breadcrumbs.set]);
 	const { containerRef } = useRestoreScroll();
 	const pluginActions = useSlot("home.actions", { context });
-	const filteredSections = useMemo(() => SECTIONS.filter((s) => !hiddenGroups?.includes(s.label)), [hiddenGroups]);
+	const schemaEnabled = Boolean(registry.studioConfig && registry.cmsConfig?.collectionEditor);
+	const filteredSections = useMemo(() => {
+		const views = [];
+		if (schemaEnabled) views.push({
+			slug: "schema",
+			name: "Collections",
+			group: "Database",
+			icon: "LayoutList",
+			description: "Define and manage your data model and collection schemas"
+		});
+		views.push(...registry.studioConfig?.devViews ?? []);
+		return buildSections(views).filter((s) => !hiddenGroups?.includes(s.label));
+	}, [
+		registry.studioConfig?.devViews,
+		schemaEnabled,
+		hiddenGroups
+	]);
 	const { isGroupCollapsed, toggleGroupCollapsed } = useStudioCollapsedGroups(useMemo(() => filteredSections.map((s) => s.label), [filteredSections]));
 	return /* @__PURE__ */ jsx("div", {
 		ref: containerRef,
@@ -596,17 +549,17 @@ function SyntaxHighlightedSnippet() {
 }
 //#endregion
 //#region src/components/RebaseStudio.tsx
-var SQLEditor = lazy(() => import("./SQLEditor-ZZsy1Mk6.js").then((m) => ({ default: m.SQLEditor })));
-var JSEditor = lazy(() => import("./JSEditor-Etgw9-Cw.js").then((m) => ({ default: m.JSEditor })));
-var RLSEditor = lazy(() => import("./RLSEditor-Cgv_kUVW.js").then((m) => ({ default: m.RLSEditor })));
+var SQLEditor = lazy(() => import("./SQLEditor-_dCqVAN_.js").then((m) => ({ default: m.SQLEditor })));
+var JSEditor = lazy(() => import("./JSEditor-BeHHuxhA.js").then((m) => ({ default: m.JSEditor })));
+var RLSEditor = lazy(() => import("./RLSEditor-rLlMcZPG.js").then((m) => ({ default: m.RLSEditor })));
 var StorageView = lazy(() => import("./StorageView-UvyM2xdW.js").then((m) => ({ default: m.StorageView })));
 var CronJobsView = lazy(() => import("./CronJobsView-B59i3Mis.js").then((m) => ({ default: m.CronJobsView })));
-var SchemaVisualizer = lazy(() => import("./SchemaVisualizer-D01DzU-f.js").then((m) => ({ default: m.SchemaVisualizer })));
+var SchemaVisualizer = lazy(() => import("./SchemaVisualizer-C_ErehfH.js").then((m) => ({ default: m.SchemaVisualizer })));
 var BranchesView = lazy(() => import("./BranchesView-DH0qnU9J.js").then((m) => ({ default: m.BranchesView })));
 var BackupsView = lazy(() => import("./BackupsView-DNS6LdVg.js").then((m) => ({ default: m.BackupsView })));
 var ApiExplorer = lazy(() => import("./ApiExplorer-B9M9-uy_.js").then((m) => ({ default: m.ApiExplorer })));
-var LogsExplorer = lazy(() => import("./LogsExplorer-J4xfsuv3.js").then((m) => ({ default: m.LogsExplorer })));
-var ApiKeysView = lazy(() => import("./ApiKeysView-Dbe5cXkS.js").then((m) => ({ default: m.ApiKeysView })));
+var LogsExplorer = lazy(() => import("./LogsExplorer-BCXoGREr.js").then((m) => ({ default: m.LogsExplorer })));
+var ApiKeysView = lazy(() => import("./ApiKeysView-vQKqt2wl.js").then((m) => ({ default: m.ApiKeysView })));
 /**
 * Declarative component to configure the Studio in Rebase.
 * Renders nothing — purely registers config into the RebaseRegistry.

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","names":[],"sources":["../src/components/StudioHomePage.tsx","../src/components/RebaseStudio.tsx"],"sourcesContent":["import type { HomePageSection, PluginGenericProps } from \"@rebasepro/types\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Card, cls, Container, ExpandablePanel, Typography } from \"@rebasepro/ui\";\nimport { IconForView, useRebaseContext, useRestoreScroll, useSlot } from \"@rebasepro/app\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useStudioBreadcrumbs, SchemaDriftBanner } from \"@rebasepro/app\";\n\n/* ═══════════════════════════════════════════════════════════════\n   Static studio tool definitions\n   ═══════════════════════════════════════════════════════════════ */\n\ninterface StudioTool {\n    path: string;\n    name: string;\n    description: string;\n    icon: string;\n}\n\ninterface StudioSection {\n    label: string;\n    tools: StudioTool[];\n}\n\nconst SECTIONS: StudioSection[] = [\n    {\n        label: \"Database\",\n        tools: [\n            { path: \"/schema\",\nname: \"Collections\",\ndescription: \"Define and manage your data model and collection schemas\",\nicon: \"LayoutList\" },\n            { path: \"/schema-visualizer\",\nname: \"Schema Visualizer\",\ndescription: \"Interactive ERD showing tables, columns, and relationships\",\nicon: \"Network\" },\n            { path: \"/sql\",\nname: \"SQL Console\",\ndescription: \"Execute raw SQL queries directly against your database\",\nicon: \"terminal\" },\n            { path: \"/branches\",\nname: \"Branches\",\ndescription: \"Create and manage isolated database copies for development\",\nicon: \"GitBranch\" },\n            { path: \"/rls\",\nname: \"RLS Policies\",\ndescription: \"Configure Row Level Security for fine-grained data access\",\nicon: \"ShieldCheck\" },\n            { path: \"/logs\",\nname: \"Logs Explorer\",\ndescription: \"Real-time system, query, and authentication logs\",\nicon: \"Activity\" }\n        ]\n    },\n    {\n        label: \"Compute\",\n        tools: [\n            { path: \"/js\",\nname: \"JS Console\",\ndescription: \"Run JavaScript with the Rebase SDK in a live sandbox\",\nicon: \"code\" },\n            { path: \"/cron\",\nname: \"Cron Jobs\",\ndescription: \"Monitor and manage scheduled background tasks\",\nicon: \"Clock\" }\n        ]\n    },\n    {\n        label: \"API\",\n        tools: [\n            { path: \"/api\",\nname: \"API Explorer\",\ndescription: \"Interactive API documentation with live request testing\",\nicon: \"BookOpen\" }\n        ]\n    },\n    {\n        label: \"Storage\",\n        tools: [\n            { path: \"/storage\",\nname: \"Storage\",\ndescription: \"Browse, upload, and manage files in your storage bucket\",\nicon: \"HardDrive\" }\n        ]\n    },\n    {\n        label: \"Access Control\",\n        tools: [\n            { path: \"/users\",\nname: \"Users\",\ndescription: \"Manage developers and assign roles in your workspace\",\nicon: \"group\" },\n            { path: \"/roles\",\nname: \"Roles\",\ndescription: \"Create and configure fine-grained access permissions\",\nicon: \"ShieldEllipsis\" },\n            { path: \"/api-keys\",\nname: \"API Keys\",\ndescription: \"Create and manage scoped keys for machine-to-machine access\",\nicon: \"KeyRound\" }\n        ]\n    }\n];\n\n/* ═══════════════════════════════════════════════════════════════ */\n\nconst COLLAPSED_STORAGE_KEY = \"rebase-studio-home-collapsed\";\n\nfunction useStudioCollapsedGroups(groupNames: string[]) {\n    const [collapsed, setCollapsed] = useState<Set<string>>(() => {\n        try {\n            const stored = localStorage.getItem(COLLAPSED_STORAGE_KEY);\n            return stored ? new Set(JSON.parse(stored)) : new Set<string>();\n        } catch {\n            return new Set<string>();\n        }\n    });\n\n    const isGroupCollapsed = (name: string) => collapsed.has(name);\n\n    const toggleGroupCollapsed = (name: string) => {\n        setCollapsed(prev => {\n            const next = new Set(prev);\n            if (next.has(name)) {\n                next.delete(name);\n            } else {\n                next.add(name);\n            }\n            try {\n                localStorage.setItem(COLLAPSED_STORAGE_KEY, JSON.stringify([...next]));\n            } catch { /* noop */ }\n            return next;\n        });\n    };\n\n    return { isGroupCollapsed, toggleGroupCollapsed };\n}\n\nexport function StudioHomePage({\n    additionalActions,\n    additionalChildrenStart,\n    additionalChildrenEnd,\n    sections,\n    hiddenGroups\n}: {\n    additionalActions?: React.ReactNode;\n    additionalChildrenStart?: React.ReactNode;\n    additionalChildrenEnd?: React.ReactNode;\n    sections?: HomePageSection[];\n    hiddenGroups?: string[];\n}) {\n    const context = useRebaseContext();\n    const breadcrumbs = useStudioBreadcrumbs();\n    const navigate = useNavigate();\n\n    useEffect(() => {\n        breadcrumbs.set({ breadcrumbs: [] });\n    }, [breadcrumbs.set]);\n\n    const { containerRef } = useRestoreScroll();\n\n    const sectionProps: PluginGenericProps = { context };\n\n    const pluginActions = useSlot(\"home.actions\", sectionProps);\n\n    const filteredSections = useMemo(\n        () => SECTIONS.filter(s => !hiddenGroups?.includes(s.label)),\n        [hiddenGroups]\n    );\n\n    const groupNames = useMemo(\n        () => filteredSections.map(s => s.label),\n        [filteredSections]\n    );\n\n    const { isGroupCollapsed, toggleGroupCollapsed } = useStudioCollapsedGroups(groupNames);\n\n    return (\n        <div ref={containerRef} className=\"py-2 overflow-auto h-full w-full bg-surface-50 dark:bg-surface-800\">\n            <Container maxWidth=\"6xl\">\n                <div className=\"mb-4 flex flex-col gap-2\">\n                    <SchemaDriftBanner />\n                </div>\n\n                {(additionalActions || pluginActions) && (\n                    <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\">\n                        {additionalActions}\n                        {pluginActions}\n                    </div>\n                )}\n\n                {additionalChildrenStart}\n\n                {/* ── Tool sections ── */}\n                {filteredSections.map((section) => {\n                    const sectionCollapsed = isGroupCollapsed(section.label);\n\n                    return (\n                        <div key={section.label} className=\"my-10\">\n                            <ExpandablePanel\n                                invisible\n                                expanded={!sectionCollapsed}\n                                onExpandedChange={(open) => {\n                                    if (open !== !sectionCollapsed) {\n                                        toggleGroupCollapsed(section.label);\n                                    }\n                                }}\n                                className=\"mt-6\"\n                                titleClassName={cls(\n                                    \"min-h-0 p-0 border-none\",\n                                    \"rounded flex items-center justify-between w-full\",\n                                    \"hover:bg-transparent\",\n                                    \"cursor-pointer select-none\",\n                                    sectionCollapsed && \"bg-surface-100 dark:bg-surface-900/50\"\n                                )}\n                                innerClassName=\"mt-4 pt-0\"\n                                title={\n                                    <Typography\n                                        variant=\"caption\"\n                                        component=\"h2\"\n                                        color=\"secondary\"\n                                        className={cls(\n                                            \"px-4 py-1 rounded\",\n                                            \"font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70\"\n                                        )}\n                                    >\n                                        {section.label}\n                                    </Typography>\n                                }\n                            >\n                                <div className=\"mt-4 pt-0\">\n                                    <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                                        {section.tools.map((tool) => (\n                                            <Card\n                                                key={tool.path}\n                                                onClick={() => {\n                                                    navigate(tool.path);\n                                                    context.analyticsController?.onAnalyticsEvent?.(\n                                                        \"home_navigate_to_view\",\n                                                        { path: tool.path }\n                                                    );\n                                                }}\n                                                className={cls(\n                                                    \"group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out\",\n                                                    \"hover:bg-primary/5 dark:hover:bg-primary/5\"\n                                                )}\n                                            >\n                                                <div className=\"flex flex-col h-full\">\n                                                    {/* Header: icon + title */}\n                                                    <div className=\"flex items-center w-full justify-between mb-1\">\n                                                        <div className=\"flex items-center gap-3\">\n                                                            <div className=\"flex items-center justify-center w-5 h-5 text-surface-400 dark:text-surface-500 transition-colors duration-150 group-hover:text-primary dark:group-hover:text-primary\">\n                                                                <IconForView\n                                                                    collectionOrView={{ slug: tool.path, name: tool.name, icon: tool.icon }}\n                                                                    size=\"small\"\n                                                                />\n                                                            </div>\n                                                            <Typography variant=\"subtitle1\" component=\"h2\">\n                                                                {tool.name}\n                                                            </Typography>\n                                                        </div>\n                                                    </div>\n\n                                                    {/* Description indented to align with title */}\n                                                    <div className=\"pl-8\">\n                                                        {tool.description && (\n                                                            <Typography variant=\"caption\" color=\"secondary\" component=\"div\">\n                                                                {tool.description}\n                                                            </Typography>\n                                                        )}\n                                                    </div>\n\n                                                    {/* Spacer */}\n                                                    <div className=\"grow\"/>\n                                                </div>\n                                            </Card>\n                                        ))}\n                                    </div>\n                                </div>\n                            </ExpandablePanel>\n                        </div>\n                    );\n                })}\n\n                {/* ── SDK Quick Start ── */}\n                <div className=\"mt-10 mb-6\">\n                    <div className=\"flex items-center mb-1\">\n                        <Typography\n                            variant=\"caption\"\n                            component=\"h2\"\n                            color=\"secondary\"\n                            className={cls(\n                                \"px-4 py-1 rounded\",\n                                \"font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70\"\n                            )}\n                        >\n                            Quick Start\n                        </Typography>\n                    </div>\n\n                    <Typography variant=\"body2\" color=\"secondary\" className=\"mb-4 max-w-2xl\">\n                        Generate a fully-typed SDK from your collections with{\" \"}\n                        <code className=\"text-emerald-400 font-mono text-xs bg-emerald-400/10 px-1.5 py-0.5 rounded\">\n                            npx rebase generate-sdk\n                        </code>\n                        {\" \"}and start querying your data with full TypeScript autocompletion.\n                    </Typography>\n\n                    <div className=\"rounded-lg border border-surface-200/40 dark:border-surface-700/40 bg-white dark:bg-surface-950 overflow-hidden\">\n                        {/* Title bar */}\n                        <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\">\n                            <div className=\"flex items-center gap-2.5\">\n                                <div className=\"flex gap-1.5\">\n                                    <span className=\"w-2.5 h-2.5 rounded-full bg-red-400/60\"/>\n                                    <span className=\"w-2.5 h-2.5 rounded-full bg-amber-400/60\"/>\n                                    <span className=\"w-2.5 h-2.5 rounded-full bg-emerald-400/60\"/>\n                                </div>\n                                <span className=\"text-xs font-mono text-surface-400 dark:text-surface-500 ml-1\">\n                                    app.ts\n                                </span>\n                            </div>\n                            <span className=\"text-xs font-mono text-surface-400 dark:text-surface-500\">\n                                TypeScript\n                            </span>\n                        </div>\n\n                        {/* Syntax-highlighted code */}\n                        <div className=\"px-5 py-4 overflow-x-auto text-[13px] leading-6 font-mono\">\n                            <SyntaxHighlightedSnippet/>\n                        </div>\n                    </div>\n                </div>\n\n                {/* ── Extra sections from props ── */}\n                {sections?.map((s) => (\n                    <div key={s.key} className=\"my-10\">\n                        <Typography\n                            variant=\"caption\"\n                            component=\"h2\"\n                            color=\"secondary\"\n                            className={cls(\n                                \"px-4 py-1 rounded\",\n                                \"font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70\"\n                            )}\n                        >\n                            {s.title}\n                        </Typography>\n                        <div className=\"mt-4\">{s.children}</div>\n                    </div>\n                ))}\n\n                {additionalChildrenEnd}\n            </Container>\n        </div>\n    );\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Hand-crafted syntax-highlighted code snippet.\n   Uses inline spans with Tailwind color classes to avoid\n   pulling in a syntax highlighting library.\n   ═══════════════════════════════════════════════════════════════ */\n\nfunction SyntaxHighlightedSnippet() {\n    const kw = \"text-violet-600 dark:text-violet-400\"; // keywords\n    const str = \"text-emerald-600 dark:text-emerald-400\"; // strings\n    const typ = \"text-amber-600 dark:text-amber-300\"; // types\n    const fn = \"text-blue-600 dark:text-blue-400\"; // functions\n    const cm = \"text-surface-500 dark:text-surface-400 italic\"; // comments\n    const op = \"text-surface-500 dark:text-surface-400\"; // operators / punctuation\n    const tx = \"text-surface-950 dark:text-surface-200\"; // plain text\n\n    return (\n        <pre className=\"m-0 whitespace-pre\">\n            <span className={kw}>import</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={fn}>createRebaseClient</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={kw}>from</span>\n            <span className={tx}> </span>\n            <span className={str}>&apos;@rebasepro/client&apos;</span>\n            <span className={op}>;</span>\n            {\"\\n\"}\n\n            <span className={kw}>import</span>\n            <span className={tx}> </span>\n            <span className={kw}>type</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={typ}>Database</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={kw}>from</span>\n            <span className={tx}> </span>\n            <span className={str}>&apos;./database.types&apos;</span>\n            <span className={op}>;</span>\n            {\"\\n\\n\"}\n\n            <span className={kw}>const</span>\n            <span className={tx}> rebase </span>\n            <span className={op}>= </span>\n            <span className={fn}>createRebaseClient</span>\n            <span className={op}>{\"<\"}</span>\n            <span className={typ}>Database</span>\n            <span className={op}>{\">(\"}</span>\n            <span className={tx}>{\"{\"}</span>\n            {\"\\n\"}\n            <span className={tx}>{\"    baseUrl\"}</span>\n            <span className={op}>: </span>\n            <span className={str}>&apos;http://localhost:3001&apos;</span>\n            <span className={op}>,</span>\n            {\"\\n\"}\n            <span className={tx}>{\"}\"}</span>\n            <span className={op}>);</span>\n            {\"\\n\\n\"}\n\n            <span className={cm}>{\"// Fully typed — autocompletion for tables and columns\"}</span>\n            {\"\\n\"}\n            <span className={kw}>const</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={tx}>data</span>\n            <span className={op}>: </span>\n            <span className={tx}>users</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={op}>= </span>\n            <span className={kw}>await</span>\n            <span className={tx}> rebase</span>\n            <span className={op}>.</span>\n            <span className={tx}>data</span>\n            <span className={op}>.</span>\n            <span className={tx}>users</span>\n            <span className={op}>.</span>\n            <span className={fn}>find</span>\n            <span className={op}>();</span>\n            {\"\\n\"}\n\n            <span className={kw}>const</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={tx}>data</span>\n            <span className={op}>: </span>\n            <span className={tx}>posts</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={op}>= </span>\n            <span className={kw}>await</span>\n            <span className={tx}> rebase</span>\n            <span className={op}>.</span>\n            <span className={tx}>data</span>\n            <span className={op}>.</span>\n            <span className={fn}>collection</span>\n            <span className={op}>(</span>\n            <span className={str}>&apos;posts&apos;</span>\n            <span className={op}>)</span>\n            <span className={op}>.</span>\n            <span className={fn}>find</span>\n            <span className={op}>();</span>\n        </pre>\n    );\n}\n","import React, { lazy, Suspense, useLayoutEffect, useMemo } from \"react\";\nimport { useRebaseRegistryDispatch } from \"@rebasepro/app\";\nimport type { RebaseStudioConfig, AppView } from \"@rebasepro/types\";\nimport { CircularProgressCenter } from \"@rebasepro/ui\";\n\n// Lazy-loaded studio tools — each fetched only when its route is visited.\n// This keeps Monaco, @xyflow/react, dagre, pgsql-ast-parser etc. out of the initial bundle.\nconst SQLEditor = lazy(() => import(\"./SQLEditor/SQLEditor\").then(m => ({ default: m.SQLEditor })));\nconst JSEditor = lazy(() => import(\"./JSEditor/JSEditor\").then(m => ({ default: m.JSEditor })));\nconst RLSEditor = lazy(() => import(\"./RLSEditor/RLSEditor\").then(m => ({ default: m.RLSEditor })));\nconst StorageView = lazy(() => import(\"./StorageView/StorageView\").then(m => ({ default: m.StorageView })));\nconst CronJobsView = lazy(() => import(\"./CronJobs/CronJobsView\").then(m => ({ default: m.CronJobsView })));\nconst SchemaVisualizer = lazy(() => import(\"./SchemaVisualizer/SchemaVisualizer\").then(m => ({ default: m.SchemaVisualizer })));\nconst BranchesView = lazy(() => import(\"./Branches/BranchesView\").then(m => ({ default: m.BranchesView })));\nconst BackupsView = lazy(() => import(\"./Backups/BackupsView\").then(m => ({ default: m.BackupsView })));\nconst ApiExplorer = lazy(() => import(\"./ApiExplorer/ApiExplorer\").then(m => ({ default: m.ApiExplorer })));\nconst LogsExplorer = lazy(() => import(\"./LogsExplorer/LogsExplorer\").then(m => ({ default: m.LogsExplorer })));\nconst ApiKeysView = lazy(() => import(\"./ApiKeys/ApiKeysView\").then(m => ({ default: m.ApiKeysView })));\n\nimport { StudioHomePage } from \"./StudioHomePage\";\n\n/**\n * Declarative component to configure the Studio in Rebase.\n * Renders nothing — purely registers config into the RebaseRegistry.\n *\n * The \"schema\" tool (collection editor view) is now a built-in CMS feature.\n * When `<RebaseAdmin collectionEditor={...}>` is used, the schema view is\n * automatically injected into Studio — no manual wiring needed.\n */\nconst DEFAULT_HOME_PAGE = <StudioHomePage/>;\n\nexport function RebaseStudio({ tools, homePage }: RebaseStudioConfig) {\n    const dispatch = useRebaseRegistryDispatch();\n\n    const resolvedHomePage = homePage ?? DEFAULT_HOME_PAGE;\n\n    const devViews: AppView[] = useMemo(() => {\n        const views: AppView[] = [];\n        const activeTools = tools ?? [\"sql\", \"js\", \"rls\", \"storage\", \"cron\", \"schema-visualizer\", \"branches\", \"backups\", \"api\", \"logs\", \"api-keys\"];\n        const suspense = (el: React.ReactNode) => <Suspense fallback={<CircularProgressCenter/>}>{el}</Suspense>;\n\n        if (activeTools.includes(\"sql\")) {\n            views.push({ slug: \"sql\",\nname: \"SQL Console\",\ngroup: \"Database\",\nicon: \"terminal\",\ndescription: \"Execute SQL queries\",\nview: suspense(<SQLEditor/>) });\n        }\n        if (activeTools.includes(\"js\")) {\n            views.push({ slug: \"js\",\nname: \"JS Console\",\ngroup: \"Compute\",\nicon: \"code\",\ndescription: \"Execute JavaScript\",\nview: suspense(<JSEditor/>) });\n        }\n        if (activeTools.includes(\"rls\")) {\n            views.push({ slug: \"rls\",\nname: \"RLS Policies\",\ngroup: \"Database\",\nicon: \"ShieldCheck\",\ndescription: \"Row Level Security\",\nview: suspense(<RLSEditor/>) });\n        }\n        if (activeTools.includes(\"storage\")) {\n            views.push({ slug: \"storage\",\nname: \"Storage\",\ngroup: \"Storage\",\nicon: \"HardDrive\",\ndescription: \"Manage storage files\",\nview: suspense(<StorageView/>) });\n        }\n        if (activeTools.includes(\"cron\")) {\n            views.push({ slug: \"cron\",\nname: \"Cron Jobs\",\ngroup: \"Compute\",\nicon: \"Clock\",\ndescription: \"Manage scheduled tasks\",\nview: suspense(<CronJobsView/>) });\n        }\n        if (activeTools.includes(\"schema-visualizer\")) {\n            views.push({ slug: \"schema-visualizer\",\nname: \"Schema Visualizer\",\ngroup: \"Database\",\nicon: \"Network\",\ndescription: \"Interactive database ERD\",\nview: suspense(<SchemaVisualizer/>) });\n        }\n        if (activeTools.includes(\"branches\")) {\n            views.push({ slug: \"branches\",\nname: \"Branches\",\ngroup: \"Database\",\nicon: \"GitBranch\",\ndescription: \"Create and manage database branches\",\nview: suspense(<BranchesView/>) });\n        }\n        if (activeTools.includes(\"backups\")) {\n            views.push({ slug: \"backups\",\nname: \"Backups\",\ngroup: \"Database\",\nicon: \"Database\",\ndescription: \"Download database backups\",\nview: suspense(<BackupsView/>) });\n        }\n        if (activeTools.includes(\"api\")) {\n            views.push({ slug: \"api\",\nname: \"API Explorer\",\ngroup: \"API\",\nicon: \"BookOpen\",\ndescription: \"Interactive API documentation and testing\",\nview: suspense(<ApiExplorer/>) });\n        }\n        if (activeTools.includes(\"logs\")) {\n            views.push({ slug: \"logs\",\nname: \"Logs Explorer\",\ngroup: \"Database\",\nicon: \"Activity\",\ndescription: \"Real-time system and query logs\",\nview: suspense(<LogsExplorer/>) });\n        }\n        if (activeTools.includes(\"api-keys\")) {\n            views.push({ slug: \"api-keys\",\nname: \"API Keys\",\ngroup: \"Access Control\",\nicon: \"KeyRound\",\ndescription: \"Create and manage scoped API keys\",\nview: suspense(<ApiKeysView/>) });\n        }\n        // Note: \"schema\" tool is auto-injected by RebaseShell when collectionEditor is enabled.\n        // It is NOT registered here anymore.\n        return views;\n    }, [tools]);\n\n    // Use a ref for homePage so it never destabilizes the effect.\n    // homePage is a React element — its identity doesn't matter for registration.\n    const homePageRef = React.useRef(resolvedHomePage);\n    homePageRef.current = resolvedHomePage;\n\n    useLayoutEffect(() => {\n        dispatch.registerStudio({ tools,\nhomePage: homePageRef.current,\ndevViews });\n        return () => dispatch.unregisterStudio();\n    }, [dispatch, tools, devViews]);\n\n    return null;\n}\n"],"mappings":";;;;;;AAuBA,IAAM,WAA4B;CAC9B;EACI,OAAO;EACP,OAAO;GACH;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAa;GACP;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAU;GACJ;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAW;GACL;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAY;GACN;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAc;GACR;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAW;EACT;CACJ;CACA;EACI,OAAO;EACP,OAAO,CACH;GAAE,MAAM;GACpB,MAAM;GACN,aAAa;GACb,MAAM;EAAO,GACD;GAAE,MAAM;GACpB,MAAM;GACN,aAAa;GACb,MAAM;EAAQ,CACN;CACJ;CACA;EACI,OAAO;EACP,OAAO,CACH;GAAE,MAAM;GACpB,MAAM;GACN,aAAa;GACb,MAAM;EAAW,CACT;CACJ;CACA;EACI,OAAO;EACP,OAAO,CACH;GAAE,MAAM;GACpB,MAAM;GACN,aAAa;GACb,MAAM;EAAY,CACV;CACJ;CACA;EACI,OAAO;EACP,OAAO;GACH;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAQ;GACF;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAiB;GACX;IAAE,MAAM;IACpB,MAAM;IACN,aAAa;IACb,MAAM;GAAW;EACT;CACJ;AACJ;AAIA,IAAM,wBAAwB;AAE9B,SAAS,yBAAyB,YAAsB;CACpD,MAAM,CAAC,WAAW,gBAAgB,eAA4B;EAC1D,IAAI;GACA,MAAM,SAAS,aAAa,QAAQ,qBAAqB;GACzD,OAAO,SAAS,IAAI,IAAI,KAAK,MAAM,MAAM,CAAC,oBAAI,IAAI,IAAY;EAClE,QAAQ;GACJ,uBAAO,IAAI,IAAY;EAC3B;CACJ,CAAC;CAED,MAAM,oBAAoB,SAAiB,UAAU,IAAI,IAAI;CAE7D,MAAM,wBAAwB,SAAiB;EAC3C,cAAa,SAAQ;GACjB,MAAM,OAAO,IAAI,IAAI,IAAI;GACzB,IAAI,KAAK,IAAI,IAAI,GACb,KAAK,OAAO,IAAI;QAEhB,KAAK,IAAI,IAAI;GAEjB,IAAI;IACA,aAAa,QAAQ,uBAAuB,KAAK,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC;GACzE,QAAQ,CAAa;GACrB,OAAO;EACX,CAAC;CACL;CAEA,OAAO;EAAE;EAAkB;CAAqB;AACpD;AAEA,SAAgB,eAAe,EAC3B,mBACA,yBACA,uBACA,UACA,gBAOD;CACC,MAAM,UAAU,iBAAiB;CACjC,MAAM,cAAc,uBAAqB;CACzC,MAAM,WAAW,YAAY;CAE7B,gBAAgB;EACZ,YAAY,IAAI,EAAE,aAAa,CAAC,EAAE,CAAC;CACvC,GAAG,CAAC,YAAY,GAAG,CAAC;CAEpB,MAAM,EAAE,iBAAiB,iBAAiB;CAI1C,MAAM,gBAAgB,QAAQ,gBAAgB,EAFH,QAEG,CAAY;CAE1D,MAAM,mBAAmB,cACf,SAAS,QAAO,MAAK,CAAC,cAAc,SAAS,EAAE,KAAK,CAAC,GAC3D,CAAC,YAAY,CACjB;CAOA,MAAM,EAAE,kBAAkB,yBAAyB,yBALhC,cACT,iBAAiB,KAAI,MAAK,EAAE,KAAK,GACvC,CAAC,gBAAgB,CAGuD,CAAU;CAEtF,OACI,oBAAC,OAAD;EAAK,KAAK;EAAc,WAAU;YAC9B,qBAAC,WAAD;GAAW,UAAS;aAApB;IACI,oBAAC,OAAD;KAAK,WAAU;eACX,oBAAC,mBAAD,CAAoB,CAAA;IACnB,CAAA;KAEH,qBAAqB,kBACnB,qBAAC,OAAD;KAAK,WAAU;eAAf,CACK,mBACA,aACA;;IAGR;IAGA,iBAAiB,KAAK,YAAY;KAC/B,MAAM,mBAAmB,iBAAiB,QAAQ,KAAK;KAEvD,OACI,oBAAC,OAAD;MAAyB,WAAU;gBAC/B,oBAAC,iBAAD;OACI,WAAA;OACA,UAAU,CAAC;OACX,mBAAmB,SAAS;QACxB,IAAI,SAAS,CAAC,kBACV,qBAAqB,QAAQ,KAAK;OAE1C;OACA,WAAU;OACV,gBAAgB,IACZ,2BACA,oDACA,wBACA,8BACA,oBAAoB,uCACxB;OACA,gBAAe;OACf,OACI,oBAAC,YAAD;QACI,SAAQ;QACR,WAAU;QACV,OAAM;QACN,WAAW,IACP,qBACA,0FACJ;kBAEC,QAAQ;OACD,CAAA;iBAGhB,oBAAC,OAAD;QAAK,WAAU;kBACX,oBAAC,OAAD;SAAK,WAAU;mBACV,QAAQ,MAAM,KAAK,SAChB,oBAAC,MAAD;UAEI,eAAe;WACX,SAAS,KAAK,IAAI;WAClB,QAAQ,qBAAqB,mBACzB,yBACA,EAAE,MAAM,KAAK,KAAK,CACtB;UACJ;UACA,WAAW,IACP,8EACA,4CACJ;oBAEA,qBAAC,OAAD;WAAK,WAAU;qBAAf;YAEI,oBAAC,OAAD;aAAK,WAAU;uBACX,qBAAC,OAAD;cAAK,WAAU;wBAAf,CACI,oBAAC,OAAD;eAAK,WAAU;yBACX,oBAAC,aAAD;gBACI,kBAAkB;iBAAE,MAAM,KAAK;iBAAM,MAAM,KAAK;iBAAM,MAAM,KAAK;gBAAK;gBACtE,MAAK;eACR,CAAA;cACA,CAAA,GACL,oBAAC,YAAD;eAAY,SAAQ;eAAY,WAAU;yBACrC,KAAK;cACE,CAAA,CACX;;YACJ,CAAA;YAGL,oBAAC,OAAD;aAAK,WAAU;uBACV,KAAK,eACF,oBAAC,YAAD;cAAY,SAAQ;cAAU,OAAM;cAAY,WAAU;wBACrD,KAAK;aACE,CAAA;YAEf,CAAA;YAGL,oBAAC,OAAD,EAAK,WAAU,OAAO,CAAA;WACrB;;SACH,GAzCG,KAAK,IAyCR,CACT;QACA,CAAA;OACJ,CAAA;MACQ,CAAA;KAChB,GAlFK,QAAQ,KAkFb;IAEb,CAAC;IAGD,qBAAC,OAAD;KAAK,WAAU;eAAf;MACI,oBAAC,OAAD;OAAK,WAAU;iBACX,oBAAC,YAAD;QACI,SAAQ;QACR,WAAU;QACV,OAAM;QACN,WAAW,IACP,qBACA,0FACJ;kBACH;OAEW,CAAA;MACX,CAAA;MAEL,qBAAC,YAAD;OAAY,SAAQ;OAAQ,OAAM;OAAY,WAAU;iBAAxD;QAAyE;QACf;QACtD,oBAAC,QAAD;SAAM,WAAU;mBAA6E;QAEvF,CAAA;QACL;QAAI;OACG;;MAEZ,qBAAC,OAAD;OAAK,WAAU;iBAAf,CAEI,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACI,qBAAC,OAAD;UAAK,WAAU;oBAAf;WACI,oBAAC,QAAD,EAAM,WAAU,yCAAyC,CAAA;WACzD,oBAAC,QAAD,EAAM,WAAU,2CAA2C,CAAA;WAC3D,oBAAC,QAAD,EAAM,WAAU,6CAA6C,CAAA;UAC5D;aACL,oBAAC,QAAD;UAAM,WAAU;oBAAgE;SAE1E,CAAA,CACL;YACL,oBAAC,QAAD;SAAM,WAAU;mBAA2D;QAErE,CAAA,CACL;WAGL,oBAAC,OAAD;QAAK,WAAU;kBACX,oBAAC,0BAAD,CAA0B,CAAA;OACzB,CAAA,CACJ;;KACJ;;IAGJ,UAAU,KAAK,MACZ,qBAAC,OAAD;KAAiB,WAAU;eAA3B,CACI,oBAAC,YAAD;MACI,SAAQ;MACR,WAAU;MACV,OAAM;MACN,WAAW,IACP,qBACA,0FACJ;gBAEC,EAAE;KACK,CAAA,GACZ,oBAAC,OAAD;MAAK,WAAU;gBAAQ,EAAE;KAAc,CAAA,CACtC;OAbK,EAAE,GAaP,CACR;IAEA;GACM;;CACV,CAAA;AAEb;AAQA,SAAS,2BAA2B;CAChC,MAAM,KAAK;CACX,MAAM,MAAM;CACZ,MAAM,MAAM;CACZ,MAAM,KAAK;CACX,MAAM,KAAK;CACX,MAAM,KAAK;CACX,MAAM,KAAK;CAEX,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf;GACI,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAY,CAAA;GACjC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAwB,CAAA;GAC7C,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAmC,CAAA;GACzD,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC3B;GAED,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAY,CAAA;GACjC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAc,CAAA;GACpC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAkC,CAAA;GACxD,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC3B;GAED,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAc,CAAA;GACnC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC7B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAwB,CAAA;GAC7C,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAU,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAc,CAAA;GACpC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAW,CAAA;GACjC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAU,CAAA;GAC/B;GACD,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAoB,CAAA;GAC1C,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC7B,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAuC,CAAA;GAC7D,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC3B;GACD,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAU,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC5B;GAED,oBAAC,QAAD;IAAM,WAAW;cAAK;GAA+D,CAAA;GACpF;GACD,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC7B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC7B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAa,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAS,CAAA;GAC7B;GAED,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC7B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAY,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAQ,CAAA;GAC7B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAW,CAAA;GAChC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAa,CAAA;GAClC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAgB,CAAA;GACrC,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAK;GAAuB,CAAA;GAC7C,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAO,CAAA;GAC5B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAU,CAAA;GAC/B,oBAAC,QAAD;IAAM,WAAW;cAAI;GAAS,CAAA;EAC7B;;AAEb;;;AC/bA,IAAM,YAAY,WAAW,OAAO,2BAAyB,MAAK,OAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAClG,IAAM,WAAW,WAAW,OAAO,0BAAuB,MAAK,OAAM,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAC9F,IAAM,YAAY,WAAW,OAAO,2BAAyB,MAAK,OAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAClG,IAAM,cAAc,WAAW,OAAO,6BAA6B,MAAK,OAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAC1G,IAAM,eAAe,WAAW,OAAO,8BAA2B,MAAK,OAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAC1G,IAAM,mBAAmB,WAAW,OAAO,kCAAuC,MAAK,OAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;AAC9H,IAAM,eAAe,WAAW,OAAO,8BAA2B,MAAK,OAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAC1G,IAAM,cAAc,WAAW,OAAO,6BAAyB,MAAK,OAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACtG,IAAM,cAAc,WAAW,OAAO,6BAA6B,MAAK,OAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AAC1G,IAAM,eAAe,WAAW,OAAO,8BAA+B,MAAK,OAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AAC9G,IAAM,cAAc,WAAW,OAAO,6BAAyB,MAAK,OAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;;;;;;;;;AAYtG,IAAM,oBAAoB,oBAAC,gBAAD,CAAgB,CAAA;AAE1C,SAAgB,aAAa,EAAE,OAAO,YAAgC;CAClE,MAAM,WAAW,0BAA0B;CAE3C,MAAM,mBAAmB,YAAY;CAErC,MAAM,WAAsB,cAAc;EACtC,MAAM,QAAmB,CAAC;EAC1B,MAAM,cAAc,SAAS;GAAC;GAAO;GAAM;GAAO;GAAW;GAAQ;GAAqB;GAAY;GAAW;GAAO;GAAQ;EAAU;EAC1I,MAAM,YAAY,OAAwB,oBAAC,UAAD;GAAU,UAAU,oBAAC,wBAAD,CAAwB,CAAA;aAAI;EAAa,CAAA;EAEvG,IAAI,YAAY,SAAS,KAAK,GAC1B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,WAAD,CAAW,CAAA,CAAC;EAAE,CAAC;EAEtB,IAAI,YAAY,SAAS,IAAI,GACzB,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,UAAD,CAAU,CAAA,CAAC;EAAE,CAAC;EAErB,IAAI,YAAY,SAAS,KAAK,GAC1B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,WAAD,CAAW,CAAA,CAAC;EAAE,CAAC;EAEtB,IAAI,YAAY,SAAS,SAAS,GAC9B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,aAAD,CAAa,CAAA,CAAC;EAAE,CAAC;EAExB,IAAI,YAAY,SAAS,MAAM,GAC3B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,cAAD,CAAc,CAAA,CAAC;EAAE,CAAC;EAEzB,IAAI,YAAY,SAAS,mBAAmB,GACxC,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,kBAAD,CAAkB,CAAA,CAAC;EAAE,CAAC;EAE7B,IAAI,YAAY,SAAS,UAAU,GAC/B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,cAAD,CAAc,CAAA,CAAC;EAAE,CAAC;EAEzB,IAAI,YAAY,SAAS,SAAS,GAC9B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,aAAD,CAAa,CAAA,CAAC;EAAE,CAAC;EAExB,IAAI,YAAY,SAAS,KAAK,GAC1B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,aAAD,CAAa,CAAA,CAAC;EAAE,CAAC;EAExB,IAAI,YAAY,SAAS,MAAM,GAC3B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,cAAD,CAAc,CAAA,CAAC;EAAE,CAAC;EAEzB,IAAI,YAAY,SAAS,UAAU,GAC/B,MAAM,KAAK;GAAE,MAAM;GAC/B,MAAM;GACN,OAAO;GACP,MAAM;GACN,aAAa;GACb,MAAM,SAAS,oBAAC,aAAD,CAAa,CAAA,CAAC;EAAE,CAAC;EAIxB,OAAO;CACX,GAAG,CAAC,KAAK,CAAC;CAIV,MAAM,cAAc,MAAM,OAAO,gBAAgB;CACjD,YAAY,UAAU;CAEtB,sBAAsB;EAClB,SAAS,eAAe;GAAE;GAClC,UAAU,YAAY;GACtB;EAAS,CAAC;EACF,aAAa,SAAS,iBAAiB;CAC3C,GAAG;EAAC;EAAU;EAAO;CAAQ,CAAC;CAE9B,OAAO;AACX"}
+{"version":3,"file":"index.es.js","names":[],"sources":["../src/components/StudioHomePage.tsx","../src/components/RebaseStudio.tsx"],"sourcesContent":["import type { AppView, HomePageSection, PluginGenericProps } from \"@rebasepro/types\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { Card, cls, Container, ExpandablePanel, Typography } from \"@rebasepro/ui\";\nimport { IconForView, useRebaseContext, useRebaseRegistry, useRestoreScroll, useSlot } from \"@rebasepro/app\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useStudioBreadcrumbs, SchemaDriftBanner } from \"@rebasepro/app\";\n\n/* ═══════════════════════════════════════════════════════════════\n   Studio tool sections, derived from the registered Studio views\n   ═══════════════════════════════════════════════════════════════ */\n\ninterface StudioTool {\n    path: string;\n    name: string;\n    description: string;\n    icon?: string | React.ReactNode;\n}\n\ninterface StudioSection {\n    label: string;\n    tools: StudioTool[];\n}\n\n/** The view metadata the cards need — not the rendered `view` itself. */\ntype StudioViewMeta = Pick<AppView, \"slug\" | \"name\" | \"group\" | \"description\" | \"icon\" | \"hideFromNavigation\">;\n\n/** Group order for the home page; unknown groups are appended in view order. */\nconst GROUP_ORDER = [\"Database\", \"Compute\", \"Storage\", \"API\", \"Access Control\"];\n\nconst UNGROUPED_LABEL = \"Tools\";\n\n/**\n * Build the home page sections from the Studio views that are actually\n * registered, so a card exists if and only if its route does. A hand-written\n * list drifts: it used to advertise Users and Roles pages that 404, while\n * omitting the Backups view that does exist.\n */\nfunction buildSections(views: StudioViewMeta[]): StudioSection[] {\n    const byGroup = new Map<string, StudioTool[]>();\n\n    for (const view of views) {\n        if (view.hideFromNavigation) continue;\n        const label = view.group ?? UNGROUPED_LABEL;\n        const tools = byGroup.get(label) ?? [];\n        tools.push({\n            path: `/${view.slug}`,\n            name: view.name,\n            description: view.description ?? \"\",\n            icon: view.icon\n        });\n        byGroup.set(label, tools);\n    }\n\n    const ordered = [\n        ...GROUP_ORDER.filter(g => byGroup.has(g)),\n        ...[...byGroup.keys()].filter(g => !GROUP_ORDER.includes(g))\n    ];\n\n    return ordered.map(label => ({ label,\ntools: byGroup.get(label)! }));\n}\n\n/* ═══════════════════════════════════════════════════════════════ */\n\nconst COLLAPSED_STORAGE_KEY = \"rebase-studio-home-collapsed\";\n\nfunction useStudioCollapsedGroups(groupNames: string[]) {\n    const [collapsed, setCollapsed] = useState<Set<string>>(() => {\n        try {\n            const stored = localStorage.getItem(COLLAPSED_STORAGE_KEY);\n            return stored ? new Set(JSON.parse(stored)) : new Set<string>();\n        } catch {\n            return new Set<string>();\n        }\n    });\n\n    const isGroupCollapsed = (name: string) => collapsed.has(name);\n\n    const toggleGroupCollapsed = (name: string) => {\n        setCollapsed(prev => {\n            const next = new Set(prev);\n            if (next.has(name)) {\n                next.delete(name);\n            } else {\n                next.add(name);\n            }\n            try {\n                localStorage.setItem(COLLAPSED_STORAGE_KEY, JSON.stringify([...next]));\n            } catch { /* noop */ }\n            return next;\n        });\n    };\n\n    return { isGroupCollapsed, toggleGroupCollapsed };\n}\n\nexport function StudioHomePage({\n    additionalActions,\n    additionalChildrenStart,\n    additionalChildrenEnd,\n    sections,\n    hiddenGroups\n}: {\n    additionalActions?: React.ReactNode;\n    additionalChildrenStart?: React.ReactNode;\n    additionalChildrenEnd?: React.ReactNode;\n    sections?: HomePageSection[];\n    hiddenGroups?: string[];\n}) {\n    const context = useRebaseContext();\n    const breadcrumbs = useStudioBreadcrumbs();\n    const navigate = useNavigate();\n    const registry = useRebaseRegistry();\n\n    useEffect(() => {\n        breadcrumbs.set({ breadcrumbs: [] });\n    }, [breadcrumbs.set]);\n\n    const { containerRef } = useRestoreScroll();\n\n    const sectionProps: PluginGenericProps = { context };\n\n    const pluginActions = useSlot(\"home.actions\", sectionProps);\n\n    // The collection editor (\"schema\") is not part of `devViews` — RebaseNavigation\n    // injects it when the CMS enables a collection editor. Mirror that condition so\n    // the card tracks the route.\n    const schemaEnabled = Boolean(registry.studioConfig && registry.cmsConfig?.collectionEditor);\n\n    const filteredSections = useMemo(() => {\n        const views: StudioViewMeta[] = [];\n        if (schemaEnabled) {\n            views.push({\n                slug: \"schema\",\n                name: \"Collections\",\n                group: \"Database\",\n                icon: \"LayoutList\",\n                description: \"Define and manage your data model and collection schemas\"\n            });\n        }\n        views.push(...(registry.studioConfig?.devViews ?? []));\n        return buildSections(views).filter(s => !hiddenGroups?.includes(s.label));\n    }, [registry.studioConfig?.devViews, schemaEnabled, hiddenGroups]);\n\n    const groupNames = useMemo(\n        () => filteredSections.map(s => s.label),\n        [filteredSections]\n    );\n\n    const { isGroupCollapsed, toggleGroupCollapsed } = useStudioCollapsedGroups(groupNames);\n\n    return (\n        <div ref={containerRef} className=\"py-2 overflow-auto h-full w-full bg-surface-50 dark:bg-surface-800\">\n            <Container maxWidth=\"6xl\">\n                <div className=\"mb-4 flex flex-col gap-2\">\n                    <SchemaDriftBanner />\n                </div>\n\n                {(additionalActions || pluginActions) && (\n                    <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\">\n                        {additionalActions}\n                        {pluginActions}\n                    </div>\n                )}\n\n                {additionalChildrenStart}\n\n                {/* ── Tool sections ── */}\n                {filteredSections.map((section) => {\n                    const sectionCollapsed = isGroupCollapsed(section.label);\n\n                    return (\n                        <div key={section.label} className=\"my-10\">\n                            <ExpandablePanel\n                                invisible\n                                expanded={!sectionCollapsed}\n                                onExpandedChange={(open) => {\n                                    if (open !== !sectionCollapsed) {\n                                        toggleGroupCollapsed(section.label);\n                                    }\n                                }}\n                                className=\"mt-6\"\n                                titleClassName={cls(\n                                    \"min-h-0 p-0 border-none\",\n                                    \"rounded flex items-center justify-between w-full\",\n                                    \"hover:bg-transparent\",\n                                    \"cursor-pointer select-none\",\n                                    sectionCollapsed && \"bg-surface-100 dark:bg-surface-900/50\"\n                                )}\n                                innerClassName=\"mt-4 pt-0\"\n                                title={\n                                    <Typography\n                                        variant=\"caption\"\n                                        component=\"h2\"\n                                        color=\"secondary\"\n                                        className={cls(\n                                            \"px-4 py-1 rounded\",\n                                            \"font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70\"\n                                        )}\n                                    >\n                                        {section.label}\n                                    </Typography>\n                                }\n                            >\n                                <div className=\"mt-4 pt-0\">\n                                    <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                                        {section.tools.map((tool) => (\n                                            <Card\n                                                key={tool.path}\n                                                onClick={() => {\n                                                    navigate(tool.path);\n                                                    context.analyticsController?.onAnalyticsEvent?.(\n                                                        \"home_navigate_to_view\",\n                                                        { path: tool.path }\n                                                    );\n                                                }}\n                                                className={cls(\n                                                    \"group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out\",\n                                                    \"hover:bg-primary/5 dark:hover:bg-primary/5\"\n                                                )}\n                                            >\n                                                <div className=\"flex flex-col h-full\">\n                                                    {/* Header: icon + title */}\n                                                    <div className=\"flex items-center w-full justify-between mb-1\">\n                                                        <div className=\"flex items-center gap-3\">\n                                                            <div className=\"flex items-center justify-center w-5 h-5 text-surface-400 dark:text-surface-500 transition-colors duration-150 group-hover:text-primary dark:group-hover:text-primary\">\n                                                                <IconForView\n                                                                    collectionOrView={{ slug: tool.path, name: tool.name, icon: tool.icon }}\n                                                                    size=\"small\"\n                                                                />\n                                                            </div>\n                                                            <Typography variant=\"subtitle1\" component=\"h2\">\n                                                                {tool.name}\n                                                            </Typography>\n                                                        </div>\n                                                    </div>\n\n                                                    {/* Description indented to align with title */}\n                                                    <div className=\"pl-8\">\n                                                        {tool.description && (\n                                                            <Typography variant=\"caption\" color=\"secondary\" component=\"div\">\n                                                                {tool.description}\n                                                            </Typography>\n                                                        )}\n                                                    </div>\n\n                                                    {/* Spacer */}\n                                                    <div className=\"grow\"/>\n                                                </div>\n                                            </Card>\n                                        ))}\n                                    </div>\n                                </div>\n                            </ExpandablePanel>\n                        </div>\n                    );\n                })}\n\n                {/* ── SDK Quick Start ── */}\n                <div className=\"mt-10 mb-6\">\n                    <div className=\"flex items-center mb-1\">\n                        <Typography\n                            variant=\"caption\"\n                            component=\"h2\"\n                            color=\"secondary\"\n                            className={cls(\n                                \"px-4 py-1 rounded\",\n                                \"font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70\"\n                            )}\n                        >\n                            Quick Start\n                        </Typography>\n                    </div>\n\n                    <Typography variant=\"body2\" color=\"secondary\" className=\"mb-4 max-w-2xl\">\n                        Generate a fully-typed SDK from your collections with{\" \"}\n                        <code className=\"text-emerald-400 font-mono text-xs bg-emerald-400/10 px-1.5 py-0.5 rounded\">\n                            npx rebase generate-sdk\n                        </code>\n                        {\" \"}and start querying your data with full TypeScript autocompletion.\n                    </Typography>\n\n                    <div className=\"rounded-lg border border-surface-200/40 dark:border-surface-700/40 bg-white dark:bg-surface-950 overflow-hidden\">\n                        {/* Title bar */}\n                        <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\">\n                            <div className=\"flex items-center gap-2.5\">\n                                <div className=\"flex gap-1.5\">\n                                    <span className=\"w-2.5 h-2.5 rounded-full bg-red-400/60\"/>\n                                    <span className=\"w-2.5 h-2.5 rounded-full bg-amber-400/60\"/>\n                                    <span className=\"w-2.5 h-2.5 rounded-full bg-emerald-400/60\"/>\n                                </div>\n                                <span className=\"text-xs font-mono text-surface-400 dark:text-surface-500 ml-1\">\n                                    app.ts\n                                </span>\n                            </div>\n                            <span className=\"text-xs font-mono text-surface-400 dark:text-surface-500\">\n                                TypeScript\n                            </span>\n                        </div>\n\n                        {/* Syntax-highlighted code */}\n                        <div className=\"px-5 py-4 overflow-x-auto text-[13px] leading-6 font-mono\">\n                            <SyntaxHighlightedSnippet/>\n                        </div>\n                    </div>\n                </div>\n\n                {/* ── Extra sections from props ── */}\n                {sections?.map((s) => (\n                    <div key={s.key} className=\"my-10\">\n                        <Typography\n                            variant=\"caption\"\n                            component=\"h2\"\n                            color=\"secondary\"\n                            className={cls(\n                                \"px-4 py-1 rounded\",\n                                \"font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70\"\n                            )}\n                        >\n                            {s.title}\n                        </Typography>\n                        <div className=\"mt-4\">{s.children}</div>\n                    </div>\n                ))}\n\n                {additionalChildrenEnd}\n            </Container>\n        </div>\n    );\n}\n\n/* ═══════════════════════════════════════════════════════════════\n   Hand-crafted syntax-highlighted code snippet.\n   Uses inline spans with Tailwind color classes to avoid\n   pulling in a syntax highlighting library.\n   ═══════════════════════════════════════════════════════════════ */\n\nfunction SyntaxHighlightedSnippet() {\n    const kw = \"text-violet-600 dark:text-violet-400\"; // keywords\n    const str = \"text-emerald-600 dark:text-emerald-400\"; // strings\n    const typ = \"text-amber-600 dark:text-amber-300\"; // types\n    const fn = \"text-blue-600 dark:text-blue-400\"; // functions\n    const cm = \"text-surface-500 dark:text-surface-400 italic\"; // comments\n    const op = \"text-surface-500 dark:text-surface-400\"; // operators / punctuation\n    const tx = \"text-surface-950 dark:text-surface-200\"; // plain text\n\n    return (\n        <pre className=\"m-0 whitespace-pre\">\n            <span className={kw}>import</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={fn}>createRebaseClient</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={kw}>from</span>\n            <span className={tx}> </span>\n            <span className={str}>&apos;@rebasepro/client&apos;</span>\n            <span className={op}>;</span>\n            {\"\\n\"}\n\n            <span className={kw}>import</span>\n            <span className={tx}> </span>\n            <span className={kw}>type</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={typ}>Database</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={kw}>from</span>\n            <span className={tx}> </span>\n            <span className={str}>&apos;./database.types&apos;</span>\n            <span className={op}>;</span>\n            {\"\\n\\n\"}\n\n            <span className={kw}>const</span>\n            <span className={tx}> rebase </span>\n            <span className={op}>= </span>\n            <span className={fn}>createRebaseClient</span>\n            <span className={op}>{\"<\"}</span>\n            <span className={typ}>Database</span>\n            <span className={op}>{\">(\"}</span>\n            <span className={tx}>{\"{\"}</span>\n            {\"\\n\"}\n            <span className={tx}>{\"    baseUrl\"}</span>\n            <span className={op}>: </span>\n            <span className={str}>&apos;http://localhost:3001&apos;</span>\n            <span className={op}>,</span>\n            {\"\\n\"}\n            <span className={tx}>{\"}\"}</span>\n            <span className={op}>);</span>\n            {\"\\n\\n\"}\n\n            <span className={cm}>{\"// Fully typed — autocompletion for tables and columns\"}</span>\n            {\"\\n\"}\n            <span className={kw}>const</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={tx}>data</span>\n            <span className={op}>: </span>\n            <span className={tx}>users</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={op}>= </span>\n            <span className={kw}>await</span>\n            <span className={tx}> rebase</span>\n            <span className={op}>.</span>\n            <span className={tx}>data</span>\n            <span className={op}>.</span>\n            <span className={tx}>users</span>\n            <span className={op}>.</span>\n            <span className={fn}>find</span>\n            <span className={op}>();</span>\n            {\"\\n\"}\n\n            <span className={kw}>const</span>\n            <span className={tx}>{\" { \"}</span>\n            <span className={tx}>data</span>\n            <span className={op}>: </span>\n            <span className={tx}>posts</span>\n            <span className={tx}>{\" } \"}</span>\n            <span className={op}>= </span>\n            <span className={kw}>await</span>\n            <span className={tx}> rebase</span>\n            <span className={op}>.</span>\n            <span className={tx}>data</span>\n            <span className={op}>.</span>\n            <span className={fn}>collection</span>\n            <span className={op}>(</span>\n            <span className={str}>&apos;posts&apos;</span>\n            <span className={op}>)</span>\n            <span className={op}>.</span>\n            <span className={fn}>find</span>\n            <span className={op}>();</span>\n        </pre>\n    );\n}\n","import React, { lazy, Suspense, useLayoutEffect, useMemo } from \"react\";\nimport { useRebaseRegistryDispatch } from \"@rebasepro/app\";\nimport type { RebaseStudioConfig, AppView } from \"@rebasepro/types\";\nimport { CircularProgressCenter } from \"@rebasepro/ui\";\n\n// Lazy-loaded studio tools — each fetched only when its route is visited.\n// This keeps Monaco, @xyflow/react, dagre, pgsql-ast-parser etc. out of the initial bundle.\nconst SQLEditor = lazy(() => import(\"./SQLEditor/SQLEditor\").then(m => ({ default: m.SQLEditor })));\nconst JSEditor = lazy(() => import(\"./JSEditor/JSEditor\").then(m => ({ default: m.JSEditor })));\nconst RLSEditor = lazy(() => import(\"./RLSEditor/RLSEditor\").then(m => ({ default: m.RLSEditor })));\nconst StorageView = lazy(() => import(\"./StorageView/StorageView\").then(m => ({ default: m.StorageView })));\nconst CronJobsView = lazy(() => import(\"./CronJobs/CronJobsView\").then(m => ({ default: m.CronJobsView })));\nconst SchemaVisualizer = lazy(() => import(\"./SchemaVisualizer/SchemaVisualizer\").then(m => ({ default: m.SchemaVisualizer })));\nconst BranchesView = lazy(() => import(\"./Branches/BranchesView\").then(m => ({ default: m.BranchesView })));\nconst BackupsView = lazy(() => import(\"./Backups/BackupsView\").then(m => ({ default: m.BackupsView })));\nconst ApiExplorer = lazy(() => import(\"./ApiExplorer/ApiExplorer\").then(m => ({ default: m.ApiExplorer })));\nconst LogsExplorer = lazy(() => import(\"./LogsExplorer/LogsExplorer\").then(m => ({ default: m.LogsExplorer })));\nconst ApiKeysView = lazy(() => import(\"./ApiKeys/ApiKeysView\").then(m => ({ default: m.ApiKeysView })));\n\nimport { StudioHomePage } from \"./StudioHomePage\";\n\n/**\n * Declarative component to configure the Studio in Rebase.\n * Renders nothing — purely registers config into the RebaseRegistry.\n *\n * The \"schema\" tool (collection editor view) is now a built-in CMS feature.\n * When `<RebaseAdmin collectionEditor={...}>` is used, the schema view is\n * automatically injected into Studio — no manual wiring needed.\n */\nconst DEFAULT_HOME_PAGE = <StudioHomePage/>;\n\nexport function RebaseStudio({ tools, homePage }: RebaseStudioConfig) {\n    const dispatch = useRebaseRegistryDispatch();\n\n    const resolvedHomePage = homePage ?? DEFAULT_HOME_PAGE;\n\n    const devViews: AppView[] = useMemo(() => {\n        const views: AppView[] = [];\n        const activeTools = tools ?? [\"sql\", \"js\", \"rls\", \"storage\", \"cron\", \"schema-visualizer\", \"branches\", \"backups\", \"api\", \"logs\", \"api-keys\"];\n        const suspense = (el: React.ReactNode) => <Suspense fallback={<CircularProgressCenter/>}>{el}</Suspense>;\n\n        if (activeTools.includes(\"sql\")) {\n            views.push({ slug: \"sql\",\nname: \"SQL Console\",\ngroup: \"Database\",\nicon: \"terminal\",\ndescription: \"Execute SQL queries\",\nview: suspense(<SQLEditor/>) });\n        }\n        if (activeTools.includes(\"js\")) {\n            views.push({ slug: \"js\",\nname: \"JS Console\",\ngroup: \"Compute\",\nicon: \"code\",\ndescription: \"Execute JavaScript\",\nview: suspense(<JSEditor/>) });\n        }\n        if (activeTools.includes(\"rls\")) {\n            views.push({ slug: \"rls\",\nname: \"RLS Policies\",\ngroup: \"Database\",\nicon: \"ShieldCheck\",\ndescription: \"Row Level Security\",\nview: suspense(<RLSEditor/>) });\n        }\n        if (activeTools.includes(\"storage\")) {\n            views.push({ slug: \"storage\",\nname: \"Storage\",\ngroup: \"Storage\",\nicon: \"HardDrive\",\ndescription: \"Manage storage files\",\nview: suspense(<StorageView/>) });\n        }\n        if (activeTools.includes(\"cron\")) {\n            views.push({ slug: \"cron\",\nname: \"Cron Jobs\",\ngroup: \"Compute\",\nicon: \"Clock\",\ndescription: \"Manage scheduled tasks\",\nview: suspense(<CronJobsView/>) });\n        }\n        if (activeTools.includes(\"schema-visualizer\")) {\n            views.push({ slug: \"schema-visualizer\",\nname: \"Schema Visualizer\",\ngroup: \"Database\",\nicon: \"Network\",\ndescription: \"Interactive database ERD\",\nview: suspense(<SchemaVisualizer/>) });\n        }\n        if (activeTools.includes(\"branches\")) {\n            views.push({ slug: \"branches\",\nname: \"Branches\",\ngroup: \"Database\",\nicon: \"GitBranch\",\ndescription: \"Create and manage database branches\",\nview: suspense(<BranchesView/>) });\n        }\n        if (activeTools.includes(\"backups\")) {\n            views.push({ slug: \"backups\",\nname: \"Backups\",\ngroup: \"Database\",\nicon: \"Database\",\ndescription: \"Download database backups\",\nview: suspense(<BackupsView/>) });\n        }\n        if (activeTools.includes(\"api\")) {\n            views.push({ slug: \"api\",\nname: \"API Explorer\",\ngroup: \"API\",\nicon: \"BookOpen\",\ndescription: \"Interactive API documentation and testing\",\nview: suspense(<ApiExplorer/>) });\n        }\n        if (activeTools.includes(\"logs\")) {\n            views.push({ slug: \"logs\",\nname: \"Logs Explorer\",\ngroup: \"Database\",\nicon: \"Activity\",\ndescription: \"Real-time system and query logs\",\nview: suspense(<LogsExplorer/>) });\n        }\n        if (activeTools.includes(\"api-keys\")) {\n            views.push({ slug: \"api-keys\",\nname: \"API Keys\",\ngroup: \"Access Control\",\nicon: \"KeyRound\",\ndescription: \"Create and manage scoped API keys\",\nview: suspense(<ApiKeysView/>) });\n        }\n        // Note: \"schema\" tool is auto-injected by RebaseShell when collectionEditor is enabled.\n        // It is NOT registered here anymore.\n        return views;\n    }, [tools]);\n\n    // Use a ref for homePage so it never destabilizes the effect.\n    // homePage is a React element — its identity doesn't matter for registration.\n    const homePageRef = React.useRef(resolvedHomePage);\n    homePageRef.current = resolvedHomePage;\n\n    useLayoutEffect(() => {\n        dispatch.registerStudio({ tools,\nhomePage: homePageRef.current,\ndevViews });\n        return () => dispatch.unregisterStudio();\n    }, [dispatch, tools, devViews]);\n\n    return null;\n}\n"],"mappings":"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"}

package/dist/utils/sql_utils.d.ts

@@ -1,4 +1,4 @@
-import { TableInfo } from "../components/SQLEditor/SQLEditor";
+import type { TableInfo } from "../components/SQLEditor/sql_editor_types";
 import { CollectionConfig } from "@rebasepro/types";
 /**
  * A table extracted from a SQL query's FROM/JOIN clauses.

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@rebasepro/studio",
   "type": "module",
-  "version": "0.9.1-canary.fd3754b",
-  "main": "./dist/index.umd.js",
+  "version": "0.10.0",
+  "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "source": "src/index.ts",
@@ -15,19 +15,19 @@
     "pgsql-ast-parser": "12.0.2",
     "prism-react-renderer": "^2.4.1",
     "react-dropzone": "^15.0.0",
-    "@rebasepro/client": "0.9.1-canary.fd3754b",
-    "@rebasepro/types": "0.9.1-canary.fd3754b",
-    "@rebasepro/common": "0.9.1-canary.fd3754b",
-    "@rebasepro/utils": "0.9.1-canary.fd3754b",
-    "@rebasepro/ui": "0.9.1-canary.fd3754b",
-    "@rebasepro/app": "0.9.1-canary.fd3754b"
+    "@rebasepro/client": "0.10.0",
+    "@rebasepro/app": "0.10.0",
+    "@rebasepro/types": "0.10.0",
+    "@rebasepro/common": "0.10.0",
+    "@rebasepro/ui": "0.10.0",
+    "@rebasepro/utils": "0.10.0"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-router": "^7.0.0",
     "react-router-dom": "^7.0.0",
-    "@rebasepro/admin": "0.9.1-canary.fd3754b"
+    "@rebasepro/admin": "0.10.0"
   },
   "peerDependenciesMeta": {
     "@rebasepro/admin": {
@@ -38,8 +38,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "development": "./dist/index.es.js",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
+      "import": "./dist/index.es.js"
     },
     "./package.json": "./package.json"
   },
@@ -57,6 +56,8 @@
   },
   "devDependencies": {
     "@jest/globals": "^30.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
     "@types/node": "^25.9.3",
     "@types/react": "^19.2.17",
@@ -86,7 +87,7 @@
   "scripts": {
     "dev": "vite",
     "test": "jest --passWithNoTests",
-    "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
+    "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json && node ../../scripts/assert-build-output.mjs",
     "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f"
   }
 }

package/src/components/ApiKeys/ApiKeysView.tsx

@@ -108,6 +108,7 @@ export function ApiKeysView() {
     const [showCreate, setShowCreate] = useState(false);
     const [showSecret, setShowSecret] = useState<ApiKeyWithSecret | null>(null);
     const [revoking, setRevoking] = useState<string | null>(null);
+    const [confirmRevoke, setConfirmRevoke] = useState<ApiKeyMasked | null>(null);
 
     const clientRef = useRef(client);
     clientRef.current = client;
@@ -223,7 +224,7 @@ export function ApiKeysView() {
                                             size="small"
                                             color="error"
                                             variant="outlined"
-                                            onClick={() => handleRevoke(selectedKey.id)}
+                                            onClick={() => setConfirmRevoke(selectedKey)}
                                             disabled={revoking === selectedKey.id}
                                             startIcon={revoking === selectedKey.id ? <CircularProgress size="smallest"/> : <DeleteIcon size={iconSize.smallest}/>}
                                         >
@@ -283,6 +284,45 @@ export function ApiKeysView() {
                 </div>
             </div>
 
+            {/* Revoke Confirmation Dialog */}
+            <Dialog
+                open={confirmRevoke !== null}
+                onOpenChange={(open) => {
+                    if (!open && !revoking) setConfirmRevoke(null);
+                }}
+            >
+                <DialogTitle hidden>Revoke Confirmation</DialogTitle>
+                <DialogContent>
+                    <Typography variant="subtitle1" className="font-semibold mb-2">
+                        Revoke &quot;{confirmRevoke?.name}&quot;?
+                    </Typography>
+                    <Typography variant="body2" color="secondary">
+                        Requests authenticated with this key will stop working immediately. This action cannot be undone.
+                    </Typography>
+                </DialogContent>
+                <DialogActions>
+                    <Button
+                        variant="text"
+                        onClick={() => setConfirmRevoke(null)}
+                        disabled={revoking !== null}
+                    >
+                        Cancel
+                    </Button>
+                    <Button
+                        color="error"
+                        disabled={revoking !== null}
+                        startIcon={revoking !== null ? <CircularProgress size="smallest"/> : <DeleteIcon size={iconSize.smallest}/>}
+                        onClick={async () => {
+                            if (!confirmRevoke) return;
+                            await handleRevoke(confirmRevoke.id);
+                            setConfirmRevoke(null);
+                        }}
+                    >
+                        Revoke
+                    </Button>
+                </DialogActions>
+            </Dialog>
+
             {/* Create Dialog */}
             {showCreate && (
                 <CreateApiKeyDialog

package/src/components/JSEditor/JSEditor.tsx

@@ -670,7 +670,7 @@ message: t("studio_sql_markdown_copy_failed") });
                                     </div>
                                 </div>
                                 <div className="flex shrink-0 items-center justify-end gap-1.5">
-                                    <Tooltip title="SaveIcon as snippet">
+                                    <Tooltip title="Save as snippet">
                                         <IconButton
                                             size="small"
                                             onClick={() => {
@@ -1009,9 +1009,9 @@ id: String(ra.entityId) })}
                 />
             </div>
 
-            {/* SaveIcon snippet dialog */}
+            {/* Save snippet dialog */}
             <Dialog open={showSaveDialog} onOpenChange={setShowSaveDialog}>
-                <DialogTitle>SaveIcon Snippet</DialogTitle>
+                <DialogTitle>Save Snippet</DialogTitle>
                 <DialogContent>
                     <TextField
                         label="Snippet name"