@chaibuilder/sdk 1.2.76 → 1.2.78

package/dist/{index-qHOh12Rg.js → index-5TMff_bN.js}

@@ -3,7 +3,7 @@ var gt = (r, n, o) => n in r ? mt(r, n, { enumerable: !0, configurable: !0, writ
 var ze = (r, n, o) => (gt(r, typeof n != "symbol" ? n + "" : n, o), o);
 import { j as jsxRuntimeExports } from "./jsx-runtime-Sp0orL4X.js";
 import * as React from "react";
-import React__default, { createContext as createContext$1, useReducer, useEffect as useEffect$1, useDebugValue, useCallback as useCallback$1, useContext as useContext$1, useState as useState$1, Component, Children, Suspense, useMemo as useMemo$1, useRef as useRef$1, memo, createElement as createElement$1, useLayoutEffect as useLayoutEffect$1, forwardRef as forwardRef$1, cloneElement, Fragment, isValidElement, lazy } from "react";
+import React__default, { createContext as createContext$1, useReducer, useEffect as useEffect$1, useDebugValue, useCallback as useCallback$1, useContext as useContext$1, useState as useState$1, Component, Children, Suspense, useMemo as useMemo$1, useRef as useRef$1, memo, createElement as createElement$1, useLayoutEffect as useLayoutEffect$1, forwardRef as forwardRef$1, cloneElement, Fragment, lazy } from "react";
 import { S as Skeleton, C as ContextMenu, a as ContextMenuTrigger, b as ContextMenuContent, c as ContextMenuItem, T as Tooltip$1, d as TooltipTrigger, e as TooltipContent, B as Button$1, f as Card, g as CardHeader, h as CardDescription, i as CardContent, L as Label, j as Textarea, k as CardFooter, D as Dialog, l as DialogTrigger, m as DialogContent, n as DialogHeader, o as DialogTitle, p as DialogDescription, q as DialogFooter, P as Popover$1, r as PopoverTrigger, s as PopoverContent, t as Command, u as CommandInput, v as CommandList, w as CommandEmpty, x as CommandGroup, y as CommandItem, z as Tabs$1, A as TabsList$1, E as TabsTrigger, F as TabsContent, G as Switch, H as Accordion, I as AccordionItem, J as AccordionTrigger, K as AccordionContent, M as useToast, N as Input$2, O as TooltipPortal, Q as DropdownMenu, R as DropdownMenuTrigger, U as DropdownMenuContent, V as ScrollArea$1, W as DropdownMenuLabel, X as DropdownMenuSeparator, Y as DropdownMenuGroup, Z as DropdownMenuItem, _ as DropdownMenuShortcut, $ as AlertDialog, a0 as AlertDialogTrigger, a1 as AlertDialogContent, a2 as AlertDialogHeader, a3 as AlertDialogTitle, a4 as AlertDialogDescription, a5 as AlertDialogFooter, a6 as AlertDialogCancel, a7 as AlertDialogAction, a8 as DropdownMenuCheckboxItem, a9 as HoverCard, aa as HoverCardTrigger, ab as HoverCardContent, ac as Separator, ad as TooltipProvider, ae as Toaster } from "./context-menu-zu6r7B6f.js";
 import { has, find, filter, flatten, map, omit, isString as isString$1, includes, without, get as get$1, set, isEmpty, forIn, isObject as isObject$2, each, first, noop as noop$1, keys, startsWith, range, values, flattenDeep, isNull, pick, sortBy, chunk, throttle, memoize as memoize$1, debounce as debounce$1, isEqual, flatMapDeep, forEach, capitalize, last, startCase, truncate, isArray as isArray$5, split, toLower, cloneDeep, reject, nth, isNumber as isNumber$1, parseInt as parseInt$1, isNaN as isNaN$1, findLast, intersection, groupBy, isFunction as isFunction$2, uniq, toUpper, round } from "lodash-es";
 import { atom as atom$1, useAtomValue as useAtomValue$1, useAtom as useAtom$1, useSetAtom as useSetAtom$1, getDefaultStore as getDefaultStore$1 } from "jotai";
@@ -14,7 +14,7 @@ import { g as getDefaultExportFromCjs, p as plugin, c as commonjsGlobal } from "
 import { useThrottledCallback, useResizeObserver, useDebouncedCallback, useIntervalEffect } from "@react-hookz/web";
 import TreeModel from "tree-model";
 import ReactQuill, { Quill } from "react-quill";
-import { S as SLOT_KEY, I as I18N_KEY, a as STYLES_KEY, R as ROOT_TEMP_KEY, O as OUTLINE_KEY } from "./STRINGS-rPGH65PW.js";
+import { S as SLOT_KEY, I as I18N_KEY, a as STYLES_KEY, R as ROOT_TEMP_KEY } from "./STRINGS-TDN5UhWi.js";
 import { useHotkeys } from "react-hotkeys-hook";
 import { flip as flip$2 } from "@floating-ui/dom";
 import { useFloating as useFloating$1, shift, getOverflowAncestors, autoUpdate, size, offset, limitShift, flip as flip$3, inline, arrow } from "@floating-ui/react-dom";
@@ -29,6 +29,7 @@ import { twMerge } from "tailwind-merge";
 import { Provider } from "react-wrap-balancer";
 import ReactDOM, { flushSync, createPortal } from "react-dom";
 import PropTypes from "prop-types";
+import { ErrorBoundary as ErrorBoundary$1 } from "react-error-boundary";
 import { Resizable } from "re-resizable";
 import validator from "@rjsf/validator-ajv8";
 import Form from "@rjsf/core";
@@ -93,35 +94,35 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && Object.freeze(O);
     const T = r.get(k);
     if (r.set(k, O), o.has(k) || o.set(k, T), T && hasPromiseAtomValue(T)) {
-      const M = "v" in O ? O.v instanceof Promise ? O.v : Promise.resolve(O.v) : Promise.reject(O.e);
-      cancelPromise(T.v, M);
+      const B = "v" in O ? O.v instanceof Promise ? O.v : Promise.resolve(O.v) : Promise.reject(O.e);
+      cancelPromise(T.v, B);
     }
   }, d = (k, O, T) => {
-    const M = /* @__PURE__ */ new Map();
-    let V = !1;
+    const B = /* @__PURE__ */ new Map();
+    let L = !1;
     T.forEach((D, W) => {
-      !D && W === k && (D = O), D ? (M.set(W, D), O.d.get(W) !== D && (V = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
-    }), (V || O.d.size !== M.size) && (O.d = M);
+      !D && W === k && (D = O), D ? (B.set(W, D), O.d.get(W) !== D && (L = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
+    }), (L || O.d.size !== B.size) && (O.d = B);
   }, m = (k, O, T) => {
-    const M = c(k), V = {
-      d: (M == null ? void 0 : M.d) || /* @__PURE__ */ new Map(),
+    const B = c(k), L = {
+      d: (B == null ? void 0 : B.d) || /* @__PURE__ */ new Map(),
       v: O
     };
-    if (T && d(k, V, T), M && isEqualAtomValue(M, V) && M.d === V.d)
-      return M;
-    if (M && hasPromiseAtomValue(M) && hasPromiseAtomValue(V) && isEqualPromiseAtomValue(M, V)) {
-      if (M.d === V.d)
-        return M;
-      V.v = M.v;
+    if (T && d(k, L, T), B && isEqualAtomValue(B, L) && B.d === L.d)
+      return B;
+    if (B && hasPromiseAtomValue(B) && hasPromiseAtomValue(L) && isEqualPromiseAtomValue(B, L)) {
+      if (B.d === L.d)
+        return B;
+      L.v = B.v;
     }
-    return u(k, V), V;
-  }, p = (k, O, T, M) => {
+    return u(k, L), L;
+  }, p = (k, O, T, B) => {
     if (isPromiseLike$2(O)) {
-      let V;
+      let L;
       const D = new Promise((W, J) => {
         let F = !1;
         O.then(
-          (L) => {
+          (V) => {
             if (!F) {
               F = !0;
               const q = c(k), G = m(
@@ -129,10 +130,10 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              resolvePromise(D, L), W(L), (q == null ? void 0 : q.d) !== G.d && R(k, G, q == null ? void 0 : q.d);
+              resolvePromise(D, V), W(V), (q == null ? void 0 : q.d) !== G.d && R(k, G, q == null ? void 0 : q.d);
             }
           },
-          (L) => {
+          (V) => {
             if (!F) {
               F = !0;
               const q = c(k), G = m(
@@ -140,40 +141,40 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
                 D,
                 T
               );
-              rejectPromise(D, L), J(L), (q == null ? void 0 : q.d) !== G.d && R(k, G, q == null ? void 0 : q.d);
+              rejectPromise(D, V), J(V), (q == null ? void 0 : q.d) !== G.d && R(k, G, q == null ? void 0 : q.d);
             }
           }
-        ), V = (L) => {
-          F || (F = !0, L.then(
+        ), L = (V) => {
+          F || (F = !0, V.then(
             (q) => resolvePromise(D, q),
             (q) => rejectPromise(D, q)
-          ), W(L));
+          ), W(V));
         };
       });
       return D.orig = O, D.status = "pending", registerCancelPromise(D, (W) => {
-        W && V(W), M == null || M();
+        W && L(W), B == null || B();
       }), m(k, D, T);
     }
     return m(k, O, T);
   }, g = (k, O, T) => {
-    const M = c(k), V = {
-      d: (M == null ? void 0 : M.d) || /* @__PURE__ */ new Map(),
+    const B = c(k), L = {
+      d: (B == null ? void 0 : B.d) || /* @__PURE__ */ new Map(),
       e: O
     };
-    return T && d(k, V, T), M && isEqualAtomError(M, V) && M.d === V.d ? M : (u(k, V), V);
+    return T && d(k, L, T), B && isEqualAtomError(B, L) && B.d === L.d ? B : (u(k, L), L);
   }, h = (k) => {
     const O = c(k);
-    if (O && (O.d.forEach((F, L) => {
-      L !== k && !n.has(L) && h(L);
-    }), Array.from(O.d).every(([F, L]) => {
+    if (O && (O.d.forEach((F, V) => {
+      V !== k && !n.has(V) && h(V);
+    }), Array.from(O.d).every(([F, V]) => {
       const q = c(F);
-      return F === k || q === L || // TODO This is a hack, we should find a better solution.
-      q && !hasPromiseAtomValue(q) && isEqualAtomValue(q, L);
+      return F === k || q === V || // TODO This is a hack, we should find a better solution.
+      q && !hasPromiseAtomValue(q) && isEqualAtomValue(q, V);
     })))
       return O;
     const T = /* @__PURE__ */ new Map();
-    let M = !0;
-    const V = (F) => {
+    let B = !0;
+    const L = (F) => {
       if (F === k) {
         const q = c(F);
         if (q)
@@ -182,8 +183,8 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
           return T.set(F, void 0), F.init;
         throw new Error("no atom init");
       }
-      const L = h(F);
-      return T.set(F, L), returnAtomValue(L);
+      const V = h(F);
+      return T.set(F, V), returnAtomValue(V);
     };
     let D, W;
     const J = {
@@ -192,13 +193,13 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
       },
       get setSelf() {
         return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && !isActuallyWritableAtom(k) && console.warn("setSelf function cannot be used with read-only atom"), !W && isActuallyWritableAtom(k) && (W = (...F) => {
-          if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && M && console.warn("setSelf function cannot be called in sync"), !M)
+          if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && B && console.warn("setSelf function cannot be called in sync"), !B)
             return A(k, ...F);
         }), W;
       }
     };
     try {
-      const F = k.read(V, J);
+      const F = k.read(L, J);
       return p(
         k,
         F,
@@ -208,7 +209,7 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     } catch (F) {
       return g(k, F, T);
     } finally {
-      M = !1;
+      B = !1;
     }
   }, b = (k) => returnAtomValue(h(k)), x = (k) => {
     let O = n.get(k);
@@ -217,23 +218,23 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     const O = n.get(k);
     O && v(k, O) && C(k);
   }, E = (k) => {
-    const O = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new WeakMap(), M = (D) => {
+    const O = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new WeakMap(), B = (D) => {
       const W = n.get(D);
       W == null || W.t.forEach((J) => {
         J !== D && (O.set(
           J,
           (O.get(J) || /* @__PURE__ */ new Set()).add(D)
-        ), T.set(J, (T.get(J) || 0) + 1), M(J));
+        ), T.set(J, (T.get(J) || 0) + 1), B(J));
       });
     };
-    M(k);
-    const V = (D) => {
+    B(k);
+    const L = (D) => {
       const W = n.get(D);
       W == null || W.t.forEach((J) => {
         var F;
         if (J !== D) {
-          let L = T.get(J);
-          if (L && T.set(J, --L), !L) {
+          let V = T.get(J);
+          if (V && T.set(J, --V), !V) {
             let q = !!((F = O.get(J)) != null && F.size);
             if (q) {
               const G = c(J), ee = h(J);
@@ -241,85 +242,85 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
             }
             q || O.forEach((G) => G.delete(J));
           }
-          V(J);
+          L(J);
         }
       });
     };
-    V(k);
+    L(k);
   }, w = (k, ...O) => {
     let T = !0;
-    const M = (W) => returnAtomValue(h(W)), V = (W, ...J) => {
+    const B = (W) => returnAtomValue(h(W)), L = (W, ...J) => {
       let F;
       if (W === k) {
         if (!hasInitialValue(W))
           throw new Error("atom not writable");
-        const L = c(W), q = p(W, J[0]);
-        (!L || !isEqualAtomValue(L, q)) && E(W);
+        const V = c(W), q = p(W, J[0]);
+        (!V || !isEqualAtomValue(V, q)) && E(W);
       } else
         F = w(W, ...J);
       if (!T) {
-        const L = I();
+        const V = I();
         (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.forEach(
-          (q) => q({ type: "async-write", flushed: L })
+          (q) => q({ type: "async-write", flushed: V })
         );
       }
       return F;
-    }, D = k.write(M, V, ...O);
+    }, D = k.write(B, L, ...O);
     return T = !1, D;
   }, A = (k, ...O) => {
-    const T = w(k, ...O), M = I();
+    const T = w(k, ...O), B = I();
     return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.forEach(
-      (V) => V({ type: "write", flushed: M })
+      (L) => L({ type: "write", flushed: B })
     ), T;
   }, P = (k, O) => {
     const T = {
       t: new Set(O && [O]),
       l: /* @__PURE__ */ new Set()
     };
-    if (n.set(k, T), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.add(k), h(k).d.forEach((M, V) => {
-      const D = n.get(V);
-      D ? D.t.add(k) : V !== k && P(V, k);
+    if (n.set(k, T), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.add(k), h(k).d.forEach((B, L) => {
+      const D = n.get(L);
+      D ? D.t.add(k) : L !== k && P(L, k);
     }), h(k), isActuallyWritableAtom(k) && k.onMount) {
-      const M = k.onMount((...V) => A(k, ...V));
-      M && (T.u = M);
+      const B = k.onMount((...L) => A(k, ...L));
+      B && (T.u = B);
     }
     return T;
   }, C = (k) => {
     var O;
     const T = (O = n.get(k)) == null ? void 0 : O.u;
     T && T(), n.delete(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.delete(k);
-    const M = c(k);
-    M ? (hasPromiseAtomValue(M) && cancelPromise(M.v), M.d.forEach((V, D) => {
+    const B = c(k);
+    B ? (hasPromiseAtomValue(B) && cancelPromise(B.v), B.d.forEach((L, D) => {
       if (D !== k) {
         const W = n.get(D);
         W && (W.t.delete(k), v(D, W) && C(D));
       }
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", k);
   }, R = (k, O, T) => {
-    const M = new Set(O.d.keys());
-    T == null || T.forEach((V, D) => {
-      if (M.has(D)) {
-        M.delete(D);
+    const B = new Set(O.d.keys());
+    T == null || T.forEach((L, D) => {
+      if (B.has(D)) {
+        B.delete(D);
         return;
       }
       const W = n.get(D);
       W && (W.t.delete(k), v(D, W) && C(D));
-    }), M.forEach((V) => {
-      const D = n.get(V);
-      D ? D.t.add(k) : n.has(k) && P(V, k);
+    }), B.forEach((L) => {
+      const D = n.get(L);
+      D ? D.t.add(k) : n.has(k) && P(L, k);
     });
   }, I = () => {
     let k;
     for ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (k = /* @__PURE__ */ new Set()); o.size; ) {
       const O = Array.from(o);
-      o.clear(), O.forEach(([T, M]) => {
-        const V = c(T);
-        if (V) {
-          V.d !== (M == null ? void 0 : M.d) && R(T, V, M == null ? void 0 : M.d);
+      o.clear(), O.forEach(([T, B]) => {
+        const L = c(T);
+        if (L) {
+          L.d !== (B == null ? void 0 : B.d) && R(T, L, B == null ? void 0 : B.d);
           const D = n.get(T);
           D && !// TODO This seems pretty hacky. Hope to fix it.
           // Maybe we could `mountDependencies` in `setAtomState`?
-          (M && !hasPromiseAtomValue(M) && (isEqualAtomValue(M, V) || isEqualAtomError(M, V))) && (D.l.forEach((W) => W()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && k.add(T));
+          (B && !hasPromiseAtomValue(B) && (isEqualAtomValue(B, L) || isEqualAtomError(B, L))) && (D.l.forEach((W) => W()), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && k.add(T));
         } else
           (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] no atom state to flush");
       });
@@ -327,11 +328,11 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production")
       return a.forEach((O) => O("state")), k;
   }, j = (k, O) => {
-    const T = x(k), M = I(), V = T.l;
-    return V.add(O), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("sub")), i.forEach(
-      (D) => D({ type: "sub", flushed: M })
+    const T = x(k), B = I(), L = T.l;
+    return L.add(O), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("sub")), i.forEach(
+      (D) => D({ type: "sub", flushed: B })
     )), () => {
-      V.delete(O), S(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("unsub")), i.forEach((D) => D({ type: "unsub" })));
+      L.delete(O), S(k), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((D) => D("unsub")), i.forEach((D) => D({ type: "unsub" })));
     };
   };
   return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" ? {
@@ -350,8 +351,8 @@ const hasInitialValue = (r) => "init" in r, isActuallyWritableAtom = (r) => !!r.
     dev_get_atom_state: (k) => r.get(k),
     dev_get_mounted: (k) => n.get(k),
     dev_restore_atoms: (k) => {
-      for (const [T, M] of k)
-        hasInitialValue(T) && (p(T, M), E(T));
+      for (const [T, B] of k)
+        hasInitialValue(T) && (p(T, B), E(T));
       const O = I();
       i.forEach(
         (T) => T({ type: "restore", flushed: O })
@@ -3170,8 +3171,10 @@ const useHandleCanvasDblClick = () => {
 }, KeyboardHandler = () => {
   const { document: r } = useFrame();
   return useKeyEventWatcher(r), null;
-}, useAddBlocksModal = () => useAtom(addBlockModalOpenAtom), { useChaiBuilderMsgListener, emitChaiBuilderMsg } = createEvent("chaiBuilderMsg")(), BUILDER_EVENTS = {
-  SHOW_SETTINGS: "SHOW_SETTINGS"
+}, { useChaiBuilderMsgListener, emitChaiBuilderMsg } = createEvent("chaiBuilderMsg")(), CHAI_BUILDER_EVENTS = {
+  OPEN_ADD_BLOCK: "OPEN_ADD_BLOCK",
+  CLOSE_ADD_BLOCK: "CLOSE_ADD_BLOCK",
+  SHOW_BLOCK_SETTINGS: "SHOW_BLOCK_SETTINGS"
 }, BlockActionLabel = ({ block: r, label: n }) => {
   const [, o] = useSelectedBlockIds(), [, a] = useHighlightBlockId(), [, i] = useAtom$1(draggedBlockAtom), l = useFeature("dnd");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -3191,49 +3194,55 @@ const useHandleCanvasDblClick = () => {
     }
   );
 }, BlockActionsStatic = ({ selectedBlockElement: r, block: n }) => {
-  const o = useRemoveBlocks(), a = useDuplicateBlocks(), [, i] = useSelectedBlockIds(), [, l] = useHighlightBlockId(), [, c] = useAddBlocksModal(), [, u] = useSelectedStylingBlocks(), [d] = useAtom$1(inlineEditingActiveAtom), { floatingStyles: m, refs: p, update: g } = useFloating$1({
+  const o = useRemoveBlocks(), a = useDuplicateBlocks(), [, i] = useSelectedBlockIds(), [, l] = useHighlightBlockId(), [, c] = useSelectedStylingBlocks(), [u] = useAtom$1(inlineEditingActiveAtom), { floatingStyles: d, refs: m, update: p } = useFloating$1({
     placement: "top-start",
     middleware: [shift(), flip$2()],
     elements: {
       reference: r
     }
   });
-  useResizeObserver(r, () => g(), r !== null);
-  const h = get$1(n, "_parent", null), b = isEmpty(get$1(n, "_name", "")) ? get$1(n, "_type", "") : get$1(n, "_name", "");
-  return !r || !n || d ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  useResizeObserver(r, () => p(), r !== null);
+  const g = get$1(n, "_parent", null), h = isEmpty(get$1(n, "_name", "")) ? get$1(n, "_type", "") : get$1(n, "_name", "");
+  return !r || !n || u ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      ref: p.setFloating,
-      style: m,
-      onClick: (x) => {
-        x.stopPropagation(), x.preventDefault();
+      ref: m.setFloating,
+      style: d,
+      onClick: (b) => {
+        b.stopPropagation(), b.preventDefault();
       },
-      onMouseEnter: (x) => {
-        x.stopPropagation(), l(null);
+      onMouseEnter: (b) => {
+        b.stopPropagation(), l(null);
       },
-      onKeyDown: (x) => x.stopPropagation(),
+      onKeyDown: (b) => b.stopPropagation(),
       className: "isolate z-10 flex h-6 items-center bg-blue-500 py-2 text-xs text-white",
       children: [
-        h && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        g && /* @__PURE__ */ jsxRuntimeExports.jsx(
           ArrowUpIcon,
           {
             className: "hover:scale-105",
             onClick: () => {
-              u([]), i([h]);
+              c([]), i([g]);
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(BlockActionLabel, { label: b, block: n }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(BlockActionLabel, { label: h, block: n }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 px-1", children: [
-          canAddChildBlock(get$1(n, "_type", "")) && /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon, { className: "hover:scale-105", onClick: () => c(n == null ? void 0 : n._id) }),
+          canAddChildBlock(get$1(n, "_type", "")) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            PlusIcon,
+            {
+              className: "hover:scale-105",
+              onClick: () => emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, data: n })
+            }
+          ),
           canDuplicateBlock(get$1(n, "_type", "")) ? /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon$1, { className: "hover:scale-105", onClick: () => a([n == null ? void 0 : n._id]) }) : null,
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             GearIcon,
             {
               className: "text-white hover:scale-105",
-              onClick: () => emitChaiBuilderMsg({ name: BUILDER_EVENTS.SHOW_SETTINGS })
+              onClick: () => emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.SHOW_BLOCK_SETTINGS, data: n })
             }
           ),
           canDeleteBlock(get$1(n, "_type", "")) ? /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, { className: "hover:scale-105", onClick: () => o([n == null ? void 0 : n._id]) }) : null
@@ -3457,15 +3466,15 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
   const [r] = useBlocksStore(), n = isEmpty(r) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksExternalDataProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksRendererStatic, { blocks: filter(r, (o) => isEmpty(o._parent)) }) });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: n });
 }, AddBlockAtBottom = () => {
-  const [, r] = useAddBlocksModal(), { t: n } = useTranslation();
+  const { t: r } = useTranslation();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
-      onClick: () => r(ROOT_TEMP_KEY),
+      onClick: () => emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK }),
       className: "mt-1 block w-full rounded-md bg-gray-100 p-2 text-black hover:bg-gray-200 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-700",
       children: [
         "+ ",
-        n("add_block")
+        r("add_block")
       ]
     }
   );
@@ -3566,29 +3575,13 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
       )
     }
   ) });
-}, StaticCanvas$1 = StaticCanvas;
-let ErrorBoundary$2 = class extends React__default.Component {
-  constructor(n) {
-    super(n), this.state = { hasError: !1 };
-  }
-  /**
-   * A static method that returns an object to update the state when an error is caught.
-   * @returns {object} An object to update the state when an error is caught.
-   */
-  static getDerivedStateFromError() {
-    return { hasError: !0 };
-  }
-  render() {
-    return this.state.hasError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", id: "errorBoundary", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Please try again later." })
-    ] }) : this.props.children;
-  }
-};
-const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js")), CanvasArea = () => {
-  const [r] = useCodeEditor();
+}, StaticCanvas$1 = StaticCanvas, FallbackError = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Please try again." })
+] }) }), CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-GsTOzMVg.js")), CanvasArea = () => {
+  const [r] = useCodeEditor(), n = useBuilderProp("onError", noop$1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
     r ? /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Resizable, { enable: { top: !0, bottom: !1 }, className: "max-h-[400px] min-h-[200px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeEditor$1, {}) }) }) : null
   ] }) });
 }, CanvasArea$1 = CanvasArea, ColorField = ({ value: r, onChange: n, id: o, onBlur: a }) => {
@@ -3887,7 +3880,7 @@ const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js"
     }
   );
 }, BlockContextMenuContent = () => {
-  const { t: r } = useTranslation(), [n] = useSelectedBlockIds(), o = useDuplicateBlocks(), a = useSelectedBlock(), [, i] = useAddBlocksModal(), l = useCallback$1(() => {
+  const { t: r } = useTranslation(), [n] = useSelectedBlockIds(), o = useDuplicateBlocks(), a = useSelectedBlock(), i = useCallback$1(() => {
     o(n);
   }, [n, o]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { className: "text-xs", children: [
@@ -3896,7 +3889,7 @@ const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js"
       {
         disabled: !canAddChildBlock(a == null ? void 0 : a._type),
         className: "flex items-center gap-x-4 text-xs",
-        onClick: () => i(a == null ? void 0 : a._id),
+        onClick: () => emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK, data: a }),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(PlusIcon$1, { size: "14" }),
           " ",
@@ -3909,7 +3902,7 @@ const CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-QaDlSeLr.js"
       {
         disabled: !canDuplicateBlock(a == null ? void 0 : a._type),
         className: "flex items-center gap-x-4 text-xs",
-        onClick: l,
+        onClick: i,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(CardStackPlusIcon, {}),
           " ",
@@ -3968,7 +3961,7 @@ function BsLightningFill(r) {
 function TbEyeDown(r) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M12 18c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" }, child: [] }, { tag: "path", attr: { d: "M19 16v6" }, child: [] }, { tag: "path", attr: { d: "M22 19l-3 3l-3 -3" }, child: [] }] })(r);
 }
-const Node = memo(({ node: r, style: n, dragHandle: o }) => {
+const useAddBlocksModal = () => useAtom(addBlockModalOpenAtom), Node = memo(({ node: r, style: n, dragHandle: o }) => {
   const a = useBuilderProp("outlineMenuItems", []), [, i] = useAddBlocksModal(), { t: l } = useTranslation(), [c] = useAtom$1(canvasIframeAtom);
   let u = null;
   const d = r.children.length > 0, { id: m, data: p, isSelected: g, willReceiveDrop: h, isDragging: b, isEditing: x, handleClick: v } = r, S = (R) => {
@@ -4003,7 +3996,7 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
   return m === ROOT_TEMP_KEY ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
-      onClick: () => i(ROOT_TEMP_KEY),
+      onClick: () => emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK }),
       className: "mb-10 mt-5 w-full rounded bg-gray-100 p-1 hover:bg-gray-200",
       children: [
         "+ ",
@@ -4117,7 +4110,7 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
     return canAcceptChildBlock(a, i);
   };
 }, ListTree = () => {
-  const [treeData] = useAtom$1(treeDSBlocks), [ids, setIds] = useSelectedBlockIds(), [cutBlocksIds] = useCutBlockIds(), updateBlockProps = useUpdateBlocksProps(), [, setStyleBlocks] = useSelectedStylingBlocks(), { moveBlocks } = useBlocksStoreUndoableActions(), canMove = useCanMove(), treeRef = useRef$1(null), [, setTreeRef] = useAtom$1(treeRefAtom), { t } = useTranslation(), [, setOpen] = useAddBlocksModal(), clearSelection = () => {
+  const [treeData] = useAtom$1(treeDSBlocks), [ids, setIds] = useSelectedBlockIds(), [cutBlocksIds] = useCutBlockIds(), updateBlockProps = useUpdateBlocksProps(), [, setStyleBlocks] = useSelectedStylingBlocks(), { moveBlocks } = useBlocksStoreUndoableActions(), canMove = useCanMove(), treeRef = useRef$1(null), [, setTreeRef] = useAtom$1(treeRefAtom), { t } = useTranslation(), clearSelection = () => {
     setIds([]), setStyleBlocks([]);
   }, filteredTreeData = useMemo$1(() => {
     const r = (o, a) => o.filter((i) => !a.includes(i._id)).map((i) => ({
@@ -4187,7 +4180,18 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
     t("page_is_empty"),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { onClick: () => setOpen(ROOT_TEMP_KEY), variant: "default", size: "sm", children: t("add_block") })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Button$1,
+      {
+        onClick: () => emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK }),
+        variant: "default",
+        size: "sm",
+        children: [
+          "+ ",
+          t("add_block")
+        ]
+      }
+    )
   ] }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex h-full select-none flex-col space-y-1"), onClick: () => clearSelection(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -4405,30 +4409,30 @@ const Node = memo(({ node: r, style: n, dragHandle: o }) => {
 }, getBlocksFromHTML = (r) => {
   const n = parse$1(getSanitizedHTML(r));
   return isEmpty(r) ? [] : flatten(traverseNodes(n));
-}, ImportHTML = () => {
-  const { t: r } = useTranslation(), [n, o] = useState$1(""), { addPredefinedBlock: a } = useAddBlock(), [i] = useSelectedBlockIds(), [, l] = useAtom$1(activePanelAtom$1), [, c] = useAddBlocksModal(), u = () => {
-    const d = getBlocksFromHTML(n);
-    a([...d], first(i) || null), o(""), c(""), l(OUTLINE_KEY);
+}, ImportHTML = ({ parentId: r }) => {
+  const { t: n } = useTranslation(), [o, a] = useState$1(""), { addPredefinedBlock: i } = useAddBlock(), l = () => {
+    const c = getBlocksFromHTML(o);
+    i([...c], r), a(""), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: "border-border/0 p-0 shadow-none", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CardDescription, { children: r("html_snippet_description") }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { className: "p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CardDescription, { children: n("html_snippet_description") }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CardContent, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "current", className: "text-sm", children: r("tailwind_html_snippet") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { htmlFor: "current", className: "text-sm", children: n("tailwind_html_snippet") }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Textarea,
         {
           autoFocus: !0,
           tabIndex: 1,
-          ref: (d) => d && d.focus(),
-          onChange: (d) => o(d.target.value),
+          ref: (c) => c && c.focus(),
+          onChange: (c) => a(c.target.value),
           rows: 12,
-          value: n,
-          placeholder: r("enter_code_snippet"),
+          value: o,
+          placeholder: n("enter_code_snippet"),
           className: "resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CardFooter, { className: "flex flex-col justify-end p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { disabled: n.trim() === "", onClick: () => u(), size: "sm", className: "w-full", children: r("import_html") }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CardFooter, { className: "flex flex-col justify-end p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { disabled: o.trim() === "", onClick: () => l(), size: "sm", className: "w-full", children: n("import_html") }) })
   ] });
 }, ImportHTML$1 = ImportHTML, isBoolean = (r) => typeof r == "boolean" || r instanceof Boolean, isNumber = (r) => typeof r == "number" || r instanceof Number, isBigInt = (r) => typeof r == "bigint" || r instanceof BigInt, isDate = (r) => !!r && r instanceof Date, isString = (r) => typeof r == "string" || r instanceof String, isArray$4 = (r) => Array.isArray(r), isObject$1 = (r) => r instanceof Object && r !== null;
 function useBool(r) {
@@ -4623,12 +4627,13 @@ function getPathAndTypes(r) {
   return a("", omit(r, ["styles", "_type", "_id", "_name", "_bindings"])), { paths: n, pathsType: o };
 }
 const ViewData = ({ data: r, fullView: n }) => {
+  const o = useBuilderProp("onError", noop$1);
   if (!r)
     return null;
-  const o = typeof r;
+  const a = typeof r;
   return n ? typeof r == "object" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-3" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: o, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       JsonView,
       {
         data: r,
@@ -4644,7 +4649,7 @@ const ViewData = ({ data: r, fullView: n }) => {
   ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-h-36 w-full overflow-y-auto overflow-x-hidden text-[12px] leading-4 text-gray-800/50", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-gray-800/80", children: "Content: " }),
     r
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full overflow-hidden whitespace-nowrap text-[10px] leading-3 text-gray-800/50", children: truncate(o === "object" ? JSON.stringify(r) : r, { length: 40 }) });
+  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full overflow-hidden whitespace-nowrap text-[10px] leading-3 text-gray-800/50", children: truncate(a === "object" ? JSON.stringify(r) : r, { length: 40 }) });
 }, DataProvidersSuggester = ({
   type: r,
   value: n = "",
@@ -4970,7 +4975,7 @@ const ViewData = ({ data: r, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-fsj0Hn0B.js")), UploadImages = React__default.lazy(() => import("./UploadImages-lDHrM-Jw.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-SUnc-2ZG.js")), UploadImages = React__default.lazy(() => import("./UploadImages-iewW_N13.js")), ImagesPanel = ({
   isModalView: r = !1,
   onSelect: n = () => {
   }
@@ -5325,7 +5330,7 @@ function FaRecycle(r) {
 function FaSpinner(r) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" }, child: [] }] })(r);
 }
-const SECONDS = 4;
+const SECONDS = 10;
 function Countdown() {
   const [r, n] = useState$1(SECONDS), [o, a] = useState$1(!1);
   useEffect$1(() => {
@@ -5378,14 +5383,14 @@ function Countdown() {
   ] });
 }
 const AskAIStyles = ({ blockId: r }) => {
-  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), u = useRef$1(null), [d, m] = useState$1();
+  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), u = useRef$1(null), d = useRef$1(null), [m, p] = useState$1();
   useEffect$1(() => {
-    var g;
-    (g = u.current) == null || g.focus();
+    var h;
+    (h = u.current) == null || h.focus();
   }, []);
-  const p = (g) => {
-    const { usage: h } = g || {};
-    !i && h && m(h), setTimeout(() => m(void 0), 4e3), i || c("");
+  const g = (h) => {
+    const { usage: b } = h || {};
+    !i && b && p(b), d.current = setTimeout(() => p(void 0), 1e4), i || c("");
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mb-1 text-sm font-semibold leading-none tracking-tight", children: n("ask_ai") }),
@@ -5394,12 +5399,12 @@ const AskAIStyles = ({ blockId: r }) => {
       {
         ref: u,
         value: l,
-        onChange: (g) => c(g.target.value),
+        onChange: (h) => c(h.target.value),
         placeholder: n("ask_ai_to_edit_styles"),
         className: "w-full border border-gray-400 focus:border-0",
         rows: 3,
-        onKeyDown: (g) => {
-          g.key === "Enter" && (g.preventDefault(), o("styles", r, l, p));
+        onKeyDown: (h) => {
+          h.key === "Enter" && (h.preventDefault(), d.current && clearTimeout(d.current), p(void 0), o("styles", r, l, g));
         }
       }
     ),
@@ -5409,7 +5414,7 @@ const AskAIStyles = ({ blockId: r }) => {
         {
           disabled: l.trim().length < 5 || a,
           onClick: () => {
-            m(void 0), o("styles", r, l, p);
+            d.current && clearTimeout(d.current), p(void 0), o("styles", r, l, g);
           },
           variant: "default",
           className: "w-fit",
@@ -5428,11 +5433,11 @@ const AskAIStyles = ({ blockId: r }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { variant: "destructive", onClick: () => stop(), className: "hidden w-fit", size: "sm", children: n("stop") })
       ] }) : null
     ] }),
-    d ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1 flex justify-between break-words rounded border border-blue-500 bg-blue-100 p-1 text-xs text-blue-500", children: [
+    m ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1 flex justify-between break-words rounded border border-blue-500 bg-blue-100 p-1 text-xs text-blue-500", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
         n("Total tokens used"),
         ": ",
-        d.totalTokens
+        m.totalTokens
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Countdown, {})
     ] }) }) : null,
@@ -5454,9 +5459,9 @@ function ManualClasses() {
     let k = [];
     if (j && j.length > 0) {
       const [O] = j, T = I.replace(O, "");
-      k = fuse.search(T).map((V) => ({
-        ...V,
-        item: { ...V.item, name: O + V.item.name }
+      k = fuse.search(T).map((L) => ({
+        ...L,
+        item: { ...L.item, name: O + L.item.name }
       }));
     } else
       k = fuse.search(I);
@@ -6231,8 +6236,8 @@ const RangeChoices = ({ property: r, onChange: n }) => {
       }
       if (get$1(O, "value") === "")
         return;
-      const V = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      k ? R(V) : C(V);
+      const L = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
+      k ? R(L) : C(L);
     },
     [C, R, a, g, u, m]
   ), j = useCallback$1(
@@ -6248,8 +6253,8 @@ const RangeChoices = ({ property: r, onChange: n }) => {
       }
       if (get$1(O, "value") === "")
         return;
-      const T = get$1(O, "unit") !== "" ? get$1(O, "unit") : k, V = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
-      C(V);
+      const T = get$1(O, "unit") !== "" ? get$1(O, "unit") : k, L = `${get$1(O, "value", "").startsWith("-") ? "-" : ""}${u}[${get$1(O, "value", "").replace("-", "")}${T === "-" ? "" : T}]`;
+      C(L);
     },
     [C, a, u, m]
   );
@@ -6275,7 +6280,7 @@ const RangeChoices = ({ property: r, onChange: n }) => {
             const O = parseInt$1(k.target.value);
             let T = isNaN$1(O) ? 0 : O;
             k.keyCode === 38 && (T += 1), k.keyCode === 40 && (T -= 1);
-            const M = `${T}`, D = `${M.startsWith("-") ? "-" : ""}${u}[${M.replace("-", "")}${g === "-" ? "" : g}]`;
+            const B = `${T}`, D = `${B.startsWith("-") ? "-" : ""}${u}[${B.replace("-", "")}${g === "-" ? "" : g}]`;
             R(D);
           },
           onKeyUp: (k) => {
@@ -6328,15 +6333,15 @@ const RangeChoices = ({ property: r, onChange: n }) => {
         onDragEnd: (k) => {
           if (S(() => ""), w(!1), isEmpty(k))
             return;
-          const O = `${k}`, M = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
-          C(M);
+          const O = `${k}`, B = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
+          C(B);
         },
         onDrag: (k) => {
           if (isEmpty(k))
             return;
           S(k);
-          const O = `${k}`, M = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
-          R(M);
+          const O = `${k}`, B = `${O.startsWith("-") ? "-" : ""}${u}[${O.replace("-", "")}${g === "-" ? "" : g}]`;
+          R(B);
         },
         currentValue: a,
         unit: g,
@@ -6754,38 +6759,37 @@ function UILibrariesSelect({
 }
 const BlockCard = ({
   block: r,
-  closePopover: n,
-  library: o
+  library: n,
+  parentId: o = void 0
 }) => {
-  const [a, i] = useState$1(!1), l = useBuilderProp("getUILibraryBlock", noop$1), { addCoreBlock: c, addPredefinedBlock: u } = useAddBlock(), [d, m] = useSelectedBlockIds(), [, p] = useHighlightBlockId(), g = get$1(r, "name", get$1(r, "label")), h = useFeature("dnd"), [, b] = useAtom$1(draggedBlockAtom), x = (E) => {
-    const w = has(E, "styles_attrs.data-page-section");
-    return E._type === "Box" && w;
-  }, v = useCallback$1(
-    async (E) => {
-      if (E.stopPropagation(), has(r, "component")) {
-        c(r, first(d)), n();
+  const [a, i] = useState$1(!1), l = useBuilderProp("getUILibraryBlock", noop$1), { addCoreBlock: c, addPredefinedBlock: u } = useAddBlock(), [, d] = useSelectedBlockIds(), [, m] = useHighlightBlockId(), p = get$1(r, "name", get$1(r, "label")), g = useFeature("dnd"), [, h] = useAtom$1(draggedBlockAtom), b = (S) => {
+    const E = has(S, "styles_attrs.data-page-section");
+    return S._type === "Box" && E;
+  }, x = useCallback$1(
+    async (S) => {
+      if (S.stopPropagation(), has(r, "component")) {
+        c(r, o), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
         return;
       }
       i(!0);
-      const w = await l(o, r);
-      let A = first(d);
-      isEmpty(w) || u(syncBlocksWithDefaults(w), A), n();
+      const E = await l(n, r);
+      isEmpty(E) || u(syncBlocksWithDefaults(E), o), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
     },
     [r]
-  ), S = async (E) => {
-    const w = await l(o, r);
-    let A = first(d);
-    if (x(first(w)) && (A = null), !isEmpty(w)) {
-      const P = { blocks: w, uiLibrary: !0, parent: A };
-      if (E.dataTransfer.setData("text/plain", JSON.stringify(P)), r.preview) {
-        const C = new Image();
-        C.src = r.preview, C.onload = () => {
-          E.dataTransfer.setDragImage(C, 0, 0);
+  ), v = async (S) => {
+    const E = await l(n, r);
+    let w = o;
+    if (b(first(E)) && (w = null), !isEmpty(E)) {
+      const A = { blocks: E, uiLibrary: !0, parent: w };
+      if (S.dataTransfer.setData("text/plain", JSON.stringify(A)), r.preview) {
+        const P = new Image();
+        P.src = r.preview, P.onload = () => {
+          S.dataTransfer.setDragImage(P, 0, 0);
         };
       } else
-        E.dataTransfer.setDragImage(new Image(), 0, 0);
-      b(P), setTimeout(() => {
-        m([]), p(null), n();
+        S.dataTransfer.setDragImage(new Image(), 0, 0);
+      h(A), setTimeout(() => {
+        d([]), m(null), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
       }, 200);
     }
   };
@@ -6794,9 +6798,9 @@ const BlockCard = ({
       "div",
       {
         onClick: a ? () => {
-        } : v,
-        draggable: h ? "true" : "false",
-        onDragStart: S,
+        } : x,
+        draggable: g ? "true" : "false",
+        onDragStart: v,
         className: clsx(
           "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl"
         ),
@@ -6805,11 +6809,11 @@ const BlockCard = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Loader$1, { className: "animate-spin", size: 15, color: "white" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
           ] }),
-          r.preview ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: r.preview, className: "min-h-[45px] w-full rounded-md", alt: g }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: g }) })
+          r.preview ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: r.preview, className: "min-h-[45px] w-full rounded-md", alt: p }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: p }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: g }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: p }) })
   ] });
 }, libraryBlocksAtom = atom$1(
   {}
@@ -6824,34 +6828,34 @@ const BlockCard = ({
       c.current = "idle", o((d) => ({ ...d, [r == null ? void 0 : r.uuid]: { loading: "complete", blocks: u || [] } }));
     })();
   }, [r, i, l, c]), { data: i || [], isLoading: l === "loading" };
-}, UILibrarySection = () => {
-  const [r, n] = useAtom$1(selectedLibraryAtom), o = useBuilderProp("uiLibraries", []), a = useChaiBlocks(), i = values(a).filter((w) => w.category === "custom"), l = o.find((w) => w.uuid === r) || first(o), { data: c, isLoading: u } = useLibraryBlocks(l), d = groupBy([...c, ...i], "group"), [m, p] = useState$1("Hero"), g = get$1(d, m, []), h = useRef$1(null), [, b] = useAddBlocksModal(), { t: x } = useTranslation(), v = (w) => {
-    h.current && (clearTimeout(h.current), h.current = null), h.current = setTimeout(() => {
-      h.current && p(w);
+}, UILibrarySection = ({ parentId: r }) => {
+  const [n, o] = useAtom$1(selectedLibraryAtom), a = useBuilderProp("uiLibraries", []), i = useChaiBlocks(), l = values(i).filter((w) => w.category === "custom"), c = a.find((w) => w.uuid === n) || first(a), { data: u, isLoading: d } = useLibraryBlocks(c), m = groupBy([...u, ...l], "group"), [p, g] = useState$1("Hero"), h = get$1(m, p, []), b = useRef$1(null), { t: x } = useTranslation(), v = (w) => {
+    b.current && (clearTimeout(b.current), b.current = null), b.current = setTimeout(() => {
+      b.current && g(w);
     }, 300);
   };
-  if (u)
+  if (d)
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 grid h-full w-full grid-cols-12 gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const S = filter(g, (w, A) => A % 2 === 0), E = filter(g, (w, A) => A % 2 === 1);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full pt-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-52 flex-col gap-1 px-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrariesSelect, { library: l == null ? void 0 : l.uuid, setLibrary: n, uiLibraries: o }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex flex-col", children: [
+  const S = filter(h, (w, A) => A % 2 === 0), E = filter(h, (w, A) => A % 2 === 1);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative mt-2 flex h-full max-h-full flex-col overflow-hidden bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full pt-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-60 flex-col gap-1 px-1 pr-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrariesSelect, { library: c == null ? void 0 : c.uuid, setLibrary: o, uiLibraries: a }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex h-full max-h-full flex-col", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-bold text-gray-500", children: x("groups") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("hr", { className: "mt-1" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea$1, { className: "mt-2 h-full flex-1 overflow-y-auto", children: React__default.Children.toArray(
-          map(d, (w, A) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea$1, { className: "no-scrollbar mt-2 h-full max-h-full overflow-y-auto", children: React__default.Children.toArray(
+          map(m, (w, A) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               onMouseEnter: () => v(A),
-              onMouseLeave: () => clearTimeout(h.current),
-              onClick: () => p(A),
+              onMouseLeave: () => clearTimeout(b.current),
+              onClick: () => g(A),
               className: cn(
                 "flex w-full cursor-pointer items-center justify-between rounded-md p-2 text-sm transition-all ease-in-out hover:bg-gray-200",
-                A === m ? "bg-blue-500 text-white hover:bg-blue-600" : ""
+                A === p ? "bg-blue-500 text-white hover:bg-blue-600" : ""
               ),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: capitalize(x(A.toLowerCase())) }),
@@ -6866,15 +6870,15 @@ const BlockCard = ({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       ScrollArea$1,
       {
-        onMouseEnter: () => h.current ? clearTimeout(h.current) : null,
+        onMouseEnter: () => b.current ? clearTimeout(b.current) : null,
         className: "z-10 -mt-2 flex h-full max-h-full w-full flex-col gap-2 border-l border-gray-300 transition-all ease-linear",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-2 px-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: React__default.Children.toArray(
-              S.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { block: w, library: l, closePopover: () => b("") }))
+              S.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: r, block: w, library: c }))
             ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: React__default.Children.toArray(
-              E.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { block: w, library: l, closePopover: () => b("") }))
+              E.map((w) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: r, block: w, library: c }))
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
@@ -6884,7 +6888,7 @@ const BlockCard = ({
       }
     )
   ] }) }) });
-}, UILibrariesPanel = () => /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrarySection, {}), UILibraries = UILibrariesPanel, add_block = "Add block", enter_paste_tailwind_html = "(Enter or paste TailwindCSS HTML snippet)", click_to_add_block = "(Click to add block to page)", core = "Core", custom_blocks = "Custom Blocks", ui_library = "UI Library", html_snippet_description = "Use HTML snippets from Tailwind CSS component libraries etc. or just copy paste your own HTML code.", tailwind_html_snippet = "Tailwind HTML snippet:", enter_code_snippet = "Enter your code snippet here...", import_html = "Import HTML", note_imported_html = "NOTE: Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page.", dark_mode = "Dark mode", tree_view_no_blocks = "This page has no blocks. Add a block by clicking the + button", canvas_empty = "This page is empty", no_block_selected_for_styling = "Please select a block to edit settings or styles", no_block_selected_for_ask_ai = "Please select a block to ask AI", no_styling_block_selected = "Please select a styling block", drop_here_message = "Drop your block here", use_setting = "Use setting", mobile_xs_title = "Mobile (XS)", mobile_xs_content = "Styles set here are applied to all screen unless edited at higher breakpoint", mobile_sm_title = "Mobile landscape (SM)", mobile_sm_content = "Styles set here are applied at 640px and up unless edited at higher breakpoint", tablet_md_title = "Tablet (MD)", tablet_md_content = "Styles set here are applied at 768px and up", tablet_lg_title = "Tablet Landscape (LG)", tablet_lg_content = "Styles set here are applied at 1024px and up unless edited at higher breakpoint", desktop_xl_title = "Desktop (XL)", desktop_xl_content = "Styles set here are applied at 1280px and up unless edited at higher breakpoint", large_desktop_2xl_title = "Large Desktop (2XL)", large_desktop_2xl_content = "Styles set here are applied at 1536px and up", Breakpoints$1 = "Breakpoints", clear = "Clear", clear_canvas_title = "Clear whole canvas?", clear_canvas_description = "Are you sure you want to clear the whole canvas?", cancel = "Cancel", yes = "Yes", preview = "Preview", settings = "Settings", styling = "Styling", data_provider = "Data Provider", remove_provider_confirmation = "Are you sure you want to remove <span class='text-blue-500'>{name}</span> provider?", remove_provider_warning = "Your data provider will be removed from this page and all added data binding will be not visible on blocks.", remove = "Remove", no_data_providers = "You have no data providers registered. Please add a data provider to your project.", learn_more = "Learn more", add_data_providers = "Add data providers:", select_provider = "Select a provider", choose = "Choose", page_data_providers = "Page data providers:", view_data = "View Data", mark_as_global = "Mark as Global", global_block_note = "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.", global_block_indicator = "Global blocks are indicated with", global_block_category = "Global blocks are available under 'Global' category", enter_global_block_name = "Enter global block name", eg_header_footer = "Eg: Header, Footer", blocks_selected = "{{length}} blocks selected.", cut = "Cut", copy$1 = "Copy", clear_selection = "Clear Selection", dev_mode_message = "This is dev mode. Visit", to_see_page_preview = "to see page preview", theme_config = {
+}, UILibrariesPanel = ({ parentId: r }) => /* @__PURE__ */ jsxRuntimeExports.jsx(UILibrarySection, { parentId: r }), UILibraries = UILibrariesPanel, add_block = "Add block", enter_paste_tailwind_html = "(Enter or paste TailwindCSS HTML snippet)", click_to_add_block = "(Click to add block to page)", core = "Core", custom_blocks = "Custom Blocks", ui_library = "UI Library", html_snippet_description = "Use HTML snippets from Tailwind CSS component libraries etc. or just copy paste your own HTML code.", tailwind_html_snippet = "Tailwind HTML snippet:", enter_code_snippet = "Enter your code snippet here...", import_html = "Import HTML", note_imported_html = "NOTE: Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page.", dark_mode = "Dark mode", tree_view_no_blocks = "This page has no blocks. Add a block by clicking the + button", canvas_empty = "This page is empty", no_block_selected_for_styling = "Please select a block to edit settings or styles", no_block_selected_for_ask_ai = "Please select a block to ask AI", no_styling_block_selected = "Please select a styling block", drop_here_message = "Drop your block here", use_setting = "Use setting", mobile_xs_title = "Mobile (XS)", mobile_xs_content = "Styles set here are applied to all screen unless edited at higher breakpoint", mobile_sm_title = "Mobile landscape (SM)", mobile_sm_content = "Styles set here are applied at 640px and up unless edited at higher breakpoint", tablet_md_title = "Tablet (MD)", tablet_md_content = "Styles set here are applied at 768px and up", tablet_lg_title = "Tablet Landscape (LG)", tablet_lg_content = "Styles set here are applied at 1024px and up unless edited at higher breakpoint", desktop_xl_title = "Desktop (XL)", desktop_xl_content = "Styles set here are applied at 1280px and up unless edited at higher breakpoint", large_desktop_2xl_title = "Large Desktop (2XL)", large_desktop_2xl_content = "Styles set here are applied at 1536px and up", Breakpoints$1 = "Breakpoints", clear = "Clear", clear_canvas_title = "Clear whole canvas?", clear_canvas_description = "Are you sure you want to clear the whole canvas?", cancel = "Cancel", yes = "Yes", preview = "Preview", settings = "Settings", styling = "Styling", data_provider = "Data Provider", remove_provider_confirmation = "Are you sure you want to remove <span class='text-blue-500'>{name}</span> provider?", remove_provider_warning = "Your data provider will be removed from this page and all added data binding will be not visible on blocks.", remove = "Remove", no_data_providers = "You have no data providers registered. Please add a data provider to your project.", learn_more = "Learn more", add_data_providers = "Add data providers:", select_provider = "Select a provider", choose = "Choose", page_data_providers = "Page data providers:", view_data = "View Data", mark_as_global = "Mark as Global", global_block_note = "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks.", global_block_indicator = "Global blocks are indicated with", global_block_category = "Global blocks are available under 'Global' category", enter_global_block_name = "Enter global block name", eg_header_footer = "Eg: Header, Footer", blocks_selected = "{{length}} blocks selected.", cut = "Cut", copy$1 = "Copy", clear_selection = "Clear Selection", dev_mode_message = "This is dev mode. Visit", to_see_page_preview = "to see page preview", theme_config = {
   heading_font: "Heading Font",
   body_font: "Body Font",
   rounded_corner: "Rounded Corners",
@@ -7318,49 +7322,50 @@ i18n.use(initReactI18next).init({
     // react already safes from xss => https://www.i18next.com/translation-function/interpolation#unescape
   }
 });
