@chaibuilder/sdk 1.2.38 → 1.2.40

package/dist/{SidePanels-vNc0pvVt.js → SidePanels-0P4IaIVn.js}

@@ -1,15 +1,15 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { KeyboardIcon as U, PlusIcon as J, Half2Icon as Z } from "@radix-ui/react-icons";
-import j, { useState as h, useEffect as W, useMemo as Y, memo as $, lazy as w, Suspense as b } from "react";
+import { KeyboardIcon as J, PlusIcon as K, Component2Icon as Z } from "@radix-ui/react-icons";
+import f, { useState as h, useEffect as W, useMemo as Y, memo as $, lazy as j, Suspense as N } from "react";
 import { useAtom as O } from "jotai";
-import { filter as N, map as K, isNull as q, find as G, isEmpty as Q, each as X, get as ee } from "lodash-es";
-import { Z as M, _ as H, $ as F, a0 as R, a1 as se, a2 as re, A as ae, a as le, b as ie, c as te, d as oe, e as ne, f as ce, g as de, a3 as me, a4 as xe, a5 as he, a6 as pe, a7 as ue, a8 as fe, a9 as je, aa as E, ab as ve, ac as ge, ad as be, ae as Ne, af as B, h as T, ag as ye, B as y, ah as V, ai as z, aj as I, ak as _, al as A } from "./ChaiBuilderEditor-vzyVasJe.js";
-import { ListTreeIcon as S, DatabaseIcon as we } from "lucide-react";
-import { getChaiDataProviders as ke } from "@chaibuilder/runtime";
+import { filter as y, map as E, isNull as q, find as G, isEmpty as Q, each as X, get as ee } from "lodash-es";
+import { Z as H, _ as U, $ as F, a0 as R, a1 as se, a2 as re, A as ae, a as le, b as ie, c as te, d as oe, e as ne, f as ce, g as de, a3 as me, a4 as xe, a5 as he, a6 as ue, a7 as pe, a8 as fe, a9 as je, aa as z, ab as ve, ac as ge, ad as be, ae as Ne, af as B, h as w, ag as ye, B as x, ah as L, ai as V, aj as I, ak as T, al as _ } from "./ChaiBuilderEditor-wfEkvtJ0.js";
+import { ListTreeIcon as A, PaletteIcon as we, DatabaseIcon as ke } from "lucide-react";
+import { getChaiDataProviders as Ce } from "@chaibuilder/runtime";
 import { useTranslation as v } from "react-i18next";
-import { J as De, a as Ce, d as Te } from "./index-e0c8PmRQ.js";
+import { J as De, a as Te, d as _e } from "./index-e0c8PmRQ.js";
 import { O as i } from "./STRINGS--j49GZJP.js";
-import { c as _e } from "./Functions-7jnEwJyw.js";
+import { c as Ae } from "./Functions-7jnEwJyw.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "react-dom";
@@ -43,27 +43,26 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-quill";
 import "react-hotkeys-hook";
