@chaibuilder/sdk 1.2.57 → 1.2.59

package/dist/{CurrentPage-nzo4lszx.js → CurrentPage-cOvRmEIZ.js}

@@ -3,7 +3,7 @@ import { Q as h, az as f, aA as j, aB as y, aC as v, aD as P } from "./index-uLn
 import { sortBy as C, filter as b, get as w, isEmpty as m, find as n, capitalize as N, map as S } from "lodash-es";
 import { toast as k } from "sonner";
 import { useEffect as p } from "react";
-import { a as B, u as E, c as T, d as z } from "./index--hN9ZQsP.js";
+import { a as B, u as E, c as T, d as z } from "./index-yVCgnTlS.js";
 import { BriefcaseIcon as A } from "lucide-react";
 import { useTranslation as D } from "react-i18next";
 import "./_commonjsHelpers-UyOWmZb0.js";
@@ -40,7 +40,7 @@ import "@chaibuilder/runtime";
 import "jotai";
 import "@react-hookz/web";
 import "tree-model";
-import "./index-IgLSTkN6.js";
+import "./index--t_K8Sw6.js";
 import "i18next";
 import "@floating-ui/react-dom";
 import "flagged";

package/dist/{CurrentPage-7aEIhzQ0.cjs → CurrentPage-pwDwQsWa.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("./index-0FIxW0gR.cjs"),i=require("lodash-es"),j=require("sonner"),l=require("react"),o=require("./index-zaKhyTQ6.cjs"),p=require("lucide-react"),f=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("./index-sspgZwTk.cjs");require("i18next");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("./index--mLLy7QQ.cjs");require("./html-to-json-ndxaXRT8.cjs");require("himalaya");require("lodash");const E=()=>{const{data:t}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{saveState:d}=s.useSavePage(),m=o.useChangePage(),{t:q}=f.useTranslation(),[n,a]=o.useCurrentPage(),c=i.sortBy(i.filter(u,{type:"STATIC"}),r=>i.get(r,"uuid")===(t==null?void 0:t.homepage)?0:1);l.useEffect(()=>{!i.isEmpty(u)&&t.homepage&&!i.find(u,{uuid:n})&&a(t.homepage)},[n,u,t,a]),l.useEffect(()=>()=>a(null),[a]);const g=r=>{if(d!=="SAVED")j.toast.error(q("You have unsaved changes. Please save before changing the page."));else{const h=i.find(c,{uuid:r});m(h)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 py-1 pr-0 text-gray-700 dark:border-gray-700 dark:bg-gray-800","aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:[e.jsxRuntimeExports.jsx("li",{className:"inline-flex items-center",children:e.jsxRuntimeExports.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400",children:[e.jsxRuntimeExports.jsx(p.BriefcaseIcon,{className:"mr-2 h-4 w-4"}),i.capitalize(t.name)]})}),e.jsxRuntimeExports.jsx("li",{"aria-current":"page",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("svg",{className:"mx-1 h-3 w-3 text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 6 10",children:e.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 9 4-4-4-4"})}),e.jsxRuntimeExports.jsxs(s.Select,{value:n||"",onValueChange:g,children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Page"})}),e.jsxRuntimeExports.jsx(s.SelectContent,{className:"z-[999]",children:i.map(c,r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.uuid,children:r==null?void 0:r.name},r.uuid))})]})]})})]})})};exports.default=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),s=require("./index-0FIxW0gR.cjs"),i=require("lodash-es"),j=require("sonner"),l=require("react"),o=require("./index-4C2qT6ju.cjs"),p=require("lucide-react"),f=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-D_vtk3zK.cjs");require("./MODIFIERS-mVmfEGgo.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("./Functions-N3yhPYKY.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("tree-model");require("./index-Phf9F3An.cjs");require("i18next");require("@floating-ui/react-dom");require("flagged");require("react-hotkeys-hook");require("./index--mLLy7QQ.cjs");require("./html-to-json-ndxaXRT8.cjs");require("himalaya");require("lodash");const E=()=>{const{data:t}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{saveState:d}=s.useSavePage(),m=o.useChangePage(),{t:q}=f.useTranslation(),[n,a]=o.useCurrentPage(),c=i.sortBy(i.filter(u,{type:"STATIC"}),r=>i.get(r,"uuid")===(t==null?void 0:t.homepage)?0:1);l.useEffect(()=>{!i.isEmpty(u)&&t.homepage&&!i.find(u,{uuid:n})&&a(t.homepage)},[n,u,t,a]),l.useEffect(()=>()=>a(null),[a]);const g=r=>{if(d!=="SAVED")j.toast.error(q("You have unsaved changes. Please save before changing the page."));else{const h=i.find(c,{uuid:r});m(h)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 py-1 pr-0 text-gray-700 dark:border-gray-700 dark:bg-gray-800","aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:[e.jsxRuntimeExports.jsx("li",{className:"inline-flex items-center",children:e.jsxRuntimeExports.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400",children:[e.jsxRuntimeExports.jsx(p.BriefcaseIcon,{className:"mr-2 h-4 w-4"}),i.capitalize(t.name)]})}),e.jsxRuntimeExports.jsx("li",{"aria-current":"page",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("svg",{className:"mx-1 h-3 w-3 text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 6 10",children:e.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 9 4-4-4-4"})}),e.jsxRuntimeExports.jsxs(s.Select,{value:n||"",onValueChange:g,children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:"Page"})}),e.jsxRuntimeExports.jsx(s.SelectContent,{className:"z-[999]",children:i.map(c,r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.uuid,children:r==null?void 0:r.name},r.uuid))})]})]})})]})})};exports.default=E;

