@rebasepro/studio 0.7.0 → 0.9.0

package/dist/index.umd.js

@@ -60,8 +60,6 @@
 	var SECTIONS = [
 		{
 			label: "Database",
-			dotColor: "bg-emerald-400",
-			iconColor: "text-emerald-400",
 			tools: [
 				{
 					path: "/schema",
@@ -103,8 +101,6 @@
 		},
 		{
 			label: "Compute",
-			dotColor: "bg-blue-400",
-			iconColor: "text-blue-400",
 			tools: [{
 				path: "/js",
 				name: "JS Console",
@@ -119,8 +115,6 @@
 		},
 		{
 			label: "API",
-			dotColor: "bg-violet-400",
-			iconColor: "text-violet-400",
 			tools: [{
 				path: "/api",
 				name: "API Explorer",
@@ -130,8 +124,6 @@
 		},
 		{
 			label: "Storage",
-			dotColor: "bg-amber-400",
-			iconColor: "text-amber-400",
 			tools: [{
 				path: "/storage",
 				name: "Storage",
@@ -141,8 +133,6 @@
 		},
 		{
 			label: "Access Control",
-			dotColor: "bg-rose-400",
-			iconColor: "text-rose-400",
 			tools: [
 				{
 					path: "/users",
@@ -165,6 +155,33 @@
 			]
 		}
 	];
+	var COLLAPSED_STORAGE_KEY = "rebase-studio-home-collapsed";
+	function useStudioCollapsedGroups(groupNames) {
+		const [collapsed, setCollapsed] = (0, react.useState)(() => {
+			try {
+				const stored = localStorage.getItem(COLLAPSED_STORAGE_KEY);
+				return stored ? new Set(JSON.parse(stored)) : /* @__PURE__ */ new Set();
+			} catch {
+				return /* @__PURE__ */ new Set();
+			}
+		});
+		const isGroupCollapsed = (name) => collapsed.has(name);
+		const toggleGroupCollapsed = (name) => {
+			setCollapsed((prev) => {
+				const next = new Set(prev);
+				if (next.has(name)) next.delete(name);
+				else next.add(name);
+				try {
+					localStorage.setItem(COLLAPSED_STORAGE_KEY, JSON.stringify([...next]));
+				} catch {}
+				return next;
+			});
+		};
+		return {
+			isGroupCollapsed,
+			toggleGroupCollapsed
+		};
+	}
 	function StudioHomePage({ additionalActions, additionalChildrenStart, additionalChildrenEnd, sections, hiddenGroups }) {
 		const context = (0, _rebasepro_core.useRebaseContext)();
 		const breadcrumbs = (0, _rebasepro_core.useStudioBreadcrumbs)();
@@ -174,9 +191,11 @@
 		}, [breadcrumbs.set]);
 		const { containerRef } = (0, _rebasepro_core.useRestoreScroll)();
 		const pluginActions = (0, _rebasepro_core.useSlot)("home.actions", { context });
+		const filteredSections = (0, react.useMemo)(() => SECTIONS.filter((s) => !hiddenGroups?.includes(s.label)), [hiddenGroups]);
+		const { isGroupCollapsed, toggleGroupCollapsed } = useStudioCollapsedGroups((0, react.useMemo)(() => filteredSections.map((s) => s.label), [filteredSections]));
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			ref: containerRef,
-			className: "py-2 overflow-auto h-full w-full",
+			className: "py-2 overflow-auto h-full w-full bg-surface-50 dark:bg-surface-800",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_rebasepro_ui.Container, {
 				maxWidth: "6xl",
 				children: [
@@ -189,68 +208,77 @@
 						children: [additionalActions, pluginActions]
 					}),
 					additionalChildrenStart,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "flex flex-col gap-8 pt-2",
-						children: SECTIONS.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							"aria-label": section.label,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Card, {
-									onClick: () => {
-										navigate(tool.path);
-										context.analyticsController?.onAnalyticsEvent?.("home_navigate_to_view", { path: tool.path });
-									},
-									className: (0, _rebasepro_ui.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "flex flex-col items-start h-full",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "grow w-full",
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-													className: (0, _rebasepro_ui.cls)("h-6 flex items-center", section.iconColor),
-													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_core.IconForView, {
-														collectionOrView: {
-															slug: tool.path,
-															name: tool.name,
-															icon: tool.icon
-														},
-														size: "small"
-													})
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Typography, {
-													gutterBottom: true,
-													variant: "subtitle1",
-													className: "mt-1 font-semibold",
-													component: "h2",
-													children: tool.name
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Typography, {
-													variant: "caption",
-													color: "secondary",
-													component: "div",
-													children: tool.description
-												})
-											]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											style: { alignSelf: "flex-end" },
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: "p-2",
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.ArrowRightIcon, {
-													className: "text-primary",
-													size: _rebasepro_ui.iconSize.small
-												})
+					filteredSections.map((section) => {
+						const sectionCollapsed = isGroupCollapsed(section.label);
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "my-10",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.ExpandablePanel, {
+								invisible: true,
+								expanded: !sectionCollapsed,
+								onExpandedChange: (open) => {
+									if (open !== !sectionCollapsed) toggleGroupCollapsed(section.label);
+								},
+								className: "mt-6",
+								titleClassName: (0, _rebasepro_ui.cls)("min-h-0 p-0 border-none", "rounded flex items-center justify-between w-full", "hover:bg-transparent", "cursor-pointer select-none", sectionCollapsed && "bg-surface-100 dark:bg-surface-900/50"),
+								innerClassName: "mt-4 pt-0",
+								title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Typography, {
+									variant: "caption",
+									component: "h2",
+									color: "secondary",
+									className: (0, _rebasepro_ui.cls)("px-4 py-1 rounded", "font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70"),
+									children: section.label
+								}),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "mt-4 pt-0",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+										children: section.tools.map((tool) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Card, {
+											onClick: () => {
+												navigate(tool.path);
+												context.analyticsController?.onAnalyticsEvent?.("home_navigate_to_view", { path: tool.path });
+											},
+											className: (0, _rebasepro_ui.cls)("group h-full p-4 cursor-pointer transition-colors duration-150 ease-in-out", "hover:bg-primary/5 dark:hover:bg-primary/5"),
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "flex flex-col h-full",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "flex items-center w-full justify-between mb-1",
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: "flex items-center gap-3",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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",
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_core.IconForView, {
+																	collectionOrView: {
+																		slug: tool.path,
+																		name: tool.name,
+																		icon: tool.icon
+																	},
+																	size: "small"
+																})
+															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Typography, {
+																variant: "subtitle1",
+																component: "h2",
+																children: tool.name
+															})]
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: "pl-8",
+														children: tool.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Typography, {
+															variant: "caption",
+															color: "secondary",
+															component: "div",
+															children: tool.description
+														})
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "grow" })
+												]
 											})
-										})]
+										}, tool.path))
 									})
