@chaibuilder/sdk 1.2.109 → 1.2.110

package/dist/{index-OhF0-tfj.js → index-ylSqM31Z.js}

@@ -4,7 +4,7 @@ var U = (o, n, r) => (W(o, typeof n != "symbol" ? n + "" : n, r), r);
 import { j as jsxRuntimeExports } from "./jsx-runtime-Sp0orL4X.js";
 import * as React from "react";
 import React__default, { createContext, useReducer, useEffect, useDebugValue, useCallback, useContext, useState, useMemo, Component, Children, Suspense, useRef, memo, createElement, lazy } from "react";
-import { a as Skeleton, B as Button, aA as ContextMenu, aB as ContextMenuTrigger, aC as ContextMenuContent, aD as ContextMenuItem, P as Tooltip, Q as TooltipTrigger, R as TooltipContent, C as Card, z as CardHeader, G as CardDescription, H as CardContent, L as Label, T as Textarea, E as CardFooter, D as Dialog, t as DialogTrigger, u as DialogContent, v as DialogHeader, x as DialogTitle, y as DialogDescription, w as DialogFooter, W as Popover, X as PopoverTrigger, Y as PopoverContent, ar as Command, at as CommandInput, au as CommandList, av as CommandEmpty, aw as CommandGroup, ax as CommandItem, K as Tabs, M as TabsList, N as TabsTrigger, O as TabsContent, d as Switch, A as Accordion, f as AccordionItem, g as AccordionTrigger, h as AccordionContent, ao as useToast, I as Input$1, V as TooltipPortal, a8 as DropdownMenu, a9 as DropdownMenuTrigger, aa as DropdownMenuContent, S as ScrollArea, ae as DropdownMenuLabel, af as DropdownMenuSeparator, ah as DropdownMenuGroup, ab as DropdownMenuItem, ag as DropdownMenuShortcut, k as AlertDialog, m as AlertDialogContent, n as AlertDialogHeader, p as AlertDialogTitle, l as AlertDialogTrigger, q as AlertDialogDescription, o as AlertDialogFooter, s as AlertDialogCancel, r as AlertDialogAction, ac as DropdownMenuCheckboxItem, Z as HoverCard, _ as HoverCardTrigger, $ as HoverCardContent, b as Separator, i as Badge, a0 as Select, a3 as SelectTrigger, a2 as SelectValue, a4 as SelectContent, a6 as SelectItem, U as TooltipProvider, aq as Toaster } from "./context-menu-YGd09SE1.js";
+import { aq as Skeleton, B as Button, aA as ContextMenu, aB as ContextMenuTrigger, aC as ContextMenuContent, aD as ContextMenuItem, N as Tooltip, O as TooltipTrigger, P as TooltipContent, C as Card, x as CardHeader, E as CardDescription, F as CardContent, L as Label, T as Textarea, y as CardFooter, D as Dialog, r as DialogTrigger, s as DialogContent, t as DialogHeader, v as DialogTitle, w as DialogDescription, u as DialogFooter, U as Popover, V as PopoverTrigger, W as PopoverContent, ar as Command, at as CommandInput, au as CommandList, av as CommandEmpty, aw as CommandGroup, ax as CommandItem, H as Tabs, J as TabsList, K as TabsTrigger, M as TabsContent, a as Switch, A as Accordion, d as AccordionItem, e as AccordionTrigger, f as AccordionContent, an as useToast, I as Input$1, R as TooltipPortal, a6 as DropdownMenu, a7 as DropdownMenuTrigger, a8 as DropdownMenuContent, S as ScrollArea, ac as DropdownMenuLabel, ad as DropdownMenuSeparator, af as DropdownMenuGroup, a9 as DropdownMenuItem, ae as DropdownMenuShortcut, i as AlertDialog, k as AlertDialogContent, l as AlertDialogHeader, n as AlertDialogTitle, j as AlertDialogTrigger, o as AlertDialogDescription, m as AlertDialogFooter, q as AlertDialogCancel, p as AlertDialogAction, aa as DropdownMenuCheckboxItem, X as HoverCard, Y as HoverCardTrigger, Z as HoverCardContent, al as Separator, g as Badge, _ as Select, a1 as SelectTrigger, a0 as SelectValue, a2 as SelectContent, a4 as SelectItem, Q as TooltipProvider, ap as Toaster } from "./context-menu-FPX89OKr.js";
 import { has, find, filter, flatten, map, omit, isString as isString$1, includes, without, get, compact, set, endsWith, isEmpty, forIn, isObject as isObject$1, each, first, noop, merge, keys, startsWith, range, values, flattenDeep, isNull, pick, sortBy, memoize, forEach, unset, chunk, throttle, cloneDeep, reverse, debounce, flatMapDeep, capitalize, last, startCase, truncate, isArray as isArray$1, split, toLower, reject, nth, isNumber as isNumber$1, parseInt as parseInt$1, isNaN as isNaN$1, findLast, intersection, groupBy, isFunction as isFunction$1, 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";
 import { g as generateUUID, a as getBreakpointValue, c as cn, G as GenIcon } from "./iconBase-Ief2hJUZ.js";
@@ -19,7 +19,7 @@ import { useFeature, FlagsProvider } from "flagged";
 import { useHotkeys } from "react-hotkeys-hook";
 import { flip } from "@floating-ui/dom";
 import { useFloating, shift } from "@floating-ui/react-dom";
-import { ArrowUpIcon, PlusIcon, CopyIcon, GearIcon, TrashIcon, DragHandleDots2Icon, BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, CardStackPlusIcon, CardStackIcon, ScissorsIcon, TriangleRightIcon, EyeOpenIcon, Cross2Icon, EyeClosedIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CaretRightIcon, CheckIcon, ResetIcon, SunIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, EraserIcon, ChevronDownIcon, ZoomInIcon, MixerHorizontalIcon, KeyboardIcon, LightningBoltIcon } from "@radix-ui/react-icons";
+import { ArrowUpIcon, PlusIcon, CopyIcon, GearIcon, TrashIcon, DragHandleDots2Icon, BoxModelIcon, BoxIcon, DragHandleHorizontalIcon, ViewHorizontalIcon, BorderAllIcon, BorderTopIcon, TableIcon, DropdownMenuIcon, RadiobuttonIcon, InputIcon, ButtonIcon, CheckboxIcon, GroupIcon, SpaceBetweenVerticallyIcon, ColumnsIcon, RowsIcon, TextIcon, SketchLogoIcon, DividerHorizontalIcon, CodeIcon, CursorTextIcon, VideoIcon, Link1Icon, HeadingIcon, ImageIcon, CardStackPlusIcon, CardStackIcon, ScissorsIcon, TriangleRightIcon, EyeOpenIcon, Cross2Icon, EyeClosedIcon, WidthIcon, HeightIcon, ArrowRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowTopLeftIcon, ArrowTopRightIcon, ArrowBottomRightIcon, ArrowBottomLeftIcon, AlignLeftIcon, AlignCenterHorizontallyIcon, AlignRightIcon, StretchHorizontallyIcon, FontItalicIcon, UnderlineIcon, OverlineIcon, LetterCaseUppercaseIcon, Cross1Icon, InfoCircledIcon, MinusIcon, TriangleDownIcon, RowSpacingIcon, CrossCircledIcon, CaretDownIcon, CaretRightIcon, CheckIcon, ResetIcon, SunIcon, DotsVerticalIcon, MobileIcon, LaptopIcon, DesktopIcon, EraserIcon, ZoomInIcon, MixerHorizontalIcon, KeyboardIcon, LightningBoltIcon } from "@radix-ui/react-icons";
 import { createEvent } from "react-event-hook";
 import typography$1 from "@tailwindcss/typography";
 import forms from "@tailwindcss/forms";
@@ -89,23 +89,23 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
   const o = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new Map();
   let a, l, i;
   (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set());
-  const c = (f) => o.get(f), d = (f, v) => {
-    (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && Object.freeze(v);
+  const c = (f) => o.get(f), d = (f, _) => {
+    (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && Object.freeze(_);
     const C = o.get(f);
-    if (o.set(f, v), r.has(f) || r.set(f, C), C && hasPromiseAtomValue(C)) {
-      const w = "v" in v ? v.v instanceof Promise ? v.v : Promise.resolve(v.v) : Promise.reject(v.e);
+    if (o.set(f, _), r.has(f) || r.set(f, C), C && hasPromiseAtomValue(C)) {
+      const w = "v" in _ ? _.v instanceof Promise ? _.v : Promise.resolve(_.v) : Promise.reject(_.e);
       cancelPromise(C.v, w);
     }
-  }, u = (f, v, C) => {
+  }, u = (f, _, C) => {
     const w = /* @__PURE__ */ new Map();
     let I = !1;
     C.forEach((N, D) => {
-      !N && D === f && (N = v), N ? (w.set(D, N), v.d.get(D) !== N && (I = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
-    }), (I || v.d.size !== w.size) && (v.d = w);
-  }, p = (f, v, C) => {
+      !N && D === f && (N = _), N ? (w.set(D, N), _.d.get(D) !== N && (I = !0)) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
+    }), (I || _.d.size !== w.size) && (_.d = w);
+  }, p = (f, _, C) => {
     const w = c(f), I = {
       d: (w == null ? void 0 : w.d) || /* @__PURE__ */ new Map(),
-      v
+      v: _
     };
     if (C && u(f, I, C), w && isEqualAtomValue(w, I) && w.d === I.d)
       return w;
@@ -115,12 +115,12 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
       I.v = w.v;
     }
     return d(f, I), I;
-  }, m = (f, v, C, w) => {
-    if (isPromiseLike$2(v)) {
+  }, m = (f, _, C, w) => {
+    if (isPromiseLike$2(_)) {
       let I;
       const N = new Promise((D, V) => {
         let M = !1;
-        v.then(
+        _.then(
           (O) => {
             if (!M) {
               M = !0;
@@ -150,27 +150,27 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
           ), D(O));
         };
       });
-      return N.orig = v, N.status = "pending", registerCancelPromise(N, (D) => {
+      return N.orig = _, N.status = "pending", registerCancelPromise(N, (D) => {
         D && I(D), w == null || w();
       }), p(f, N, C);
     }
-    return p(f, v, C);
-  }, g = (f, v, C) => {
+    return p(f, _, C);
+  }, g = (f, _, C) => {
     const w = c(f), I = {
       d: (w == null ? void 0 : w.d) || /* @__PURE__ */ new Map(),
-      e: v
+      e: _
     };
     return C && u(f, I, C), w && isEqualAtomError(w, I) && w.d === I.d ? w : (d(f, I), I);
   }, x = (f) => {
-    const v = c(f);
-    if (v && (v.d.forEach((M, O) => {
+    const _ = c(f);
+    if (_ && (_.d.forEach((M, O) => {
       O !== f && !n.has(O) && x(O);
-    }), Array.from(v.d).every(([M, O]) => {
+    }), Array.from(_.d).every(([M, O]) => {
       const $ = c(M);
       return M === f || $ === O || // TODO This is a hack, we should find a better solution.
       $ && !hasPromiseAtomValue($) && isEqualAtomValue($, O);
     })))
-      return v;
+      return _;
     const C = /* @__PURE__ */ new Map();
     let w = !0;
     const I = (M) => {
@@ -211,18 +211,18 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
       w = !1;
     }
   }, j = (f) => returnAtomValue(x(f)), E = (f) => {
-    let v = n.get(f);
-    return v || (v = R(f)), v;
-  }, b = (f, v) => !v.l.size && (!v.t.size || v.t.size === 1 && v.t.has(f)), k = (f) => {
-    const v = n.get(f);
-    v && b(f, v) && A(f);
-  }, _ = (f) => {
-    const v = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new WeakMap(), w = (N) => {
+    let _ = n.get(f);
+    return _ || (_ = R(f)), _;
+  }, b = (f, _) => !_.l.size && (!_.t.size || _.t.size === 1 && _.t.has(f)), k = (f) => {
+    const _ = n.get(f);
+    _ && b(f, _) && A(f);
+  }, v = (f) => {
+    const _ = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new WeakMap(), w = (N) => {
       const D = n.get(N);
       D == null || D.t.forEach((V) => {
-        V !== N && (v.set(
+        V !== N && (_.set(
           V,
-          (v.get(V) || /* @__PURE__ */ new Set()).add(N)
+          (_.get(V) || /* @__PURE__ */ new Set()).add(N)
         ), C.set(V, (C.get(V) || 0) + 1), w(V));
       });
     };
@@ -234,19 +234,19 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         if (V !== N) {
           let O = C.get(V);
           if (O && C.set(V, --O), !O) {
-            let $ = !!((M = v.get(V)) != null && M.size);
+            let $ = !!((M = _.get(V)) != null && M.size);
             if ($) {
               const H = c(V), F = x(V);
               $ = !H || !isEqualAtomValue(H, F);
             }
-            $ || v.forEach((H) => H.delete(V));
+            $ || _.forEach((H) => H.delete(V));
           }
           I(V);
         }
       });
     };
     I(f);
-  }, S = (f, ...v) => {
+  }, S = (f, ..._) => {
     let C = !0;
     const w = (D) => returnAtomValue(x(D)), I = (D, ...V) => {
       let M;
@@ -254,7 +254,7 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         if (!hasInitialValue(D))
           throw new Error("atom not writable");
         const O = c(D), $ = m(D, V[0]);
-        (!O || !isEqualAtomValue(O, $)) && _(D);
+        (!O || !isEqualAtomValue(O, $)) && v(D);
       } else
         M = S(D, ...V);
       if (!C) {
@@ -264,16 +264,16 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         );
       }
       return M;
-    }, N = f.write(w, I, ...v);
+    }, N = f.write(w, I, ..._);
     return C = !1, N;
-  }, B = (f, ...v) => {
-    const C = S(f, ...v), w = L();
+  }, B = (f, ..._) => {
+    const C = S(f, ..._), w = L();
     return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && l.forEach(
       (I) => I({ type: "write", flushed: w })
     ), C;
-  }, R = (f, v) => {
+  }, R = (f, _) => {
     const C = {
-      t: new Set(v && [v]),
+      t: new Set(_ && [_]),
       l: /* @__PURE__ */ new Set()
     };
     if (n.set(f, C), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.add(f), x(f).d.forEach((w, I) => {
@@ -285,8 +285,8 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     }
     return C;
   }, A = (f) => {
-    var v;
-    const C = (v = n.get(f)) == null ? void 0 : v.u;
+    var _;
+    const C = (_ = n.get(f)) == null ? void 0 : _.u;
     C && C(), n.delete(f), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && i.delete(f);
     const w = c(f);
     w ? (hasPromiseAtomValue(w) && cancelPromise(w.v), w.d.forEach((I, N) => {
@@ -295,8 +295,8 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
         D && (D.t.delete(f), b(N, D) && A(N));
       }
     })) : (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", f);
-  }, T = (f, v, C) => {
-    const w = new Set(v.d.keys());
+  }, T = (f, _, C) => {
+    const w = new Set(_.d.keys());
     C == null || C.forEach((I, N) => {
       if (w.has(N)) {
         w.delete(N);
@@ -311,8 +311,8 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
   }, L = () => {
     let f;
     for ((define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (f = /* @__PURE__ */ new Set()); r.size; ) {
-      const v = Array.from(r);
-      r.clear(), v.forEach(([C, w]) => {
+      const _ = Array.from(r);
+      r.clear(), _.forEach(([C, w]) => {
         const I = c(C);
         if (I) {
           I.d !== (w == null ? void 0 : w.d) && T(C, I, w == null ? void 0 : w.d);
@@ -325,13 +325,13 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
       });
     }
     if ((define_import_meta_env_default$2 ? "production" : void 0) !== "production")
-      return a.forEach((v) => v("state")), f;
-  }, P = (f, v) => {
+      return a.forEach((_) => _("state")), f;
+  }, P = (f, _) => {
     const C = E(f), w = L(), I = C.l;
-    return I.add(v), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((N) => N("sub")), l.forEach(
+    return I.add(_), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((N) => N("sub")), l.forEach(
       (N) => N({ type: "sub", flushed: w })
     )), () => {
-      I.delete(v), k(f), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((N) => N("unsub")), l.forEach((N) => N({ type: "unsub" })));
+      I.delete(_), k(f), (define_import_meta_env_default$2 ? "production" : void 0) !== "production" && (a.forEach((N) => N("unsub")), l.forEach((N) => N({ type: "unsub" })));
     };
   };
   return (define_import_meta_env_default$2 ? "production" : void 0) !== "production" ? {
@@ -339,7 +339,7 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     set: B,
     sub: P,
     // store dev methods (these are tentative and subject to change without notice)
-    dev_subscribe_store: (f, v) => v !== 2 ? (console.warn(
+    dev_subscribe_store: (f, _) => _ !== 2 ? (console.warn(
       "The current StoreListener revision is 2. The older ones are deprecated."
     ), a.add(f), () => {
       a.delete(f);
@@ -351,10 +351,10 @@ const hasInitialValue = (o) => "init" in o, isActuallyWritableAtom = (o) => !!o.
     dev_get_mounted: (f) => n.get(f),
     dev_restore_atoms: (f) => {
       for (const [C, w] of f)
-        hasInitialValue(C) && (m(C, w), _(C));
-      const v = L();
+        hasInitialValue(C) && (m(C, w), v(C));
+      const _ = L();
       l.forEach(
-        (C) => C({ type: "restore", flushed: v })
+        (C) => C({ type: "restore", flushed: _ })
       );
     }
   } : {
@@ -395,7 +395,7 @@ function splitAtom(o, n) {
               throw new Error("splitAtom: index out of bounds for read");
             }
             return R[T];
-          }, _ = (S, B, R) => {
+          }, v = (S, B, R) => {
             const A = S(l), T = S(o), P = a(T, A == null ? void 0 : A.arr).keyList.indexOf(E);
             if (P < 0 || P >= T.length)
               throw new Error("splitAtom: index out of bounds for write");
@@ -406,7 +406,7 @@ function splitAtom(o, n) {
               ...T.slice(P + 1)
             ]);
           };
-          m[j] = isWritable(o) ? atom(k, _) : atom(k);
+          m[j] = isWritable(o) ? atom(k, v) : atom(k);
         }), p && p.keyList.length === g.length && p.keyList.every((x, j) => x === g[j]) ? u = p : u = { arr: c, atomList: m, keyList: g }, r.set(c, u), u;
       }, l = atom((c) => {
         const d = c(l), u = c(o);
@@ -1196,12 +1196,12 @@ const useBlocksStoreManager = () => {
   } = useBlocksStoreManager();
   return {
     moveBlocks: (E, b, k) => {
-      const _ = map(E, (B) => {
+      const v = map(E, (B) => {
         const A = n.find((P) => P._id === B)._parent || null, L = n.filter((P) => A ? P._parent === A : !P._parent).map((P) => P._id).indexOf(B);
         return { _id: B, oldParent: A, oldPosition: L };
-      }), S = _.find(({ _id: B }) => B === E[0]);
+      }), S = v.find(({ _id: B }) => B === E[0]);
       S && S.oldParent === b && S.oldPosition === k || (i(E, b, k), o({
-        undo: () => each(_, ({ _id: B, oldParent: R, oldPosition: A }) => {
+        undo: () => each(v, ({ _id: B, oldParent: R, oldPosition: A }) => {
           i([B], R, A);
         }),
         redo: () => i(E, b, k)
@@ -1215,25 +1215,25 @@ const useBlocksStoreManager = () => {
     },
     removeBlocks: (E) => {
       var S;
-      const b = (S = first(E)) == null ? void 0 : S._parent, _ = n.filter((B) => b ? B._parent === b : !B._parent).indexOf(first(E));
+      const b = (S = first(E)) == null ? void 0 : S._parent, v = n.filter((B) => b ? B._parent === b : !B._parent).indexOf(first(E));
       l(map(E, "_id")), o({
-        undo: () => a(E, b, _),
+        undo: () => a(E, b, v),
         redo: () => l(map(E, "_id"))
       });
     },
     updateBlocks: (E, b, k) => {
-      let _ = [];
+      let v = [];
       if (k)
-        _ = map(E, (S) => ({ _id: S, ...k }));
+        v = map(E, (S) => ({ _id: S, ...k }));
       else {
         const S = keys(b);
-        _ = map(E, (B) => {
+        v = map(E, (B) => {
           const R = n.find((T) => T._id === B), A = { _id: B };
           return each(S, (T) => A[T] = R[T]), A;
         });
       }
       c(map(E, (S) => ({ _id: S, ...b }))), o({
-        undo: () => c(_),
+        undo: () => c(v),
         redo: () => c(map(E, (S) => ({ _id: S, ...b })))
       });
     },
@@ -1249,8 +1249,8 @@ const useBlocksStoreManager = () => {
     updateMultipleBlocksProps: (E) => {
       let b = [];
       b = map(E, (k) => {
-        const _ = keys(k), S = n.find((R) => R._id === k._id), B = {};
-        return each(_, (R) => B[R] = S[R]), B;
+        const v = keys(k), S = n.find((R) => R._id === k._id), B = {};
+        return each(v, (R) => B[R] = S[R]), B;
       }), c(E), o({
         undo: () => c(b),
         redo: () => c(E)
@@ -1281,16 +1281,16 @@ const useBlocksStoreManager = () => {
         return a(k, c, d);
       }
       const u = generateUUID(), p = getBlockDefaultProps(i.props), m = [];
-      forIn(p, (k, _) => {
+      forIn(p, (k, v) => {
         if (startsWith(k, SLOT_KEY)) {
           const S = k.replace(SLOT_KEY, "");
           m.push({
             _id: S,
             _type: "Slot",
             _parent: u,
-            _name: i.props[_].name,
-            _styles: i.props[_].styles,
-            _emptyStyles: i.props[_].emptyStyles
+            _name: i.props[v].name,
+            _styles: i.props[v].styles,
+            _emptyStyles: i.props[v].emptyStyles
           });
         }
       });
@@ -3077,13 +3077,13 @@ const useDnd = () => {
       var R;
       const j = dropTarget, b = getOrientation(j) === "vertical" ? x.clientY + ((R = iframeDocument == null ? void 0 : iframeDocument.defaultView) == null ? void 0 : R.scrollY) : x.clientX;
       dropIndex = calculateDropIndex(b, possiblePositions);
-      const k = d, _ = j.getAttribute("data-block-id"), S = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
-      if ((k == null ? void 0 : k._id) === _ || !S) {
+      const k = d, v = j.getAttribute("data-block-id"), S = dropTarget.getAttribute("data-dnd-dragged") !== "yes";
+      if ((k == null ? void 0 : k._id) === v || !S) {
         g();
         return;
       }
       if (!has(k, "_id")) {
-        a(k, _ === "canvas" ? null : _, dropIndex), setTimeout(g, 300);
+        a(k, v === "canvas" ? null : v, dropIndex), setTimeout(g, 300);
         return;
       }
       let B = j.getAttribute("data-block-id");
@@ -3314,14 +3314,14 @@ const useHandleCanvasDblClick = () => {
   }, [r, c]);
   const x = get(o, "headingFont", "DM Sans"), j = get(o, "bodyFont", "DM Sans");
   return useEffect(() => {
-    const E = get(o, "primaryColor", "#000"), b = get(o, "secondaryColor", "#FFF"), k = get(o, "bodyBgLightColor", "#fff"), _ = get(o, "bodyBgDarkColor", "#000"), S = get(o, "bodyTextDarkColor", "#000"), B = get(o, "bodyTextLightColor", "#fff"), R = s({
+    const E = get(o, "primaryColor", "#000"), b = get(o, "secondaryColor", "#FFF"), k = get(o, "bodyBgLightColor", "#fff"), v = get(o, "bodyBgDarkColor", "#000"), S = get(o, "bodyTextDarkColor", "#000"), B = get(o, "bodyTextLightColor", "#fff"), R = s({
       colors: [E, b],
       names: ["primary", "secondary"]
     });
     set(R, "primary.DEFAULT", E), set(R, "secondary.DEFAULT", b);
     const A = {
       "bg-light": k,
-      "bg-dark": _,
+      "bg-dark": v,
       "text-dark": S,
       "text-light": B
     }, T = get(o, "roundedCorners", "0");
@@ -3505,8 +3505,8 @@ function applyLanguage(o, n, r) {
 }
 function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
   const { selectedLang: r } = useLanguages(), [a] = useAtom$1(xShowBlocksAtom), [l] = useCutBlockIds(), [i] = useAtom$1(draggedBlockAtom), [c] = useAtom$1(dropTargetBlockIdAtom), [, d] = useCanvasWidth(), [u] = useCanvasSettings(), [p] = useHiddenBlockIds(), { getGlobalBlocks: m } = useGlobalBlocksStore(), g = useCallback((b) => getStyleAttrs(b, d), [d]), [x] = useChaiExternalData(), [j] = useAtom$1(inlineEditingActiveAtom), E = useCallback(
-    (b) => b.reduce((k, _) => {
-      const S = get(u, _, {});
+    (b) => b.reduce((k, v) => {
+      const S = get(u, v, {});
       return { ...k, ...S };
     }, {}),
     [u]
@@ -3515,10 +3515,10 @@ function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
     o.map((b, k) => {
       if (j === b._id || p.includes(b._id))
         return null;
-      const _ = {}, S = filter(n, { _parent: b._id });
-      if (_.children = S.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksRendererStatic, { allBlocks: n, blocks: S }) : null, b._type === "GlobalBlock") {
+      const v = {}, S = filter(n, { _parent: b._id });
+      if (v.children = S.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(BlocksRendererStatic, { allBlocks: n, blocks: S }) : null, b._type === "GlobalBlock") {
         const C = m(b);
-        _.children = /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGlobalBlock, { blocks: filter(C, (w) => !w._parent), allBlocks: C });
+        v.children = /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGlobalBlock, { blocks: filter(C, (w) => !w._parent), allBlocks: C });
       }
       const B = getBlockComponent(b._type), R = get(B, "server", !1), A = R ? RSCBlock : get(B, "builderComponent", get(B, "component", null));
       if (isNull(A))
@@ -3526,7 +3526,7 @@ function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
       const T = has(B, "getBlockStateFrom") ? B == null ? void 0 : B.getBlockStateFrom(b, n) : [], L = E(T), P = g(b);
       if (get(P, "__isHidden", !1) && !includes(a, b._id))
         return null;
-      const f = i && isDescendant(i._id, b._id, n), v = {
+      const f = i && isDescendant(i._id, b._id, n), _ = {
         ...includes(a, b._id) ? { "force-show": "" } : {},
         "data-block-id": b._id,
         "data-block-type": b._type,
@@ -3540,12 +3540,12 @@ function BlocksRendererStatic({ blocks: o, allBlocks: n }) {
         ...c === b._id && !f ? { "data-drop": "yes" } : {},
         ...includes(l, b._id) ? { "data-cut-block": "yes" } : {}
       };
-      return R ? /* @__PURE__ */ jsxRuntimeExports.jsx(RSCBlock, { block: b, blockProps: v }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(A, {
-        blockProps: v,
+      return R ? /* @__PURE__ */ jsxRuntimeExports.jsx(RSCBlock, { block: b, blockProps: _ }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { children: React__default.createElement(A, {
+        blockProps: _,
         index: k,
         ...applyBindings(applyLanguage(b, r, B), x),
         ...omit(P, ["__isHidden"]),
-        ..._,
+        ...v,
         inBuilder: !0,
         blockState: L
       }) });
@@ -3584,20 +3584,24 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     }
   );
 }, ResizableCanvasWrapper = ({ children: o, onMount: n, onResize: r }) => {
-  const a = useRef(null), l = useDebouncedCallback(
+  const [, a] = useSelectedBlockIds(), [, l] = useSelectedStylingBlocks(), i = useRef(null), c = useDebouncedCallback(
     () => {
-      const { clientWidth: i } = a.current;
-      r(i);
+      const { clientWidth: u } = i.current;
+      r(u);
     },
-    [a.current],
+    [i.current],
     100
   );
-  return useResizeObserver(a.current, l, a.current !== null), useEffect(() => {
-    const { clientWidth: i } = a.current;
-    n(i);
-  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "main-content", className: "h-full w-full p-8 pb-0", ref: a, children: o });
+  useResizeObserver(i.current, c, i.current !== null), useEffect(() => {
+    const { clientWidth: u } = i.current;
+    n(u);
+  }, []);
+  const d = () => {
+    a([]), l([]);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: "main-content", onClick: d, className: "h-full w-full p-8 pb-0", ref: i, children: o });
 }, getElementByStyleId = (o, n) => o.querySelector(`[data-style-id="${n}"]`), StaticCanvas = () => {
-  const [o] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, r] = useSelectedBlockIds(), a = useSelectedBlock(), [, l] = useHighlightBlockId(), i = useRef(null), c = useRef(null), [d, u] = useState({ width: 0, height: 0 }), p = useCanvasScale(d), [m, g] = useState([]), [, x] = useState([]), [, j] = useAtom$1(canvasIframeAtom), [E, b] = useSelectedStylingBlocks(), k = useBuilderProp("loading", !1), _ = useBuilderProp("htmlDir", "ltr"), S = (A) => {
+  const [o] = useAtom$1(networkModeAtom), [n] = useCanvasWidth(), [, r] = useSelectedBlockIds(), a = useSelectedBlock(), [, l] = useHighlightBlockId(), i = useRef(null), c = useRef(null), [d, u] = useState({ width: 0, height: 0 }), p = useCanvasScale(d), [m, g] = useState([]), [, x] = useState([]), [, j] = useAtom$1(canvasIframeAtom), [E, b] = useSelectedStylingBlocks(), k = useBuilderProp("loading", !1), v = useBuilderProp("htmlDir", "ltr"), S = (A) => {
     u((T) => ({ ...T, width: A }));
   };
   useEffect(() => {
@@ -3628,11 +3632,11 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
   }, [E]);
   const R = useMemo(() => {
     let A = IframeInitialContent;
-    return A = A.replace("__HTML_DIR__", _), o === "offline" && (A = A.replace(
+    return A = A.replace("__HTML_DIR__", v), o === "offline" && (A = A.replace(
       "https://old.chaibuilder.com/offline/tailwind.cdn.js",
       "/offline/tailwind.cdn.js"
     ), A = A.replace("https://unpkg.com/aos@next/dist/aos.css", "/offline/aos.css"), A = A.replace("https://unpkg.com/aos@next/dist/aos.js", "/offline/aos.js")), A;
-  }, [o, _]);
+  }, [o, v]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableCanvasWrapper, { onMount: S, onResize: S, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -3773,7 +3777,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
       l !== o.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "rtl:rotate-180", size: 16 })
     ] }, l))
   ] }) });
-}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-lKbkdWrD.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-p_MY9fHx.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), n = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full max-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, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
@@ -3861,7 +3865,7 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     bodyBgLightColor: b,
     roundedCorners: k
   } = r;
-  let _ = {
+  let v = {
     headingFont: y({
       title: c("theme_config.heading_font"),
       default: p,
@@ -3879,8 +3883,8 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     primaryColor: h({ title: c("theme_config.primary"), default: m }),
     secondaryColor: h({ title: c("theme_config.secondary"), default: E })
   };
-  l || (_ = {
-    ..._,
+  l || (v = {
+    ...v,
     bodyBgLightColor: h({
       title: c("theme_config.background"),
       default: b
@@ -3902,8 +3906,8 @@ const useAllDataProviders = () => useMemo(() => getChaiDataProviders(), []), Blo
     type: "object",
     properties: {}
   }, B = {};
-  return Object.keys(_).forEach((R) => {
-    const A = _[R];
+  return Object.keys(v).forEach((R) => {
+    const A = v[R];
     return S.properties || (S.properties = {}), S.properties[R] = A.schema, B[R] = A.uiSchema, !0;
   }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full select-none flex-col", n), children: [
     o ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-background/30 p-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "px-1 font-semibold", children: c("Theme Configuration") }) }) : null,
@@ -4100,7 +4104,7 @@ function BiExpandVertical(o) {
 const Node = memo(({ node: o, style: n, dragHandle: r }) => {
   const a = useBuilderProp("outlineMenuItems", []), { t: l } = useTranslation(), [i, , c] = useHiddenBlockIds(), [d] = useAtom$1(canvasIframeAtom);
   let u = null;
-  const p = o.children.length > 0, { highlightBlock: m, clearHighlight: g } = useBlockHighlight(), { id: x, data: j, isSelected: E, willReceiveDrop: b, isDragging: k, isEditing: _, handleClick: S } = o, B = (f) => {
+  const p = o.children.length > 0, { highlightBlock: m, clearHighlight: g } = useBlockHighlight(), { id: x, data: j, isSelected: E, willReceiveDrop: b, isDragging: k, isEditing: v, handleClick: S } = o, B = (f) => {
     f.stopPropagation(), !i.includes(x) && o.toggle();
   }, R = (f) => {
     f.isInternal && (u = f.isOpen, f.isOpen && f.close());
@@ -4116,16 +4120,16 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     return () => clearTimeout(f);
   }, [b, o, k]);
   const L = useMemo(() => {
-    const f = Object.keys(j), v = [];
+    const f = Object.keys(j), _ = [];
     for (let C = 0; C < f.length; C++)
       if (f[C].endsWith("_attrs")) {
         const w = j[f[C]], I = Object.keys(w).join("|");
-        I.match(/x-data/) && v.push("data"), I.match(/x-on/) && v.push("event"), I.match(/x-show|x-if/) && v.push("show");
+        I.match(/x-data/) && _.push("data"), I.match(/x-on/) && _.push("event"), I.match(/x-show|x-if/) && _.push("show");
       }
-    return v;
-  }, [j]), P = (f, v) => {
+    return _;
+  }, [j]), P = (f, _) => {
     const C = d.contentDocument || d.contentWindow.document, w = C.querySelector(`[data-block-id=${f}]`);
-    w && w.setAttribute("data-drop", v);
+    w && w.setAttribute("data-drop", _);
     const I = w.getBoundingClientRect(), N = d.getBoundingClientRect();
     I.top >= N.top && I.left >= N.left && I.bottom <= N.bottom && I.right <= N.right || (C.documentElement.scrollTop = w.offsetTop - N.top);
   };
@@ -4177,7 +4181,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: j == null ? void 0 : j._type }) }),
-            _ ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: o }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            v ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: o }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
                 className: "ml-2 flex items-center gap-x-1 truncate text-[11px]",
@@ -4418,7 +4422,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     return o;
   const n = /<video[^>]+src=['"]([^'">]+)['"]/, r = /<iframe[^>]+src=['"]([^'">]+)['"]/, a = o.match(n), l = o.match(r), i = a ? a[1] : l ? l[1] : null, c = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/, d = /(?:https?:\/\/)?(?:www\.)?player.vimeo\.com/;
   return i && (c.test(i) || d.test(i)) ? i : o;
-}, NAME_ATTRIBUTE = "$name", ATTRIBUTE_MAP = {
+}, NAME_ATTRIBUTES = ["chai-name", "data-chai-name"], ATTRIBUTE_MAP = {
   img: { alt: "alt", width: "width", height: "height", src: "image" },
   video: {
     src: "url",
@@ -4459,7 +4463,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     return {};
   const n = {}, r = ATTRIBUTE_MAP[o.tagName] || {}, a = o.attributes;
   return forEach(a, ({ key: l, value: i }) => {
-    if (l !== NAME_ATTRIBUTE)
+    if (!includes(NAME_ATTRIBUTES, l))
       if (r[l]) {
         if (o.tagName === "img" && l === "src" && !i.startsWith("http")) {
           const c = find(o.attributes, { key: "width" }), d = find(o.attributes, { key: "height" });
@@ -4582,7 +4586,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     ...getAttrs(r),
     ...getStyles(r)
   }, r.attributes) {
-    const k = r.attributes.find((_) => _.key === NAME_ATTRIBUTE);
+    const k = r.attributes.find((v) => includes(NAME_ATTRIBUTES, v.key));
     k && (a._name = k.value);
   }
   if (i)
@@ -4600,14 +4604,14 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     ];
     a = {
       ...a,
-      href: ((u = l.find((_) => _.key === "href")) == null ? void 0 : u.value) || "",
-      hrefType: ((p = l.find((_) => _.key === "data-vbtype")) == null ? void 0 : p.value) || "video",
-      autoplay: ((m = l.find((_) => _.key === "data-autoplay")) == null ? void 0 : m.value) === "true",
-      maxWidth: ((x = (g = l.find((_) => _.key === "data-maxwidth")) == null ? void 0 : g.value) == null ? void 0 : x.replace("px", "")) || "",
-      backdropColor: ((j = l.find((_) => _.key === "data-overlay")) == null ? void 0 : j.value) || "",
-      galleryName: ((E = l.find((_) => _.key === "data-gall")) == null ? void 0 : E.value) || ""
-    }, forEach(k, (_) => {
-      has(a, `styles_attrs.${_}`) && delete a.styles_attrs[_];
+      href: ((u = l.find((v) => v.key === "href")) == null ? void 0 : u.value) || "",
+      hrefType: ((p = l.find((v) => v.key === "data-vbtype")) == null ? void 0 : p.value) || "video",
+      autoplay: ((m = l.find((v) => v.key === "data-autoplay")) == null ? void 0 : m.value) === "true",
+      maxWidth: ((x = (g = l.find((v) => v.key === "data-maxwidth")) == null ? void 0 : g.value) == null ? void 0 : x.replace("px", "")) || "",
+      backdropColor: ((j = l.find((v) => v.key === "data-overlay")) == null ? void 0 : j.value) || "",
+      galleryName: ((E = l.find((v) => v.key === "data-gall")) == null ? void 0 : E.value) || ""
+    }, forEach(k, (v) => {
+      has(a, `styles_attrs.${v}`) && delete a.styles_attrs[v];
     });
   }
   if (a._type === "Input") {
@@ -4617,7 +4621,7 @@ const Node = memo(({ node: o, style: n, dragHandle: r }) => {
     const k = stringify([r]);
     return hasVideoEmbed(k) && (set(a, "_type", "Video"), set(a, "url", getVideoURLFromHTML(k)), set(a, "styles", `${STYLES_KEY},absolute top-0 left-0 w-full h-full`), set(a, "controls", { autoPlay: !1, muted: !0, loop: !1, controls: !1 })), a.content = k, [a];
   } else if (r.tagName === "svg") {
-    const k = find(r.attributes, { key: "height" }), _ = find(r.attributes, { key: "width" }), S = get(k, "value") ? `[${get(k, "value")}px]` : "24px", B = get(_, "value") ? `[${get(_, "value")}px]` : "24px", R = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
+    const k = find(r.attributes, { key: "height" }), v = find(r.attributes, { key: "width" }), S = get(k, "value") ? `[${get(k, "value")}px]` : "24px", B = get(v, "value") ? `[${get(v, "value")}px]` : "24px", R = get(find(r.attributes, { key: "class" }), "value", "w-full h-full");
     return a.styles = `${STYLES_KEY}, ${cn(`w-${B} h-${S}`, R)}`.trim(), r.attributes = filter(r.attributes, (A) => !includes(["style", "width", "height", "class"], A.key)), a.icon = stringify([r]), [a];
   } else if (r.tagName == "option" && n && ((b = n.block) == null ? void 0 : b._type) === "Select")
     return n.block.options.push({
@@ -4685,7 +4689,7 @@ function ExpandableObject(o) {
   useEffect(() => {
     g.current ? E(p(d, r, n)) : g.current = !0;
   }, [p]);
-  const b = x ? u.collapseIcon : u.expandIcon, k = x ? "collapse JSON" : "expand JSON", _ = useComponentId(), S = d + 1, B = a.length - 1, R = (A) => {
+  const b = x ? u.collapseIcon : u.expandIcon, k = x ? "collapse JSON" : "expand JSON", v = useComponentId(), S = d + 1, B = a.length - 1, R = (A) => {
     A.key === " " && (A.preventDefault(), j());
   };
   return /* @__PURE__ */ createElement("div", {
@@ -4699,7 +4703,7 @@ function ExpandableObject(o) {
     tabIndex: 0,
     "aria-label": k,
     "aria-expanded": x,
-    "aria-controls": x ? _ : void 0
+    "aria-controls": x ? v : void 0
   }), n && (m ? /* @__PURE__ */ createElement("span", {
     className: u.clickableLabel,
     onClick: j,
@@ -4711,7 +4715,7 @@ function ExpandableObject(o) {
   }, n, ":")), /* @__PURE__ */ createElement("span", {
     className: u.punctuation
   }, i), x ? /* @__PURE__ */ createElement("div", {
-    id: _
+    id: v
   }, a.map((A, T) => /* @__PURE__ */ createElement(DataRender, {
     key: A[0] || T,
     field: A[0],
@@ -5198,7 +5202,7 @@ const ViewData = ({ data: o, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-nAe1gyu9.js")), UploadImages = React__default.lazy(() => import("./UploadImages-PygaZXFU.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-Ud9lZ6w-.js")), UploadImages = React__default.lazy(() => import("./UploadImages-bHQHGRwC.js")), ImagesPanel = ({
   isModalView: o = !1,
   onSelect: n = () => {
   }
@@ -5465,28 +5469,28 @@ const ImagePickerModal$1 = ImagePickerModal, ImagePickerField = ({ value: o, onC
   }), a;
 };
 function BlockSettings() {
-  const { selectedLang: o } = useLanguages(), n = useSelectedBlock(), r = useUpdateBlocksPropsRealtime(), a = useUpdateBlocksProps(), l = getBlockComponent(n == null ? void 0 : n._type), i = formDataWithSelectedLang(n, o, l), [c, d] = useState(i), u = useBuilderProp("dataBindingSupport", !1), p = ({ formData: b }, k, _) => {
+  const { selectedLang: o } = useLanguages(), n = useSelectedBlock(), r = useUpdateBlocksPropsRealtime(), a = useUpdateBlocksProps(), l = getBlockComponent(n == null ? void 0 : n._type), i = formDataWithSelectedLang(n, o, l), [c, d] = useState(i), u = useBuilderProp("dataBindingSupport", !1), p = ({ formData: b }, k, v) => {
     if (k && (c == null ? void 0 : c._id) === n._id) {
       const S = k.replace("root.", "");
-      a([n._id], { [S]: get(b, S) }, _);
+      a([n._id], { [S]: get(b, S) }, v);
     }
   }, m = useCallback(
-    debounce(({ formData: b }, k, _) => {
-      p({ formData: b }, k, _), d(b);
+    debounce(({ formData: b }, k, v) => {
+      p({ formData: b }, k, v), d(b);
     }, 1500),
     [n == null ? void 0 : n._id, o]
   ), g = ({ formData: b }, k) => {
     if (k) {
-      const _ = k.replace("root.", "");
+      const v = k.replace("root.", "");
       r(
         [n._id],
-        convertDotNotationToObject(_, get(b, _.split(".")))
-      ), m({ formData: b }, k, { [_]: get(c, _) });
+        convertDotNotationToObject(v, get(b, v.split(".")))
+      ), m({ formData: b }, k, { [v]: get(c, v) });
     }
   }, x = keys(get(i, "_bindings", {})), j = useMemo(() => {
     const b = cloneDeep(get(l, "props", {}));
-    return each(b, (k, _) => {
-      get(k, "hidden", !1) && delete b[_];
+    return each(b, (k, v) => {
+      get(k, "hidden", !1) && delete b[v];
     }), u && each(x, (k) => delete b[k]), b;
   }, [l, x, u]), E = get(l, "server", !1);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-x-hidden px-px", children: [
@@ -5578,12 +5582,12 @@ const askAiProcessingAtom = atom$1(!1), useAskAi = () => {
           try {
             const b = g === "content" ? cloneDeep(getBlockWithChildren(x, d)) : [cloneDeep(d.find((R) => R._id === x))];
             set(b, "0._parent", null);
-            const k = u === p ? "" : u, _ = await l(g, promptWithLanguage(j, m, g), b, k), { blocks: S, error: B } = _;
+            const k = u === p ? "" : u, v = await l(g, promptWithLanguage(j, m, g), b, k), { blocks: S, error: B } = v;
             if (B) {
               a(B);
               return;
             }
-            g === "styles" ? c(S) : i(S), E && E(_);
+            g === "styles" ? c(S) : i(S), E && E(v);
           } catch (b) {
             a(b);
           } finally {
@@ -5746,17 +5750,17 @@ function ManualClasses() {
     const L = T.trim().toLowerCase(), P = L.match(/.+:/g);
     let f = [];
     if (P && P.length > 0) {
-      const [v] = P, C = L.replace(v, "");
+      const [_] = P, C = L.replace(_, "");
       f = fuse.search(C).map((I) => ({
         ...I,
-        item: { ...I.item, name: v + I.item.name }
+        item: { ...I.item, name: _ + I.item.name }
       }));
     } else
       f = fuse.search(L);
     return E(map(f, "item"));
   }, k = () => {
     E([]);
-  }, _ = (T) => T.name, S = (T) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: T.name }), B = {
+  }, v = (T) => T.name, S = (T) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md p-1", children: T.name }), B = {
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
@@ -5810,7 +5814,7 @@ function ManualClasses() {
               suggestions: j,
               onSuggestionsFetchRequested: b,
               onSuggestionsClearRequested: k,
-              getSuggestionValue: _,
+              getSuggestionValue: v,
               renderSuggestion: S,
               inputProps: B,
               containerProps: {
@@ -6501,37 +6505,37 @@ const RangeChoices = ({ property: o, onChange: n }) => {
   },
   a
 )) }), THROTTLE_TIME = 50, AdvanceChoices = (o) => {
-  const [n, r] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: u, units: p, negative: m } = o, [g, x] = useState(u != null && u.toLowerCase().includes("width") ? "%" : p[0]), [j, E] = useState(!1), [b, k] = useState(""), [_, S] = useState(!1), [B, R] = useState(!1);
+  const [n, r] = useState(!1), [a, l] = useState(""), { currentClass: i, onChange: c, classPrefix: d, cssProperty: u, units: p, negative: m } = o, [g, x] = useState(u != null && u.toLowerCase().includes("width") ? "%" : p[0]), [j, E] = useState(!1), [b, k] = useState(""), [v, S] = useState(!1), [B, R] = useState(!1);
   useEffect(() => {
-    const { value: f, unit: v } = getClassValueAndUnit(i);
-    if (v === "") {
+    const { value: f, unit: _ } = getClassValueAndUnit(i);
+    if (_ === "") {
       l(f), x(u != null && u.toLowerCase().includes("width") ? "%" : first(p));
       return;
     }
-    x(v), l(v === "class" || isEmpty(f) ? "" : f);
+    x(_), l(_ === "class" || isEmpty(f) ? "" : f);
   }, [i, u, p]);
   const A = useThrottledCallback((f) => c(f), [c], THROTTLE_TIME), T = useThrottledCallback((f) => c(f, !1), [c], THROTTLE_TIME), L = useCallback(
     (f = !1) => {
-      const v = getUserInputValues(`${a}`, p);
-      if (get(v, "error", !1)) {
+      const _ = getUserInputValues(`${a}`, p);
+      if (get(_, "error", !1)) {
         E(!0);
         return;
       }
-      const C = get(v, "unit") !== "" ? get(v, "unit") : g;
+      const C = get(_, "unit") !== "" ? get(_, "unit") : g;
       if (C === "auto" || C === "none") {
         A(`${d}${C}`);
         return;
       }
-      if (get(v, "value") === "")
+      if (get(_, "value") === "")
         return;
-      const I = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${C === "-" ? "" : C}]`;
+      const I = `${get(_, "value", "").startsWith("-") ? "-" : ""}${d}[${get(_, "value", "").replace("-", "")}${C === "-" ? "" : C}]`;
       f ? T(I) : A(I);
     },
     [A, T, a, g, d, p]
   ), P = useCallback(
     (f) => {
-      const v = getUserInputValues(`${a}`, p);
-      if (get(v, "error", !1)) {
+      const _ = getUserInputValues(`${a}`, p);
+      if (get(_, "error", !1)) {
         E(!0);
         return;
       }
@@ -6539,9 +6543,9 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         A(`${d}${f}`);
         return;
       }
-      if (get(v, "value") === "")
+      if (get(_, "value") === "")
         return;
-      const C = get(v, "unit") !== "" ? get(v, "unit") : f, I = `${get(v, "value", "").startsWith("-") ? "-" : ""}${d}[${get(v, "value", "").replace("-", "")}${C === "-" ? "" : C}]`;
+      const C = get(_, "unit") !== "" ? get(_, "unit") : f, I = `${get(_, "value", "").startsWith("-") ? "-" : ""}${d}[${get(_, "value", "").replace("-", "")}${C === "-" ? "" : C}]`;
       A(I);
     },
     [A, a, d, p]
@@ -6552,7 +6556,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "invisible ml-3 mt-1 text-blue-600 group-hover:visible", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfoCircledIcon, {}) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Current value is using a Tailwind preset class." })
     ] })
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `group relative flex items-center ${_ ? "z-auto" : ""}`, children: [
+  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `group relative flex items-center ${v ? "z-auto" : ""}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center rounded-md border border-border", children: [
       ["none", "auto"].indexOf(g) !== -1 ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
@@ -6565,8 +6569,8 @@ const RangeChoices = ({ property: o, onChange: n }) => {
             if (f.keyCode !== 38 && f.keyCode !== 40)
               return;
             f.preventDefault(), R(!0);
-            const v = parseInt$1(f.target.value);
-            let C = isNaN$1(v) ? 0 : v;
+            const _ = parseInt$1(f.target.value);
+            let C = isNaN$1(_) ? 0 : _;
             f.keyCode === 38 && (C += 1), f.keyCode === 40 && (C -= 1);
             const w = `${C}`, N = `${w.startsWith("-") ? "-" : ""}${d}[${w.replace("-", "")}${g === "-" ? "" : g}]`;
             T(N);
@@ -6579,10 +6583,10 @@ const RangeChoices = ({ property: o, onChange: n }) => {
             E(!1), l(f.target.value);
           },
           onClick: (f) => {
-            var v;
-            (v = f == null ? void 0 : f.target) == null || v.select(), r(!1);
+            var _;
+            (_ = f == null ? void 0 : f.target) == null || _.select(), r(!1);
           },
-          value: _ ? b : a,
+          value: v ? b : a,
           className: "h-6 w-14 rounded rounded-r-none border border-transparent bg-background pl-2 text-sm focus-visible:outline-0".concat(
             " ",
             j ? "border-red-500 text-red-500" : "border-foreground/20"
@@ -6614,21 +6618,21 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         ) }) })
       ] })
     ] }),
-    ["none", "auto"].indexOf(g) !== -1 || _ ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ["none", "auto"].indexOf(g) !== -1 || v ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
       DragStyleButton,
       {
         onDragStart: () => S(!0),
         onDragEnd: (f) => {
           if (k(() => ""), S(!1), isEmpty(f))
             return;
-          const v = `${f}`, w = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${g === "-" ? "" : g}]`;
+          const _ = `${f}`, w = `${_.startsWith("-") ? "-" : ""}${d}[${_.replace("-", "")}${g === "-" ? "" : g}]`;
           A(w);
         },
         onDrag: (f) => {
           if (isEmpty(f))
             return;
           k(f);
-          const v = `${f}`, w = `${v.startsWith("-") ? "-" : ""}${d}[${v.replace("-", "")}${g === "-" ? "" : g}]`;
+          const _ = `${f}`, w = `${_.startsWith("-") ? "-" : ""}${d}[${_.replace("-", "")}${g === "-" ? "" : g}]`;
           T(w);
         },
         currentValue: a,
@@ -6734,7 +6738,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
       x(E, [f], L);
     },
     [E, u, m, p, l, x]
-  ), _ = useCallback(() => {
+  ), v = useCallback(() => {
     j(E, [b]);
   }, [E, b, j]), S = useMemo(() => canChangeClass(g, m), [g, m]);
   useEffect(() => {
@@ -6773,7 +6777,7 @@ const RangeChoices = ({ property: o, onChange: n }) => {
         r === "color" && /* @__PURE__ */ jsxRuntimeExports.jsx(ColorChoice, { property: l, onChange: k }),
         r === "dropdown" && /* @__PURE__ */ jsxRuntimeExports.jsx(DropDownChoices, { label: a, property: l, onChange: k })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-[30px] cursor-pointer ${b ? "visible" : "invisible"}`, children: A ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => _(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : S && g ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 100, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `w-[30px] cursor-pointer ${b ? "visible" : "invisible"}`, children: A ? /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", onClick: () => v(), title: "Reset", className: "flex px-1.5 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CrossCircledIcon, { className: "h-5 w-5 text-blue-500 hover:opacity-80" }) }) : S && g ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 100, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -7051,8 +7055,8 @@ const BlockCard = ({
   parentId: r = void 0
 }) => {
   const [a, l] = useState(!1), i = useBuilderProp("getUILibraryBlock", noop), { addCoreBlock: c, addPredefinedBlock: d } = useAddBlock(), [, u] = useSelectedBlockIds(), { clearHighlight: p } = useBlockHighlight(), m = get(o, "name", get(o, "label")), g = useFeature("dnd"), [, x] = useAtom$1(draggedBlockAtom), j = (k) => {
-    const _ = has(k, "styles_attrs.data-page-section");
-    return k._type === "Box" && _;
+    const v = has(k, "styles_attrs.data-page-section");
+    return k._type === "Box" && v;
   }, E = useCallback(
     async (k) => {
       if (k.stopPropagation(), has(o, "component")) {
@@ -7060,15 +7064,15 @@ const BlockCard = ({
         return;
       }
       l(!0);
-      const _ = await i(n, o);
-      isEmpty(_) || d(syncBlocksWithDefaults(_), r), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
+      const v = await i(n, o);
+      isEmpty(v) || d(syncBlocksWithDefaults(v), r), emitChaiBuilderMsg({ name: CHAI_BUILDER_EVENTS.CLOSE_ADD_BLOCK });
     },
     [o]
   ), b = async (k) => {
-    const _ = await i(n, o);
+    const v = await i(n, o);
     let S = r;
-    if (j(first(_)) && (S = null), !isEmpty(_)) {
-      const B = { blocks: _, uiLibrary: !0, parent: S };
+    if (j(first(v)) && (S = null), !isEmpty(v)) {
+      const B = { blocks: v, uiLibrary: !0, parent: S };
       if (k.dataTransfer.setData("text/plain", JSON.stringify(B)), o.preview) {
         const R = new Image();
         R.src = o.preview, R.onload = () => {
@@ -7127,7 +7131,7 @@ const BlockCard = ({
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "col-span-9 h-full" })
     ] });
-  const k = filter(x, (S, B) => B % 2 === 0), _ = filter(x, (S, B) => B % 2 === 1);
+  const k = filter(x, (S, B) => B % 2 === 0), v = filter(x, (S, B) => B % 2 === 1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative mt-2 flex h-full max-h-full overflow-hidden bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full pt-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full max-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: r, uiLibraries: a }),
@@ -7166,7 +7170,7 @@ const BlockCard = ({
               k.map((S) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: S, library: c }))
             ) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: React__default.Children.toArray(
-              _.map((S) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: S, library: c }))
+              v.map((S) => /* @__PURE__ */ jsxRuntimeExports.jsx(BlockCard, { parentId: o, block: S, library: c }))
             ) })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
@@ -8134,14 +8138,14 @@ const AIUserPrompt = ({ blockId: o }) => {
                 size: "sm",
                 children: c ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { className: "h-5 w-5 animate-spin" }),
-                  o("Generating... Please wait...")
+                  o("Saving... Please wait...")
                 ] }) : o("Save")
               }
             ),
             n.trim().length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialog, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { disabled: n.trim().length === 0, variant: "ghost", className: "w-fit", size: "sm", children: c ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { className: "h-5 w-5 animate-spin" }),
-                o("Generating... Please wait...")
+                o("Deleting... Please wait...")
               ] }) : o("Delete") }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogContent, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogHeader, { children: [
@@ -8194,7 +8198,7 @@ const AIUserPrompt = ({ blockId: o }) => {
   }, k = (R) => {
     const A = a.filter((T, L) => L !== R);
     r(A), l(A);
-  }, _ = (R) => {
+  }, v = (R) => {
     m(R), c(a[R].key), u(a[R].value);
   }, S = () => {
     if (i.startsWith("@")) {
@@ -8266,7 +8270,7 @@ const AIUserPrompt = ({ blockId: o }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-wrap max-w-[200px] text-muted-foreground", children: R.value.toString() })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-shrink-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => _(A), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => v(A), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Edit2, { className: "h-3 w-3" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Edit attribute" })
         ] }),
@@ -8460,43 +8464,6 @@ const TabletIcon = ({ landscape: o = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
       ] })
     ] })
   ] }) });
-}, LanguageSelector = () => {
-  const { fallbackLang: o, languages: n, selectedLang: r, setSelectedLang: a } = useLanguages(), l = (r == null ? void 0 : r.length) > 0 ? r : o, i = useMemo(() => {
-    const c = [];
-    return forEach(uniq([o, ...n]), (d) => {
-      const u = get(LANGUAGES, d);
-      u && c.push({ key: d, value: u, default: d === o });
-    }), c;
-  }, [o, n]);
-  return isEmpty(n) && l === "en" ? null : isEmpty(n) && l !== "en" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-x-1 text-sm text-blue-500 hover:text-blue-600", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FaLanguage, { className: "h-4 w-4" }),
-    get(LANGUAGES, l)
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: !0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { size: "sm", variant: "ghost", className: "flex items-center gap-x-1 text-blue-500 hover:text-blue-600", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(FaLanguage, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          " ",
-          get(LANGUAGES, l)
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDownIcon, { className: "h-4 w-4" })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { className: "border-border", children: map(i, (c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      DropdownMenuItem,
-      {
-        className: cn(
-          "flex cursor-pointer items-center text-sm",
-          c.key === l && "!bg-blue-500 text-white hover:!text-white"
-        ),
-        onClick: () => a(c.key),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: c.value }),
-          c.key === o ? /* @__PURE__ */ jsxRuntimeExports.jsx(FaStar, { className: "ml-2 h-4 w-4 text-yellow-400" }) : null
-        ]
-      }
-    )) })
-  ] });
 }, CanvasTopBar = () => {
   const o = useBuilderProp("darkMode", !0), [n] = useCanvasZoom();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center justify-between border-b border-border bg-background/70 px-2", children: [
@@ -8518,10 +8485,7 @@ const TabletIcon = ({ landscape: o = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
       /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { orientation: "vertical" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(UndoRedo, {})
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-center space-x-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LanguageSelector, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ClearCanvas, {})
-    ] })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center space-x-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClearCanvas, {}) })
   ] });
 };
 function BlockAttributesToggle() {
@@ -8738,9 +8702,9 @@ const PageDataProviders = () => {
     (b) => !isNull(b)
   ), x = (b) => {
     const k = find(n, { providerKey: b });
-    c((_) => [..._, k]), a((_) => [..._, { providerKey: k.providerKey, args: {} }]), u(""), l("UNSAVED");
+    c((v) => [...v, k]), a((v) => [...v, { providerKey: k.providerKey, args: {} }]), u(""), l("UNSAVED");
   }, j = (b) => {
-    c((k) => filter(k, (_) => _.providerKey !== b.providerKey)), a((k) => filter(k, (_) => _.providerKey !== b.providerKey)), l("UNSAVED");
+    c((k) => filter(k, (v) => v.providerKey !== b.providerKey)), a((k) => filter(k, (v) => v.providerKey !== b.providerKey)), l("UNSAVED");
   }, E = (b) => m(b);
   return isEmpty(n) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "mb-1.5 p-4 text-xs text-gray-500", children: [
     o("no_data_providers"),
@@ -8837,7 +8801,7 @@ const PageDataProviders = () => {
 function AiFillDatabase(o) {
   return GenIcon({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M832 64H192c-17.7 0-32 14.3-32 32v224h704V96c0-17.7-14.3-32-32-32zM288 232c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zM160 928c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V704H160v224zm128-136c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40zM160 640h704V384H160v256zm128-168c22.1 0 40 17.9 40 40s-17.9 40-40 40-40-17.9-40-40 17.9-40 40-40z" }, child: [] }] })(o);
 }
-const TopBar = lazy(() => import("./Topbar-lJgYu8sz.js"));
+const TopBar = lazy(() => import("./Topbar-_edNTuUL.js"));
 function useSidebarMenuItems(o) {
   const n = o === "SINGLE_SIDE_PANEL", { t: r } = useTranslation(), a = useBuilderProp("dataBindingSupport", !1), l = useBuilderProp("askAiCallBack", null);
   return useMemo(() => {
@@ -9021,69 +8985,72 @@ const RootLayout = () => {
   ] }) }) });
 };
 export {
-  useSelectedBlockCurrentClasses as $,
+  usePasteBlocks as $,
   AddBlocksPanel$1 as A,
   BlockSettings as B,
   ChaiSelect$1 as C,
   DefaultChaiBlocks as D,
-  useBuilderReset as E,
+  useGlobalBlocksStore as E,
   FaCheck as F,
-  useAddBlock as G,
-  useAddClassesToBlocks as H,
+  useBlocksStore as G,
+  useUndoManager as H,
   ImportHTML$1 as I,
-  useCanvasWidth as J,
-  useCanvasZoom as K,
-  useCopyBlockIds as L,
-  useCopyToClipboard as M,
-  useCurrentPage as N,
+  useBuilderReset as J,
+  useAddBlock as K,
+  LANGUAGES as L,
+  useAddClassesToBlocks as M,
+  useCanvasWidth as N,
   Outline$1 as O,
-  useCutBlockIds as P,
-  useDarkMode as Q,
-  useDuplicateBlocks as R,
-  useHiddenBlockIds as S,
+  useCanvasZoom as P,
+  useCopyBlockIds as Q,
+  useCopyToClipboard as R,
+  useCurrentPage as S,
   ThemeOptions as T,
   UILibraries as U,
-  useHighlightBlockId as V,
-  useBlockHighlight as W,
-  usePasteBlocks as X,
-  useBrandingOptions as Y,
-  useRemoveBlocks as Z,
-  useRemoveClassesFromBlocks as _,
+  useCutBlockIds as V,
+  useDarkMode as W,
+  useDuplicateBlocks as X,
+  useHiddenBlockIds as Y,
+  useHighlightBlockId as Z,
+  useBlockHighlight as _,
   useSelectedBlockIds as a,
-  useSelectedBlockAllClasses as a0,
-  useSelectedBlock as a1,
-  useStylingBreakpoint as a2,
-  useUILibraryBlocks as a3,
-  useStylingState as a4,
-  useSelectedBlocksDisplayChild as a5,
-  useSelectedBreakpoints as a6,
-  useSelectedStylingBlocks as a7,
-  useLanguages as a8,
-  useLayoutVariant as a9,
-  useBlocksStoreUndoableActions as aa,
+  useBrandingOptions as a0,
+  useRemoveBlocks as a1,
+  useRemoveClassesFromBlocks as a2,
+  useSelectedBlockCurrentClasses as a3,
+  useSelectedBlockAllClasses as a4,
+  useSelectedBlock as a5,
+  useStylingBreakpoint as a6,
+  useUILibraryBlocks as a7,
+  useStylingState as a8,
+  useSelectedBlocksDisplayChild as a9,
+  useSelectedBreakpoints as aa,
+  useSelectedStylingBlocks as ab,
+  useLayoutVariant as ac,
+  useBlocksStoreUndoableActions as ad,
   useUpdateBlocksProps as b,
   useUpdateBlocksPropsRealtime as c,
   useBuilderProp as d,
   useSavePage as e,
   usePreviewMode as f,
-  CanvasArea$1 as g,
-  BlockStyling as h,
-  AddBlocksDialog as i,
-  emitChaiBuilderMsg as j,
-  useChaiBuilderMsgListener as k,
-  CHAI_BUILDER_EVENTS as l,
-  AISetContext as m,
-  AIUserPrompt as n,
-  BlockAttributesEditor as o,
-  ChaiBuilderEditor as p,
-  DarkMode as q,
-  Breakpoints as r,
-  UndoRedo as s,
-  getClassValueAndUnit as t,
+  useLanguages as g,
+  FaLanguage as h,
+  FaStar as i,
+  CanvasArea$1 as j,
+  BlockStyling as k,
+  AddBlocksDialog as l,
+  emitChaiBuilderMsg as m,
+  useChaiBuilderMsgListener as n,
+  CHAI_BUILDER_EVENTS as o,
+  AISetContext as p,
+  AIUserPrompt as q,
+  BlockAttributesEditor as r,
+  ChaiBuilderEditor as s,
+  DarkMode as t,
   useCodeEditor as u,
-  getBlocksFromHTML as v,
-  useGlobalBlocksList as w,
-  useGlobalBlocksStore as x,
-  useBlocksStore as y,
-  useUndoManager as z
+  Breakpoints as v,
+  UndoRedo as w,
+  getClassValueAndUnit as x,
+  getBlocksFromHTML as y,
+  useGlobalBlocksList as z
 };