package/dist/{ListTree-KUGhFsb_.js → ListTree-0iy8aBgI.js}

@@ -3,7 +3,7 @@ import React__default, { memo, useMemo, useCallback, useEffect, useRef } from "r
 import { useAtom } from "jotai";
 import { useDebouncedCallback } from "@react-hookz/web";
 import { Tree } from "react-arborist";
-import { D as useBlocksStore, r as useSelectedBlockIds, s as useRemoveBlocks, ai as useSelectedBlock, bC as ContextMenuItem, b2 as canDeleteBlock, t as useDuplicateBlocks, bD as ContextMenuContent, b1 as canDuplicateBlock, bE as ContextMenu, bF as ContextMenuTrigger, h as useBuilderProp, ad as useHighlightBlockId, b5 as canAcceptChildBlock, aF as Tooltip, aG as TooltipTrigger, aH as TooltipContent, bG as treeDSBlocks, am as useUpdateBlocksProps, at as useSelectedStylingBlocks, aW as useBlocksStoreUndoableActions, a$ as treeRefAtom } from "./index-uLn8W3eR.js";
+import { D as useBlocksStore, r as useSelectedBlockIds, s as useRemoveBlocks, ai as useSelectedBlock, bC as ContextMenuItem, b2 as canDeleteBlock, t as useDuplicateBlocks, bD as ContextMenuContent, b1 as canDuplicateBlock, bE as ContextMenu, bF as ContextMenuTrigger, h as useBuilderProp, b7 as canvasIframeAtom, b5 as canAcceptChildBlock, aF as Tooltip, aG as TooltipTrigger, aH as TooltipContent, bG as treeDSBlocks, am as useUpdateBlocksProps, at as useSelectedStylingBlocks, aW as useBlocksStoreUndoableActions, a$ as treeRefAtom } from "./index-uLn8W3eR.js";
 import { c as cn } from "./Functions-7jnEwJyw.js";
 import { 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, TrashIcon, CopyIcon, TriangleRightIcon } from "@radix-ui/react-icons";
 import { DatabaseIcon } from "lucide-react";