-const CoreBlock = ({ block: r, disabled: n }) => {
-  const [, o] = useAtom$1(draggedBlockAtom), { type: a, icon: i, label: l } = r, { addCoreBlock: c, addPredefinedBlock: u } = useAddBlock(), [, d] = useSelectedBlockIds(), [, m] = useHighlightBlockId(), [, p] = useAtom$1(activePanelAtom$1), [g, h] = useAddBlocksModal(), b = () => {
-    if (has(r, "blocks")) {
-      const S = isFunction$2(r.blocks) ? r.blocks() : r.blocks;
-      u(syncBlocksWithDefaults(S), g === ROOT_TEMP_KEY ? null : g);
+const CoreBlock = ({ block: r, disabled: n, parentId: o }) => {
+  const [, a] = useAtom$1(draggedBlockAtom), { type: i, icon: l, label: c } = r, { addCoreBlock: u, addPredefinedBlock: d } = useAddBlock(), [, m] = useSelectedBlockIds(), [, p] = useHighlightBlockId(), g = () => {
+    if (console.log("addBlockToPage", r, o), has(r, "blocks")) {
+      const x = isFunction$2(r.blocks) ? r.blocks() : r.blocks;
+      d(syncBlocksWithDefaults(x), o || null);
     } else
-      c(r, g === ROOT_TEMP_KEY ? null : g);
-    h(""), p(OUTLINE_KEY);
-  }, x = useFeature("dnd"), { t: v } = useTranslation();
+      u(r, o || null);
+    emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
+  }, h = useFeature("dnd"), { t: b } = useTranslation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
         disabled: n,
-        onClick: b,
+        onClick: g,
         type: "button",
-        onDragStart: (S) => {
-          S.dataTransfer.setData("text/plain", JSON.stringify(omit(r, ["component", "icon"]))), S.dataTransfer.setDragImage(new Image(), 0, 0), o(omit(r, ["component", "icon"])), setTimeout(() => {
-            d([]), m(null), p(OUTLINE_KEY);
+        onDragStart: (x) => {
+          x.dataTransfer.setData("text/plain", JSON.stringify(omit(r, ["component", "icon"]))), x.dataTransfer.setDragImage(new Image(), 0, 0), a(omit(r, ["component", "icon"])), setTimeout(() => {
+            m([]), p(null);
           }, 200);
         },
-        draggable: x ? "true" : "false",
+        draggable: h ? "true" : "false",
         className: "cursor-pointer space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400",
         children: [
-          createElement$1(i || BoxIcon, { className: "w-4 h-4 mx-auto" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-xs", children: capitalize(v(l || a)) })
+          createElement$1(l || BoxIcon, { className: "w-4 h-4 mx-auto" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "truncate text-xs", children: capitalize(b(c || i)) })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: v(l || a) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: b(c || i) }) })
   ] }) });
