@rebasepro/studio 0.0.1-canary.f81da60 → 0.1.0

package/dist/index.umd.js

@@ -84,7 +84,7 @@
     }]
   }];
   function StudioHomePage(t0) {
-    const $ = reactCompilerRuntime.c(29);
+    const $ = reactCompilerRuntime.c(30);
     const {
       additionalActions,
       additionalChildrenStart,
@@ -131,20 +131,27 @@
     const sectionProps = t3;
     const pluginActions = core.useSlot("home.actions", sectionProps);
     let t4;
-    if ($[6] !== additionalActions || $[7] !== pluginActions) {
-      t4 = (additionalActions || pluginActions) && /* @__PURE__ */ jsxRuntime.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: [
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(core.BootstrapAdminBanner, {}) });
+      $[6] = t4;
+    } else {
+      t4 = $[6];
+    }
+    let t5;
+    if ($[7] !== additionalActions || $[8] !== pluginActions) {
+      t5 = (additionalActions || pluginActions) && /* @__PURE__ */ jsxRuntime.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;
+      $[7] = additionalActions;
+      $[8] = pluginActions;
+      $[9] = t5;
     } else {
-      t4 = $[8];
+      t5 = $[9];
     }
-    let t5;
-    if ($[9] !== context || $[10] !== navigate) {
-      t5 = SECTIONS.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": section.label, children: [
+    let t6;
+    if ($[10] !== context || $[11] !== navigate) {
+      t6 = SECTIONS.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": section.label, children: [
         /* @__PURE__ */ jsxRuntime.jsx(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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Card, { onClick: () => {
           navigate(tool.path);
@@ -166,43 +173,43 @@
           }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "text-primary", size: ui.iconSize.small }) }) })
         ] }) }, tool.path)) })
       ] }, section.label));
-      $[9] = context;
-      $[10] = navigate;
-      $[11] = t5;
-    } else {
-      t5 = $[11];
-    }
-    let t6;
-    if ($[12] !== t5) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-8 pt-2", children: t5 });
-      $[12] = t5;
-      $[13] = t6;
+      $[10] = context;
+      $[11] = navigate;
+      $[12] = t6;
     } else {
-      t6 = $[13];
+      t6 = $[12];
     }
     let t7;
-    if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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" }) });
+    if ($[13] !== t6) {
+      t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-8 pt-2", children: t6 });
+      $[13] = t6;
       $[14] = t7;
     } else {
       t7 = $[14];
     }
     let t8;
     if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", color: "secondary", className: "mb-4 max-w-2xl", children: [
+      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", component: "h2", color: "secondary", className: "py-2 font-medium uppercase text-sm text-surface-600 dark:text-surface-400", children: "Quick Start" }) });
+      $[15] = t8;
+    } else {
+      t8 = $[15];
+    }
+    let t9;
+    if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", color: "secondary", className: "mb-4 max-w-2xl", children: [
         "Generate a fully-typed SDK from your collections with",
         " ",
         /* @__PURE__ */ jsxRuntime.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;
+      $[16] = t9;
     } else {
-      t8 = $[15];
+      t9 = $[16];
     }
-    let t9;
-    if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t9 = /* @__PURE__ */ jsxRuntime.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: [
+    let t10;
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 rounded-full bg-red-400/60" }),
@@ -213,61 +220,62 @@
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-mono text-surface-400 dark:text-surface-500", children: "TypeScript" })
       ] });
-      $[16] = t9;
+      $[17] = t10;
     } else {
-      t9 = $[16];
+      t10 = $[17];
     }
-    let t10;
-    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-10 mb-6", children: [
-        t7,
+    let t11;
+    if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-10 mb-6", children: [
         t8,
+        t9,
         /* @__PURE__ */ jsxRuntime.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,
+          t10,
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4 overflow-x-auto text-[13px] leading-6 font-mono", children: /* @__PURE__ */ jsxRuntime.jsx(SyntaxHighlightedSnippet, {}) })
         ] })
       ] });
-      $[17] = t10;
+      $[18] = t11;
     } else {
-      t10 = $[17];
+      t11 = $[18];
     }
-    let t11;
-    if ($[18] !== sections) {
-      t11 = sections?.map(_temp$7);
-      $[18] = sections;
-      $[19] = t11;
+    let t12;
+    if ($[19] !== sections) {
+      t12 = sections?.map(_temp$7);
+      $[19] = sections;
+      $[20] = t12;
     } else {
-      t11 = $[19];
+      t12 = $[20];
     }
-    let t12;
-    if ($[20] !== additionalChildrenEnd || $[21] !== additionalChildrenStart || $[22] !== t11 || $[23] !== t4 || $[24] !== t6) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "6xl", children: [
+    let t13;
+    if ($[21] !== additionalChildrenEnd || $[22] !== additionalChildrenStart || $[23] !== t12 || $[24] !== t5 || $[25] !== t7) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "6xl", children: [
         t4,
+        t5,
         additionalChildrenStart,
-        t6,
-        t10,
+        t7,
         t11,
+        t12,
         additionalChildrenEnd
       ] });
-      $[20] = additionalChildrenEnd;
-      $[21] = additionalChildrenStart;
-      $[22] = t11;
-      $[23] = t4;
-      $[24] = t6;
-      $[25] = t12;
+      $[21] = additionalChildrenEnd;
+      $[22] = additionalChildrenStart;
+      $[23] = t12;
+      $[24] = t5;
+      $[25] = t7;
+      $[26] = t13;
     } else {
-      t12 = $[25];
+      t13 = $[26];
     }
-    let t13;
-    if ($[26] !== containerRef || $[27] !== t12) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "py-2 overflow-auto h-full w-full", children: t12 });
-      $[26] = containerRef;
-      $[27] = t12;
+    let t14;
+    if ($[27] !== containerRef || $[28] !== t13) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "py-2 overflow-auto h-full w-full", children: t13 });
+      $[27] = containerRef;
       $[28] = t13;
+      $[29] = t14;
     } else {
-      t13 = $[28];
+      t14 = $[29];
     }
-    return t13;
+    return t14;
   }
   function _temp$7(s) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-10", children: [