-								}, tool.path))
-							})]
-						}, section.label))
+								})
+							})
+						}, section.label);
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "mt-10 mb-6",
@@ -261,7 +289,7 @@
 									variant: "caption",
 									component: "h2",
 									color: "secondary",
-									className: "py-2 font-medium uppercase text-sm text-surface-600 dark:text-surface-400",
+									className: (0, _rebasepro_ui.cls)("px-4 py-1 rounded", "font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70"),
 									children: "Quick Start"
 								})
 							}),
@@ -314,7 +342,7 @@
 							variant: "caption",
 							component: "h2",
 							color: "secondary",
-							className: "p-4 py-2 rounded font-medium uppercase text-sm text-surface-600 dark:text-surface-400",
+							className: (0, _rebasepro_ui.cls)("px-4 py-1 rounded", "font-medium text-[10px] uppercase tracking-[0.08em] text-primary/50 dark:text-primary/70"),
 							children: s.title
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "mt-4",
@@ -1638,7 +1666,7 @@
 		};
 		SQLEditor$1 = () => {
 			const { databaseAdmin, client } = (0, _rebasepro_core.useRebaseContext)();
-			const sideEntityController = (0, _rebasepro_core.useStudioSideEntityController)();
+			const sidePanelController = (0, _rebasepro_core.useStudioSidePanelController)();
 			const snackbarController = (0, _rebasepro_core.useSnackbarController)();
 			const collectionRegistry = (0, _rebasepro_core.useStudioCollectionRegistry)();
 			const { t } = (0, _rebasepro_core.useTranslation)();
@@ -2400,7 +2428,7 @@
 														className: "text-surface-400 dark:text-surface-500 hover:text-surface-600 dark:hover:text-surface-300 transition-colors",
 														onClick: (e) => {
 															e.stopPropagation();
-															sideEntityController?.open({
+															sidePanelController?.open({
 																path: ra.collection.collection.slug,
 																entityId: ra.entityId,
 																collection: ra.collection.collection,
@@ -2424,7 +2452,7 @@
 												children: rowActions.map((ra) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.MenuItem, {
 													dense: true,
 													onClick: () => {
-														sideEntityController?.open({
+														sidePanelController?.open({
 															path: ra.collection.collection.slug,
 															entityId: ra.entityId,
 															collection: ra.collection.collection,
@@ -2839,11 +2867,7 @@
 		REBASE_CLIENT_TYPES = `
 // ─── Rebase Client SDK Type Definitions ─────────────────────────────
 
-interface Entity<M extends Record<string, any> = any> {
-    id: string | number;
-    path: string;
-    values: M;
-}
+/** A flat database row with the id merged at the top level. */
 
 interface FindParams {
     limit?: number;
@@ -2855,8 +2879,8 @@ interface FindParams {
     searchString?: string;
 }
 
-interface FindResponse<M extends Record<string, any> = any> {
-    data: Entity<M>[];
+interface FindResult<M extends Record<string, any> = any> {
+    data: M[];
     meta: {
         total: number;
         limit: number;
@@ -2865,63 +2889,63 @@ interface FindResponse<M extends Record<string, any> = any> {
     };
 }
 
-type FilterOperator = "=" | "!=" | ">" | ">=" | "<" | "<=" | "in" | "not-in" | "array-contains" | "array-contains-any" | "is" | "is_not" | "like" | "ilike";
+type WhereFilterOp = "<" | "<=" | "==" | "!=" | ">=" | ">" | "in" | "not-in" | "array-contains" | "array-contains-any";
 
 interface QueryBuilder<M extends Record<string, any> = any> {
-    where(column: keyof M & string, operator: FilterOperator, value: any): QueryBuilder<M>;
+    where(column: keyof M & string, operator: WhereFilterOp, value: any): QueryBuilder<M>;
     orderBy(column: keyof M & string, direction?: "asc" | "desc"): QueryBuilder<M>;
     limit(count: number): QueryBuilder<M>;
     offset(count: number): QueryBuilder<M>;
     search(searchString: string): QueryBuilder<M>;
-    find(): Promise<FindResponse<M>>;
-    findOne(): Promise<Entity<M> | undefined>;
+    find(): Promise<FindResult<M>>;
     count(): Promise<number>;
 }
 
 interface CollectionClient<M extends Record<string, any> = any> {
-    find(params?: FindParams): Promise<FindResponse<M>>;
-    findById(id: string | number): Promise<Entity<M> | undefined>;
-    create(data: Partial<M>, id?: string | number): Promise<Entity<M>>;
-    update(id: string | number, data: Partial<M>): Promise<Entity<M>>;
+    find(params?: FindParams): Promise<FindResult<M>>;
+    findById(id: string | number): Promise<M | undefined>;
+    create(data: Partial<M>, id?: string | number): Promise<M>;
+    update(id: string | number, data: Partial<M>): Promise<M>;
     delete(id: string | number): Promise<void>;
-    where(column: keyof M & string, operator: FilterOperator, value: any): QueryBuilder<M>;
+    where(column: keyof M & string, operator: WhereFilterOp, value: any): QueryBuilder<M>;
     orderBy(column: keyof M & string, direction?: "asc" | "desc"): QueryBuilder<M>;
     limit(count: number): QueryBuilder<M>;
     offset(count: number): QueryBuilder<M>;
     search(searchString: string): QueryBuilder<M>;
-    listen?(params: FindParams | undefined, onUpdate: (response: FindResponse<M>) => void, onError?: (error: Error) => void): () => void;
-    listenById?(id: string | number, onUpdate: (entity: Entity<M> | undefined) => void, onError?: (error: Error) => void): () => void;
+    listen?(params: FindParams | undefined, onUpdate: (response: FindResult<M>) => void, onError?: (error: Error) => void): () => void;
+    listenById?(id: string | number, onUpdate: (row: M | undefined) => void, onError?: (error: Error) => void): () => void;
     count?(params?: FindParams): Promise<number>;
 }
 
-interface RebaseUser {
+interface User {
     uid: string;
     email: string | null;
     displayName: string | null;
     photoURL: string | null;
-    emailVerified?: boolean;
-    roles?: string[];
     providerId: string;
     isAnonymous: boolean;
+    emailVerified?: boolean;
+    roles?: string[];
+    metadata?: Record<string, unknown>;
 }
 
 interface RebaseSession {
     accessToken: string;
     refreshToken: string;
     expiresAt: number;
-    user: RebaseUser;
+    user: User;
 }
 
 type AuthChangeEvent = 'SIGNED_IN' | 'SIGNED_OUT' | 'TOKEN_REFRESHED' | 'USER_UPDATED';
 
 interface RebaseAuth {
-    signInWithEmail(email: string, password: string): Promise<{ user: RebaseUser; accessToken: string; refreshToken: string }>;
-    signUp(email: string, password: string, displayName?: string): Promise<{ user: RebaseUser; accessToken: string; refreshToken: string }>;
-    signInWithGoogle(idToken: string): Promise<{ user: RebaseUser; accessToken: string; refreshToken: string }>;
+    signInWithEmail(email: string, password: string): Promise<{ user: User; accessToken: string; refreshToken: string }>;
+    signUp(email: string, password: string, displayName?: string): Promise<{ user: User; accessToken: string; refreshToken: string }>;
+    signInWithGoogle(idToken: string): Promise<{ user: User; accessToken: string; refreshToken: string }>;
     signOut(): Promise<void>;
     refreshSession(): Promise<RebaseSession>;
-    getUser(): Promise<RebaseUser>;
-    updateUser(updates: { displayName?: string; photoURL?: string }): Promise<RebaseUser>;
+    getUser(): Promise<User>;
+    updateUser(updates: { displayName?: string; photoURL?: string }): Promise<User>;
     resetPasswordForEmail(email: string): Promise<{ success: boolean; message: string }>;
     resetPassword(token: string, password: string): Promise<{ success: boolean; message: string }>;
     changePassword(oldPassword: string, newPassword: string): Promise<{ success: boolean; message: string }>;
@@ -3611,7 +3635,7 @@ declare const context: JSEditorContext;
 		const apiConfig = (0, _rebasepro_core.useApiConfig)();
 		const snackbar = (0, _rebasepro_core.useSnackbarController)();
 		const collectionRegistry = (0, _rebasepro_core.useStudioCollectionRegistry)();
-		const sideEntityController = (0, _rebasepro_core.useStudioSideEntityController)();
+		const sidePanelController = (0, _rebasepro_core.useStudioSidePanelController)();
 		const { t } = (0, _rebasepro_core.useTranslation)();
 		const currentUser = rebaseContext.authController?.user;
 		const [tabs, setTabs] = (0, react.useState)(() => loadFromStorage("tabs", [{
@@ -4246,7 +4270,7 @@ declare const context: JSEditorContext;
 																					className: "text-surface-400 dark:text-surface-500 hover:text-surface-600 dark:hover:text-surface-300",
 																					onClick: (e) => {
 																						e.stopPropagation();
-																						sideEntityController.open({
+																						sidePanelController.open({
 																							path: ra.collection.collectionSlug,
 																							entityId: ra.entityId,
 																							collection: ra.collection.collection,
@@ -4270,7 +4294,7 @@ declare const context: JSEditorContext;
 																			children: rowActions.map((ra) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.MenuItem, {
 																				dense: true,
 																				onClick: () => {
-																					sideEntityController.open({
+																					sidePanelController.open({
 																						path: ra.collection.collectionSlug,
 																						entityId: ra.entityId,
 																						collection: ra.collection.collection,
@@ -5296,28 +5320,18 @@ return result;
 						status: "live"
 					};
 				});
-				if (activeCollection && (0, _rebasepro_types.isPostgresCollection)(activeCollection) && activeCollection.securityRules) activeCollection.securityRules.forEach((rule) => {
+				if (activeCollection && (0, _rebasepro_types.isPostgresCollectionConfig)(activeCollection) && activeCollection.securityRules) activeCollection.securityRules.forEach((rule) => {
 					const ruleName = rule.name;
 					if (!ruleName) return;
-					if (policiesMap[ruleName]) policiesMap[ruleName] = {
-						policyname: ruleName,
-						tablename: activeTableData.tableName,
-						permissive: (rule.mode || "permissive").toUpperCase(),
-						cmd: (rule.operation || "ALL").toUpperCase(),
-						roles: rule.roles || ["public"],
-						qual: rule.using || null,
-						with_check: rule.withCheck || null,
-						status: "both"
-					};
-					else policiesMap[ruleName] = {
+					policiesMap[ruleName] = {
 						policyname: ruleName,
 						tablename: activeTableData.tableName,
 						permissive: (rule.mode || "permissive").toUpperCase(),
 						cmd: (rule.operation || "ALL").toUpperCase(),
-						roles: rule.roles || ["public"],
+						roles: [...rule.roles ?? ["public"]],
 						qual: rule.using || null,
 						with_check: rule.withCheck || null,
-						status: "code_only"
+						status: policiesMap[ruleName] ? "both" : "code_only"
 					};
 				});
 				return Object.values(policiesMap).sort((a, b) => a.policyname.localeCompare(b.policyname));
@@ -5698,7 +5712,7 @@ return result;
 										withCheck: newPolicy.with_check || void 0,
 										roles: newPolicy.roles
 									};
-									const existingRules = ((0, _rebasepro_types.isPostgresCollection)(activeCollection) ? activeCollection.securityRules : void 0) || [];
+									const existingRules = ((0, _rebasepro_types.isPostgresCollectionConfig)(activeCollection) ? activeCollection.securityRules : void 0) || [];
 									let newRules;
 									if (editingPolicy === "new") newRules = [...existingRules, rule];
 									else newRules = existingRules.map((r) => r.name === editingPolicy.policyname ? rule : r);
@@ -5895,7 +5909,7 @@ return result;
 																	withCheck: policy.with_check || void 0,
 																	roles: policy.roles
 																};
-																const newRules = [...((0, _rebasepro_types.isPostgresCollection)(activeCollection) ? activeCollection.securityRules : void 0) || [], rule];
+																const newRules = [...((0, _rebasepro_types.isPostgresCollectionConfig)(activeCollection) ? activeCollection.securityRules : void 0) || [], rule];
 																try {
 																	if (!(await fetch(`${apiUrl}/api/schema-editor/collection/save`, {
 																		method: "POST",
@@ -6418,8 +6432,16 @@ return result;
 	var StorageView$1;
 	var init_StorageView = __esmMin((() => {
 		StorageView$1 = () => {
-			const storageSource = (0, _rebasepro_core.useStorageSource)();
+			const defaultStorageSource = (0, _rebasepro_core.useStorageSource)();
+			const storageSources = (0, _rebasepro_core.useStorageSources)();
 			const snackbarController = (0, _rebasepro_core.useSnackbarController)();
+			const sourceKeys = (0, react.useMemo)(() => {
+				const keys = Object.keys(storageSources.sources);
+				if (!keys.includes(_rebasepro_types.DEFAULT_STORAGE_SOURCE_KEY)) keys.unshift(_rebasepro_types.DEFAULT_STORAGE_SOURCE_KEY);
+				return keys;
+			}, [storageSources.sources]);
+			const [selectedSourceKey, setSelectedSourceKey] = (0, react.useState)(_rebasepro_types.DEFAULT_STORAGE_SOURCE_KEY);
+			const storageSource = storageSources.sources[selectedSourceKey] ?? defaultStorageSource;
 			const [searchParams, setSearchParams] = (0, react_router_dom.useSearchParams)();
 			const currentPath = searchParams.get("path") || "";
 			const [loading, setLoading] = (0, react.useState)(true);
@@ -6483,7 +6505,11 @@ return result;
 			}, []);
 			(0, react.useEffect)(() => {
 				fetchContents(currentPath);
-			}, [currentPath, fetchContents]);
+			}, [
+				currentPath,
+				fetchContents,
+				selectedSourceKey
+			]);
 			const handleNavigate = (0, react.useCallback)((path) => {
 				if (!path) setSearchParams({});
 				else setSearchParams({ path });
@@ -7163,6 +7189,21 @@ return result;
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "flex shrink-0 items-center justify-end gap-1.5 pr-1",
 										children: [
+											sourceKeys.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Select, {
+												size: "small",
+												position: "item-aligned",
+												value: selectedSourceKey,
+												onValueChange: (value) => {
+													if (value) setSelectedSourceKey(value);
+												},
+												renderValue: (key) => {
+													return storageSources.registry[key]?.label ?? (key === _rebasepro_types.DEFAULT_STORAGE_SOURCE_KEY ? "Default" : key);
+												},
+												children: sourceKeys.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.SelectItem, {
+													value: key,
+													children: storageSources.registry[key]?.label ?? (key === _rebasepro_types.DEFAULT_STORAGE_SOURCE_KEY ? "Default" : key)
+												}, key))
+											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Tooltip, {
 												title: "Grid view",
 												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.IconButton, {
@@ -8000,7 +8041,7 @@ return result;
 					enumValues
 				});
 			}
-			if ((0, _rebasepro_types.isPostgresCollection)(collection)) try {
+			if ((0, _rebasepro_types.isPostgresCollectionConfig)(collection)) try {
 				const resolvedRelations = (0, _rebasepro_common.resolveCollectionRelations)(collection);
 				for (const rel of Object.values(resolvedRelations)) if (rel.direction === "owning" && rel.cardinality === "one" && rel.localKey) if (!columns.some((c) => c.name === rel.localKey)) columns.push({
 					name: rel.localKey,
@@ -8037,7 +8078,7 @@ return result;
 				return fk ? `source-${fk.name}` : "source-default";
 			};
 			for (const collection of collections) {
-				if (!(0, _rebasepro_types.isPostgresCollection)(collection)) continue;
+				if (!(0, _rebasepro_types.isPostgresCollectionConfig)(collection)) continue;
 				const tableName = collection.table ?? collection.slug;
 				const nodeId = `table-${tableName}`;
 				tableToNodeId.set(tableName, nodeId);
@@ -8066,7 +8107,7 @@ return result;
 			}
 			const processedJunctions = /* @__PURE__ */ new Set();
 			for (const collection of collections) {
-				if (!(0, _rebasepro_types.isPostgresCollection)(collection)) continue;
+				if (!(0, _rebasepro_types.isPostgresCollectionConfig)(collection)) continue;
 				const tableName = collection.table ?? collection.slug;
 				const sourceNodeId = tableToNodeId.get(tableName);
 				if (!sourceNodeId) continue;
@@ -8083,7 +8124,7 @@ return result;
 					} catch {
 						continue;
 					}
-					if (!(0, _rebasepro_types.isPostgresCollection)(targetCollection)) continue;
+					if (!(0, _rebasepro_types.isPostgresCollectionConfig)(targetCollection)) continue;
 					const targetTable = targetCollection.table ?? targetCollection.slug;
 					const targetNodeId = tableToNodeId.get(targetTable);
 					if (!targetNodeId) continue;
@@ -8556,7 +8597,7 @@ return result;
 				localStorage.setItem("rebase_schema_viz_sidebar_size", sidebarSize.toString());
 			} catch {}
 		}, [sidebarSize]);
-		const postgresCollections = (0, react.useMemo)(() => collections.filter(_rebasepro_types.isPostgresCollection), [collections]);
+		const postgresCollections = (0, react.useMemo)(() => collections.filter(_rebasepro_types.isPostgresCollectionConfig), [collections]);
 		const filteredCollections = (0, react.useMemo)(() => {
 			if (!searchQuery.trim()) return postgresCollections;
 			const q = searchQuery.toLowerCase();
@@ -8567,7 +8608,7 @@ return result;
 			tables: tableCount,
 			relations: relationCount,
 			junctions: junctionNodes.length,
-			withRls: postgresCollections.filter((c) => (0, _rebasepro_types.isPostgresCollection)(c) && c.securityRules && c.securityRules.length > 0).length
+			withRls: postgresCollections.filter((c) => (0, _rebasepro_types.isPostgresCollectionConfig)(c) && c.securityRules && c.securityRules.length > 0).length
 		}), [
 			tableCount,
 			relationCount,
@@ -8639,7 +8680,7 @@ return result;
 										}),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "flex items-center gap-1 shrink-0 ml-1",
-											children: [(0, _rebasepro_types.isPostgresCollection)(collection) && collection.securityRules && collection.securityRules.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Tooltip, {
+											children: [(0, _rebasepro_types.isPostgresCollectionConfig)(collection) && collection.securityRules && collection.securityRules.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Tooltip, {
 												title: "RLS enabled",
 												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-1.5 h-1.5 rounded-full bg-green-500" })
 											}), collection.history && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_rebasepro_ui.Tooltip, {
@@ -11419,10 +11460,10 @@ return result;
 			return _rebasepro_core.useStudioNavigationState;
 		}
 	});
-	Object.defineProperty(exports, "useStudioSideEntityController", {
+	Object.defineProperty(exports, "useStudioSidePanelController", {
 		enumerable: true,
 		get: function() {
-			return _rebasepro_core.useStudioSideEntityController;
+			return _rebasepro_core.useStudioSidePanelController;
 		}
 	});
 	Object.defineProperty(exports, "useStudioUrlController", {