-}, CORE_GROUPS = ["basic", "typography", "media", "layout", "form", "advanced", "other"], ChaiBuilderBlocks = ({ groups: r, blocks: n }) => {
+}, CORE_GROUPS = ["basic", "typography", "media", "layout", "form", "advanced", "other"], ChaiBuilderBlocks = ({ groups: r, blocks: n, parentId: o }) => {
   var c;
-  const { t: o } = useTranslation(), [a] = useBlocksStore(), [i] = useAddBlocksModal(), l = (c = find(a, (u) => u._id === i)) == null ? void 0 : c._type;
+  const { t: a } = useTranslation(), [i] = useBlocksStore(), l = (c = find(i, (u) => u._id === o)) == null ? void 0 : c._type;
   return React__default.Children.toArray(
     map(
       sortBy(r, (u) => CORE_GROUPS.indexOf(u) === -1 ? 99 : CORE_GROUPS.indexOf(u)),
       (u) => reject(filter(values(n), { group: u }), { hidden: !0 }).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Accordion, { type: "single", value: u, collapsible: !0, className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem, { value: u, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize hover:no-underline", children: capitalize(o(u.toLowerCase())) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize hover:no-underline", children: capitalize(a(u.toLowerCase())) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { className: "mx-auto max-w-xl p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-4 gap-2", children: React__default.Children.toArray(
           reject(filter(values(n), { group: u }), { hidden: !0 }).map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             CoreBlock,
             {
+              parentId: o,
               block: d,
               disabled: !canAcceptChildBlock(l, d.type) || !canBeNestedInside(l, d.type)
             }
@@ -7369,33 +7374,37 @@ const CoreBlock = ({ block: r, disabled: n }) => {
       ] }) }) : null
     )
   );
-}, AddBlocksPanel = ({ className: r, showHeading: n = !0 }) => {
-  const { t: o } = useTranslation(), [a, i] = useState$1("library"), [l, c] = useState$1("basic"), u = useChaiBlocks(), [, d] = useAtom$1(showPredefinedBlockCategoryAtom), m = useBuilderProp("importHTMLSupport", !0), p = useBuilderProp("filterChaiBlock", () => !0), g = filter(u, p), h = groupBy(g, "category"), b = uniq(map(h.core, "group"));
+}, AddBlocksPanel = ({
+  className: r,
+  showHeading: n = !0,
+  parentId: o = void 0
+}) => {
+  const { t: a } = useTranslation(), [i, l] = useState$1("library"), [c, u] = useState$1("basic"), d = useChaiBlocks(), [, m] = useAtom$1(showPredefinedBlockCategoryAtom), p = useBuilderProp("importHTMLSupport", !0), g = useBuilderProp("filterChaiBlock", () => !0), h = filter(d, g), b = groupBy(h, "category"), x = uniq(map(b.core, "group"));
   return useEffect$1(() => {
-    !includes(b, l) && !isEmpty(b) && !isEmpty(l) && c(first(b));
-  }, [b, l]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full flex-col overflow-hidden", r), children: [
+    !includes(x, c) && !isEmpty(x) && !isEmpty(c) && u(first(x));
+  }, [x, c]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full flex-col overflow-hidden", r), children: [
     n ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col", children: o("add_block") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: o(a === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col", children: a("add_block") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: a(i === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
     ] }) : null,
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tabs$1,
       {
-        onValueChange: (x) => {
-          d(""), i(x);
+        onValueChange: (v) => {
+          m(""), l(v);
         },
-        value: a,
-        className: cn("h-max", m ? "" : "hidden"),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList$1, { className: "grid w-full " + (m ? "grid-cols-3" : "grid-cols-1"), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "library", children: o("library") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "core", children: o("blocks") }),
-          m ? /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "html", children: o("import") }) : null
+        value: i,
+        className: cn("h-max", p ? "" : "hidden"),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList$1, { className: "grid w-full " + (p ? "grid-cols-3" : "grid-cols-1"), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "library", children: a("library") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "core", children: a("blocks") }),
+          p ? /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "html", children: a("import") }) : null
         ] })
       }
     ),