@@ -107,18 +107,18 @@ const TypeIcon = (a) => {
   alignItems: "center",
   zIndex: 1
 }, DefaultCursor = React__default.memo(function({ top: l, left: r }) {
-  const n = {
+  const o = {
     position: "absolute",
     pointerEvents: "none",
     top: l + "px",
     left: r + "px",
     right: 0
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...placeholderStyle, ...n }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...placeholderStyle, ...o }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
 }), Overlay = memo(function({ children: l, isDragging: r }) {
   return r ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none fixed left-0 top-0 z-[100] h-full w-full", children: l }) : null;
 }), DefaultDragPreview = memo(({ id: a, isDragging: l, mouse: r }) => {
-  const [n] = useBlocksStore(), i = useMemo(() => n.find((c) => c._id === a), [n, a]), d = useMemo(
+  const [o] = useBlocksStore(), i = useMemo(() => o.find((M) => M._id === a), [o, a]), c = useMemo(
     () => ({
       transform: `translate(${(r == null ? void 0 : r.x) - 10}px, ${(r == null ? void 0 : r.y) - 10}px)`
     }),
@@ -128,7 +128,7 @@ const TypeIcon = (a) => {
     "div",
     {
       className: "pointer-events-none absolute z-50 rounded border border-gray-200 bg-gray-100/80 font-semibold text-blue-600 shadow-md dark:border-gray-700 dark:bg-gray-800",
-      style: d,
+      style: c,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "flex !cursor-grab items-center p-0.5", "aria-label": `Type: ${i == null ? void 0 : i._type}`, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "-mt-0.5 h-3 w-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TypeIcon, { type: i == null ? void 0 : i._type }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-2 truncate text-[11px]", children: (i == null ? void 0 : i._name) || (i == null ? void 0 : i._type) })
@@ -150,7 +150,7 @@ const TypeIcon = (a) => {
     }
   );
 }, BlockContextMenuContent = () => {
-  const [a] = useSelectedBlockIds(), l = useDuplicateBlocks(), r = useSelectedBlock(), n = useCallback(() => {
+  const [a] = useSelectedBlockIds(), l = useDuplicateBlocks(), r = useSelectedBlock(), o = useCallback(() => {
     l(a);
   }, [a, l]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { className: "text-xs", children: [
@@ -159,7 +159,7 @@ const TypeIcon = (a) => {
       {
         disabled: !canDuplicateBlock(r == null ? void 0 : r._type),
         className: "flex items-center gap-x-4 text-xs",
-        onClick: n,
+        onClick: o,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}),
           " Duplicate"
@@ -196,8 +196,8 @@ function selectPrev(a) {
   a.select(l.id);
 }
 const selectParent = (a, l) => {
-  var n;
-  const r = ((n = a.selectedIds[0]) == null ? void 0 : n.parent) || null;
+  var o;
+  const r = ((o = a.selectedIds[0]) == null ? void 0 : o.parent) || null;
   r && l && a.select(r.id);
 }, open = (a, l) => {
   const r = a.selectedNodes[0];
@@ -25506,39 +25506,60 @@ function TbZzz(a) {
   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: "M4 12h6l-6 8h6" }, child: [] }, { tag: "path", attr: { d: "M14 4h6l-6 8h6" }, child: [] }] })(a);
 }
 const Node = memo(({ node: a, style: l, dragHandle: r }) => {
-  const n = useBuilderProp("outlineMenuItems", []), [, i] = useHighlightBlockId(), d = a.children.length > 0, { id: c, data: h, isSelected: f, willReceiveDrop: u, isDragging: k, isEditing: L, handleClick: C } = a, B = useDebouncedCallback((o) => i(o), [], 300), m = (o) => {
-    o.stopPropagation(), a.toggle();
-  }, z = (o) => {
-    o.stopPropagation(), a.isOpen || a.toggle(), C(o);
+  const o = useBuilderProp("outlineMenuItems", []), [i] = useAtom(canvasIframeAtom);
+  let c = null;
+  const M = a.children.length > 0, { id: d, data: h, isSelected: m, willReceiveDrop: k, isDragging: L, isEditing: z, handleClick: w } = a, x = (n) => {
+    n.stopPropagation(), a.toggle();
+  }, I = (n) => {
+    n.isInternal && (c = n.isOpen, n.isOpen && n.close());
+  }, G = (n) => {
+    n.isInternal && c !== null && (c ? n.open() : n.close(), c = null);
+  }, V = (n) => {
+    n.stopPropagation(), a.isOpen || a.toggle(), w(n);
   };
   useEffect(() => {
-    const o = setTimeout(() => {
-      u && !a.isOpen && a.toggle();
+    const n = setTimeout(() => {
+      k && !a.isOpen && !L && a.toggle();
     }, 500);
-    return () => clearTimeout(o);
-  }, [u, a]);
-  const p = useMemo(() => {
-    const o = Object.keys(h), g = [];
-    for (let v = 0; v < o.length; v++)
-      if (o[v].endsWith("_attrs")) {
-        const w = h[o[v]], M = Object.keys(w).join("|");
-        M.match(/x-data/) && g.push("data"), M.match(/x-on:|@click/) && g.push("event"), M.match(/x-show/) && g.push("show");
+    return () => clearTimeout(n);
+  }, [k, a, L]);
+  const C = useMemo(() => {
+    const n = Object.keys(h), u = [];
+    for (let v = 0; v < n.length; v++)
+      if (n[v].endsWith("_attrs")) {
+        const p = h[n[v]], g = Object.keys(p).join("|");
+        g.match(/x-data/) && u.push("data"), g.match(/x-on/) && u.push("event"), g.match(/x-show|x-if/) && u.push("show");
       }
-    return g;
-  }, [h]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockContextMenu, { id: c, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return u;
+  }, [h]), B = (n, u) => {
+    const v = i.contentDocument || i.contentWindow.document, p = v.querySelector(`[data-block-id=${n}]`);
+    p && p.setAttribute("data-drop", u);
+    const g = p.getBoundingClientRect(), f = i.getBoundingClientRect();
+    g.top >= f.top && g.left >= f.left && g.bottom <= f.bottom && g.right <= f.right || (v.documentElement.scrollTop = p.offsetTop - f.top);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BlockContextMenu, { id: d, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      onClick: z,
-      onMouseEnter: () => B(c),
+      onClick: V,
       style: l,
-      "data-node-id": c,
+      "data-node-id": d,
       ref: r,
+      onDragStart: () => I(a),
+      onDragEnd: () => G(a),
+      onDragOver: (n) => {
+        n.preventDefault(), B(d, "yes");
+      },
+      onDragLeave: (n) => {
+        n.preventDefault(), B(d, "no");
+      },
+      onDrop: (n) => {
+        n.preventDefault(), B(d, "no");
+      },
       className: cn(
         "group flex !h-fit w-full items-center justify-between space-x-px py-px outline-none",
-        f ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
-        u && canAcceptChildBlock(h._type, "Icon") ? "bg-green-200" : "",
-        k && "opacity-20"
+        m ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800",
+        k && canAcceptChildBlock(h._type, "Icon") ? "bg-green-200" : "",
+        L && "opacity-20"
       ),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
@@ -25546,38 +25567,38 @@ const Node = memo(({ node: a, style: l, dragHandle: r }) => {
             "div",
             {
               className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${a.isOpen ? "rotate-90" : ""}`,
-              children: d && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: m, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleRightIcon, {}) })
+              children: M && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: x, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleRightIcon, {}) })
             }
           ),
           /* @__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: h == null ? void 0 : h._type }) }),
-            L ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: a }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            z ? /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { node: a }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
                 className: "ml-2 flex items-center gap-x-1 truncate text-[11px]",
-                onDoubleClick: (o) => {
-                  o.stopPropagation(), a.edit(), a.deselect();
+                onDoubleClick: (n) => {
+                  n.stopPropagation(), a.edit(), a.deselect();
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: (h == null ? void 0 : h._name) || (h == null ? void 0 : h._type.split("/").pop()) }),
-                  p.includes("data") && /* @__PURE__ */ jsxRuntimeExports.jsx(VscJson, { className: "h-3 w-3 text-orange-600" }),
-                  p.includes("event") && /* @__PURE__ */ jsxRuntimeExports.jsx(BsLightningFill, { className: "h-3 w-3 text-yellow-500" }),
-                  p.includes("show") && /* @__PURE__ */ jsxRuntimeExports.jsx(TbEyeDown, { className: "h-3 w-3 text-orange-600" })
+                  C.includes("data") && /* @__PURE__ */ jsxRuntimeExports.jsx(VscJson, { className: "h-3 w-3 text-orange-600" }),
+                  C.includes("event") && /* @__PURE__ */ jsxRuntimeExports.jsx(BsLightningFill, { className: "h-3 w-3 text-yellow-500" }),
+                  C.includes("show") && /* @__PURE__ */ jsxRuntimeExports.jsx(TbEyeDown, { className: "h-3 w-3 text-orange-600" })
                 ]
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "invisible flex items-center space-x-1 pr-2 group-hover:visible", children: n.map((o) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "invisible flex items-center space-x-1 pr-2 group-hover:visible", children: o.map((n) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             TooltipTrigger,
             {
               className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
               asChild: !0,
-              children: React__default.createElement(o.item, { blockId: c })
+              children: React__default.createElement(n.item, { blockId: d })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "z-[9999]", children: o.tooltip })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { className: "z-[9999]", children: n.tooltip })
         ] })) })
       ]
     }
@@ -25591,22 +25612,22 @@ const Node = memo(({ node: a, style: l, dragHandle: r }) => {
       className: "ml-2 w-full rounded-sm border border-black/30 bg-transparent px-1 text-[11px] outline-none",
       type: "text",
       defaultValue: ((l = a.data) == null ? void 0 : l._name) || ((r = a.data) == null ? void 0 : r._type),
-      onFocus: (n) => n.currentTarget.select(),
-      onBlur: (n) => a.submit(n.currentTarget.value),
-      onKeyDown: (n) => {
-        n.key === "Enter" && a.submit(n.currentTarget.value);
+      onFocus: (o) => o.currentTarget.select(),
+      onBlur: (o) => a.submit(o.currentTarget.value),
+      onKeyDown: (o) => {
+        o.key === "Enter" && a.submit(o.currentTarget.value);
       }
     }
   );
 }, useCanMove = () => {
   const [a] = useBlocksStore();
   return (l, r) => {
-    var d;
-    const n = (d = find(a, { _id: r })) == null ? void 0 : d._type, i = first(l.map((c) => {
-      var h;
-      return (h = find(a, { _id: c })) == null ? void 0 : h._type;
+    var c;
+    const o = (c = find(a, { _id: r })) == null ? void 0 : c._type, i = first(l.map((M) => {
+      var d;
+      return (d = find(a, { _id: M })) == null ? void 0 : d._type;
     }));
-    return canAcceptChildBlock(n, i);
+    return canAcceptChildBlock(o, i);
   };
 }, ListTree = () => {
   const [treeData] = useAtom(treeDSBlocks), [ids, setIds] = useSelectedBlockIds(), updateBlockProps = useUpdateBlocksProps(), [, setStyleBlocks] = useSelectedStylingBlocks(), { moveBlocks } = useBlocksStoreUndoableActions(), canMove = useCanMove(), treeRef = useRef(null), [, setTreeRef] = useAtom(treeRefAtom), { t } = useTranslation(), clearSelection = () => {
@@ -25625,9 +25646,9 @@ const Node = memo(({ node: a, style: l, dragHandle: r }) => {
     const l = a[0] ? a[0].id : "";
     setStyleBlocks([]), setIds([l]);
   }, onContextMenu = (a) => {
-    var n;
+    var o;
     a.preventDefault();
-    const l = a.target, r = l.getAttribute("data-node-id") || ((n = l.closest("[data-node-id]")) == null ? void 0 : n.getAttribute("data-node-id"));
+    const l = a.target, r = l.getAttribute("data-node-id") || ((o = l.closest("[data-node-id]")) == null ? void 0 : o.getAttribute("data-node-id"));
     r && (setStyleBlocks([]), setIds([r]));
   }, debouncedDisableDrop = useDebouncedCallback(
     ({ parentNode: a, dragNodes: l }) => {