@rebasepro/studio 0.0.1-canary.09e5ec5

package/dist/index.es.js

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