-    a === "core" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea$1, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChaiBuilderBlocks, { groups: b, blocks: h.core }) }) }),
-    a === "library" && /* @__PURE__ */ jsxRuntimeExports.jsx(UILibraries, {}),
-    a === "html" && m ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImportHTML$1, {}) : null
+    i === "core" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea$1, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChaiBuilderBlocks, { parentId: o, groups: x, blocks: b.core }) }) }),
+    i === "library" && /* @__PURE__ */ jsxRuntimeExports.jsx(UILibraries, { parentId: o }),
+    i === "html" && p ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImportHTML$1, { parentId: o }) : null
   ] });
 }, AddBlocksPanel$1 = AddBlocksPanel;
 function FaCheck(r) {
@@ -7484,14 +7493,14 @@ function QuickPrompts({ onClick: r }) {
   ) }) });
 }
 const AIUserPrompt = ({ blockId: r }) => {
-  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), [u, d] = useState$1(!0), [m, p] = useState$1(), g = useRef$1(null);
+  const { t: n } = useTranslation(), { askAi: o, loading: a, error: i } = useAskAi(), [l, c] = useState$1(""), [u, d] = useState$1(!0), [m, p] = useState$1(), g = useRef$1(null), h = useRef$1(null);
   useEffect$1(() => {
-    var b;
-    (b = g.current) == null || b.focus();
+    var x;
+    (x = g.current) == null || x.focus();
   }, []);