-import "lodash";
-const Ae = ({ provider: s, onClose: o }) => {
-  const { t: l } = v(), [a, p] = h(null);
+const Pe = ({ provider: r, onClose: t }) => {
+  const { t: a } = v(), [l, u] = h(null);
   return W(() => {
-    s && (s.mockFn ? s.mockFn : s.dataFn)().then((n) => p(n));
-  }, [s]), s ? /* @__PURE__ */ e.jsx(M, { onOpenChange: (d) => d ? "" : o(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(H, { children: [
+    r && (r.mockFn ? r.mockFn : r.dataFn)().then((c) => u(c));
+  }, [r]), r ? /* @__PURE__ */ e.jsx(H, { onOpenChange: (d) => d ? "" : t(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(U, { children: [
     /* @__PURE__ */ e.jsxs(F, { children: [
       /* @__PURE__ */ e.jsxs(R, { children: [
-        l("data_provider"),
+        a("data_provider"),
         ": ",
-        s.name
+        r.name
       ] }),
-      /* @__PURE__ */ e.jsx(se, { children: s.description })
+      /* @__PURE__ */ e.jsx(se, { children: r.description })
     ] }),
     /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(
       De,
       {
-        data: a,
-        shouldExpandNode: Ce,
+        data: l,
+        shouldExpandNode: Te,
         style: {
-          ...Te,
+          ..._e,
           container: "max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",
           stringValue: "text-orange-600",
           label: "text-green-900 font-semibold pr-1 tracking-wider"
@@ -73,77 +72,77 @@ const Ae = ({ provider: s, onClose: o }) => {
   ] }) }) : null;
 };
 function Se({
-  children: s,
-  name: o,
-  onRemove: l
+  children: r,
+  name: t,
+  onRemove: a
 }) {
-  const { t: a } = v();
+  const { t: l } = v();
   return /* @__PURE__ */ e.jsxs(ae, { children: [
-    /* @__PURE__ */ e.jsx(le, { asChild: !0, children: s }),
+    /* @__PURE__ */ e.jsx(le, { asChild: !0, children: r }),
     /* @__PURE__ */ e.jsxs(ie, { children: [
       /* @__PURE__ */ e.jsxs(te, { children: [
         /* @__PURE__ */ e.jsx(
           oe,
           {
-            dangerouslySetInnerHTML: { __html: a("remove_provider_confirmation").replace("{name}", o) }
+            dangerouslySetInnerHTML: { __html: l("remove_provider_confirmation").replace("{name}", t) }
           }
         ),
-        /* @__PURE__ */ e.jsx(ne, { children: a("remove_provider_warning") })
+        /* @__PURE__ */ e.jsx(ne, { children: l("remove_provider_warning") })
       ] }),
       /* @__PURE__ */ e.jsxs(ce, { children: [
-        /* @__PURE__ */ e.jsx(de, { children: a("cancel") }),
-        /* @__PURE__ */ e.jsx(me, { onClick: l, className: "bg-red-600 hover:bg-red-700", children: a("remove") })
+        /* @__PURE__ */ e.jsx(de, { children: l("cancel") }),
+        /* @__PURE__ */ e.jsx(me, { onClick: a, className: "bg-red-600 hover:bg-red-700", children: l("remove") })
       ] })
     ] })
   ] });
 }
-const Pe = () => {
-  const { t: s } = v(), o = Y(() => ke(), []), [l, a] = xe(), [, p] = O(he), [d, n] = h(
-    N(o, (r) => K(l, "providerKey").includes(r.providerKey))
-  ), [k, u] = h(""), [g, c] = h(null), D = N(
-    o.map((r) => K(d, "providerKey").includes(r.providerKey) ? null : { value: r.providerKey, label: r.name }),
-    (r) => !q(r)
-  ), C = (r) => {
-    const x = G(o, { providerKey: r });
-    n((m) => [...m, x]), a((m) => [...m, { providerKey: x.providerKey, args: {} }]), u(""), p("UNSAVED");
-  }, t = (r) => {
-    n((x) => N(x, (m) => m.providerKey !== r.providerKey)), a((x) => N(x, (m) => m.providerKey !== r.providerKey)), p("UNSAVED");
-  }, f = (r) => c(r);
-  return Q(o) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
-    s("no_data_providers"),
+const Ke = () => {
+  const { t: r } = v(), t = Y(() => Ce(), []), [a, l] = xe(), [, u] = O(he), [d, c] = h(
+    y(t, (s) => E(a, "providerKey").includes(s.providerKey))
+  ), [k, p] = h(""), [S, g] = h(null), b = y(
+    t.map((s) => E(d, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
+    (s) => !q(s)
+  ), o = (s) => {
+    const n = G(t, { providerKey: s });
+    c((m) => [...m, n]), l((m) => [...m, { providerKey: n.providerKey, args: {} }]), p(""), u("UNSAVED");
+  }, C = (s) => {
+    c((n) => y(n, (m) => m.providerKey !== s.providerKey)), l((n) => y(n, (m) => m.providerKey !== s.providerKey)), u("UNSAVED");
+  }, D = (s) => g(s);
+  return Q(t) ? /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
+    r("no_data_providers"),
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: s("learn_more") })
+    /* @__PURE__ */ e.jsx("a", { className: "text-blue-500", href: "https://chaibuilder.com/docs/registering-data-providers", target: "_blank", children: r("learn_more") })
   ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
     /* @__PURE__ */ e.jsx("br", {}),
-    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "mb-1.5 text-xs text-gray-500", children: s("add_data_providers") }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(pe, { value: k, onValueChange: (r) => C(r), children: [
-      /* @__PURE__ */ e.jsx(ue, { className: "w-full", children: /* @__PURE__ */ e.jsx(fe, { placeholder: s("select_provider") }) }),
+    /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "mb-1.5 text-xs text-gray-500", children: r("add_data_providers") }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center space-x-1", children: /* @__PURE__ */ e.jsxs(ue, { value: k, onValueChange: (s) => o(s), children: [
+      /* @__PURE__ */ e.jsx(pe, { className: "w-full", children: /* @__PURE__ */ e.jsx(fe, { placeholder: r("select_provider") }) }),
       /* @__PURE__ */ e.jsxs(je, { children: [
-        /* @__PURE__ */ e.jsx(E, { value: "", children: s("choose") }),
-        D.map((r) => /* @__PURE__ */ e.jsx(E, { value: r.value, children: r.label }, r.value))
+        /* @__PURE__ */ e.jsx(z, { value: "", children: r("choose") }),
+        b.map((s) => /* @__PURE__ */ e.jsx(z, { value: s.value, children: s.label }, s.value))
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("br", {}),
     /* @__PURE__ */ e.jsxs("div", { className: `border-t ${d.length ? "block" : "hidden"}`, children: [
       /* @__PURE__ */ e.jsxs("p", { className: "flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500", children: [
-        s("page_data_providers"),
+        r("page_data_providers"),
         ":"
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: d.map((r) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: d.map((s) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "w-full rounded-lg border bg-card text-card-foreground shadow-sm",
           "data-v0-t": "card",
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-1.5 px-4 pt-4", children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e.jsxs("div", { children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "font-medium leading-4", children: r.name }),
-              /* @__PURE__ */ e.jsx("p", { className: "pt-1 text-xs text-gray-400", children: r.description })
+              /* @__PURE__ */ e.jsx("h3", { className: "font-medium leading-4", children: s.name }),
+              /* @__PURE__ */ e.jsx("p", { className: "pt-1 text-xs text-gray-400", children: s.description })
             ] }) }) }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-2 py-2", children: [
               /* @__PURE__ */ e.jsxs(
                 "button",
                 {
-                  onClick: () => f(r),
+                  onClick: () => D(s),
                   className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-blue-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
                   children: [
                     /* @__PURE__ */ e.jsxs(
@@ -165,11 +164,11 @@ const Pe = () => {
                         ]
                       }
                     ),
-                    s("view_data")
+                    r("view_data")
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(Se, { onRemove: () => t(r), name: r.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: [
+              /* @__PURE__ */ e.jsx(Se, { onRemove: () => C(s), name: s.name, children: /* @__PURE__ */ e.jsxs("button", { className: "inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", children: [
                 /* @__PURE__ */ e.jsxs(
                   "svg",
                   {
@@ -190,133 +189,151 @@ const Pe = () => {
                     ]
                   }
                 ),
-                s("remove")
+                r("remove")
               ] }) })
             ] })
           ]
         },
-        r.providerKey
+        s.providerKey
       )) }),
-      /* @__PURE__ */ e.jsx(Ae, { onClose: () => c(null), provider: g })
+      /* @__PURE__ */ e.jsx(Pe, { onClose: () => g(null), provider: S })
     ] })
   ] });
-}, Ke = $(() => {
-  const { t: s } = v(), o = {
+}, Ee = $(() => {
+  const { t: r } = v(), t = {
     "ctrl + Z": "Undo",
     "ctrl + Y": "Redo",
     "ctrl + D": "Duplicate"
-  }, l = {
+  }, a = {
     // "ctrl + /": "Rename block",
     "ctrl + S": "Save page",
     esc: "Deselect blocks",
     del: "Delete block"
   };
-  return /* @__PURE__ */ e.jsxs(M, { children: [
+  return /* @__PURE__ */ e.jsxs(H, { children: [
     /* @__PURE__ */ e.jsx(ve, { children: /* @__PURE__ */ e.jsxs(ge, { children: [
-      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(U, {}) }) }),
-      /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx("p", { children: s("Keyboard shortcuts") }) })
+      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsx("div", { className: "flex w-10 items-center justify-center", children: /* @__PURE__ */ e.jsx(J, {}) }) }),
+      /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsx("p", { children: r("Keyboard shortcuts") }) })
     ] }) }),
-    /* @__PURE__ */ e.jsxs(H, { className: "sm:max-w-[525px]", children: [
-      /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(R, { children: s("Keyboard shortcuts") }) }),
+    /* @__PURE__ */ e.jsxs(U, { className: "sm:max-w-[525px]", children: [
+      /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(R, { children: r("Keyboard shortcuts") }) }),
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(o).map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(a) }),
-          /* @__PURE__ */ e.jsx("div", { children: s(o[a]) })
-        ] }, a)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(l).map((a) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
-          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: s(a) }),
-          /* @__PURE__ */ e.jsx("div", { children: s(l[a]) })
-        ] }, a)) })
+        /* @__PURE__ */ e.jsx("div", { className: "mr-8 flex flex-col space-y-2 border-r border-gray-200", children: Object.keys(t).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: r(l) }),
+          /* @__PURE__ */ e.jsx("div", { children: r(t[l]) })
+        ] }, l)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col space-y-2", children: Object.keys(a).map((l) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ e.jsx(B, { variant: "outline", className: "border border-gray-600 p-1 px-2", children: r(l) }),
+          /* @__PURE__ */ e.jsx("div", { children: r(a[l]) })
+        ] }, l)) })
       ] }) })
     ] })
   ] });
