@lv-x-software-house/x_view 1.2.6-dev.30 → 1.2.6-dev.32

package/dist/index.js

@@ -13069,7 +13069,7 @@ function domToContent(el) {
   el.childNodes.forEach(walk);
   return segments;
 }
-function RichGroupEditor({
+var RichGroupEditor = import_react28.default.memo(function RichGroupEditor2({
   content,
   onChange,
   onMentionClick,
@@ -13279,14 +13279,17 @@ function RichGroupEditor({
       onClose: handleMentionDismiss
     }
   ));
-}
+}, (prevProps, nextProps) => {
+  return prevProps.readOnly === nextProps.readOnly && prevProps.placeholder === nextProps.placeholder && prevProps.content === nextProps.content && prevProps.searchItems === nextProps.searchItems;
+});
+var RichGroupEditor_default = RichGroupEditor;
 
 // src/components/Boards.jsx
 var Tooltip = ({ text, children }) => {
   if (!text) return children;
   return /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative group/tooltip" }, children, /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-slate-900 border border-white/10 text-white text-[10px] rounded opacity-0 group-hover/tooltip:opacity-100 transition-opacity pointer-events-none whitespace-nowrap z-[3000] shadow-2xl" }, text));
 };
-var BoardItem = ({
+var BoardItem = import_react29.default.memo(({
   item,
   index,
   prevItem,
@@ -13309,7 +13312,6 @@ var BoardItem = ({
   const isFolder = item.type === "folder";
   const canMoveUp = index > 0;
   const canMoveDown = nextItem !== void 0;
-  const isNested = onOutdent !== void 0;
   const getIndentUpTooltip = () => {
     if (!prevItem) return null;
     const typeLabel = prevItem.type === "folder" ? "pasta" : "grupo de texto";
@@ -13414,7 +13416,7 @@ var BoardItem = ({
     ));
   }
   return /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ import_react29.default.createElement(
-    RichGroupEditor,
+    RichGroupEditor_default,
     {
       content: item.content,
       onChange: handleContentChange,
@@ -13500,7 +13502,7 @@ var BoardItem = ({
       isAtRoot: false
     }
   ))));
-};
+});
 function Boards({
   isOpen,
   onClose,
@@ -13517,13 +13519,24 @@ function Boards({
   const [navigationStack, setNavigationStack] = (0, import_react29.useState)([]);
   const lastSavedBoardItemsRef = (0, import_react29.useRef)(null);
   const canEdit = (0, import_react29.useMemo)(() => userRole !== "viewer", [userRole]);
-  const sanitizeBoardItems = (list) => list.map((g) => ({
+  const findGroupAndParent = (list, targetId, parent = null) => {
+    for (let i = 0; i < list.length; i++) {
+      if (list[i].id === targetId)
+        return { group: list[i], parent, index: i, siblings: list };
+      if (list[i].children.length > 0) {
+        const found = findGroupAndParent(list[i].children, targetId, list[i]);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  const sanitizeBoardItems = (0, import_react29.useCallback)((list) => list.map((g) => ({
     id: g.id,
     type: g.type || "text_group",
     name: g.name || "",
     content: g.content || [],
     children: sanitizeBoardItems(g.children || [])
-  }));
+  })), []);
   (0, import_react29.useEffect)(() => {
     if (initialBoardItems && !isLoaded) {
       const hasLegacyTypes = (list) => list.some(
@@ -13594,8 +13607,8 @@ function Boards({
       }
     }, 3e3);
     return () => clearTimeout(id);
-  }, [boardItems, isLoaded, onSave]);
-  const triggerInstantSave = async (updatedBoardItems) => {
+  }, [boardItems, isLoaded, onSave, sanitizeBoardItems]);
+  const triggerInstantSave = (0, import_react29.useCallback)(async (updatedBoardItems) => {
     if (!onSave) return;
     const sanitized = sanitizeBoardItems(updatedBoardItems);
     const sanitizedJson = JSON.stringify(sanitized);
@@ -13609,7 +13622,7 @@ function Boards({
       console.error("Erro ao salvar board:", err);
       setSaveStatus("error");
     }
-  };
+  }, [onSave, sanitizeBoardItems]);
   (0, import_react29.useEffect)(() => {
     if (!isOpen) return;
     const handler = (e) => {
@@ -13638,19 +13651,7 @@ function Boards({
     const lastFolder = currentPath[currentPath.length - 1];
     return lastFolder ? lastFolder.children : boardItems;
   }, [boardItems, currentPath]);
-  const navigateUp = () => {
-    setNavigationStack((prev) => prev.slice(0, -1));
-  };
-  const navigateTo = (folderId) => {
-    setNavigationStack((prev) => [...prev, folderId]);
-  };
-  const navigateToBreadcrumb = (index) => {
-    setNavigationStack((prev) => prev.slice(0, index + 1));
-  };
-  const navigateHome = () => {
-    setNavigationStack([]);
-  };
-  const handleAddItem = (type = "text_group") => {
+  const handleAddItem = (0, import_react29.useCallback)((type = "text_group") => {
     const newItem = {
       id: (0, import_uuid11.v4)(),
       type,
@@ -13658,17 +13659,20 @@ function Boards({
       content: [],
       children: []
     };
-    if (navigationStack.length === 0) {
-      setBoardItems((prev) => [...prev, newItem]);
-    } else {
-      const parentId = navigationStack[navigationStack.length - 1];
-      const add = (list) => list.map(
-        (g) => g.id === parentId ? { ...g, children: [...g.children, newItem] } : { ...g, children: add(g.children) }
-      );
-      setBoardItems((prev) => add(prev));
-    }
-  };
-  const handleAddSubgroup = (parentId, type = "text_group") => {
+    setNavigationStack((stack) => {
+      if (stack.length === 0) {
+        setBoardItems((prev) => [...prev, newItem]);
+      } else {
+        const parentId = stack[stack.length - 1];
+        const add = (list) => list.map(
+          (g) => g.id === parentId ? { ...g, children: [...g.children, newItem] } : { ...g, children: add(g.children) }
+        );
+        setBoardItems((prev) => add(prev));
+      }
+      return stack;
+    });
+  }, []);
+  const handleAddSubgroup = (0, import_react29.useCallback)((parentId, type = "text_group") => {
     const add = (list) => list.map((g) => {
       if (g.id === parentId) {
         if (g.type === "text_group" && type === "folder") return g;
@@ -13684,96 +13688,103 @@ function Boards({
       return { ...g, children: add(g.children) };
     });
     setBoardItems((prev) => add(prev));
-  };
-  const handleUpdateItem = (id, newData) => {
+  }, []);
+  const handleUpdateItem = (0, import_react29.useCallback)((id, newData) => {
     const update = (list) => list.map(
       (g) => g.id === id ? newData : { ...g, children: update(g.children) }
     );
     setBoardItems((prev) => update(prev));
-  };
-  const handleDeleteItem = (id) => {
+  }, []);
+  const handleDeleteItem = (0, import_react29.useCallback)((id) => {
     const del = (list) => list.filter((g) => g.id !== id).map((g) => ({ ...g, children: del(g.children) }));
     setBoardItems((prev) => del(prev));
-  };
-  const findGroupAndParent = (list, targetId, parent = null) => {
-    for (let i = 0; i < list.length; i++) {
-      if (list[i].id === targetId)
-        return { group: list[i], parent, index: i, siblings: list };
-      if (list[i].children.length > 0) {
-        const found = findGroupAndParent(list[i].children, targetId, list[i]);
-        if (found) return found;
+  }, []);
+  const handleIndent = (0, import_react29.useCallback)((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === 0) return prev;
+      const { group, siblings, index } = found;
+      const targetParent = siblings[index - 1];
+      if (group.type === "folder" && targetParent.type === "text_group") return prev;
+      siblings.splice(index, 1);
+      targetParent.children.push(group);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleIndentDown = (0, import_react29.useCallback)((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === found.siblings.length - 1) return prev;
+      const { group, siblings, index } = found;
+      const targetParent = siblings[index + 1];
+      if (group.type === "folder" && targetParent.type === "text_group") return prev;
+      siblings.splice(index, 1);
+      targetParent.children.push(group);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleOutdent = (0, import_react29.useCallback)((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || !found.parent) return prev;
+      const { group, siblings, index, parent } = found;
+      siblings.splice(index, 1);
+      const parentFound = findGroupAndParent(next, parent.id);
+      if (parentFound) {
+        parentFound.siblings.splice(parentFound.index + 1, 0, group);
+      } else {
+        next.push(group);
       }
-    }
-    return null;
-  };
-  const handleIndent = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === 0) return;
-    const { group, siblings, index } = found;
-    const targetParent = siblings[index - 1];
-    if (group.type === "folder" && targetParent.type === "text_group") {
-      return;
-    }
-    siblings.splice(index, 1);
-    targetParent.children.push(group);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleIndentDown = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === found.siblings.length - 1) return;
-    const { group, siblings, index } = found;
-    const targetParent = siblings[index + 1];
-    if (group.type === "folder" && targetParent.type === "text_group") {
-      return;
-    }
-    siblings.splice(index, 1);
-    targetParent.children.push(group);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleOutdent = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || !found.parent) return;
-    const { group, siblings, index, parent } = found;
-    siblings.splice(index, 1);
-    const parentFound = findGroupAndParent(next, parent.id);
-    if (parentFound) {
-      parentFound.siblings.splice(parentFound.index + 1, 0, group);
-    } else {
-      next.push(group);
-    }
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleMoveUp = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === 0) return;
-    const { siblings, index } = found;
-    const item = siblings[index];
-    siblings.splice(index, 1);
-    siblings.splice(index - 1, 0, item);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleMoveDown = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === found.siblings.length - 1) return;
-    const { siblings, index } = found;
-    const item = siblings[index];
-    siblings.splice(index, 1);
-    siblings.splice(index + 1, 0, item);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleMentionClick = (item) => {
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleMoveUp = (0, import_react29.useCallback)((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === 0) return prev;
+      const { siblings, index } = found;
+      const item = siblings[index];
+      siblings.splice(index, 1);
+      siblings.splice(index - 1, 0, item);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleMoveDown = (0, import_react29.useCallback)((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === found.siblings.length - 1) return prev;
+      const { siblings, index } = found;
+      const item = siblings[index];
+      siblings.splice(index, 1);
+      siblings.splice(index + 1, 0, item);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleMentionClick = (0, import_react29.useCallback)((item) => {
     if (onSelect) onSelect(item);
-  };
+  }, [onSelect]);
+  const navigateUp = (0, import_react29.useCallback)(() => {
+    setNavigationStack((prev) => prev.slice(0, -1));
+  }, []);
+  const navigateTo = (0, import_react29.useCallback)((folderId) => {
+    setNavigationStack((prev) => [...prev, folderId]);
+  }, []);
+  const navigateToBreadcrumb = (0, import_react29.useCallback)((index) => {
+    setNavigationStack((prev) => prev.slice(0, index + 1));
+  }, []);
+  const navigateHome = (0, import_react29.useCallback)(() => {
+    setNavigationStack([]);
+  }, []);
   if (!isOpen) return null;
   return /* @__PURE__ */ import_react29.default.createElement(
     "div",
@@ -18044,6 +18055,22 @@ function XViewScene({
   const allAvailableAncestries = (0, import_react31.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
+  const handleFocusNode = (0, import_react31.useCallback)(
+    (nodeData) => {
+      var _a2;
+      if (!nodeData) return;
+      let nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      if (!nodeMesh) {
+        const spawnPos = ((_a2 = stateRef.current.controls) == null ? void 0 : _a2.target.clone()) || new THREE3.Vector3();
+        addStandaloneNodeToScene(stateRef.current, nodeData, spawnPos);
+        nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      }
+      if (nodeMesh) {
+        tweenToTarget(nodeMesh, 1.2);
+      }
+    },
+    [tweenToTarget]
+  );
   const handleOpenReference = (0, import_react31.useCallback)(
     (referenceData) => {
       const { type, id } = referenceData;
@@ -18055,10 +18082,7 @@ function XViewScene({
           setAncestryLinkDetails(null);
           setDetailsLink(null);
           setDetailsNode(targetNode);
-          const sceneMesh = stateRef.current.nodeObjects[String(id)];
-          if (sceneMesh) {
-            tweenToTarget(sceneMesh);
-          }
+          handleFocusNode(targetNode);
         } else {
           alert("Node original n\xE3o encontrado neste contexto.");
         }
@@ -18080,7 +18104,7 @@ function XViewScene({
       allAvailableNodes,
       allAvailableAncestries,
       handleEditAncestry,
-      tweenToTarget
+      handleFocusNode
     ]
   );
   const handleSelectAncestryFromBoard = (0, import_react31.useCallback)(
@@ -18240,22 +18264,6 @@ function XViewScene({
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const handleFocusNode = (0, import_react31.useCallback)(
-    (nodeData) => {
-      var _a2;
-      if (!nodeData) return;
-      let nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
-      if (!nodeMesh) {
-        const spawnPos = ((_a2 = stateRef.current.controls) == null ? void 0 : _a2.target.clone()) || new THREE3.Vector3();
-        addStandaloneNodeToScene(stateRef.current, nodeData, spawnPos);
-        nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
-      }
-      if (nodeMesh) {
-        tweenToTarget(nodeMesh, 1.2);
-      }
-    },
-    [tweenToTarget]
-  );
   const availableDatasets = (0, import_react31.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 // src/XViewScene.jsx
 import React30, {
-  useCallback as useCallback5,
+  useCallback as useCallback6,
   useEffect as useEffect24,
   useRef as useRef21,
   useState as useState29,
@@ -12950,7 +12950,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/Boards.jsx
-import React28, { useState as useState27, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef20 } from "react";
+import React28, { useState as useState27, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef20, useCallback as useCallback5 } from "react";
 import {
   FiSearch as FiSearch8,
   FiLayers as FiLayers7,
@@ -13119,7 +13119,7 @@ function domToContent(el) {
   el.childNodes.forEach(walk);
   return segments;
 }
-function RichGroupEditor({
+var RichGroupEditor = React27.memo(function RichGroupEditor2({
   content,
   onChange,
   onMentionClick,
@@ -13329,14 +13329,17 @@ function RichGroupEditor({
       onClose: handleMentionDismiss
     }
   ));
-}
+}, (prevProps, nextProps) => {
+  return prevProps.readOnly === nextProps.readOnly && prevProps.placeholder === nextProps.placeholder && prevProps.content === nextProps.content && prevProps.searchItems === nextProps.searchItems;
+});
+var RichGroupEditor_default = RichGroupEditor;
 
 // src/components/Boards.jsx
 var Tooltip = ({ text, children }) => {
   if (!text) return children;
   return /* @__PURE__ */ React28.createElement("div", { className: "relative group/tooltip" }, children, /* @__PURE__ */ React28.createElement("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-slate-900 border border-white/10 text-white text-[10px] rounded opacity-0 group-hover/tooltip:opacity-100 transition-opacity pointer-events-none whitespace-nowrap z-[3000] shadow-2xl" }, text));
 };
-var BoardItem = ({
+var BoardItem = React28.memo(({
   item,
   index,
   prevItem,
@@ -13359,7 +13362,6 @@ var BoardItem = ({
   const isFolder = item.type === "folder";
   const canMoveUp = index > 0;
   const canMoveDown = nextItem !== void 0;
-  const isNested = onOutdent !== void 0;
   const getIndentUpTooltip = () => {
     if (!prevItem) return null;
     const typeLabel = prevItem.type === "folder" ? "pasta" : "grupo de texto";
@@ -13464,7 +13466,7 @@ var BoardItem = ({
     ));
   }
   return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ React28.createElement(
-    RichGroupEditor,
+    RichGroupEditor_default,
     {
       content: item.content,
       onChange: handleContentChange,
@@ -13550,7 +13552,7 @@ var BoardItem = ({
       isAtRoot: false
     }
   ))));
-};
+});
 function Boards({
   isOpen,
   onClose,
@@ -13567,13 +13569,24 @@ function Boards({
   const [navigationStack, setNavigationStack] = useState27([]);
   const lastSavedBoardItemsRef = useRef20(null);
   const canEdit = useMemo12(() => userRole !== "viewer", [userRole]);
-  const sanitizeBoardItems = (list) => list.map((g) => ({
+  const findGroupAndParent = (list, targetId, parent = null) => {
+    for (let i = 0; i < list.length; i++) {
+      if (list[i].id === targetId)
+        return { group: list[i], parent, index: i, siblings: list };
+      if (list[i].children.length > 0) {
+        const found = findGroupAndParent(list[i].children, targetId, list[i]);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  const sanitizeBoardItems = useCallback5((list) => list.map((g) => ({
     id: g.id,
     type: g.type || "text_group",
     name: g.name || "",
     content: g.content || [],
     children: sanitizeBoardItems(g.children || [])
-  }));
+  })), []);
   useEffect23(() => {
     if (initialBoardItems && !isLoaded) {
       const hasLegacyTypes = (list) => list.some(
@@ -13644,8 +13657,8 @@ function Boards({
       }
     }, 3e3);
     return () => clearTimeout(id);
-  }, [boardItems, isLoaded, onSave]);
-  const triggerInstantSave = async (updatedBoardItems) => {
+  }, [boardItems, isLoaded, onSave, sanitizeBoardItems]);
+  const triggerInstantSave = useCallback5(async (updatedBoardItems) => {
     if (!onSave) return;
     const sanitized = sanitizeBoardItems(updatedBoardItems);
     const sanitizedJson = JSON.stringify(sanitized);
@@ -13659,7 +13672,7 @@ function Boards({
       console.error("Erro ao salvar board:", err);
       setSaveStatus("error");
     }
-  };
+  }, [onSave, sanitizeBoardItems]);
   useEffect23(() => {
     if (!isOpen) return;
     const handler = (e) => {
@@ -13688,19 +13701,7 @@ function Boards({
     const lastFolder = currentPath[currentPath.length - 1];
     return lastFolder ? lastFolder.children : boardItems;
   }, [boardItems, currentPath]);
-  const navigateUp = () => {
-    setNavigationStack((prev) => prev.slice(0, -1));
-  };
-  const navigateTo = (folderId) => {
-    setNavigationStack((prev) => [...prev, folderId]);
-  };
-  const navigateToBreadcrumb = (index) => {
-    setNavigationStack((prev) => prev.slice(0, index + 1));
-  };
-  const navigateHome = () => {
-    setNavigationStack([]);
-  };
-  const handleAddItem = (type = "text_group") => {
+  const handleAddItem = useCallback5((type = "text_group") => {
     const newItem = {
       id: uuidv411(),
       type,
@@ -13708,17 +13709,20 @@ function Boards({
       content: [],
       children: []
     };
-    if (navigationStack.length === 0) {
-      setBoardItems((prev) => [...prev, newItem]);
-    } else {
-      const parentId = navigationStack[navigationStack.length - 1];
-      const add = (list) => list.map(
-        (g) => g.id === parentId ? { ...g, children: [...g.children, newItem] } : { ...g, children: add(g.children) }
-      );
-      setBoardItems((prev) => add(prev));
-    }
-  };
-  const handleAddSubgroup = (parentId, type = "text_group") => {
+    setNavigationStack((stack) => {
+      if (stack.length === 0) {
+        setBoardItems((prev) => [...prev, newItem]);
+      } else {
+        const parentId = stack[stack.length - 1];
+        const add = (list) => list.map(
+          (g) => g.id === parentId ? { ...g, children: [...g.children, newItem] } : { ...g, children: add(g.children) }
+        );
+        setBoardItems((prev) => add(prev));
+      }
+      return stack;
+    });
+  }, []);
+  const handleAddSubgroup = useCallback5((parentId, type = "text_group") => {
     const add = (list) => list.map((g) => {
       if (g.id === parentId) {
         if (g.type === "text_group" && type === "folder") return g;
@@ -13734,96 +13738,103 @@ function Boards({
       return { ...g, children: add(g.children) };
     });
     setBoardItems((prev) => add(prev));
-  };
-  const handleUpdateItem = (id, newData) => {
+  }, []);
+  const handleUpdateItem = useCallback5((id, newData) => {
     const update = (list) => list.map(
       (g) => g.id === id ? newData : { ...g, children: update(g.children) }
     );
     setBoardItems((prev) => update(prev));
-  };
-  const handleDeleteItem = (id) => {
+  }, []);
+  const handleDeleteItem = useCallback5((id) => {
     const del = (list) => list.filter((g) => g.id !== id).map((g) => ({ ...g, children: del(g.children) }));
     setBoardItems((prev) => del(prev));
-  };
-  const findGroupAndParent = (list, targetId, parent = null) => {
-    for (let i = 0; i < list.length; i++) {
-      if (list[i].id === targetId)
-        return { group: list[i], parent, index: i, siblings: list };
-      if (list[i].children.length > 0) {
-        const found = findGroupAndParent(list[i].children, targetId, list[i]);
-        if (found) return found;
+  }, []);
+  const handleIndent = useCallback5((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === 0) return prev;
+      const { group, siblings, index } = found;
+      const targetParent = siblings[index - 1];
+      if (group.type === "folder" && targetParent.type === "text_group") return prev;
+      siblings.splice(index, 1);
+      targetParent.children.push(group);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleIndentDown = useCallback5((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === found.siblings.length - 1) return prev;
+      const { group, siblings, index } = found;
+      const targetParent = siblings[index + 1];
+      if (group.type === "folder" && targetParent.type === "text_group") return prev;
+      siblings.splice(index, 1);
+      targetParent.children.push(group);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleOutdent = useCallback5((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || !found.parent) return prev;
+      const { group, siblings, index, parent } = found;
+      siblings.splice(index, 1);
+      const parentFound = findGroupAndParent(next, parent.id);
+      if (parentFound) {
+        parentFound.siblings.splice(parentFound.index + 1, 0, group);
+      } else {
+        next.push(group);
       }
-    }
-    return null;
-  };
-  const handleIndent = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === 0) return;
-    const { group, siblings, index } = found;
-    const targetParent = siblings[index - 1];
-    if (group.type === "folder" && targetParent.type === "text_group") {
-      return;
-    }
-    siblings.splice(index, 1);
-    targetParent.children.push(group);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleIndentDown = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === found.siblings.length - 1) return;
-    const { group, siblings, index } = found;
-    const targetParent = siblings[index + 1];
-    if (group.type === "folder" && targetParent.type === "text_group") {
-      return;
-    }
-    siblings.splice(index, 1);
-    targetParent.children.push(group);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleOutdent = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || !found.parent) return;
-    const { group, siblings, index, parent } = found;
-    siblings.splice(index, 1);
-    const parentFound = findGroupAndParent(next, parent.id);
-    if (parentFound) {
-      parentFound.siblings.splice(parentFound.index + 1, 0, group);
-    } else {
-      next.push(group);
-    }
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleMoveUp = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === 0) return;
-    const { siblings, index } = found;
-    const item = siblings[index];
-    siblings.splice(index, 1);
-    siblings.splice(index - 1, 0, item);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleMoveDown = (id) => {
-    const next = JSON.parse(JSON.stringify(boardItems));
-    const found = findGroupAndParent(next, id);
-    if (!found || found.index === found.siblings.length - 1) return;
-    const { siblings, index } = found;
-    const item = siblings[index];
-    siblings.splice(index, 1);
-    siblings.splice(index + 1, 0, item);
-    setBoardItems(next);
-    triggerInstantSave(next);
-  };
-  const handleMentionClick = (item) => {
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleMoveUp = useCallback5((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === 0) return prev;
+      const { siblings, index } = found;
+      const item = siblings[index];
+      siblings.splice(index, 1);
+      siblings.splice(index - 1, 0, item);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleMoveDown = useCallback5((id) => {
+    setBoardItems((prev) => {
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
+      if (!found || found.index === found.siblings.length - 1) return prev;
+      const { siblings, index } = found;
+      const item = siblings[index];
+      siblings.splice(index, 1);
+      siblings.splice(index + 1, 0, item);
+      triggerInstantSave(next);
+      return next;
+    });
+  }, [triggerInstantSave]);
+  const handleMentionClick = useCallback5((item) => {
     if (onSelect) onSelect(item);
-  };
+  }, [onSelect]);
+  const navigateUp = useCallback5(() => {
+    setNavigationStack((prev) => prev.slice(0, -1));
+  }, []);
+  const navigateTo = useCallback5((folderId) => {
+    setNavigationStack((prev) => [...prev, folderId]);
+  }, []);
+  const navigateToBreadcrumb = useCallback5((index) => {
+    setNavigationStack((prev) => prev.slice(0, index + 1));
+  }, []);
+  const navigateHome = useCallback5(() => {
+    setNavigationStack([]);
+  }, []);
   if (!isOpen) return null;
   return /* @__PURE__ */ React28.createElement(
     "div",
@@ -14355,10 +14366,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = useCallback5(() => {
+  const handleNavigateBack = useCallback6(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = useCallback5(
+  const handleConfirmImport = useCallback6(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -14486,7 +14497,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = useCallback5(
+  const tweenToTarget = useCallback6(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const { camera, controls, tweenGroup } = stateRef.current;
       if (!camera || !controls || !tweenGroup) return;
@@ -14512,7 +14523,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = useCallback5(
+  const buildFullAncestryTree = useCallback6(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -14597,7 +14608,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = useCallback5(() => {
+  const handleActivateTimeline = useCallback6(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -14757,7 +14768,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = useCallback5((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = useCallback6((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
       return;
@@ -14999,12 +15010,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = useCallback5((id) => {
+  const isNodeInView = useCallback6((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = useCallback5(
+  const addOrUpdateNodeMesh = useCallback6(
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
@@ -15045,7 +15056,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = useCallback5(({ assigneeId, status: status2, milestoneId }) => {
+  const handleActivateQuestLens = useCallback6(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -16015,7 +16026,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = useCallback5((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = useCallback6((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -16063,7 +16074,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = useCallback5((newIntensity) => {
+  const handleGhostNodeIntensityChange = useCallback6((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -16084,7 +16095,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = useCallback5(
+  const handleDetailNodeIntensityChange = useCallback6(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -16240,7 +16251,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = useCallback5((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = useCallback6((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -16324,7 +16335,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = useCallback5((questNode) => {
+  const handleStartQuestQuick = useCallback6((questNode) => {
     var _a2, _b2, _c2;
     if (!questNode || !actionHandlerContext) return;
     const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
@@ -16359,7 +16370,7 @@ function XViewScene({
     }
     setDetailsNode(updatedNode);
   }, [session, actionHandlerContext]);
-  const handleFinishQuestQuick = useCallback5((questNode) => {
+  const handleFinishQuestQuick = useCallback6((questNode) => {
     var _a2, _b2, _c2, _d2;
     if (!questNode || !actionHandlerContext) return;
     const {
@@ -16433,7 +16444,7 @@ function XViewScene({
       setDetailsNode(null);
     }
   }, [session, actionHandlerContext, viewMembers, detailsNode]);
-  const handleCancelQuest = useCallback5(() => {
+  const handleCancelQuest = useCallback6(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -16590,7 +16601,7 @@ function XViewScene({
     }
     userActionHandlers.handleCancelConnection(context);
   };
-  const handleClearAncestryVisuals = useCallback5((ancestryId) => {
+  const handleClearAncestryVisuals = useCallback6((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -16608,7 +16619,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = useCallback5(
+  const handleRenderAncestry = useCallback6(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17102,7 +17113,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = useCallback5(
+  const handleRenderAbstractionTree = useCallback6(
     (ancestryObject, targetNodeId = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17190,7 +17201,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = useCallback5(
+  const handleReadModeBranchNav = useCallback6(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -17368,7 +17379,7 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = useCallback5((nodeId) => {
+  const handleReadModeHighlight = useCallback6((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
@@ -17491,7 +17502,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = useCallback5(
+  const handleStartReadingAncestry = useCallback6(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17534,7 +17545,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = useCallback5(
+  const handleReadModeSectionChange = useCallback6(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -17619,10 +17630,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = useCallback5(() => {
+  const handleCloseReadMode = useCallback6(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = useCallback5(
+  const handleAncestrySectionChange = useCallback6(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -17684,7 +17695,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = useCallback5(
+  const handleEditAncestry = useCallback6(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17739,7 +17750,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = useCallback5((pathToRemove) => {
+  const handleRemoveFromAncestry = useCallback6((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -17764,7 +17775,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = useCallback5(
+  const handleSaveAncestry = useCallback6(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -18000,7 +18011,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = useCallback5(
+  const handleDeleteAncestry = useCallback6(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -18082,7 +18093,7 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenBoards = useCallback5(() => {
+  const handleOpenBoards = useCallback6(() => {
     setIsBoardsOpen(true);
   }, []);
   const allAvailableNodes = useMemo13(() => {
@@ -18094,7 +18105,23 @@ function XViewScene({
   const allAvailableAncestries = useMemo13(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = useCallback5(
+  const handleFocusNode = useCallback6(
+    (nodeData) => {
+      var _a2;
+      if (!nodeData) return;
+      let nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      if (!nodeMesh) {
+        const spawnPos = ((_a2 = stateRef.current.controls) == null ? void 0 : _a2.target.clone()) || new THREE3.Vector3();
+        addStandaloneNodeToScene(stateRef.current, nodeData, spawnPos);
+        nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      }
+      if (nodeMesh) {
+        tweenToTarget(nodeMesh, 1.2);
+      }
+    },
+    [tweenToTarget]
+  );
+  const handleOpenReference = useCallback6(
     (referenceData) => {
       const { type, id } = referenceData;
       if (type === "node") {
@@ -18105,10 +18132,7 @@ function XViewScene({
           setAncestryLinkDetails(null);
           setDetailsLink(null);
           setDetailsNode(targetNode);
-          const sceneMesh = stateRef.current.nodeObjects[String(id)];
-          if (sceneMesh) {
-            tweenToTarget(sceneMesh);
-          }
+          handleFocusNode(targetNode);
         } else {
           alert("Node original n\xE3o encontrado neste contexto.");
         }
@@ -18130,10 +18154,10 @@ function XViewScene({
       allAvailableNodes,
       allAvailableAncestries,
       handleEditAncestry,
-      tweenToTarget
+      handleFocusNode
     ]
   );
-  const handleSelectAncestryFromBoard = useCallback5(
+  const handleSelectAncestryFromBoard = useCallback6(
     (item) => {
       setIsBoardsOpen(false);
       setIsSidebarOpen(false);
@@ -18145,7 +18169,7 @@ function XViewScene({
     },
     [handleStartReadingAncestry, handleOpenReference]
   );
-  const handleSaveBoards = useCallback5(
+  const handleSaveBoards = useCallback6(
     async (boardItems2) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -18186,7 +18210,7 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = useCallback5(
+  const handleAddExistingNode = useCallback6(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -18195,7 +18219,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = useCallback5(
+  const handleUpdateMilestones = useCallback6(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -18241,7 +18265,7 @@ function XViewScene({
       viewParams == null ? void 0 : viewParams.type
     ]
   );
-  const handleSaveCurrentView = useCallback5(async () => {
+  const handleSaveCurrentView = useCallback6(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -18284,28 +18308,12 @@ function XViewScene({
       console.error("Erro na chamada de save_view_data:", error);
     }
   }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
-  const handleToggleAncestryAddMode = useCallback5(() => {
+  const handleToggleAncestryAddMode = useCallback6(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const handleFocusNode = useCallback5(
-    (nodeData) => {
-      var _a2;
-      if (!nodeData) return;
-      let nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
-      if (!nodeMesh) {
-        const spawnPos = ((_a2 = stateRef.current.controls) == null ? void 0 : _a2.target.clone()) || new THREE3.Vector3();
-        addStandaloneNodeToScene(stateRef.current, nodeData, spawnPos);
-        nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
-      }
-      if (nodeMesh) {
-        tweenToTarget(nodeMesh, 1.2);
-      }
-    },
-    [tweenToTarget]
-  );
   const availableDatasets = useMemo13(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.2.6-dev.30",
+  "version": "1.2.6-dev.32",
   "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
   "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
   "license": "UNLICENSED",