-  const h = (b) => {
-    const { usage: x } = b || {};
-    !i && x && p(x), setTimeout(() => p(void 0), 4e3), i || c("");
+  const b = (x) => {
+    const { usage: v } = x || {};
+    !i && v && p(v), h.current = setTimeout(() => p(void 0), 1e4), i || c("");
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -7511,12 +7520,12 @@ const AIUserPrompt = ({ blockId: r }) => {
         {
           ref: g,
           value: l,
-          onChange: (b) => c(b.target.value),
+          onChange: (x) => c(x.target.value),
           placeholder: n("ask_ai_to_edit_content"),
           className: "w-full border border-gray-400 focus:border-0",
           rows: 3,
-          onKeyDown: (b) => {
-            b.key === "Enter" && (b.preventDefault(), p(void 0), o("content", r, l, h));
+          onKeyDown: (x) => {
+            x.key === "Enter" && (x.preventDefault(), h.current && clearTimeout(h.current), p(void 0), o("content", r, l, b));
           }
         }
       ),
@@ -7526,7 +7535,7 @@ const AIUserPrompt = ({ blockId: r }) => {
           {
             disabled: l.trim().length < 5 || a,
             onClick: () => {
-              p(void 0), o("content", r, l, h);
+              h.current && clearTimeout(h.current), p(void 0), o("content", r, l, b);
             },
             variant: "default",
             className: "w-fit",
@@ -7557,8 +7566,8 @@ const AIUserPrompt = ({ blockId: r }) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         QuickPrompts,
         {
-          onClick: (b) => {
-            p(void 0), o("content", r, b, h);
+          onClick: (x) => {
+            h.current && clearTimeout(h.current), p(void 0), o("content", r, x, b);
           }
         }
       )
@@ -8647,9 +8656,9 @@ function requireReactIs_development() {
         }
       }
     }
-    var C = d, R = m, I = u, j = c, k = n, O = p, T = a, M = x, V = b, D = o, W = l, J = i, F = g, L = !1;
+    var C = d, R = m, I = u, j = c, k = n, O = p, T = a, B = x, L = b, D = o, W = l, J = i, F = g, V = !1;
     function q(K) {
-      return L || (L = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), G(K) || P(K) === d;
+      return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), G(K) || P(K) === d;
     }
     function G(K) {
       return P(K) === m;
@@ -8687,7 +8696,7 @@ function requireReactIs_development() {
     function se(K) {
       return P(K) === g;
     }
-    reactIs_development.AsyncMode = C, reactIs_development.ConcurrentMode = R, reactIs_development.ContextConsumer = I, reactIs_development.ContextProvider = j, reactIs_development.Element = k, reactIs_development.ForwardRef = O, reactIs_development.Fragment = T, reactIs_development.Lazy = M, reactIs_development.Memo = V, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = G, reactIs_development.isContextConsumer = ee, reactIs_development.isContextProvider = z, reactIs_development.isElement = U, reactIs_development.isForwardRef = te, reactIs_development.isFragment = _, reactIs_development.isLazy = Q, reactIs_development.isMemo = ne, reactIs_development.isPortal = re, reactIs_development.isProfiler = $, reactIs_development.isStrictMode = ae, reactIs_development.isSuspense = se, reactIs_development.isValidElementType = A, reactIs_development.typeOf = P;
+    reactIs_development.AsyncMode = C, reactIs_development.ConcurrentMode = R, reactIs_development.ContextConsumer = I, reactIs_development.ContextProvider = j, reactIs_development.Element = k, reactIs_development.ForwardRef = O, reactIs_development.Fragment = T, reactIs_development.Lazy = B, reactIs_development.Memo = L, reactIs_development.Portal = D, reactIs_development.Profiler = W, reactIs_development.StrictMode = J, reactIs_development.Suspense = F, reactIs_development.isAsyncMode = q, reactIs_development.isConcurrentMode = G, reactIs_development.isContextConsumer = ee, reactIs_development.isContextProvider = z, reactIs_development.isElement = U, reactIs_development.isForwardRef = te, reactIs_development.isFragment = _, reactIs_development.isLazy = Q, reactIs_development.isMemo = ne, reactIs_development.isPortal = re, reactIs_development.isProfiler = $, reactIs_development.isStrictMode = ae, reactIs_development.isSuspense = se, reactIs_development.isValidElementType = A, reactIs_development.typeOf = P;
   }()), reactIs_development;
 }
 process.env.NODE_ENV === "production" ? reactIs$1.exports = requireReactIs_production_min() : reactIs$1.exports = requireReactIs_development();
@@ -10930,13 +10939,13 @@ function extractSystemStyles(r) {
     fs: k,
     tt: O,
     td: T,
-    w: M,
-    miw: V,
+    w: B,
+    miw: L,
     maw: D,
     h: W,
     mih: J,
     mah: F,
-    bgsz: L,
+    bgsz: V,
     bgp: q,
     bgr: G,
     bga: ee,
@@ -11019,13 +11028,13 @@ function extractSystemStyles(r) {
     fs: k,
     tt: O,
     td: T,
-    w: M,
-    miw: V,
+    w: B,
+    miw: L,
     maw: D,
     h: W,
     mih: J,
     mah: F,
-    bgsz: L,
+    bgsz: V,
     bgp: q,
     bgr: G,
     bga: ee,
@@ -12841,9 +12850,9 @@ const useHover = function(r, n) {
     D === void 0 && (D = !0);
     const W = getDelay(w.current, "close", A.current);
     W && !C.current ? (clearTimeout(P.current), P.current = setTimeout(() => m(!1), W)) : D && (clearTimeout(P.current), m(!1));
-  }, [w, m]), M = React.useCallback(() => {
+  }, [w, m]), B = React.useCallback(() => {
     k.current(), C.current = void 0;
-  }, []), V = React.useCallback(() => {
+  }, []), L = React.useCallback(() => {
     if (j.current) {
       const D = getDocument(x.floating.current).body;
       D.style.pointerEvents = "", D.removeAttribute(safePolygonIdentifier), j.current = !1;
@@ -12855,16 +12864,16 @@ const useHover = function(r, n) {
     function D() {
       return p.current.openEvent ? ["click", "mousedown"].includes(p.current.openEvent.type) : !1;
     }
-    function W(L) {
+    function W(V) {
       if (clearTimeout(P.current), I.current = !1, l && !isMouseLikePointerType(A.current) || c > 0 && getDelay(w.current, "open") === 0)
         return;
-      p.current.openEvent = L;
+      p.current.openEvent = V;
       const q = getDelay(w.current, "open", A.current);
       q ? P.current = setTimeout(() => {
         m(!0);
       }, q) : m(!0);
     }
-    function J(L) {
+    function J(V) {
       if (D())
         return;
       k.current();
@@ -12873,10 +12882,10 @@ const useHover = function(r, n) {
         d || clearTimeout(P.current), C.current = E.current({
           ...r,
           tree: v,
-          x: L.clientX,
-          y: L.clientY,
+          x: V.clientX,
+          y: V.clientY,
           onClose() {
-            V(), M(), T();
+            L(), B(), T();
           }
         });
         const G = C.current;
@@ -12887,42 +12896,42 @@ const useHover = function(r, n) {
       }
       T();
     }
-    function F(L) {
+    function F(V) {
       D() || E.current == null || E.current({
         ...r,
         tree: v,
-        x: L.clientX,
-        y: L.clientY,
+        x: V.clientX,
+        y: V.clientY,
         onClose() {
-          V(), M(), T();
+          L(), B(), T();
         }
-      })(L);
+      })(V);
     }
     if (isElement(h)) {
-      const L = h;
-      return d && L.addEventListener("mouseleave", F), b == null || b.addEventListener("mouseleave", F), u && L.addEventListener("mousemove", W, {
+      const V = h;
+      return d && V.addEventListener("mouseleave", F), b == null || b.addEventListener("mouseleave", F), u && V.addEventListener("mousemove", W, {
         once: !0
-      }), L.addEventListener("mouseenter", W), L.addEventListener("mouseleave", J), () => {
-        d && L.removeEventListener("mouseleave", F), b == null || b.removeEventListener("mouseleave", F), u && L.removeEventListener("mousemove", W), L.removeEventListener("mouseenter", W), L.removeEventListener("mouseleave", J);
+      }), V.addEventListener("mouseenter", W), V.addEventListener("mouseleave", J), () => {
+        d && V.removeEventListener("mouseleave", F), b == null || b.removeEventListener("mouseleave", F), u && V.removeEventListener("mousemove", W), V.removeEventListener("mouseenter", W), V.removeEventListener("mouseleave", J);
       };
     }
-  }, [h, b, o, r, l, c, u, T, M, V, m, d, v, w, E, p]), index(() => {
+  }, [h, b, o, r, l, c, u, T, B, L, m, d, v, w, E, p]), index(() => {
     var D;
     if (o && d && (D = E.current) != null && D.__options.blockPointerEvents && O()) {
       const F = getDocument(b).body;
       if (F.setAttribute(safePolygonIdentifier, ""), F.style.pointerEvents = "none", j.current = !0, isElement(h) && b) {
         var W, J;
-        const L = h, q = v == null || (W = v.nodesRef.current.find((G) => G.id === S)) == null || (J = W.context) == null ? void 0 : J.elements.floating;
-        return q && (q.style.pointerEvents = ""), L.style.pointerEvents = "auto", b.style.pointerEvents = "auto", () => {
-          L.style.pointerEvents = "", b.style.pointerEvents = "";
+        const V = h, q = v == null || (W = v.nodesRef.current.find((G) => G.id === S)) == null || (J = W.context) == null ? void 0 : J.elements.floating;
+        return q && (q.style.pointerEvents = ""), V.style.pointerEvents = "auto", b.style.pointerEvents = "auto", () => {
+          V.style.pointerEvents = "", b.style.pointerEvents = "";
         };
       }
     }
   }, [o, d, S, b, h, v, E, p, O]), index(() => {
-    d || (A.current = void 0, M(), V());
-  }, [d, M, V]), React.useEffect(() => () => {
-    M(), clearTimeout(P.current), clearTimeout(R.current), V();
-  }, [o, M, V]), React.useMemo(() => {
+    d || (A.current = void 0, B(), L());
+  }, [d, B, L]), React.useEffect(() => () => {
+    B(), clearTimeout(P.current), clearTimeout(R.current), L();
+  }, [o, B, L]), React.useMemo(() => {
     if (!o)
       return {};
     function D(W) {
@@ -13150,8 +13159,8 @@ const bubbleHandlerKeys = {
         if (W.length > 0) {
           let J = !0;
           if (W.forEach((F) => {
-            var L;
-            if ((L = F.context) != null && L.open && !F.context.dataRef.current.__escapeKeyBubbles) {
+            var V;
+            if ((V = F.context) != null && V.open && !F.context.dataRef.current.__escapeKeyBubbles) {
               J = !1;
               return;
             }
@@ -13185,10 +13194,10 @@ const bubbleHandlerKeys = {
       });
       if (isEventTargetWithin(D, d) || isEventTargetWithin(D, u) || F)
         return;
-      const L = w ? getChildren(w.nodesRef.current, l) : [];
-      if (L.length > 0) {
+      const V = w ? getChildren(w.nodesRef.current, l) : [];
+      if (V.length > 0) {
         let q = !0;
-        if (L.forEach((G) => {
+        if (V.forEach((G) => {
           var ee;
           if ((ee = G.context) != null && ee.open && !G.context.dataRef.current.__outsidePressBubbles) {
             q = !1;
@@ -13209,18 +13218,18 @@ const bubbleHandlerKeys = {
     function T() {
       a(!1);
     }
-    const M = getDocument(d);
-    g && M.addEventListener("keydown", k), C && M.addEventListener(b, O);
-    let V = [];
-    return S && (isElement(u) && (V = getOverflowAncestors(u)), isElement(d) && (V = V.concat(getOverflowAncestors(d))), !isElement(c) && c && c.contextElement && (V = V.concat(getOverflowAncestors(c.contextElement)))), V = V.filter((D) => {
+    const B = getDocument(d);
+    g && B.addEventListener("keydown", k), C && B.addEventListener(b, O);
+    let L = [];
+    return S && (isElement(u) && (L = getOverflowAncestors(u)), isElement(d) && (L = L.concat(getOverflowAncestors(d))), !isElement(c) && c && c.contextElement && (L = L.concat(getOverflowAncestors(c.contextElement)))), L = L.filter((D) => {
       var W;
-      return D !== ((W = M.defaultView) == null ? void 0 : W.visualViewport);
-    }), V.forEach((D) => {
+      return D !== ((W = B.defaultView) == null ? void 0 : W.visualViewport);
+    }), L.forEach((D) => {
       D.addEventListener("scroll", T, {
         passive: !0
       });
     }), () => {
-      g && M.removeEventListener("keydown", k), C && M.removeEventListener(b, O), V.forEach((D) => {
+      g && B.removeEventListener("keydown", k), C && B.removeEventListener(b, O), L.forEach((D) => {
         D.removeEventListener("scroll", T);
       });
     };
@@ -13918,13 +13927,13 @@ function Popover(r) {
     styles: k,
     closeOnClickOutside: O,
     withinPortal: T,
-    portalProps: M,
-    closeOnEscape: V,
+    portalProps: B,
+    closeOnEscape: L,
     clickOutsideEvents: D,
     trapFocus: W,
     onClose: J,
     onOpen: F,
-    onChange: L,
+    onChange: V,
     zIndex: q,
     radius: G,
     shadow: ee,
@@ -13985,7 +13994,7 @@ function Popover(r) {
     positionDependencies: b,
     opened: x,
     defaultOpened: U,
-    onChange: L,
+    onChange: V,
     onOpen: F,
     onClose: J
   });
@@ -14018,11 +14027,11 @@ function Popover(r) {
       placement: be.floating.placement,
       trapFocus: W,
       withinPortal: T,
-      portalProps: M,
+      portalProps: B,
       zIndex: q,
       radius: G,
       shadow: ee,
-      closeOnEscape: V,
+      closeOnEscape: L,
       onClose: be.onClose,
       onToggle: be.onToggle,
       getTargetId: () => `${fe}-target`,
@@ -14205,7 +14214,7 @@ function useInputProps(r, n, o) {
     "inputWrapperOrder",
     "withAsterisk",
     "variant"
-  ]), O = useId$2(w), { systemStyles: T, rest: M } = extractSystemStyles(k), V = __spreadValues$R({
+  ]), O = useId$2(w), { systemStyles: T, rest: B } = extractSystemStyles(k), L = __spreadValues$R({
     label: i,
     description: l,
     error: c,
@@ -14227,11 +14236,11 @@ function useInputProps(r, n, o) {
     withAsterisk: I,
     variant: j
   }, E);
-  return __spreadProps$z(__spreadValues$R({}, M), {
+  return __spreadProps$z(__spreadValues$R({}, B), {
     classNames: d,
     styles: m,
     unstyled: g,
-    wrapperProps: __spreadValues$R(__spreadValues$R({}, V), T),
+    wrapperProps: __spreadValues$R(__spreadValues$R({}, L), T),
     inputProps: {
       required: u,
       classNames: d,
@@ -14544,23 +14553,23 @@ const defaultProps$q = {
     size: S,
     variant: R,
     __staticSelector: w
-  }, T = typeof C == "boolean" ? C : c, M = u ? `${u}-error` : b == null ? void 0 : b.id, V = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? M : ""} ${m ? V : ""}`, J = W.trim().length > 0 ? W.trim() : void 0, F = i && /* @__PURE__ */ React__default.createElement(InputLabel, __spreadValues$M(__spreadValues$M({
+  }, T = typeof C == "boolean" ? C : c, B = u ? `${u}-error` : b == null ? void 0 : b.id, L = u ? `${u}-description` : h == null ? void 0 : h.id, W = `${!!d && typeof d != "boolean" ? B : ""} ${m ? L : ""}`, J = W.trim().length > 0 ? W.trim() : void 0, F = i && /* @__PURE__ */ React__default.createElement(InputLabel, __spreadValues$M(__spreadValues$M({
     key: "label",
     labelElement: p,
     id: u ? `${u}-label` : void 0,
     htmlFor: u,
     required: T
-  }, O), g), i), L = m && /* @__PURE__ */ React__default.createElement(InputDescription, __spreadProps$x(__spreadValues$M(__spreadValues$M({
+  }, O), g), i), V = m && /* @__PURE__ */ React__default.createElement(InputDescription, __spreadProps$x(__spreadValues$M(__spreadValues$M({
     key: "description"
   }, h), O), {
     size: (h == null ? void 0 : h.size) || O.size,
-    id: (h == null ? void 0 : h.id) || V
+    id: (h == null ? void 0 : h.id) || L
   }), m), q = /* @__PURE__ */ React__default.createElement(Fragment, {
     key: "input"
   }, E(l)), G = typeof d != "boolean" && d && /* @__PURE__ */ React__default.createElement(InputError, __spreadProps$x(__spreadValues$M(__spreadValues$M({}, b), O), {
     size: (b == null ? void 0 : b.size) || O.size,
     key: "error",
-    id: (b == null ? void 0 : b.id) || M
+    id: (b == null ? void 0 : b.id) || B
   }), d), ee = P.map((z) => {
     switch (z) {
       case "label":
@@ -14568,7 +14577,7 @@ const defaultProps$q = {
       case "input":
         return q;
       case "description":
-        return L;
+        return V;
       case "error":
         return G;
       default:
@@ -14579,7 +14588,7 @@ const defaultProps$q = {
     value: __spreadValues$M({
       describedBy: J
     }, getInputOffsets(P, {
-      hasDescription: !!L,
+      hasDescription: !!V,
       hasError: !!G
     }))
   }, /* @__PURE__ */ React__default.createElement(Box, __spreadValues$M({
@@ -14825,7 +14834,7 @@ const defaultProps$o = {
     "sx",
     "unstyled",
     "pointer"
-  ]), { offsetBottom: k, offsetTop: O, describedBy: T } = useInputWrapperContext(), { classes: M, cx: V } = useStyles$v({
+  ]), { offsetBottom: k, offsetTop: O, describedBy: T } = useInputWrapperContext(), { classes: B, cx: L } = useStyles$v({
     radius: x,
     multiline: P,
     invalid: !!i,
@@ -14837,11 +14846,11 @@ const defaultProps$o = {
     pointer: I
   }, { classNames: E, styles: w, name: ["Input", A], unstyled: R, variant: u, size: v }), { systemStyles: D, rest: W } = extractSystemStyles(j);
   return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$J(__spreadValues$J({
-    className: V(M.wrapper, a),
+    className: L(B.wrapper, a),
     sx: C,
     style: m
   }, D), S), d && /* @__PURE__ */ React__default.createElement("div", {
-    className: M.icon
+    className: B.icon
   }, d), /* @__PURE__ */ React__default.createElement(Box, __spreadProps$v(__spreadValues$J({
     component: "input"
   }, W), {
@@ -14853,9 +14862,9 @@ const defaultProps$o = {
     "data-disabled": c || void 0,
     "data-with-icon": !!d || void 0,
     "data-invalid": !!i || void 0,
-    className: M.input
+    className: B.input
   })), h && /* @__PURE__ */ React__default.createElement("div", __spreadProps$v(__spreadValues$J({}, b), {
-    className: M.rightSection
+    className: B.rightSection
   }), h));
 });
 _Input.displayName = "@mantine/core/Input";
@@ -15265,7 +15274,7 @@ const defaultProps$l = {
     gradient: A,
     withLeftIcon: !!m,
     withRightIcon: !!p
-  }, { name: "Button", unstyled: R, classNames: P, styles: C, variant: h, size: i }), T = O.fn.variant({ color: l, variant: h }), M = /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$E({
+  }, { name: "Button", unstyled: R, classNames: P, styles: C, variant: h, size: i }), T = O.fn.variant({ color: l, variant: h }), B = /* @__PURE__ */ React__default.createElement(Loader, __spreadValues$E({
     color: T.color,
     size: `calc(${getSize({ size: i, sizes: sizes$1 }).height} / 2)`
   }, w));
@@ -15282,14 +15291,14 @@ const defaultProps$l = {
     className: j.inner
   }, (m || S && E === "left") && /* @__PURE__ */ React__default.createElement("span", {
     className: k(j.icon, j.leftIcon)
-  }, S && E === "left" ? M : m), S && E === "center" && /* @__PURE__ */ React__default.createElement("span", {
+  }, S && E === "left" ? B : m), S && E === "center" && /* @__PURE__ */ React__default.createElement("span", {
     className: j.centerLoader
-  }, M), /* @__PURE__ */ React__default.createElement("span", {
+  }, B), /* @__PURE__ */ React__default.createElement("span", {
     className: j.label,
     style: { textTransform: x ? "uppercase" : void 0 }
   }, d), (p || S && E === "right") && /* @__PURE__ */ React__default.createElement("span", {
     className: k(j.icon, j.rightIcon)
-  }, S && E === "right" ? M : p)));
+  }, S && E === "right" ? B : p)));
 });
 _Button.displayName = "@mantine/core/Button";
 _Button.Group = ButtonGroup;
@@ -16201,14 +16210,14 @@ const defaultProps$c = {
     defaultValue: E,
     finalValue: !1,
     onChange: w
-  }), M = !!v, V = (D) => {
-    M ? (D.preventDefault(), R == null || R(D), T(!O)) : R == null || R(D);
+  }), B = !!v, L = (D) => {
+    B ? (D.preventDefault(), R == null || R(D), T(!O)) : R == null || R(D);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(UnstyledButton, __spreadValues$m({
     ref: n,
     className: k(j.root, u),
     "data-active": g || void 0,
-    onClick: V,
+    onClick: L,
     unstyled: p,
     "data-expanded": O || void 0,
     "data-disabled": C || void 0,
@@ -16227,10 +16236,10 @@ const defaultProps$c = {
     size: "xs",
     "data-active": g || void 0,
     className: j.description
-  }, i)), (M || c) && /* @__PURE__ */ React__default.createElement("span", {
+  }, i)), (B || c) && /* @__PURE__ */ React__default.createElement("span", {
     className: j.rightSection,
     "data-rotate": O && !A || void 0
-  }, M ? c || /* @__PURE__ */ React__default.createElement(ChevronIcon$1, {
+  }, B ? c || /* @__PURE__ */ React__default.createElement(ChevronIcon$1, {
     width: rem(14),
     height: rem(14),
     style: { transform: "rotate(-90deg)" }
@@ -16427,7 +16436,7 @@ function TooltipFloating(r) {
     "zIndex",
     "disabled",
     "variant"
-  ]), { handleMouseMove: I, x: j, y: k, opened: O, boundaryRef: T, floating: M, setOpened: V } = useFloatingTooltip({
+  ]), { handleMouseMove: I, x: j, y: k, opened: O, boundaryRef: T, floating: B, setOpened: L } = useFloatingTooltip({
     offset: v,
     position: S
   }), { classes: D, cx: W } = useStyles$h({ radius: h, color: b, multiline: E, width: w }, { name: "TooltipFloating", classNames: m, styles: p, unstyled: g, variant: C });
@@ -16435,15 +16444,15 @@ function TooltipFloating(r) {
     throw new Error(TOOLTIP_ERRORS.children);
   const J = useMergedRef(T, a.ref), F = (q) => {
     var G, ee;
-    (ee = (G = a.props).onMouseEnter) == null || ee.call(G, q), I(q), V(!0);
-  }, L = (q) => {
+    (ee = (G = a.props).onMouseEnter) == null || ee.call(G, q), I(q), L(!0);
+  }, V = (q) => {
     var G, ee;
-    (ee = (G = a.props).onMouseLeave) == null || ee.call(G, q), V(!1);
+    (ee = (G = a.props).onMouseLeave) == null || ee.call(G, q), L(!1);
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(OptionalPortal, __spreadProps$g(__spreadValues$j({}, c), {
     withinPortal: l
   }), /* @__PURE__ */ React__default.createElement(Box, __spreadProps$g(__spreadValues$j({}, R), {
-    ref: M,
+    ref: B,
     className: W(D.tooltip, d),
     style: __spreadProps$g(__spreadValues$j({}, u), {
       zIndex: A,
@@ -16454,7 +16463,7 @@ function TooltipFloating(r) {
   }), x)), cloneElement(a, __spreadProps$g(__spreadValues$j({}, a.props), {
     [i]: J,
     onMouseEnter: F,
-    onMouseLeave: L
+    onMouseLeave: V
   })));
 }
 TooltipFloating.displayName = "@mantine/core/TooltipFloating";
@@ -16572,13 +16581,13 @@ const defaultProps$9 = {
     arrowRadius: k,
     arrowPosition: O,
     offset: T,
-    transitionProps: M,
-    multiline: V,
+    transitionProps: B,
+    multiline: L,
     width: D,
     events: W,
     zIndex: J,
     disabled: F,
-    positionDependencies: L,
+    positionDependencies: V,
     onClick: q,
     onMouseEnter: G,
     onMouseLeave: ee,
@@ -16622,7 +16631,7 @@ const defaultProps$9 = {
     "inline",
     "variant",
     "keepMounted"
-  ]), { classes: Q, cx: ne, theme: re } = useStyles$h({ radius: v, color: S, width: D, multiline: V }, { name: "Tooltip", classNames: E, styles: w, unstyled: A, variant: U }), $ = useTooltip({
+  ]), { classes: Q, cx: ne, theme: re } = useStyles$h({ radius: v, color: S, width: D, multiline: L }, { name: "Tooltip", classNames: E, styles: w, unstyled: A, variant: U }), $ = useTooltip({
     position: getFloatingPosition(re.dir, c),
     closeDelay: p,
     openDelay: m,
@@ -16632,7 +16641,7 @@ const defaultProps$9 = {
     arrowRef: a,
     arrowOffset: j,
     offset: T + (R ? I / 2 : 0),
-    positionDependencies: [...L, l],
+    positionDependencies: [...V, l],
     inline: z
   });
   if (!isElement$1(l))
@@ -16643,9 +16652,9 @@ const defaultProps$9 = {
   }), /* @__PURE__ */ React__default.createElement(Transition, __spreadProps$f(__spreadValues$i({
     keepMounted: te,
     mounted: !F && $.opened
-  }, M), {
-    transition: M.transition || "fade",
-    duration: $.isGroupPhase ? 10 : (o = M.duration) != null ? o : 100
+  }, B), {
+    transition: B.transition || "fade",
+    duration: $.isGroupPhase ? 10 : (o = B.duration) != null ? o : 100
   }), (se) => {
     var K, Z;
     return /* @__PURE__ */ React__default.createElement(Box, __spreadValues$i(__spreadValues$i({}, _), $.getFloatingProps({
@@ -16788,13 +16797,13 @@ const defaultProps$8 = {
     disabled: k,
     onSearchChange: O,
     searchValue: T,
-    rightSection: M,
-    rightSectionWidth: V,
+    rightSection: B,
+    rightSectionWidth: L,
     creatable: D,
     getCreateLabel: W,
     shouldCreate: J,
     selectOnBlur: F,
-    onCreate: L,
+    onCreate: V,
     dropdownComponent: q,
     onDropdownClose: G,
     onDropdownOpen: ee,
@@ -16862,7 +16871,7 @@ const defaultProps$8 = {
     "readOnly",
     "clearButtonProps",
     "hoverOnSearchChange"
-  ]), { classes: be, cx: Ze, theme: Ne } = useStyles$g(), [ge, Ge] = useState$1(v), [ke, ve] = useState$1(-1), He = useRef$1(), Fe = useRef$1({}), [Je, rt] = useState$1("column"), Ce = Je === "column", { scrollIntoView: De, targetRef: Ve, scrollableRef: nt } = useScrollIntoView({
+  ]), { classes: be, cx: Ze, theme: Ne } = useStyles$g(), [ge, Ge] = useState$1(v), [ke, ve] = useState$1(-1), He = useRef$1(), Fe = useRef$1({}), [Je, rt] = useState$1("column"), Ce = Je === "column", { scrollIntoView: De, targetRef: Le, scrollableRef: nt } = useScrollIntoView({
     duration: 0,
     offset: 5,
     cancelable: !1,
@@ -16875,7 +16884,7 @@ const defaultProps$8 = {
     }
   }, qe = D && typeof W == "function";
   let We = null;
-  const ot = c.map((H) => typeof H == "string" ? { label: H, value: H } : H), Ue = groupOptions({ data: ot }), [Re, Me, Xe] = useUncontrolled({
+  const ot = c.map((H) => typeof H == "string" ? { label: H, value: H } : H), Ue = groupOptions({ data: ot }), [Re, Be, Xe] = useUncontrolled({
     value: u,
     defaultValue: d,
     finalValue: null,
@@ -16889,7 +16898,7 @@ const defaultProps$8 = {
     at(H), C && typeof O == "function" && O(H);
   }, st = () => {
     var H;
-    Z || (Me(null), Xe || Oe(""), (H = He.current) == null || H.focus());
+    Z || (Be(null), Xe || Oe(""), (H = He.current) == null || H.focus());
   };
   useEffect$1(() => {
     const H = Ue.find((ie) => ie.value === Re);
@@ -16900,13 +16909,13 @@ const defaultProps$8 = {
   const je = (H) => {
     if (!Z)
       if (Ye && (Pe == null ? void 0 : Pe.value) === H.value)
-        Me(null), Se(!1);
+        Be(null), Se(!1);
       else {
-        if (H.creatable && typeof L == "function") {
-          const ie = L(H.value);
-          typeof ie < "u" && ie !== null && Me(typeof ie == "string" ? ie : ie.value);
+        if (H.creatable && typeof V == "function") {
+          const ie = V(H.value);
+          typeof ie < "u" && ie !== null && Be(typeof ie == "string" ? ie : ie.value);
         } else
-          Me(H.value);
+          Be(H.value);
         Xe || Oe(H.label), ve(-1), Se(!1), He.current.focus();
       }
   }, he = filterData({
@@ -16929,21 +16938,21 @@ const defaultProps$8 = {
   useDidUpdate(() => {
     ve(fe && Ie ? 0 : -1);
   }, [Ie, fe]);
-  const Le = Re ? he.findIndex((H) => H.value === Re) : 0, Ee = !Z && (he.length > 0 ? ge : ge && !!I), _e = () => {
+  const Ve = Re ? he.findIndex((H) => H.value === Re) : 0, Ee = !Z && (he.length > 0 ? ge : ge && !!I), _e = () => {
     ve((H) => {
       var ie;
       const ue = Qe(H, (de) => de - 1, (de) => de > 0);
-      return Ve.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Ce ? "start" : "end" }), ue;
+      return Le.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Ce ? "start" : "end" }), ue;
     });
   }, $e = () => {
     ve((H) => {
       var ie;
       const ue = Qe(H, (de) => de + 1, (de) => de < he.length - 1);
-      return Ve.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Ce ? "end" : "start" }), ue;
+      return Le.current = Fe.current[(ie = he[ue]) == null ? void 0 : ie.value], Ee && De({ alignment: Ce ? "end" : "start" }), ue;
     });
   }, Ke = () => window.setTimeout(() => {
     var H;
-    Ve.current = Fe.current[(H = he[Le]) == null ? void 0 : H.value], De({ alignment: Ce ? "end" : "start" });
+    Le.current = Fe.current[(H = he[Ve]) == null ? void 0 : H.value], De({ alignment: Ce ? "end" : "start" });
   }, 50);
   useDidUpdate(() => {
     Ee && Ke();
@@ -16951,11 +16960,11 @@ const defaultProps$8 = {
   const N = (H) => {
     switch (typeof g == "function" && g(H), H.key) {
       case "ArrowUp": {
-        H.preventDefault(), ge ? Ce ? _e() : $e() : (ve(Le), Se(!0), Ke());
+        H.preventDefault(), ge ? Ce ? _e() : $e() : (ve(Ve), Se(!0), Ke());
         break;
       }
       case "ArrowDown": {
-        H.preventDefault(), ge ? Ce ? $e() : _e() : (ve(Le), Se(!0), Ke());
+        H.preventDefault(), ge ? Ce ? $e() : _e() : (ve(Ve), Se(!0), Ke());
         break;
       }
       case "Home": {
@@ -16979,22 +16988,22 @@ const defaultProps$8 = {
         break;
       }
       case " ": {
-        C || (H.preventDefault(), he[ke] && ge ? je(he[ke]) : (Se(!0), ve(Le), Ke()));
+        C || (H.preventDefault(), he[ke] && ge ? je(he[ke]) : (Se(!0), ve(Ve), Ke()));
         break;
       }
       case "Enter":
         C || H.preventDefault(), he[ke] && ge && (H.preventDefault(), je(he[ke]));
     }
-  }, B = (H) => {
+  }, M = (H) => {
     typeof h == "function" && h(H);
     const ie = Ue.find((ue) => ue.value === Re);
     F && he[ke] && ge && je(he[ke]), Oe((ie == null ? void 0 : ie.label) || ""), Se(!1);
   }, Y = (H) => {
     typeof b == "function" && b(H), C && Se(!0);
   }, oe = (H) => {
-    Z || (Oe(H.currentTarget.value), R && H.currentTarget.value === "" && Me(null), ve(-1), Se(!0));
+    Z || (Oe(H.currentTarget.value), R && H.currentTarget.value === "" && Be(null), ve(-1), Se(!0));
   }, ce = () => {
-    Z || (Se(!ge), Re && !ge && ve(Le));
+    Z || (Se(!ge), Re && !ge && ve(Ve));
   };
   return /* @__PURE__ */ React__default.createElement(Input.Wrapper, __spreadProps$e(__spreadValues$h({}, i), {
     __staticSelector: "Select"
@@ -17042,7 +17051,7 @@ const defaultProps$8 = {
     "aria-controls": Ee ? `${a.id}-items` : null,
     "aria-activedescendant": ke >= 0 ? `${a.id}-${ke}` : null,
     onMouseDown: ce,
-    onBlur: B,
+    onBlur: M,
     onFocus: Y,
     readOnly: !C || Z,
     disabled: k,
@@ -17053,8 +17062,8 @@ const defaultProps$8 = {
     })
   }), getSelectRightSectionProps({
     theme: Ne,
-    rightSection: M,
-    rightSectionWidth: V,
+    rightSection: B,
+    rightSectionWidth: L,
     styles: w,
     size: a.size,
     shouldClear: R && !!Pe,
@@ -17212,7 +17221,7 @@ const Thumb = forwardRef$1(({
   thumbSize: j,
   variant: k
 }, O) => {
-  const { classes: T, cx: M, theme: V } = useStyles$d({ color: d, disabled: R, thumbSize: j }, { name: "Slider", classNames: m, styles: p, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || A && P;
+  const { classes: T, cx: B, theme: L } = useStyles$d({ color: d, disabled: R, thumbSize: j }, { name: "Slider", classNames: m, styles: p, unstyled: I, variant: k, size: g }), [D, W] = useState$1(!1), J = v || l || D || A && P;
   return /* @__PURE__ */ React__default.createElement(Box, {
     tabIndex: 0,
     role: "slider",
@@ -17221,7 +17230,7 @@ const Thumb = forwardRef$1(({
     "aria-valuemin": n,
     "aria-valuenow": o,
     ref: O,
-    className: M(T.thumb, { [T.dragging]: l }),
+    className: B(T.thumb, { [T.dragging]: l }),
     onFocus: () => {
       W(!0), typeof E == "function" && E();
     },
@@ -17232,12 +17241,12 @@ const Thumb = forwardRef$1(({
     onMouseDown: c,
     onKeyDownCapture: u,
     onClick: (F) => F.stopPropagation(),
-    style: { [V.dir === "rtl" ? "right" : "left"]: `${a}%` }
+    style: { [L.dir === "rtl" ? "right" : "left"]: `${a}%` }
   }, C, /* @__PURE__ */ React__default.createElement(Transition, {
     mounted: i != null && J,
     duration: b,
     transition: h,
-    timingFunction: x || V.transitionTimingFunction
+    timingFunction: x || L.transitionTimingFunction
   }, (F) => /* @__PURE__ */ React__default.createElement("div", {
     style: F,
     className: T.label
@@ -17566,8 +17575,8 @@ const defaultProps$7 = {
     thumbChildren: k,
     disabled: O,
     unstyled: T,
-    thumbSize: M,
-    scale: V,
+    thumbSize: B,
+    scale: L,
     inverted: D,
     variant: W
   } = o, J = __objRest$9(o, [
@@ -17600,17 +17609,17 @@ const defaultProps$7 = {
     "scale",
     "inverted",
     "variant"
-  ]), F = x ?? getPrecision(b), L = useMantineTheme(), [q, G] = useState$1(!1), [ee, z] = useUncontrolled({
+  ]), F = x ?? getPrecision(b), V = useMantineTheme(), [q, G] = useState$1(!1), [ee, z] = useUncontrolled({
     value: typeof c == "number" ? clamp$1(c, g, h) : c,
     defaultValue: typeof v == "number" ? clamp$1(v, g, h) : v,
     finalValue: clamp$1(0, g, h),
     onChange: u
-  }), U = useRef$1(ee), te = useRef$1(), _ = useRef$1(), Q = getPosition({ value: ee, min: g, max: h }), ne = V(ee), re = typeof w == "function" ? w(ne) : w, $ = useCallback$1(({ x: Z }) => {
+  }), U = useRef$1(ee), te = useRef$1(), _ = useRef$1(), Q = getPosition({ value: ee, min: g, max: h }), ne = L(ee), re = typeof w == "function" ? w(ne) : w, $ = useCallback$1(({ x: Z }) => {
     if (!O) {
       const le = getChangeValue({ value: Z, min: g, max: h, step: b, precision: F });
       z(le), U.current = le;
     }
-  }, [O, g, h, b, F, z]), { ref: ae, active: se } = useMove($, { onScrubEnd: () => d == null ? void 0 : d(U.current) }, L.dir), K = (Z) => {
+  }, [O, g, h, b, F, z]), { ref: ae, active: se } = useMove($, { onScrubEnd: () => d == null ? void 0 : d(U.current) }, V.dir), K = (Z) => {
     if (!O)
       switch (Z.key) {
         case "ArrowUp": {
@@ -17621,7 +17630,7 @@ const defaultProps$7 = {
         }
         case "ArrowRight": {
           Z.preventDefault(), _.current.focus();
-          const le = getFloatingValue(Math.min(Math.max(L.dir === "rtl" ? ee - b : ee + b, g), h), F);
+          const le = getFloatingValue(Math.min(Math.max(V.dir === "rtl" ? ee - b : ee + b, g), h), F);
           d == null || d(le), z(le);
           break;
         }
@@ -17633,7 +17642,7 @@ const defaultProps$7 = {
         }
         case "ArrowLeft": {
           Z.preventDefault(), _.current.focus();
-          const le = getFloatingValue(Math.min(Math.max(L.dir === "rtl" ? ee + b : ee - b, g), h), F);
+          const le = getFloatingValue(Math.min(Math.max(V.dir === "rtl" ? ee + b : ee - b, g), h), F);
           d == null || d(le), z(le);
           break;
         }
@@ -17666,7 +17675,7 @@ const defaultProps$7 = {
     filled: Q,
     marks: E,
     size: m,
-    thumbSize: M,
+    thumbSize: B,
     radius: p,
     color: l,
     min: g,
@@ -17704,7 +17713,7 @@ const defaultProps$7 = {
     isHovered: q,
     disabled: O,
     unstyled: T,
-    thumbSize: M,
+    thumbSize: B,
     variant: W
   }, k)), /* @__PURE__ */ React__default.createElement("input", {
     type: "hidden",
@@ -18827,12 +18836,12 @@ function useWindowSplitterPanelGroupBehavior({
           switch (T.key) {
             case "Enter": {
               T.preventDefault();
-              const M = v.findIndex((V) => V.current.id === S);
-              if (M >= 0) {
-                const V = v[M], D = i[M];
+              const B = v.findIndex((L) => L.current.id === S);
+              if (B >= 0) {
+                const L = v[B], D = i[B];
                 if (D != null) {
                   let W = 0;
-                  D.toPrecision(PRECISION) <= V.current.minSize.toPrecision(PRECISION) ? W = c === "horizontal" ? p : m : W = -(c === "horizontal" ? p : m);
+                  D.toPrecision(PRECISION) <= L.current.minSize.toPrecision(PRECISION) ? W = c === "horizontal" ? p : m : W = -(c === "horizontal" ? p : m);
                   const J = adjustByDelta(T, u, S, E, W, i, l.current, null);
                   i !== J && a(J);
                 }
@@ -19089,8 +19098,8 @@ function PanelGroupWithForwardedRef({
       return F;
     },
     setLayout: (F) => {
-      const L = F.reduce((z, U) => z + U, 0);
-      assert(L === 100, "Panel sizes must add up to 100%");
+      const V = F.reduce((z, U) => z + U, 0);
+      assert(V === 100, "Panel sizes must add up to 100%");
       const {
         panels: q
       } = I.current, G = w.current, ee = panelsMapToSortedArray(q);
@@ -19109,24 +19118,24 @@ function PanelGroupWithForwardedRef({
     const {
       onLayout: F
     } = E.current, {
-      panels: L,
+      panels: V,
       sizes: q
     } = I.current;
     if (q.length > 0) {
       F && F(q);
-      const G = w.current, ee = panelsMapToSortedArray(L);
+      const G = w.current, ee = panelsMapToSortedArray(V);
       callPanelCallbacks(ee, q, G);
     }
   }, [A]), useIsomorphicLayoutEffect(() => {
     if (I.current.sizes.length === x.size)
       return;
-    let L = null;
+    let V = null;
     if (r) {
       const q = panelsMapToSortedArray(x);
-      L = loadPanelLayout(r, q, d);
+      V = loadPanelLayout(r, q, d);
     }
-    if (L != null)
-      P(L);
+    if (V != null)
+      P(V);
     else {
       const q = panelsMapToSortedArray(x);
       let G = 0, ee = 0, z = 0;
@@ -19148,13 +19157,13 @@ function PanelGroupWithForwardedRef({
       debounceMap[r] || (debounceMap[r] = debounce(savePanelGroupLayout, 100)), debounceMap[r](r, F, A, d);
     }
   }, [r, x, A, d]);
-  const j = useCallback((F, L) => {
+  const j = useCallback((F, V) => {
     const {
       panels: q
     } = I.current;
     return q.size === 0 ? {
       flexBasis: 0,
-      flexGrow: L ?? void 0,
+      flexGrow: V ?? void 0,
       flexShrink: 1,
       // Without this, Panel sizes may be unintentionally overridden by their content.
       overflow: "hidden"
@@ -19168,12 +19177,12 @@ function PanelGroupWithForwardedRef({
       // This avoid edge cases like nested iframes.
       pointerEvents: i && h !== null ? "none" : void 0
     };
-  }, [h, i, A]), k = useCallback((F, L) => {
+  }, [h, i, A]), k = useCallback((F, V) => {
     v((q) => {
       if (q.has(F))
         return q;
       const G = new Map(q);
-      return G.set(F, L), G;
+      return G.set(F, V), G;
     });
   }, []), O = useCallback((F) => (q) => {
     q.preventDefault();
@@ -19196,17 +19205,17 @@ function PanelGroupWithForwardedRef({
     }
     R.current = se;
   }, [g]), T = useCallback((F) => {
-    v((L) => {
-      if (!L.has(F))
-        return L;
-      const q = new Map(L);
+    v((V) => {
+      if (!V.has(F))
+        return V;
+      const q = new Map(V);
       return q.delete(F), q;
     });
-  }, []), M = useCallback((F) => {
+  }, []), B = useCallback((F) => {
     const {
-      panels: L,
+      panels: V,
       sizes: q
-    } = I.current, G = L.get(F);
+    } = I.current, G = V.get(F);
     if (G == null)
       return;
     const {
@@ -19215,7 +19224,7 @@ function PanelGroupWithForwardedRef({
     } = G.current;
     if (!z)
       return;
-    const U = panelsMapToSortedArray(L), te = U.indexOf(G);
+    const U = panelsMapToSortedArray(V), te = U.indexOf(G);
     if (te < 0)
       return;
     const _ = q[te];
@@ -19225,16 +19234,16 @@ function PanelGroupWithForwardedRef({
     const [Q, ne] = getBeforeAndAfterIds(F, U);
     if (Q == null || ne == null)
       return;
-    const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, L, Q, ne, $, q, C.current, null);
+    const $ = te === U.length - 1 ? _ : ee - _, ae = adjustByDelta(null, V, Q, ne, $, q, C.current, null);
     if (q !== ae) {
       const se = w.current;
       P(ae), callPanelCallbacks(U, ae, se);
     }
-  }, []), V = useCallback((F) => {
+  }, []), L = useCallback((F) => {
     const {
-      panels: L,
+      panels: V,
       sizes: q
-    } = I.current, G = L.get(F);
+    } = I.current, G = V.get(F);
     if (G == null)
       return;
     const {
@@ -19243,18 +19252,18 @@ function PanelGroupWithForwardedRef({
     } = G.current, U = C.current.get(F) || z;
     if (!U)
       return;
-    const te = panelsMapToSortedArray(L), _ = te.indexOf(G);
+    const te = panelsMapToSortedArray(V), _ = te.indexOf(G);
     if (_ < 0 || q[_] !== ee)
       return;
     const [ne, re] = getBeforeAndAfterIds(F, te);
     if (ne == null || re == null)
       return;
-    const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, L, ne, re, ae, q, C.current, null);
+    const ae = _ === te.length - 1 ? ee - U : U, se = adjustByDelta(null, V, ne, re, ae, q, C.current, null);
     if (q !== se) {
       const K = w.current;
       P(se), callPanelCallbacks(te, se, K);
     }
-  }, []), D = useCallback((F, L) => {
+  }, []), D = useCallback((F, V) => {
     const {
       panels: q,
       sizes: G
@@ -19270,33 +19279,33 @@ function PanelGroupWithForwardedRef({
     if (ne < 0)
       return;
     const re = G[ne];
-    if (re === L)
+    if (re === V)
       return;
-    U && L === z || (L = Math.min(te, Math.max(_, L)));
+    U && V === z || (V = Math.min(te, Math.max(_, V)));
     const [$, ae] = getBeforeAndAfterIds(F, Q);
     if ($ == null || ae == null)
       return;
-    const K = ne === Q.length - 1 ? re - L : L - re, Z = adjustByDelta(null, q, $, ae, K, G, C.current, null);
+    const K = ne === Q.length - 1 ? re - V : V - re, Z = adjustByDelta(null, q, $, ae, K, G, C.current, null);
     if (G !== Z) {
       const le = w.current;
       P(Z), callPanelCallbacks(Q, Z, le);
     }
   }, []), W = useMemo(() => ({
     activeHandleId: h,
-    collapsePanel: M,
+    collapsePanel: B,
     direction: a,
-    expandPanel: V,
+    expandPanel: L,
     getPanelStyle: j,
     groupId: g,
     registerPanel: k,
     registerResizeHandle: O,
     resizePanel: D,
-    startDragging: (F, L) => {
-      if (b(F), isMouseEvent(L) || isTouchEvent(L)) {
+    startDragging: (F, V) => {
+      if (b(F), isMouseEvent(V) || isTouchEvent(V)) {
         const q = getResizeHandle(F);
         S.current = {
           dragHandleRect: q.getBoundingClientRect(),
-          dragOffset: getDragOffset(L, F, a),
+          dragOffset: getDragOffset(V, F, a),
           sizes: I.current.sizes
         };
       }
@@ -19305,7 +19314,7 @@ function PanelGroupWithForwardedRef({
       resetGlobalCursorStyle(), b(null), S.current = null;
     },
     unregisterPanel: T
-  }), [h, M, a, V, j, g, k, O, D, T]), J = {
+  }), [h, B, a, L, j, g, k, O, D, T]), J = {
     display: "flex",
     flexDirection: a === "horizontal" ? "row" : "column",
     height: "100%",
@@ -19375,10 +19384,10 @@ function PanelResizeHandle$1({
   }, [o, S, b]), useEffect(() => {
     if (o || P == null || !E)
       return;
-    const j = (M) => {
-      P(M);
-    }, k = (M) => {
-      P(M);
+    const j = (B) => {
+      P(B);
+    }, k = (B) => {
+      P(B);
     }, T = u.current.ownerDocument;
     return T.body.addEventListener("contextmenu", R), T.body.addEventListener("mousemove", j), T.body.addEventListener("touchmove", j), T.body.addEventListener("mouseleave", k), window.addEventListener("mouseup", R), window.addEventListener("touchend", R), () => {
       T.body.removeEventListener("contextmenu", R), T.body.removeEventListener("mousemove", j), T.body.removeEventListener("touchmove", j), T.body.removeEventListener("mouseleave", k), window.removeEventListener("mouseup", R), window.removeEventListener("touchend", R);
@@ -22858,36 +22867,36 @@ var Prism$1 = function() {
             var k = P.pattern.toString().match(/[imsuy]*$/)[0];
             P.pattern = RegExp(P.pattern.source, k + "g");
           }
-          for (var O = P.pattern || P, T = x.next, M = v; T !== h.tail && !(S && M >= S.reach); M += T.value.length, T = T.next) {
-            var V = T.value;
+          for (var O = P.pattern || P, T = x.next, B = v; T !== h.tail && !(S && B >= S.reach); B += T.value.length, T = T.next) {
+            var L = T.value;
             if (h.length > g.length)
               return;
-            if (!(V instanceof i)) {
+            if (!(L instanceof i)) {
               var D = 1, W;
               if (I) {
-                if (W = l(O, M, g, R), !W || W.index >= g.length)
+                if (W = l(O, B, g, R), !W || W.index >= g.length)
                   break;
-                var q = W.index, J = W.index + W[0].length, F = M;
+                var q = W.index, J = W.index + W[0].length, F = B;
                 for (F += T.value.length; q >= F; )
                   T = T.next, F += T.value.length;
-                if (F -= T.value.length, M = F, T.value instanceof i)
+                if (F -= T.value.length, B = F, T.value instanceof i)
                   continue;
-                for (var L = T; L !== h.tail && (F < J || typeof L.value == "string"); L = L.next)
-                  D++, F += L.value.length;
-                D--, V = g.slice(M, F), W.index -= M;
-              } else if (W = l(O, 0, V, R), !W)
+                for (var V = T; V !== h.tail && (F < J || typeof V.value == "string"); V = V.next)
+                  D++, F += V.value.length;
+                D--, L = g.slice(B, F), W.index -= B;
+              } else if (W = l(O, 0, L, R), !W)
                 continue;
-              var q = W.index, G = W[0], ee = V.slice(0, q), z = V.slice(q + G.length), U = M + V.length;
+              var q = W.index, G = W[0], ee = L.slice(0, q), z = L.slice(q + G.length), U = B + L.length;
               S && U > S.reach && (S.reach = U);
               var te = T.prev;
-              ee && (te = d(h, te, ee), M += ee.length), m(h, te, D);
+              ee && (te = d(h, te, ee), B += ee.length), m(h, te, D);
               var _ = new i(E, C ? a.tokenize(G, C) : G, j, G);
               if (T = d(h, te, _), z && d(h, T, z), D > 1) {
                 var Q = {
                   cause: E + "," + A,
                   reach: U
                 };
-                c(g, h, b, T.prev, M, Q), S && Q.reach > S.reach && (S.reach = Q.reach);
+                c(g, h, b, T.prev, B, Q), S && Q.reach > S.reach && (S.reach = Q.reach);
               }
             }
           }
@@ -24382,19 +24391,19 @@ prism.languages.sql = {
           var O = C[E], T = typeof k == "string" ? k : (
             /** @type {string} */
             k.content
-          ), M = T.indexOf(O);
-          if (M !== -1) {
+          ), B = T.indexOf(O);
+          if (B !== -1) {
             ++E;
-            var V = T.substring(0, M), D = m(w[O]), W = T.substring(M + O.length), J = [];
-            if (V && J.push(V), J.push(D), W) {
+            var L = T.substring(0, B), D = m(w[O]), W = T.substring(B + O.length), J = [];
+            if (L && J.push(L), J.push(D), W) {
               var F = [W];
               R(F), J.push.apply(J, F);
             }
             typeof k == "string" ? (I.splice.apply(I, [j, 1].concat(J)), j += J.length - 1) : k.content = J;
           }
         } else {
-          var L = k.content;
-          Array.isArray(L) ? R(L) : R([L]);
+          var V = k.content;
+          Array.isArray(V) ? R(V) : R([V]);
         }
       }
     }
@@ -25926,8 +25935,8 @@ const prismDefaultProps = {
     code: C,
     language: l
   }), ({
-    className: M,
-    style: V,
+    className: B,
+    style: L,
     tokens: D,
     getLineProps: W,
     getTokenProps: J
@@ -25935,15 +25944,15 @@ const prismDefaultProps = {
     className: O.scrollArea,
     dir: "ltr"
   }, /* @__PURE__ */ React__default.createElement("pre", {
-    className: T(O.code, M),
-    style: V,
+    className: T(O.code, B),
+    style: L,
     dir: "ltr"
-  }, D.map((F, L) => {
+  }, D.map((F, V) => {
     var q, G, ee, z;
-    if (L === D.length - 1 && F.length === 1 && F[0].content === `
+    if (V === D.length - 1 && F.length === 1 && F[0].content === `
 `)
       return null;
-    const U = L + 1, te = W({ line: F, key: L }), _ = U in h, Q = k === "dark" ? I.fn.rgba(I.fn.themeColor((q = h[U]) == null ? void 0 : q.color, 9), 0.25) : I.fn.themeColor((G = h[U]) == null ? void 0 : G.color, 0);
+    const U = V + 1, te = W({ line: F, key: V }), _ = U in h, Q = k === "dark" ? I.fn.rgba(I.fn.themeColor((q = h[U]) == null ? void 0 : q.color, 9), 0.25) : I.fn.themeColor((G = h[U]) == null ? void 0 : G.color, 0);
     return /* @__PURE__ */ React__default.createElement("div", __spreadProps$2(__spreadValues$2({}, te), {
       className: T(O.line, te.className),
       style: __spreadValues$2({}, _ ? { backgroundColor: Q } : null)
@@ -26088,90 +26097,6 @@ PrismExport.Tabs = PrismTabs;
 PrismExport.Tab = Tabs.Tab;
 PrismExport.TabsList = Tabs.List;
 PrismExport.Panel = PrismPanel;
-const ErrorBoundaryContext = createContext$1(null), initialState = {
-  didCatch: !1,
-  error: null
-};
-let ErrorBoundary$1 = class extends Component {
-  constructor(n) {
-    super(n), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = initialState;
-  }
-  static getDerivedStateFromError(n) {
-    return {
-      didCatch: !0,
-      error: n
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error: n
-    } = this.state;
-    if (n !== null) {
-      for (var o, a, i = arguments.length, l = new Array(i), c = 0; c < i; c++)
-        l[c] = arguments[c];
-      (o = (a = this.props).onReset) === null || o === void 0 || o.call(a, {
-        args: l,
-        reason: "imperative-api"
-      }), this.setState(initialState);
-    }
-  }
-  componentDidCatch(n, o) {
-    var a, i;
-    (a = (i = this.props).onError) === null || a === void 0 || a.call(i, n, o);
-  }
-  componentDidUpdate(n, o) {
-    const {
-      didCatch: a
-    } = this.state, {
-      resetKeys: i
-    } = this.props;
-    if (a && o.error !== null && hasArrayChanged(n.resetKeys, i)) {
-      var l, c;
-      (l = (c = this.props).onReset) === null || l === void 0 || l.call(c, {
-        next: i,
-        prev: n.resetKeys,
-        reason: "keys"
-      }), this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children: n,
-      fallbackRender: o,
-      FallbackComponent: a,
-      fallback: i
-    } = this.props, {
-      didCatch: l,
-      error: c
-    } = this.state;
-    let u = n;
-    if (l) {
-      const d = {
-        error: c,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (isValidElement(i))
-        u = i;
-      else if (typeof o == "function")
-        u = o(d);
-      else if (a)
-        u = createElement$1(a, d);
-      else
-        throw c;
-    }
-    return createElement$1(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch: l,
-        error: c,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, u);
-  }
-};
-function hasArrayChanged() {
-  let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return r.length !== n.length || r.some((o, a) => !Object.is(o, n[a]));
-}
 var diffMatchPatch = { exports: {} };
 (function(r) {
   var n = function() {
@@ -26269,26 +26194,26 @@ var diffMatchPatch = { exports: {} };
         else if (E) {
           var T = g + S - I;
           if (T >= 0 && T < h && x[T] != -1) {
-            var M = d - x[T];
-            if (k >= M)
+            var B = d - x[T];
+            if (k >= B)
               return this.diff_bisectSplit_(l, c, k, O, u);
           }
         }
       }
-      for (var V = -R + P; V <= R - C; V += 2) {
-        var T = g + V, M;
-        V == -R || V != R && x[T - 1] < x[T + 1] ? M = x[T + 1] : M = x[T - 1] + 1;
-        for (var D = M - V; M < d && D < m && l.charAt(d - M - 1) == c.charAt(m - D - 1); )
-          M++, D++;
-        if (x[T] = M, M > d)
+      for (var L = -R + P; L <= R - C; L += 2) {
+        var T = g + L, B;
+        L == -R || L != R && x[T - 1] < x[T + 1] ? B = x[T + 1] : B = x[T - 1] + 1;
+        for (var D = B - L; B < d && D < m && l.charAt(d - B - 1) == c.charAt(m - D - 1); )
+          B++, D++;
+        if (x[T] = B, B > d)
           C += 2;
         else if (D > m)
           P += 2;
         else if (!E) {
-          var j = g + S - V;
+          var j = g + S - L;
           if (j >= 0 && j < h && b[j] != -1) {
             var k = b[j], O = g + k - j;
-            if (M = d - M, k >= M)
+            if (B = d - B, k >= B)
               return this.diff_bisectSplit_(l, c, k, O, u);
           }
         }
@@ -26357,21 +26282,21 @@ var diffMatchPatch = { exports: {} };
       return null;
     var m = this;
     function p(A, P, C) {
-      for (var R = A.substring(C, C + Math.floor(A.length / 4)), I = -1, j = "", k, O, T, M; (I = P.indexOf(R, I + 1)) != -1; ) {
-        var V = m.diff_commonPrefix(
+      for (var R = A.substring(C, C + Math.floor(A.length / 4)), I = -1, j = "", k, O, T, B; (I = P.indexOf(R, I + 1)) != -1; ) {
+        var L = m.diff_commonPrefix(
           A.substring(C),
           P.substring(I)
         ), D = m.diff_commonSuffix(
           A.substring(0, C),
           P.substring(0, I)
         );
-        j.length < D + V && (j = P.substring(I - D, I) + P.substring(I, I + V), k = A.substring(0, C - D), O = A.substring(C + V), T = P.substring(0, I - D), M = P.substring(I + V));
+        j.length < D + L && (j = P.substring(I - D, I) + P.substring(I, I + L), k = A.substring(0, C - D), O = A.substring(C + L), T = P.substring(0, I - D), B = P.substring(I + L));
       }
       return j.length * 2 >= A.length ? [
         k,
         O,
         T,
-        M,
+        B,
         j
       ] : null;
     }
@@ -26418,8 +26343,8 @@ var diffMatchPatch = { exports: {} };
     function c(w, A) {
       if (!w || !A)
         return 6;
-      var P = w.charAt(w.length - 1), C = A.charAt(0), R = P.match(n.nonAlphaNumericRegex_), I = C.match(n.nonAlphaNumericRegex_), j = R && P.match(n.whitespaceRegex_), k = I && C.match(n.whitespaceRegex_), O = j && P.match(n.linebreakRegex_), T = k && C.match(n.linebreakRegex_), M = O && w.match(n.blanklineEndRegex_), V = T && A.match(n.blanklineStartRegex_);
-      return M || V ? 5 : O || T ? 4 : R && !j && k ? 3 : j || k ? 2 : R || I ? 1 : 0;
+      var P = w.charAt(w.length - 1), C = A.charAt(0), R = P.match(n.nonAlphaNumericRegex_), I = C.match(n.nonAlphaNumericRegex_), j = R && P.match(n.whitespaceRegex_), k = I && C.match(n.whitespaceRegex_), O = j && P.match(n.linebreakRegex_), T = k && C.match(n.linebreakRegex_), B = O && w.match(n.blanklineEndRegex_), L = T && A.match(n.blanklineStartRegex_);
+      return B || L ? 5 : O || T ? 4 : R && !j && k ? 3 : j || k ? 2 : R || I ? 1 : 0;
     }
     for (var u = 1; u < l.length - 1; ) {
       if (l[u - 1][0] == i && l[u + 1][0] == i) {
@@ -26570,8 +26495,8 @@ var diffMatchPatch = { exports: {} };
       throw new Error("Pattern too long for this browser.");
     var d = this.match_alphabet_(c), m = this;
     function p(k, O) {
-      var T = k / c.length, M = Math.abs(u - O);
-      return m.Match_Distance ? T + M / m.Match_Distance : M ? 1 : T;
+      var T = k / c.length, B = Math.abs(u - O);
+      return m.Match_Distance ? T + B / m.Match_Distance : B ? 1 : T;
     }
     var g = this.Match_Threshold, h = l.indexOf(c, u);
     h != -1 && (g = Math.min(p(0, h), g), h = l.lastIndexOf(c, u + c.length), h != -1 && (g = Math.min(p(0, h), g)));
@@ -28521,7 +28446,7 @@ var require_react_is_production_min = __commonJS({
           }
         }
       }
-      var R = m, I = p, j = d, k = u, O = o, T = g, M = i, V = v, D = x, W = a, J = c, F = l, L = h, q = !1;
+      var R = m, I = p, j = d, k = u, O = o, T = g, B = i, L = v, D = x, W = a, J = c, F = l, V = h, q = !1;
       function G(Z) {
         return q || (q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ee(Z) || C(Z) === m;
       }
@@ -28561,7 +28486,7 @@ var require_react_is_production_min = __commonJS({
       function K(Z) {
         return C(Z) === h;
       }
-      r.AsyncMode = R, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = M, r.Lazy = V, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = L, r.isAsyncMode = G, r.isConcurrentMode = ee, r.isContextConsumer = z, r.isContextProvider = U, r.isElement = te, r.isForwardRef = _, r.isFragment = Q, r.isLazy = ne, r.isMemo = re, r.isPortal = $, r.isProfiler = ae, r.isStrictMode = se, r.isSuspense = K, r.isValidElementType = P, r.typeOf = C;
+      r.AsyncMode = R, r.ConcurrentMode = I, r.ContextConsumer = j, r.ContextProvider = k, r.Element = O, r.ForwardRef = T, r.Fragment = B, r.Lazy = L, r.Memo = D, r.Portal = W, r.Profiler = J, r.StrictMode = F, r.Suspense = V, r.isAsyncMode = G, r.isConcurrentMode = ee, r.isContextConsumer = z, r.isContextProvider = U, r.isElement = te, r.isForwardRef = _, r.isFragment = Q, r.isLazy = ne, r.isMemo = re, r.isPortal = $, r.isProfiler = ae, r.isStrictMode = se, r.isSuspense = K, r.isValidElementType = P, r.typeOf = C;
     }();
   }
 }), require_react_is = __commonJS({
@@ -28706,7 +28631,7 @@ var require_react_is_production_min = __commonJS({
         element: R(),
         elementType: I(),
         instanceOf: j,
-        node: M(),
+        node: B(),
         objectOf: O,
         oneOf: k,
         oneOfType: T,
@@ -28745,7 +28670,7 @@ var require_react_is_production_min = __commonJS({
       }
       function A(z) {
         function U(te, _, Q, ne, re, $) {
-          var ae = te[_], se = L(ae);
+          var ae = te[_], se = V(ae);
           if (se !== z) {
             var K = q(ae);
             return new E(
@@ -28766,7 +28691,7 @@ var require_react_is_production_min = __commonJS({
             return new E("Property `" + re + "` of component `" + Q + "` has invalid PropType notation inside arrayOf.");
           var $ = te[_];
           if (!Array.isArray($)) {
-            var ae = L($);
+            var ae = V($);
             return new E("Invalid " + ne + " `" + re + "` of type " + ("`" + ae + "` supplied to `" + Q + "`, expected an array."));
           }
           for (var se = 0; se < $.length; se++) {
@@ -28782,7 +28707,7 @@ var require_react_is_production_min = __commonJS({
         function z(U, te, _, Q, ne) {
           var re = U[te];
           if (!m(re)) {
-            var $ = L(re);
+            var $ = V(re);
             return new E("Invalid " + Q + " `" + ne + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected a single ReactElement."));
           }
           return null;
@@ -28793,7 +28718,7 @@ var require_react_is_production_min = __commonJS({
         function z(U, te, _, Q, ne) {
           var re = U[te];
           if (!o.isValidElementType(re)) {
-            var $ = L(re);
+            var $ = V(re);
             return new E("Invalid " + Q + " `" + ne + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected a single ReactElement type."));
           }
           return null;
@@ -28831,7 +28756,7 @@ var require_react_is_production_min = __commonJS({
         function U(te, _, Q, ne, re) {
           if (typeof z != "function")
             return new E("Property `" + re + "` of component `" + Q + "` has invalid PropType notation inside objectOf.");
-          var $ = te[_], ae = L($);
+          var $ = te[_], ae = V($);
           if (ae !== "object")
             return new E("Invalid " + ne + " `" + re + "` of type " + ("`" + ae + "` supplied to `" + Q + "`, expected an object."));
           for (var se in $)
@@ -28866,26 +28791,26 @@ var require_react_is_production_min = __commonJS({
         }
         return w(_);
       }
-      function M() {
+      function B() {
         function z(U, te, _, Q, ne) {
           return J(U[te]) ? null : new E("Invalid " + Q + " `" + ne + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
         }
         return w(z);
       }
-      function V(z, U, te, _, Q) {
+      function L(z, U, te, _, Q) {
         return new E(
           (z || "React class") + ": " + U + " type `" + te + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Q + "`."
         );
       }
       function D(z) {
         function U(te, _, Q, ne, re) {
-          var $ = te[_], ae = L($);
+          var $ = te[_], ae = V($);
           if (ae !== "object")
             return new E("Invalid " + ne + " `" + re + "` of type `" + ae + "` " + ("supplied to `" + Q + "`, expected `object`."));
           for (var se in z) {
             var K = z[se];
             if (typeof K != "function")
-              return V(Q, ne, re, se, q(K));
+              return L(Q, ne, re, se, q(K));
             var Z = K($, se, Q, ne, re + "." + se, i);
             if (Z)
               return Z;
@@ -28896,14 +28821,14 @@ var require_react_is_production_min = __commonJS({
       }
       function W(z) {
         function U(te, _, Q, ne, re) {
-          var $ = te[_], ae = L($);
+          var $ = te[_], ae = V($);
           if (ae !== "object")
             return new E("Invalid " + ne + " `" + re + "` of type `" + ae + "` " + ("supplied to `" + Q + "`, expected `object`."));
           var se = a({}, te[_], z);
           for (var K in se) {
             var Z = z[K];
             if (l(z, K) && typeof Z != "function")
-              return V(Q, ne, re, K, q(Z));
+              return L(Q, ne, re, K, q(Z));
             if (!Z)
               return new E(
                 "Invalid " + ne + " `" + re + "` key `" + K + "` supplied to `" + Q + "`.\nBad object: " + JSON.stringify(te[_], null, "  ") + `
@@ -28953,14 +28878,14 @@ Valid keys: ` + JSON.stringify(Object.keys(z), null, "  ")
       function F(z, U) {
         return z === "symbol" ? !0 : U ? U["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && U instanceof Symbol : !1;
       }
-      function L(z) {
+      function V(z) {
         var U = typeof z;
         return Array.isArray(z) ? "array" : z instanceof RegExp ? "object" : F(U, z) ? "symbol" : U;
       }
       function q(z) {
         if (typeof z > "u" || z === null)
           return "" + z;
-        var U = L(z);
+        var U = V(z);
         if (U === "object") {
           if (z instanceof Date)
             return "date";
@@ -30091,10 +30016,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     r.marrakesh = n(O);
     var T = require_mocha();
     r.mocha = n(T);
-    var M = require_monokai();
-    r.monokai = n(M);
-    var V = require_ocean();
-    r.ocean = n(V);
+    var B = require_monokai();
+    r.monokai = n(B);
+    var L = require_ocean();
+    r.ocean = n(L);
     var D = require_paraiso();
     r.paraiso = n(D);
     var W = require_pop();
@@ -30103,8 +30028,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     r.railscasts = n(J);
     var F = require_shapeshifter();
     r.shapeshifter = n(F);
-    var L = require_solarized();
-    r.solarized = n(L);
+    var V = require_solarized();
+    r.solarized = n(V);
     var q = require_summerfruit();
     r.summerfruit = n(q);
     var G = require_tomorrow();
@@ -31147,67 +31072,67 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       ["partial", m],
       ["partialRight", p],
       ["rearg", h]
-    ], A = "[object Function]", P = "[object GeneratorFunction]", C = "[object Symbol]", R = /[\\^$.*+?()[\]{}|]/g, I = /^\s+|\s+$/g, j = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, k = /\{\n\/\* \[wrapped with (.+)\] \*/, O = /,? & /, T = /^[-+]0x[0-9a-f]+$/i, M = /^0b[01]+$/i, V = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, L = typeof self == "object" && self && self.Object === Object && self, q = F || L || Function("return this")();
-    function G(N, B, Y) {
+    ], A = "[object Function]", P = "[object GeneratorFunction]", C = "[object Symbol]", R = /[\\^$.*+?()[\]{}|]/g, I = /^\s+|\s+$/g, j = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, k = /\{\n\/\* \[wrapped with (.+)\] \*/, O = /,? & /, T = /^[-+]0x[0-9a-f]+$/i, B = /^0b[01]+$/i, L = /^\[object .+?Constructor\]$/, D = /^0o[0-7]+$/i, W = /^(?:0|[1-9]\d*)$/, J = parseInt, F = typeof global == "object" && global && global.Object === Object && global, V = typeof self == "object" && self && self.Object === Object && self, q = F || V || Function("return this")();
+    function G(N, M, Y) {
       switch (Y.length) {
         case 0:
-          return N.call(B);
+          return N.call(M);
         case 1:
-          return N.call(B, Y[0]);
+          return N.call(M, Y[0]);
         case 2:
-          return N.call(B, Y[0], Y[1]);
+          return N.call(M, Y[0], Y[1]);
         case 3:
-          return N.call(B, Y[0], Y[1], Y[2]);
+          return N.call(M, Y[0], Y[1], Y[2]);
       }
-      return N.apply(B, Y);
+      return N.apply(M, Y);
     }
-    function ee(N, B) {
-      for (var Y = -1, oe = N ? N.length : 0; ++Y < oe && B(N[Y], Y, N) !== !1; )
+    function ee(N, M) {
+      for (var Y = -1, oe = N ? N.length : 0; ++Y < oe && M(N[Y], Y, N) !== !1; )
         ;
       return N;
     }
-    function z(N, B) {
+    function z(N, M) {
       var Y = N ? N.length : 0;
-      return !!Y && te(N, B, 0) > -1;
+      return !!Y && te(N, M, 0) > -1;
     }
-    function U(N, B, Y, oe) {
+    function U(N, M, Y, oe) {
       for (var ce = N.length, H = Y + (oe ? 1 : -1); oe ? H-- : ++H < ce; )
-        if (B(N[H], H, N))
+        if (M(N[H], H, N))
           return H;
       return -1;
     }
-    function te(N, B, Y) {
-      if (B !== B)
+    function te(N, M, Y) {
+      if (M !== M)
         return U(N, _, Y);
       for (var oe = Y - 1, ce = N.length; ++oe < ce; )
-        if (N[oe] === B)
+        if (N[oe] === M)
           return oe;
       return -1;
     }
     function _(N) {
       return N !== N;
     }
-    function Q(N, B) {
+    function Q(N, M) {
       for (var Y = N.length, oe = 0; Y--; )
-        N[Y] === B && oe++;
+        N[Y] === M && oe++;
       return oe;
     }
-    function ne(N, B) {
-      return N == null ? void 0 : N[B];
+    function ne(N, M) {
+      return N == null ? void 0 : N[M];
     }
     function re(N) {
-      var B = !1;
+      var M = !1;
       if (N != null && typeof N.toString != "function")
         try {
-          B = !!(N + "");
+          M = !!(N + "");
         } catch {
         }
-      return B;
+      return M;
     }
-    function $(N, B) {
+    function $(N, M) {
       for (var Y = -1, oe = N.length, ce = 0, H = []; ++Y < oe; ) {
         var ie = N[Y];
-        (ie === B || ie === a) && (N[Y] = a, H[ce++] = Y);
+        (ie === M || ie === a) && (N[Y] = a, H[ce++] = Y);
       }
       return H;
     }
@@ -31217,44 +31142,44 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }(), le = ae.toString, fe = se.hasOwnProperty, Te = se.toString, be = RegExp(
       "^" + le.call(fe).replace(R, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Ze = Object.create, Ne = Math.max, ge = Math.min, Ge = function() {
-      var N = We(Object, "defineProperty"), B = We.name;
-      return B && B.length > 2 ? N : void 0;
+      var N = We(Object, "defineProperty"), M = We.name;
+      return M && M.length > 2 ? N : void 0;
     }();
     function ke(N) {
       return je(N) ? Ze(N) : {};
     }
     function ve(N) {
-      if (!je(N) || Me(N))
+      if (!je(N) || Be(N))
         return !1;
-      var B = st(N) || re(N) ? be : V;
-      return B.test(Ie(N));
+      var M = st(N) || re(N) ? be : L;
+      return M.test(Ie(N));
     }
-    function He(N, B, Y, oe) {
-      for (var ce = -1, H = N.length, ie = Y.length, ue = -1, de = B.length, me = Ne(H - ie, 0), pe = Array(de + me), xe = !oe; ++ue < de; )
-        pe[ue] = B[ue];
+    function He(N, M, Y, oe) {
+      for (var ce = -1, H = N.length, ie = Y.length, ue = -1, de = M.length, me = Ne(H - ie, 0), pe = Array(de + me), xe = !oe; ++ue < de; )
+        pe[ue] = M[ue];
       for (; ++ce < ie; )
         (xe || ce < H) && (pe[Y[ce]] = N[ce]);
       for (; me--; )
         pe[ue++] = N[ce++];
       return pe;
     }
-    function Fe(N, B, Y, oe) {
-      for (var ce = -1, H = N.length, ie = -1, ue = Y.length, de = -1, me = B.length, pe = Ne(H - ue, 0), xe = Array(pe + me), ye = !oe; ++ce < pe; )
+    function Fe(N, M, Y, oe) {
+      for (var ce = -1, H = N.length, ie = -1, ue = Y.length, de = -1, me = M.length, pe = Ne(H - ue, 0), xe = Array(pe + me), ye = !oe; ++ce < pe; )
         xe[ce] = N[ce];
       for (var we = ce; ++de < me; )
-        xe[we + de] = B[de];
+        xe[we + de] = M[de];
       for (; ++ie < ue; )
         (ye || ce < H) && (xe[we + Y[ie]] = N[ce++]);
       return xe;
     }
-    function Je(N, B) {
+    function Je(N, M) {
       var Y = -1, oe = N.length;
-      for (B || (B = Array(oe)); ++Y < oe; )
-        B[Y] = N[Y];
-      return B;
+      for (M || (M = Array(oe)); ++Y < oe; )
+        M[Y] = N[Y];
+      return M;
     }
-    function rt(N, B, Y) {
-      var oe = B & i, ce = Ce(N);
+    function rt(N, M, Y) {
+      var oe = M & i, ce = Ce(N);
       function H() {
         var ie = this && this !== q && this instanceof H ? ce : N;
         return ie.apply(oe ? Y : this, arguments);
@@ -31263,30 +31188,30 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     function Ce(N) {
       return function() {
-        var B = arguments;
-        switch (B.length) {
+        var M = arguments;
+        switch (M.length) {
           case 0:
             return new N();
           case 1:
-            return new N(B[0]);
+            return new N(M[0]);
           case 2:
-            return new N(B[0], B[1]);
+            return new N(M[0], M[1]);
           case 3:
-            return new N(B[0], B[1], B[2]);
+            return new N(M[0], M[1], M[2]);
           case 4:
-            return new N(B[0], B[1], B[2], B[3]);
+            return new N(M[0], M[1], M[2], M[3]);
           case 5:
-            return new N(B[0], B[1], B[2], B[3], B[4]);
+            return new N(M[0], M[1], M[2], M[3], M[4]);
           case 6:
-            return new N(B[0], B[1], B[2], B[3], B[4], B[5]);
+            return new N(M[0], M[1], M[2], M[3], M[4], M[5]);
           case 7:
-            return new N(B[0], B[1], B[2], B[3], B[4], B[5], B[6]);
+            return new N(M[0], M[1], M[2], M[3], M[4], M[5], M[6]);
         }
-        var Y = ke(N.prototype), oe = N.apply(Y, B);
+        var Y = ke(N.prototype), oe = N.apply(Y, M);
         return je(oe) ? oe : Y;
       };
     }
-    function De(N, B, Y) {
+    function De(N, M, Y) {
       var oe = Ce(N);
       function ce() {
         for (var H = arguments.length, ie = Array(H), ue = H, de = qe(ce); ue--; )
@@ -31295,8 +31220,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         if (H -= me.length, H < Y)
           return Ye(
             N,
-            B,
-            Ve,
+            M,
+            Le,
             ce.placeholder,
             void 0,
             ie,
@@ -31310,35 +31235,35 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return ce;
     }
-    function Ve(N, B, Y, oe, ce, H, ie, ue, de, me) {
-      var pe = B & g, xe = B & i, ye = B & l, we = B & (u | d), it = B & b, et = ye ? void 0 : Ce(N);
+    function Le(N, M, Y, oe, ce, H, ie, ue, de, me) {
+      var pe = M & g, xe = M & i, ye = M & l, we = M & (u | d), it = M & b, et = ye ? void 0 : Ce(N);
       function tt() {
-        for (var Be = arguments.length, Ae = Array(Be), lt = Be; lt--; )
+        for (var Me = arguments.length, Ae = Array(Me), lt = Me; lt--; )
           Ae[lt] = arguments[lt];
         if (we)
           var ut = qe(tt), pt = Q(Ae, ut);
-        if (oe && (Ae = He(Ae, oe, ce, we)), H && (Ae = Fe(Ae, H, ie, we)), Be -= pt, we && Be < me) {
+        if (oe && (Ae = He(Ae, oe, ce, we)), H && (Ae = Fe(Ae, H, ie, we)), Me -= pt, we && Me < me) {
           var ft = $(Ae, ut);
           return Ye(
             N,
-            B,
-            Ve,
+            M,
+            Le,
             tt.placeholder,
             Y,
             Ae,
             ft,
             ue,
             de,
-            me - Be
+            me - Me
           );
         }
         var dt = xe ? Y : this, ct = ye ? dt[N] : N;
-        return Be = Ae.length, ue ? Ae = Xe(Ae, ue) : it && Be > 1 && Ae.reverse(), pe && de < Be && (Ae.length = de), this && this !== q && this instanceof tt && (ct = et || Ce(ct)), ct.apply(dt, Ae);
+        return Me = Ae.length, ue ? Ae = Xe(Ae, ue) : it && Me > 1 && Ae.reverse(), pe && de < Me && (Ae.length = de), this && this !== q && this instanceof tt && (ct = et || Ce(ct)), ct.apply(dt, Ae);
       }
       return tt;
     }
-    function nt(N, B, Y, oe) {
-      var ce = B & i, H = Ce(N);
+    function nt(N, M, Y, oe) {
+      var ce = M & i, H = Ce(N);
       function ie() {
         for (var ue = -1, de = arguments.length, me = -1, pe = oe.length, xe = Array(pe + de), ye = this && this !== q && this instanceof ie ? H : N; ++me < pe; )
           xe[me] = oe[me];
@@ -31348,24 +31273,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return ie;
     }
-    function Ye(N, B, Y, oe, ce, H, ie, ue, de, me) {
-      var pe = B & u, xe = pe ? ie : void 0, ye = pe ? void 0 : ie, we = pe ? H : void 0, it = pe ? void 0 : H;
-      B |= pe ? m : p, B &= ~(pe ? p : m), B & c || (B &= ~(i | l));
-      var et = Y(N, B, ce, we, xe, it, ye, ue, de, me);
-      return et.placeholder = oe, Pe(et, N, B);
+    function Ye(N, M, Y, oe, ce, H, ie, ue, de, me) {
+      var pe = M & u, xe = pe ? ie : void 0, ye = pe ? void 0 : ie, we = pe ? H : void 0, it = pe ? void 0 : H;
+      M |= pe ? m : p, M &= ~(pe ? p : m), M & c || (M &= ~(i | l));
+      var et = Y(N, M, ce, we, xe, it, ye, ue, de, me);
+      return et.placeholder = oe, Pe(et, N, M);
     }
-    function Se(N, B, Y, oe, ce, H, ie, ue) {
-      var de = B & l;
+    function Se(N, M, Y, oe, ce, H, ie, ue) {
+      var de = M & l;
       if (!de && typeof N != "function")
         throw new TypeError(o);
       var me = oe ? oe.length : 0;
-      if (me || (B &= ~(m | p), oe = ce = void 0), ie = ie === void 0 ? ie : Ne(Ee(ie), 0), ue = ue === void 0 ? ue : Ee(ue), me -= ce ? ce.length : 0, B & p) {
+      if (me || (M &= ~(m | p), oe = ce = void 0), ie = ie === void 0 ? ie : Ne(Ee(ie), 0), ue = ue === void 0 ? ue : Ee(ue), me -= ce ? ce.length : 0, M & p) {
         var pe = oe, xe = ce;
         oe = ce = void 0;
       }
       var ye = [
         N,
-        B,
+        M,
         Y,
         oe,
         ce,
@@ -31375,45 +31300,45 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         ie,
         ue
       ];
-      if (N = ye[0], B = ye[1], Y = ye[2], oe = ye[3], ce = ye[4], ue = ye[9] = ye[9] == null ? de ? 0 : N.length : Ne(ye[9] - me, 0), !ue && B & (u | d) && (B &= ~(u | d)), !B || B == i)
-        var we = rt(N, B, Y);
+      if (N = ye[0], M = ye[1], Y = ye[2], oe = ye[3], ce = ye[4], ue = ye[9] = ye[9] == null ? de ? 0 : N.length : Ne(ye[9] - me, 0), !ue && M & (u | d) && (M &= ~(u | d)), !M || M == i)
+        var we = rt(N, M, Y);
       else
-        B == u || B == d ? we = De(N, B, ue) : (B == m || B == (i | m)) && !ce.length ? we = nt(N, B, Y, oe) : we = Ve.apply(void 0, ye);
-      return Pe(we, N, B);
+        M == u || M == d ? we = De(N, M, ue) : (M == m || M == (i | m)) && !ce.length ? we = nt(N, M, Y, oe) : we = Le.apply(void 0, ye);
+      return Pe(we, N, M);
     }
     function qe(N) {
-      var B = N;
-      return B.placeholder;
+      var M = N;
+      return M.placeholder;
     }
-    function We(N, B) {
-      var Y = ne(N, B);
+    function We(N, M) {
+      var Y = ne(N, M);
       return ve(Y) ? Y : void 0;
     }
     function ot(N) {
-      var B = N.match(k);
-      return B ? B[1].split(O) : [];
+      var M = N.match(k);
+      return M ? M[1].split(O) : [];
     }
-    function Ue(N, B) {
-      var Y = B.length, oe = Y - 1;
-      return B[oe] = (Y > 1 ? "& " : "") + B[oe], B = B.join(Y > 2 ? ", " : " "), N.replace(j, `{
-/* [wrapped with ` + B + `] */
+    function Ue(N, M) {
+      var Y = M.length, oe = Y - 1;
+      return M[oe] = (Y > 1 ? "& " : "") + M[oe], M = M.join(Y > 2 ? ", " : " "), N.replace(j, `{
+/* [wrapped with ` + M + `] */
 `);
     }
-    function Re(N, B) {
-      return B = B ?? v, !!B && (typeof N == "number" || W.test(N)) && N > -1 && N % 1 == 0 && N < B;
+    function Re(N, M) {
+      return M = M ?? v, !!M && (typeof N == "number" || W.test(N)) && N > -1 && N % 1 == 0 && N < M;
     }
-    function Me(N) {
+    function Be(N) {
       return !!Z && Z in N;
     }
-    function Xe(N, B) {
-      for (var Y = N.length, oe = ge(B.length, Y), ce = Je(N); oe--; ) {
-        var H = B[oe];
+    function Xe(N, M) {
+      for (var Y = N.length, oe = ge(M.length, Y), ce = Je(N); oe--; ) {
+        var H = M[oe];
         N[oe] = Re(H, Y) ? ce[H] : void 0;
       }
       return N;
     }
-    var Pe = Ge ? function(N, B, Y) {
-      var oe = B + "";
+    var Pe = Ge ? function(N, M, Y) {
+      var oe = M + "";
       return Ge(N, "toString", {
         configurable: !0,
         enumerable: !1,
@@ -31433,24 +31358,24 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return "";
     }
-    function at(N, B) {
+    function at(N, M) {
       return ee(w, function(Y) {
         var oe = "_." + Y[0];
-        B & Y[1] && !z(N, oe) && N.push(oe);
+        M & Y[1] && !z(N, oe) && N.push(oe);
       }), N.sort();
     }
-    function Oe(N, B, Y) {
-      B = Y ? void 0 : B;
-      var oe = Se(N, u, void 0, void 0, void 0, void 0, void 0, B);
+    function Oe(N, M, Y) {
+      M = Y ? void 0 : M;
+      var oe = Se(N, u, void 0, void 0, void 0, void 0, void 0, M);
       return oe.placeholder = Oe.placeholder, oe;
     }
     function st(N) {
-      var B = je(N) ? Te.call(N) : "";
-      return B == A || B == P;
+      var M = je(N) ? Te.call(N) : "";
+      return M == A || M == P;
     }
     function je(N) {
-      var B = typeof N;
-      return !!N && (B == "object" || B == "function");
+      var M = typeof N;
+      return !!N && (M == "object" || M == "function");
     }
     function he(N) {
       return !!N && typeof N == "object";
@@ -31458,18 +31383,18 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function Qe(N) {
       return typeof N == "symbol" || he(N) && Te.call(N) == C;
     }
-    function Le(N) {
+    function Ve(N) {
       if (!N)
         return N === 0 ? N : 0;
       if (N = _e(N), N === x || N === -x) {
-        var B = N < 0 ? -1 : 1;
-        return B * S;
+        var M = N < 0 ? -1 : 1;
+        return M * S;
       }
       return N === N ? N : 0;
     }
     function Ee(N) {
-      var B = Le(N), Y = B % 1;
-      return B === B ? Y ? B - Y : B : 0;
+      var M = Ve(N), Y = M % 1;
+      return M === M ? Y ? M - Y : M : 0;
     }
     function _e(N) {
       if (typeof N == "number")
@@ -31477,13 +31402,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (Qe(N))
         return E;
       if (je(N)) {
-        var B = typeof N.valueOf == "function" ? N.valueOf() : N;
-        N = je(B) ? B + "" : B;
+        var M = typeof N.valueOf == "function" ? N.valueOf() : N;
+        N = je(M) ? M + "" : M;
       }
       if (typeof N != "string")
         return N === 0 ? N : +N;
       N = N.replace(I, "");
-      var Y = M.test(N);
+      var Y = B.test(N);
       return Y || D.test(N) ? J(N.slice(2), Y ? 2 : 8) : T.test(N) ? E : +N;
     }
     function $e(N) {
@@ -33947,18 +33872,29 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center space-x-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClearCanvas, {}) })
   ] });
 }, AddBlocksDialog = () => {
-  const { t: r } = useTranslation(), [n, o] = useAddBlocksModal();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open: !isEmpty(n), onOpenChange: () => n ? o("") : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { className: "max-h-[80vh] max-w-5xl overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: r("add_block") }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar h-[500px] max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AddBlocksPanel$1, { showHeading: !1 }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogCancel, { children: r("Close") }) })
+  const { t: r } = useTranslation(), [n, o] = useState$1(""), [a, i] = useState$1(!1);
+  return useChaiBuilderMsgListener(({ name: l, data: c = void 0 }) => {
+    l === CHAI_BUILDER_EVENTS.OPEN_ADD_BLOCK && (o(c == null ? void 0 : c._id), i(!0)), l === CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK && (o(""), i(!1));
+  }), /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open: a, onOpenChange: () => a ? i(!1) : "", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { className: "max-h-[80vh] max-w-5xl overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTitle, { children: r("add_block") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => i(!1),
+          className: "text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Cross2Icon, { className: "h-6 w-6" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "no-scrollbar h-[500px] max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AddBlocksPanel$1, { parentId: n, showHeading: !1 }) })
   ] }) });
 }, SettingsPanel = () => {
-  const r = useSelectedBlock(), { t: n } = useTranslation(), [o, a] = useState$1(!0);
+  const r = useSelectedBlock(), { t: n } = useTranslation(), [o, a] = useState$1(!0), i = useBuilderProp("onError", noop$1);
   return isNull(r) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 rounded-xl p-4", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(MixerHorizontalIcon, { className: "mx-auto text-3xl" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: n("please_select_a_block_to_edit") })
-  ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex w-full flex-col", children: [
+  ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: i, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex w-full flex-col", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(BlockSettings, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(BlockStyling, {}),
@@ -33978,7 +33914,7 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {})
   ] }) });
-}, SettingsPanel$1 = SettingsPanel, TopBar = lazy(() => import("./Topbar-wHQxajBp.js")), menuItems = [
+}, SettingsPanel$1 = SettingsPanel, TopBar = lazy(() => import("./Topbar-Nc6eEWWP.js")), menuItems = [
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { size: 20 }), label: "sidebar.outline", component: Outline$1 },
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { size: 16 }), label: "sidebar.edit_block", component: SettingsPanel$1 },
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(LightningBoltIcon, { className: "size-5" }), label: "sidebar.ai_assistant", component: AskAI },
@@ -33995,7 +33931,7 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
 }, RootLayout = () => {
   const [r, n] = useState$1(0);
   useChaiBuilderMsgListener(({ name: u }) => {
-    u === BUILDER_EVENTS.SHOW_SETTINGS && n(1);
+    u === CHAI_BUILDER_EVENTS.SHOW_BLOCK_SETTINGS && n(1);
   });
   const o = useBuilderProp("sideBarComponents.top", []), a = (u) => {
     u.preventDefault();
@@ -34096,50 +34032,53 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     window.onbeforeunload = null;
   }), [i]), /* @__PURE__ */ jsxRuntimeExports.jsx(l, {});
 }, ChaiBuilderEditor = (r) => {
-  const n = r._flags || {};
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FlagsProvider, { features: { ...FEATURE_TOGGLES, ...n }, children: [
+  const n = r._flags || {}, o = r.onError || noop$1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-screen w-screen", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: o, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FlagsProvider, { features: { ...FEATURE_TOGGLES, ...n }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DevTools, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SmallScreenMessage, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ChaiBuilderComponent, { ...r }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(PreviewScreen, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toaster, {})
-  ] }) });
+  ] }) }) });
 };
 export {
-  useSelectedBlocksDisplayChild as $,
+  useStylingBreakpoint as $,
   AddBlocksPanel$1 as A,
   BlockSettings as B,
   ChaiSelect$1 as C,
   DarkMode as D,
-  useCopyToClipboard as E,
+  useCanvasWidth as E,
   FaCheck as F,
-  useCurrentPage as G,
-  useCutBlockIds as H,
+  useCanvasZoom as G,
+  useCopyBlockIds as H,
   ImportHTML$1 as I,
-  useDarkMode as J,
-  useDuplicateBlocks as K,
-  useGetPageData as L,
-  useHiddenBlockIds as M,
-  useHighlightBlockId as N,
+  useCopyToClipboard as J,
+  useCurrentPage as K,
+  useCutBlockIds as L,
+  useDarkMode as M,
+  useDuplicateBlocks as N,
   Outline$1 as O,
-  usePasteBlocks as P,
-  useBrandingOptions as Q,
-  useRemoveBlocks as R,
-  useRemoveClassesFromBlocks as S,
+  useGetPageData as P,
+  useHiddenBlockIds as Q,
+  useHighlightBlockId as R,
+  usePasteBlocks as S,
   ThemeOptions as T,
   UILibraries as U,
-  useSelectedBlockCurrentClasses as V,
-  useSelectedBlockAllClasses as W,
-  useSelectedBlock as X,
-  useStylingBreakpoint as Y,
-  useUILibraryBlocks as Z,
-  useStylingState as _,
+  useBrandingOptions as V,
+  useRemoveBlocks as W,
+  useRemoveClassesFromBlocks as X,
+  useSelectedBlockCurrentClasses as Y,
+  useSelectedBlockAllClasses as Z,
+  useSelectedBlock as _,
   useSelectedBlockIds as a,
-  useAllBlocks as a0,
-  useActivePanel as a1,
-  useAddBlockParent as a2,
-  useSelectedBreakpoints as a3,
-  useSelectedStylingBlocks as a4,
+  useUILibraryBlocks as a0,
+  useStylingState as a1,
+  useSelectedBlocksDisplayChild as a2,
+  useAllBlocks as a3,
+  useActivePanel as a4,
+  useAddBlockParent as a5,
+  useSelectedBreakpoints as a6,
+  useSelectedStylingBlocks as a7,
   useUpdateBlocksProps as b,
   useUpdateBlocksPropsRealtime as c,
   useBuilderProp as d,
@@ -34147,22 +34086,22 @@ export {
   usePreviewMode as f,
   CanvasArea$1 as g,
   BlockStyling as h,
-  AISetContext as i,
-  AIUserPrompt as j,
-  BlockAttributesEditor as k,
-  ChaiBuilderEditor as l,
-  Breakpoints as m,
-  UndoRedo as n,
-  getBlocksFromHTML as o,
-  useBlocksStore as p,
-  useUndoManager as q,
-  useBuilderReset as r,
-  useReadOnlyMode as s,
-  useActiveModal as t,
+  emitChaiBuilderMsg as i,
+  useChaiBuilderMsgListener as j,
+  CHAI_BUILDER_EVENTS as k,
+  AISetContext as l,
+  AIUserPrompt as m,
+  BlockAttributesEditor as n,
+  ChaiBuilderEditor as o,
+  Breakpoints as p,
+  UndoRedo as q,
+  getBlocksFromHTML as r,
+  useBlocksStore as s,
+  useUndoManager as t,
   useCodeEditor as u,
-  useAddBlock as v,
-  useAddClassesToBlocks as w,
-  useCanvasWidth as x,
-  useCanvasZoom as y,
-  useCopyBlockIds as z
+  useBuilderReset as v,
+  useReadOnlyMode as w,
+  useActiveModal as x,
+  useAddBlock as y,
+  useAddClassesToBlocks as z
 };