-}), Ee = w(() => import("./AddBlocks-dljjAE5r.js")), P = w(() => import("./ListTree-1oWz6vwo.js")), Be = w(() => import("./BrandingOptions-z7hXgff2.js")), Ve = w(() => import("./ChaiBuilderEditor-vzyVasJe.js").then((s) => s.co));
-let L = null;
-const _s = () => {
-  const s = T("sideBarComponents.top", []), o = T("sideBarComponents.bottom", []), [l, a] = O(ye), [p, d] = h(l), [n, k] = h(null), { t: u } = v(), g = {
-    "add-blocks": Ee,
+}), ze = j(() => import("./AddBlocks-Q--k4QYI.js")), P = j(() => import("./ListTree-3riQsfip.js")), Be = j(() => import("./ThemeConfiguration-7Hef-UKR.js")), Le = j(() => import("./ChaiBuilderEditor-wfEkvtJ0.js").then((r) => r.co)), Ve = j(() => import("./UILibrariesPanel-qgwFZYvn.js"));
+let M = null;
+const As = () => {
+  const r = w("sideBarComponents.top", []), t = w("sideBarComponents.bottom", []), [a, l] = O(ye), [u, d] = h(a), [c, k] = h(null), { t: p } = v(), g = w("uiLibraries", []).length > 0, b = {
+    "add-blocks": ze,
     [i]: P,
-    "branding-options": Be,
-    images: Ve
+    "theme-configuration": Be,
+    images: Le,
+    "ui-libraries": Ve
   };
-  X(s, ({ name: t, panel: f }) => {
-    g[t] = f;
+  X(r, ({ name: s, panel: n }) => {
+    b[s] = n;
   });
-  const c = (t) => {
-    clearTimeout(L), l !== i && t === i ? L = setTimeout(() => a(i), 500) : d(t), a(t);
-  }, D = T("dataBindingSupport", !1);
-  function C() {
-    const t = setTimeout(() => {
-      n && (c(i), clearTimeout(n));
+  const o = (s) => {
+    clearTimeout(M), a !== i && s === i ? M = setTimeout(() => l(i), 500) : d(s), l(s);
+  }, C = w("dataBindingSupport", !1);
+  function D() {
+    const s = setTimeout(() => {
+      c && (o(i), clearTimeout(c));
     }, 500);
-    k(t);
+    k(s);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
-    l !== i ? /* @__PURE__ */ e.jsx(
+    a !== i ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: C,
-        onClick: () => c(i),
+        onMouseEnter: D,
+        onClick: () => o(i),
         className: "fixed inset-0 z-[50] bg-black/20"
       }
     ) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: [
-        /* @__PURE__ */ e.jsx(
-          y,
+        g ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 rounded-md bg-gray-200 p-1", children: [
+          /* @__PURE__ */ e.jsx(
+            x,
+            {
+              onClick: () => o("add-blocks"),
+              size: "sm",
+              variant: a === "add-blocks" ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(K, { className: "text-xl" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            x,
+            {
+              onClick: () => o("ui-libraries"),
+              size: "sm",
+              variant: a === "ui-libraries" ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(Z, { className: "text-xl" })
+            }
+          )
+        ] }) : /* @__PURE__ */ e.jsx(
+          x,
           {
-            onClick: () => {
-              c("add-blocks");
-            },
+            onClick: () => o("add-blocks"),
             size: "sm",
-            variant: l === "add-blocks" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(J, { className: "text-xl" })
+            variant: a === "add-blocks" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(K, { className: "text-xl" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          y,
+          x,
           {
-            onClick: () => c(i),
+            onClick: () => o(i),
             size: "sm",
-            variant: l === i ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(S, { className: "w-4" })
+            variant: a === i ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(A, { className: "w-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          y,
+          x,
           {
-            onClick: () => c("branding-options"),
+            onClick: () => o("theme-configuration"),
             size: "sm",
-            variant: l === "branding-options" ? "default" : "outline",
-            children: /* @__PURE__ */ e.jsx(Z, { className: "w-4 max-w-[40px] text-xs" })
+            variant: a === "theme-configuration" ? "default" : "outline",
+            children: /* @__PURE__ */ e.jsx(we, { className: "w-4 max-w-[40px] text-xs" })
           }
         ),
-        j.Children.toArray(
-          s.map(({ name: t, icon: f }) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(V, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
-            y,
+        f.Children.toArray(
+          r.map(({ name: s, icon: n }) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(L, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
+            x,
             {
-              onClick: () => c(t),
+              onClick: () => o(s),
               size: "sm",
               className: "w-10",
-              variant: l === t ? "default" : "outline",
-              children: /* @__PURE__ */ e.jsx(f, {})
+              variant: a === s ? "default" : "outline",
+              children: /* @__PURE__ */ e.jsx(n, {})
             }
           ) }))
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2", children: [
-        /* @__PURE__ */ e.jsx(Ke, {}),
-        j.Children.toArray(
-          o.map((t) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(V, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(t, {}) }))
+        /* @__PURE__ */ e.jsx(Ee, {}),
+        f.Children.toArray(
+          t.map((s) => /* @__PURE__ */ e.jsx(N, { fallback: /* @__PURE__ */ e.jsx(L, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(s, {}) }))
         )
       ] })
     ] }),
-    l !== i ? /* @__PURE__ */ e.jsx(
+    a !== i ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: "absolute left-14 z-[50] h-full w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",
+        className: "absolute left-14 z-[50] h-[100vh] w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",
         children: /* @__PURE__ */ e.jsx(
-          b,
+          N,
           {
             fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 bg-white p-4", children: [
               /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
@@ -326,11 +343,13 @@ const _s = () => {
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: _e("relative z-[100] h-full max-h-[98%] overflow-y-auto overflow-x-hidden bg-background p-1"),
+                className: Ae(
+                  "relative z-[100] h-full max-h-full overflow-y-auto overflow-x-hidden border-r bg-background p-1 shadow-md"
+                ),
                 onMouseEnter: () => {
-                  n && clearTimeout(n);
+                  c && clearTimeout(c);
                 },
-                children: j.createElement(ee(g, l, () => /* @__PURE__ */ e.jsx("div", {})))
+                children: f.createElement(ee(b, a, () => /* @__PURE__ */ e.jsx("div", {})))
               }
             )
           }
@@ -338,39 +357,39 @@ const _s = () => {
       }
     ) : null,
     /* @__PURE__ */ e.jsx("div", { className: "h-full w-60 border-r p-1", children: /* @__PURE__ */ e.jsx(
-      b,
+      N,
       {
         fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 p-4", children: [
           /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
           /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
         ] }),
-        children: D ? /* @__PURE__ */ e.jsxs(z, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
+        children: C ? /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
           /* @__PURE__ */ e.jsxs(I, { className: "mx-1 grid h-10 grid-cols-2", children: [
-            /* @__PURE__ */ e.jsxs(_, { value: i, children: [
-              /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-3" }),
+            /* @__PURE__ */ e.jsxs(T, { value: i, children: [
+              /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
               " ",
-              u("Outline")
+              p("Outline")
             ] }),
-            /* @__PURE__ */ e.jsxs(_, { value: "data-provider", children: [
-              /* @__PURE__ */ e.jsx(we, { className: "mr-2 w-3" }),
-              u("Data")
+            /* @__PURE__ */ e.jsxs(T, { value: "data-provider", children: [
+              /* @__PURE__ */ e.jsx(ke, { className: "mr-2 w-3" }),
+              p("Data")
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(A, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: j.createElement(P) }),
-          /* @__PURE__ */ e.jsx(A, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Pe, {}) })
-        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(z, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
-          /* @__PURE__ */ e.jsx(I, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(_, { value: i, children: [
-            /* @__PURE__ */ e.jsx(S, { className: "mr-2 h-3" }),
+          /* @__PURE__ */ e.jsx(_, { value: i, className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden", children: f.createElement(P) }),
+          /* @__PURE__ */ e.jsx(_, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(Ke, {}) })
+        ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { defaultValue: i, className: "flex h-full w-full flex-col py-1", children: [
+          /* @__PURE__ */ e.jsx(I, { className: "mx-1 grid h-10 grid-cols-1", children: /* @__PURE__ */ e.jsxs(T, { value: i, children: [
+            /* @__PURE__ */ e.jsx(A, { className: "mr-2 h-3" }),
             " ",
-            u("Outline")
+            p("Outline")
           ] }) }),
           /* @__PURE__ */ e.jsx(
-            A,
+            _,
             {
               value: i,
               className: "no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",
-              children: j.createElement(P)
+              children: f.createElement(P)
             }
           )
         ] }) })
@@ -379,5 +398,5 @@ const _s = () => {
   ] });
 };
 export {
-  _s as default
+  As as default
 };

package/dist/SidePanels-JIuL8NLu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),g=require("@radix-ui/react-icons"),i=require("react"),C=require("jotai"),a=require("lodash-es"),s=require("./ChaiBuilderEditor-hcoLrtq8.cjs"),E=require("lucide-react"),S=require("@chaibuilder/runtime"),v=require("react-i18next"),w=require("./index-gi1LIOCw.cjs"),l=require("./STRINGS-gPz7CUOk.cjs"),_=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");const D=({provider:r,onClose:x})=>{const{t:n}=v.useTranslation(),[o,p]=i.useState(null);return i.useEffect(()=>{r&&(r.mockFn?r.mockFn:r.dataFn)().then(d=>p(d))},[r]),r?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:m=>m?"":x(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(s.DialogContent,{children:[e.jsxRuntimeExports.jsxs(s.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.DialogTitle,{children:[n("data_provider"),": ",r.name]}),e.jsxRuntimeExports.jsx(s.DialogDescription,{children:r.description})]}),e.jsxRuntimeExports.jsx(s.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(w.JsonView,{data:o,shouldExpandNode:w.allExpanded,style:{...w.defaultStyles,container:"max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",stringValue:"text-orange-600",label:"text-green-900 font-semibold pr-1 tracking-wider"}})})]})}):null};function I({children:r,name:x,onRemove:n}){const{t:o}=v.useTranslation();return e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:r}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTitle,{dangerouslySetInnerHTML:{__html:o("remove_provider_confirmation").replace("{name}",x)}}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:o("remove_provider_warning")})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:o("cancel")}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:n,className:"bg-red-600 hover:bg-red-700",children:o("remove")})]})]})]})}const K=()=>{const{t:r}=v.useTranslation(),x=i.useMemo(()=>S.getChaiDataProviders(),[]),[n,o]=s.usePageDataProviders(),[,p]=C.useAtom(s.builderSaveStateAtom),[m,d]=i.useState(a.filter(x,t=>a.map(n,"providerKey").includes(t.providerKey))),[b,h]=i.useState(""),[q,f]=i.useState(null),R=a.filter(x.map(t=>a.map(m,"providerKey").includes(t.providerKey)?null:{value:t.providerKey,label:t.name}),t=>!a.isNull(t)),u=t=>{const c=a.find(x,{providerKey:t});d(j=>[...j,c]),o(j=>[...j,{providerKey:c.providerKey,args:{}}]),h(""),p("UNSAVED")},N=t=>{d(c=>a.filter(c,j=>j.providerKey!==t.providerKey)),o(c=>a.filter(c,j=>j.providerKey!==t.providerKey)),p("UNSAVED")},y=t=>f(t);return a.isEmpty(x)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"mb-1.5 p-4 text-xs text-gray-500",children:[r("no_data_providers"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:r("learn_more")})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"mb-1.5 text-xs text-gray-500",children:r("add_data_providers")})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(s.Select,{value:b,onValueChange:t=>u(t),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:r("select_provider")})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:r("choose")}),R.map(t=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:t.value,children:t.label},t.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${m.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsxs("p",{className:"flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500",children:[r("page_data_providers"),":"]}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:m.map(t=>e.jsxRuntimeExports.jsxs("div",{className:"w-full rounded-lg border bg-card text-card-foreground shadow-sm","data-v0-t":"card",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-1.5 px-4 pt-4",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:t.name}),e.jsxRuntimeExports.jsx("p",{className:"pt-1 text-xs text-gray-400",children:t.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between p-2 py-2",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>y(t),className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-blue-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),e.jsxRuntimeExports.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),r("view_data")]}),e.jsxRuntimeExports.jsx(I,{onRemove:()=>N(t),name:t.name,children:e.jsxRuntimeExports.jsxs("button",{className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M3 6h18"}),e.jsxRuntimeExports.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsxRuntimeExports.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]}),r("remove")]})})]})]},t.providerKey))}),e.jsxRuntimeExports.jsx(D,{onClose:()=>f(null),provider:q})]})]})},P=i.memo(()=>{const{t:r}=v.useTranslation(),x={"ctrl + Z":"Undo","ctrl + Y":"Redo","ctrl + D":"Duplicate"},n={"ctrl + S":"Save page",esc:"Deselect blocks",del:"Delete block"};return e.jsxRuntimeExports.jsxs(s.Dialog,{children:[e.jsxRuntimeExports.jsx(s.DialogTrigger,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{children:e.jsxRuntimeExports.jsx("div",{className:"flex w-10 items-center justify-center",children:e.jsxRuntimeExports.jsx(g.KeyboardIcon,{})})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:r("Keyboard shortcuts")})})]})}),e.jsxRuntimeExports.jsxs(s.DialogContent,{className:"sm:max-w-[525px]",children:[e.jsxRuntimeExports.jsx(s.DialogHeader,{children:e.jsxRuntimeExports.jsx(s.DialogTitle,{children:r("Keyboard shortcuts")})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-2",children:[e.jsxRuntimeExports.jsx("div",{className:"mr-8 flex flex-col space-y-2 border-r border-gray-200",children:Object.keys(x).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:r(o)}),e.jsxRuntimeExports.jsx("div",{children:r(x[o])})]},o))}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-2",children:Object.keys(n).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:r(o)}),e.jsxRuntimeExports.jsx("div",{children:r(n[o])})]},o))})]})})]})]})}),L=i.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-a20tIXfX.cjs"))),T=i.lazy(()=>Promise.resolve().then(()=>require("./ListTree-FWHoDfbO.cjs"))),O=i.lazy(()=>Promise.resolve().then(()=>require("./ThemeConfiguration-CcUA1_9A.cjs"))),A=i.lazy(()=>Promise.resolve().then(()=>require("./ChaiBuilderEditor-hcoLrtq8.cjs")).then(r=>r.ImagesPanel)),B=i.lazy(()=>Promise.resolve().then(()=>require("./UILibrariesPanel-vXOD3qRz.cjs")));let k=null;const U=()=>{const r=s.useBuilderProp("sideBarComponents.top",[]),x=s.useBuilderProp("sideBarComponents.bottom",[]),[n,o]=C.useAtom(s.activePanelAtom),[p,m]=i.useState(n),[d,b]=i.useState(null),{t:h}=v.useTranslation(),f=s.useBuilderProp("uiLibraries",[]).length>0,R={"add-blocks":L,[l.OUTLINE_KEY]:T,"theme-configuration":O,images:A,"ui-libraries":B};a.each(r,({name:t,panel:c})=>{R[t]=c});const u=t=>{clearTimeout(k),n!==l.OUTLINE_KEY&&t===l.OUTLINE_KEY?k=setTimeout(()=>o(l.OUTLINE_KEY),500):m(t),o(t)},N=s.useBuilderProp("dataBindingSupport",!1);function y(){const t=setTimeout(()=>{d&&(u(l.OUTLINE_KEY),clearTimeout(d))},500);b(t)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{onMouseEnter:y,onClick:()=>u(l.OUTLINE_KEY),className:"fixed inset-0 z-[50] bg-black/20"}):null,e.jsxRuntimeExports.jsxs("div",{className:"z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[f?e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-1 rounded-md bg-gray-200 p-1",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>u("add-blocks"),size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>u("ui-libraries"),size:"sm",variant:n==="ui-libraries"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.Component2Icon,{className:"text-xl"})})]}):e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>u("add-blocks"),size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>u(l.OUTLINE_KEY),size:"sm",variant:n===l.OUTLINE_KEY?"default":"outline",children:e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>u("theme-configuration"),size:"sm",variant:n==="theme-configuration"?"default":"outline",children:e.jsxRuntimeExports.jsx(E.PaletteIcon,{className:"w-4 max-w-[40px] text-xs"})}),i.Children.toArray(r.map(({name:t,icon:c})=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>u(t),size:"sm",className:"w-10",variant:n===t?"default":"outline",children:e.jsxRuntimeExports.jsx(c,{})})})))]}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2",children:[e.jsxRuntimeExports.jsx(P,{}),i.Children.toArray(x.map(t=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(t,{})})))]})]}),n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{className:"absolute left-14 z-[50] h-[100vh] w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:_.cn("relative z-[100] h-full max-h-full overflow-y-auto overflow-x-hidden border-r bg-background p-1 shadow-md"),onMouseEnter:()=>{d&&clearTimeout(d)},children:i.createElement(a.get(R,n,()=>e.jsxRuntimeExports.jsx("div",{})))})})}):null,e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:N?e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"mx-1 grid h-10 grid-cols-2",children:[e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," ",h("Outline")]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(E.DatabaseIcon,{className:"mr-2 w-3"}),h("Data")]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(T)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(K,{})})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsx(s.TabsList,{className:"mx-1 grid h-10 grid-cols-1",children:e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," ",h("Outline")]})}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(T)})]})})})})]})};exports.default=U;