@lv-x-software-house/x_view 1.2.6-dev.81 → 1.2.6-dev.83

package/dist/index.js

@@ -8792,7 +8792,7 @@ var NodeItem2 = ({ nodeData, onSelectParent, onRemoveNode, onMoveNode, selectedP
 };
 function CreateQuestTreePanel({
   questTreeMode,
-  setQuestTreeMode: setQuestTreeMode2,
+  setQuestTreeMode,
   onSave,
   onClose
 }) {
@@ -8814,11 +8814,11 @@ function CreateQuestTreePanel({
     maxWidth: maxPanelW
   });
   const handleSelectParent = (nodeId) => {
-    setQuestTreeMode2((prev) => ({ ...prev, selectedParentId: nodeId }));
+    setQuestTreeMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
   const handleToggleAddMode = () => {
     const isAbstraction = activeTab === "abstraction";
-    setQuestTreeMode2((prev) => {
+    setQuestTreeMode((prev) => {
       var _a2, _b2, _c2, _d;
       return isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes, selectedParentId: ((_b2 = (_a2 = prev.abstraction_tree) == null ? void 0 : _a2.node) == null ? void 0 : _b2.id) || prev.selectedParentId } : { ...prev, isAddingNodes: !prev.isAddingNodes, selectedParentId: ((_d = (_c2 = prev.tree) == null ? void 0 : _c2.node) == null ? void 0 : _d.id) || prev.selectedParentId };
     });
@@ -8827,7 +8827,7 @@ function CreateQuestTreePanel({
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
     const isAbstraction = activeTab === "abstraction";
     const treeKey = isAbstraction ? "abstraction_tree" : "tree";
-    setQuestTreeMode2((prev) => {
+    setQuestTreeMode((prev) => {
       if (!prev[treeKey]) return prev;
       const newTree = JSON.parse(JSON.stringify(prev[treeKey]));
       let currentParent = newTree;
@@ -8844,7 +8844,7 @@ function CreateQuestTreePanel({
       }
       return { ...prev, [treeKey]: newTree };
     });
-  }, [setQuestTreeMode2, activeTab]);
+  }, [setQuestTreeMode, activeTab]);
   const handleMoveNode = (sourceId, targetId) => {
     const isAbstraction = activeTab === "abstraction";
     const treeKey = isAbstraction ? "abstraction_tree" : "tree";
@@ -8884,7 +8884,7 @@ function CreateQuestTreePanel({
     };
     if (removeSourceNode(rootTreeClone) && movedNodeData) {
       if (insertTargetNode(rootTreeClone)) {
-        setQuestTreeMode2((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
+        setQuestTreeMode((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
         setHasUnsavedChanges(true);
       } else {
         alert("N\xE3o \xE9 poss\xEDvel mover um node para dentro de seus pr\xF3prios descendentes.");
@@ -8912,14 +8912,14 @@ function CreateQuestTreePanel({
         id: questTreeMode.questNodeId,
         name: questTreeMode.questNodeName || "Quest Principal"
       };
-      setQuestTreeMode2((prev) => ({
+      setQuestTreeMode((prev) => ({
         ...prev,
         tree: prev.tree || { node: rootNode, children: [] },
         abstraction_tree: prev.abstraction_tree || { node: rootNode, children: [] },
         selectedParentId: rootNode.id
       }));
     }
-  }, [tree, abstraction_tree, questTreeMode.questNodeId, setQuestTreeMode2]);
+  }, [tree, abstraction_tree, questTreeMode.questNodeId, setQuestTreeMode]);
   return /* @__PURE__ */ import_react12.default.createElement(
     "div",
     {
@@ -8954,7 +8954,7 @@ function CreateQuestTreePanel({
       {
         onClick: () => {
           setActiveTab("tree");
-          setQuestTreeMode2((prev) => ({ ...prev, isAddingNodes: true, isAddingAbstractionNodes: false }));
+          setQuestTreeMode((prev) => ({ ...prev, isAddingNodes: true, isAddingAbstractionNodes: false }));
         },
         className: `flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded-md text-sm font-medium transition-all ${activeTab === "tree" ? "bg-indigo-600 text-white shadow-lg" : "bg-slate-800 text-slate-400 hover:bg-slate-700 hover:text-slate-200"}`
       },
@@ -8965,7 +8965,7 @@ function CreateQuestTreePanel({
       {
         onClick: () => {
           setActiveTab("abstraction");
-          setQuestTreeMode2((prev) => ({ ...prev, isAddingNodes: false, isAddingAbstractionNodes: true }));
+          setQuestTreeMode((prev) => ({ ...prev, isAddingNodes: false, isAddingAbstractionNodes: true }));
         },
         className: `flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded-md text-sm font-medium transition-all ${activeTab === "abstraction" ? "bg-indigo-600 text-white shadow-lg" : "bg-slate-800 text-slate-400 hover:bg-slate-700 hover:text-slate-200"}`
       },
@@ -10775,44 +10775,6 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500" }, "Criar novo milestone"),
       /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-white" }, '"', milestoneInput, '"')
-    )))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react19.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider flex items-center justify-between" }, "Estruturas Visuais"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-slate-800/70 p-2 rounded-lg border border-white/10 flex flex-col gap-2" }, /* @__PURE__ */ import_react19.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          if (setQuestTreeMode) {
-            setQuestTreeMode((prev) => ({
-              ...prev,
-              isActive: true,
-              isAddingNodes: true,
-              questTempData: true
-            }));
-          }
-        },
-        className: "flex items-center gap-2 px-3 py-2 bg-indigo-500/20 hover:bg-indigo-500/40 text-indigo-200 text-sm font-medium rounded-md transition-colors w-full justify-center"
-      },
-      /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiGitBranch, { className: "text-indigo-400" }),
-      " Configurar \xC1rvores"
-    ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react19.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          alert("Salve a Quest antes de renderizar suas estruturas visuais.");
-        },
-        className: "flex-1 flex items-center justify-center gap-2 px-2 py-1.5 bg-slate-700 hover:bg-slate-600 text-slate-300 text-xs font-medium rounded-md transition-colors"
-      },
-      "Renderizar Horizontal"
-    ), /* @__PURE__ */ import_react19.default.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          alert("Salve a Quest antes de renderizar suas estruturas visuais.");
-        },
-        className: "flex-1 flex items-center justify-center gap-2 px-2 py-1.5 bg-slate-700 hover:bg-slate-600 text-slate-300 text-xs font-medium rounded-md transition-colors"
-      },
-      "Renderizar Vertical"
     )))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-1.5 relative mt-4" }, /* @__PURE__ */ import_react19.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Depend\xEAncias (Quest Chain)"), /* @__PURE__ */ import_react19.default.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all cursor-text` }, dependencyIds.map((id) => {
       const depNode = availableNodes.find((n) => String(n.id) === String(id));
       if (!depNode) return null;
@@ -11976,7 +11938,7 @@ function QuestDetailsPanel({
   onFocusNode,
   create_google_doc_action,
   view_google_folder_id,
-  setQuestTreeMode: setQuestTreeMode2,
+  setQuestTreeMode,
   handleRenderQuestTree,
   handleRenderQuestAbstractionTree,
   style = {}
@@ -13035,7 +12997,7 @@ ${noteText}` : noteText : entry.notes,
       {
         type: "button",
         onClick: () => {
-          if (setQuestTreeMode2) {
+          if (setQuestTreeMode) {
             const convertPersistedTree = (storedTree) => {
               if (!storedTree) return null;
               if (storedTree.node || storedTree.is_section) return storedTree;
@@ -13051,7 +13013,7 @@ ${noteText}` : noteText : entry.notes,
             const rootNode = { id: node == null ? void 0 : node.id, name: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name) || "Quest Principal" };
             const existingTree = (node == null ? void 0 : node.quest_tree) ? convertPersistedTree(node.quest_tree) : { node: rootNode, children: [] };
             const existingAbstractionTree = (node == null ? void 0 : node.quest_abstraction_tree) ? convertPersistedTree(node.quest_abstraction_tree) : { node: rootNode, children: [] };
-            setQuestTreeMode2((prev) => ({
+            setQuestTreeMode((prev) => ({
               ...prev,
               isActive: true,
               isAddingNodes: true,
@@ -15529,7 +15491,7 @@ function XViewScene({
   const [questMode, setQuestMode] = (0, import_react33.useState)({ isActive: false });
   const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react33.useState)(false);
   const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react33.useState)(false);
-  const [questTreeMode, setQuestTreeMode2] = (0, import_react33.useState)({
+  const [questTreeMode, setQuestTreeMode] = (0, import_react33.useState)({
     isActive: false,
     questNodeId: null,
     questTempData: null,
@@ -17156,12 +17118,12 @@ function XViewScene({
           const activeTreeKey = isAbstraction ? "abstraction_tree" : "tree";
           let activeTree = qTree[activeTreeKey];
           let newTree = addChildToNode(activeTree, parentId, fullNodeData);
-          setQuestTreeMode2((prev) => ({
+          setQuestTreeMode((prev) => ({
             ...prev,
             [activeTreeKey]: newTree
           }));
         } else {
-          setQuestTreeMode2((prev) => ({
+          setQuestTreeMode((prev) => ({
             ...prev
           }));
         }
@@ -18086,6 +18048,14 @@ function XViewScene({
           if (nodeMesh) {
             nodeMesh.userData.questData = updatedNodeData;
           }
+          if (detailsNode && String(detailsNode.id) === String(questNodeId)) {
+            setDetailsNode((prev) => ({
+              ...prev,
+              quest_tree: formattedTree,
+              quest_abstraction_tree: formattedAbstractionTree
+            }));
+          }
+          setSceneVersion((v) => v + 1);
         }
       }
     }
@@ -18111,7 +18081,7 @@ function XViewScene({
     handleRenderAbstractionTree(treePayload);
   };
   const handleCloseQuestTree = () => {
-    setQuestTreeMode2({
+    setQuestTreeMode({
       isActive: false,
       questNodeId: null,
       questTempData: null,
@@ -20356,7 +20326,7 @@ function XViewScene({
       CreateQuestTreePanel,
       {
         questTreeMode,
-        setQuestTreeMode: setQuestTreeMode2,
+        setQuestTreeMode,
         onSave: handleSaveQuestTree,
         onClose: handleCloseQuestTree
       }
@@ -20389,10 +20359,7 @@ function XViewScene({
         milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones,
         create_google_doc_action,
-        view_google_folder_id: (_l = sceneDataRef.current) == null ? void 0 : _l.view_google_folder_id,
-        setQuestTreeMode: setQuestTreeMode2,
-        handleRenderQuestTree,
-        handleRenderQuestAbstractionTree
+        view_google_folder_id: (_l = sceneDataRef.current) == null ? void 0 : _l.view_google_folder_id
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react33.default.createElement(
@@ -20530,7 +20497,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones,
         create_google_doc_action,
         view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id,
-        setQuestTreeMode: setQuestTreeMode2,
+        setQuestTreeMode,
         handleRenderQuestTree,
         handleRenderQuestAbstractionTree,
         style: overlayHiddenStyle

package/dist/index.mjs

@@ -8790,7 +8790,7 @@ var NodeItem2 = ({ nodeData, onSelectParent, onRemoveNode, onMoveNode, selectedP
 };
 function CreateQuestTreePanel({
   questTreeMode,
-  setQuestTreeMode: setQuestTreeMode2,
+  setQuestTreeMode,
   onSave,
   onClose
 }) {
@@ -8812,11 +8812,11 @@ function CreateQuestTreePanel({
     maxWidth: maxPanelW
   });
   const handleSelectParent = (nodeId) => {
-    setQuestTreeMode2((prev) => ({ ...prev, selectedParentId: nodeId }));
+    setQuestTreeMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
   const handleToggleAddMode = () => {
     const isAbstraction = activeTab === "abstraction";
-    setQuestTreeMode2((prev) => {
+    setQuestTreeMode((prev) => {
       var _a2, _b2, _c2, _d;
       return isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes, selectedParentId: ((_b2 = (_a2 = prev.abstraction_tree) == null ? void 0 : _a2.node) == null ? void 0 : _b2.id) || prev.selectedParentId } : { ...prev, isAddingNodes: !prev.isAddingNodes, selectedParentId: ((_d = (_c2 = prev.tree) == null ? void 0 : _c2.node) == null ? void 0 : _d.id) || prev.selectedParentId };
     });
@@ -8825,7 +8825,7 @@ function CreateQuestTreePanel({
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
     const isAbstraction = activeTab === "abstraction";
     const treeKey = isAbstraction ? "abstraction_tree" : "tree";
-    setQuestTreeMode2((prev) => {
+    setQuestTreeMode((prev) => {
       if (!prev[treeKey]) return prev;
       const newTree = JSON.parse(JSON.stringify(prev[treeKey]));
       let currentParent = newTree;
@@ -8842,7 +8842,7 @@ function CreateQuestTreePanel({
       }
       return { ...prev, [treeKey]: newTree };
     });
-  }, [setQuestTreeMode2, activeTab]);
+  }, [setQuestTreeMode, activeTab]);
   const handleMoveNode = (sourceId, targetId) => {
     const isAbstraction = activeTab === "abstraction";
     const treeKey = isAbstraction ? "abstraction_tree" : "tree";
@@ -8882,7 +8882,7 @@ function CreateQuestTreePanel({
     };
     if (removeSourceNode(rootTreeClone) && movedNodeData) {
       if (insertTargetNode(rootTreeClone)) {
-        setQuestTreeMode2((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
+        setQuestTreeMode((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
         setHasUnsavedChanges(true);
       } else {
         alert("N\xE3o \xE9 poss\xEDvel mover um node para dentro de seus pr\xF3prios descendentes.");
@@ -8910,14 +8910,14 @@ function CreateQuestTreePanel({
         id: questTreeMode.questNodeId,
         name: questTreeMode.questNodeName || "Quest Principal"
       };
-      setQuestTreeMode2((prev) => ({
+      setQuestTreeMode((prev) => ({
         ...prev,
         tree: prev.tree || { node: rootNode, children: [] },
         abstraction_tree: prev.abstraction_tree || { node: rootNode, children: [] },
         selectedParentId: rootNode.id
       }));
     }
-  }, [tree, abstraction_tree, questTreeMode.questNodeId, setQuestTreeMode2]);
+  }, [tree, abstraction_tree, questTreeMode.questNodeId, setQuestTreeMode]);
   return /* @__PURE__ */ React11.createElement(
     "div",
     {
@@ -8952,7 +8952,7 @@ function CreateQuestTreePanel({
       {
         onClick: () => {
           setActiveTab("tree");
-          setQuestTreeMode2((prev) => ({ ...prev, isAddingNodes: true, isAddingAbstractionNodes: false }));
+          setQuestTreeMode((prev) => ({ ...prev, isAddingNodes: true, isAddingAbstractionNodes: false }));
         },
         className: `flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded-md text-sm font-medium transition-all ${activeTab === "tree" ? "bg-indigo-600 text-white shadow-lg" : "bg-slate-800 text-slate-400 hover:bg-slate-700 hover:text-slate-200"}`
       },
@@ -8963,7 +8963,7 @@ function CreateQuestTreePanel({
       {
         onClick: () => {
           setActiveTab("abstraction");
-          setQuestTreeMode2((prev) => ({ ...prev, isAddingNodes: false, isAddingAbstractionNodes: true }));
+          setQuestTreeMode((prev) => ({ ...prev, isAddingNodes: false, isAddingAbstractionNodes: true }));
         },
         className: `flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded-md text-sm font-medium transition-all ${activeTab === "abstraction" ? "bg-indigo-600 text-white shadow-lg" : "bg-slate-800 text-slate-400 hover:bg-slate-700 hover:text-slate-200"}`
       },
@@ -10210,8 +10210,7 @@ import {
   FiSearch as FiSearch5,
   FiCalendar,
   FiRepeat,
-  FiCopy as FiCopy3,
-  FiGitBranch as FiGitBranch4
+  FiCopy as FiCopy3
 } from "react-icons/fi";
 import { AiOutlineLoading3Quarters as AiOutlineLoading3Quarters2 } from "react-icons/ai";
 
@@ -10802,44 +10801,6 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500" }, "Criar novo milestone"),
       /* @__PURE__ */ React18.createElement("span", { className: "text-white" }, '"', milestoneInput, '"')
-    )))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider flex items-center justify-between" }, "Estruturas Visuais"), /* @__PURE__ */ React18.createElement("div", { className: "bg-slate-800/70 p-2 rounded-lg border border-white/10 flex flex-col gap-2" }, /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          if (setQuestTreeMode) {
-            setQuestTreeMode((prev) => ({
-              ...prev,
-              isActive: true,
-              isAddingNodes: true,
-              questTempData: true
-            }));
-          }
-        },
-        className: "flex items-center gap-2 px-3 py-2 bg-indigo-500/20 hover:bg-indigo-500/40 text-indigo-200 text-sm font-medium rounded-md transition-colors w-full justify-center"
-      },
-      /* @__PURE__ */ React18.createElement(FiGitBranch4, { className: "text-indigo-400" }),
-      " Configurar \xC1rvores"
-    ), /* @__PURE__ */ React18.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          alert("Salve a Quest antes de renderizar suas estruturas visuais.");
-        },
-        className: "flex-1 flex items-center justify-center gap-2 px-2 py-1.5 bg-slate-700 hover:bg-slate-600 text-slate-300 text-xs font-medium rounded-md transition-colors"
-      },
-      "Renderizar Horizontal"
-    ), /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          alert("Salve a Quest antes de renderizar suas estruturas visuais.");
-        },
-        className: "flex-1 flex items-center justify-center gap-2 px-2 py-1.5 bg-slate-700 hover:bg-slate-600 text-slate-300 text-xs font-medium rounded-md transition-colors"
-      },
-      "Renderizar Vertical"
     )))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-4" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Depend\xEAncias (Quest Chain)"), /* @__PURE__ */ React18.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all cursor-text` }, dependencyIds.map((id) => {
       const depNode = availableNodes.find((n) => String(n.id) === String(id));
       if (!depNode) return null;
@@ -11897,7 +11858,7 @@ function NodeDetailsPanel({
 // src/components/QuestDetailsPanel.jsx
 import React21, { useState as useState20, useEffect as useEffect17, useRef as useRef14 } from "react";
 import { v4 as uuidv49 } from "uuid";
-import { FiPlus as FiPlus9, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4, FiCopy as FiCopy4, FiGitBranch as FiGitBranch5 } from "react-icons/fi";
+import { FiPlus as FiPlus9, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4, FiCopy as FiCopy4, FiGitBranch as FiGitBranch4 } from "react-icons/fi";
 
 // src/components/QuestTimeline.jsx
 import React20 from "react";
@@ -12015,7 +11976,7 @@ function QuestDetailsPanel({
   onFocusNode,
   create_google_doc_action,
   view_google_folder_id,
-  setQuestTreeMode: setQuestTreeMode2,
+  setQuestTreeMode,
   handleRenderQuestTree,
   handleRenderQuestAbstractionTree,
   style = {}
@@ -13069,12 +13030,12 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ React21.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React21.createElement("path", { d: "M12 19V5M5 12l7 7 7-7" })),
       "Retornar para Opera\xE7\xE3o"
-    ))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React21.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React21.createElement(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ React21.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React21.createElement("button", { type: "button", onClick: () => setIsReadMode(true), className: `p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors ${canEdit ? "border-r border-white/5" : ""}`, title: "Modo de Leitura" }, /* @__PURE__ */ React21.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React21.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors", title: "Editar descri\xE7\xE3o (Modo de Escrita)" }, /* @__PURE__ */ React21.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__PURE__ */ React21.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ React21.createElement("div", { className: "pt-2 border-t border-white/5 space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiGitBranch5, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Estruturas Visuais"))), /* @__PURE__ */ React21.createElement("div", { className: "bg-slate-900/60 p-2 rounded-xl border border-white/10 flex flex-col gap-2" }, /* @__PURE__ */ React21.createElement(
+    ))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React21.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React21.createElement(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ React21.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React21.createElement("button", { type: "button", onClick: () => setIsReadMode(true), className: `p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors ${canEdit ? "border-r border-white/5" : ""}`, title: "Modo de Leitura" }, /* @__PURE__ */ React21.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React21.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors", title: "Editar descri\xE7\xE3o (Modo de Escrita)" }, /* @__PURE__ */ React21.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__PURE__ */ React21.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ React21.createElement("div", { className: "pt-2 border-t border-white/5 space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiGitBranch4, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Estruturas Visuais"))), /* @__PURE__ */ React21.createElement("div", { className: "bg-slate-900/60 p-2 rounded-xl border border-white/10 flex flex-col gap-2" }, /* @__PURE__ */ React21.createElement(
       "button",
       {
         type: "button",
         onClick: () => {
-          if (setQuestTreeMode2) {
+          if (setQuestTreeMode) {
             const convertPersistedTree = (storedTree) => {
               if (!storedTree) return null;
               if (storedTree.node || storedTree.is_section) return storedTree;
@@ -13090,7 +13051,7 @@ ${noteText}` : noteText : entry.notes,
             const rootNode = { id: node == null ? void 0 : node.id, name: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name) || "Quest Principal" };
             const existingTree = (node == null ? void 0 : node.quest_tree) ? convertPersistedTree(node.quest_tree) : { node: rootNode, children: [] };
             const existingAbstractionTree = (node == null ? void 0 : node.quest_abstraction_tree) ? convertPersistedTree(node.quest_abstraction_tree) : { node: rootNode, children: [] };
-            setQuestTreeMode2((prev) => ({
+            setQuestTreeMode((prev) => ({
               ...prev,
               isActive: true,
               isAddingNodes: true,
@@ -13104,7 +13065,7 @@ ${noteText}` : noteText : entry.notes,
         },
         className: `flex items-center gap-2 px-3 py-2 bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-300 text-xs font-medium rounded-lg transition-colors w-full justify-center border border-indigo-500/20 ${!canEdit ? "opacity-50 pointer-events-none" : ""}`
       },
-      /* @__PURE__ */ React21.createElement(FiGitBranch5, { className: "text-indigo-400" }),
+      /* @__PURE__ */ React21.createElement(FiGitBranch4, { className: "text-indigo-400" }),
       " Configurar \xC1rvores"
     ), /* @__PURE__ */ React21.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React21.createElement(
       "button",
@@ -14278,7 +14239,7 @@ import {
   FiX as FiX8,
   FiBox as FiBox2,
   FiCheckSquare as FiCheckSquare4,
-  FiGitBranch as FiGitBranch7,
+  FiGitBranch as FiGitBranch6,
   FiFolder as FiFolder4,
   FiChevronRight as FiChevronRight7,
   FiCornerUpLeft as FiCornerUpLeft3
@@ -14290,11 +14251,11 @@ import React29, { useEffect as useEffect23, useRef as useRef19, useState as useS
 
 // src/components/MentionPopover.jsx
 import React28, { useEffect as useEffect22, useRef as useRef18, useState as useState26, useMemo as useMemo12 } from "react";
-import { FiLayers as FiLayers7, FiCheckSquare as FiCheckSquare3, FiGitBranch as FiGitBranch6, FiBox } from "react-icons/fi";
+import { FiLayers as FiLayers7, FiCheckSquare as FiCheckSquare3, FiGitBranch as FiGitBranch5, FiBox } from "react-icons/fi";
 var TYPE_CONFIG = {
   ancestry: { Icon: FiLayers7, color: "text-indigo-400", label: "Ancestralidade" },
   quest: { Icon: FiCheckSquare3, color: "text-emerald-400", label: "Quest" },
-  version: { Icon: FiGitBranch6, color: "text-amber-400", label: "Vers\xE3o" },
+  version: { Icon: FiGitBranch5, color: "text-amber-400", label: "Vers\xE3o" },
   node: { Icon: FiBox, color: "text-slate-400", label: "Node" }
 };
 function MentionPopover({ query, items, position, onSelect, onClose }) {
@@ -15593,7 +15554,7 @@ function XViewScene({
   const [questMode, setQuestMode] = useState30({ isActive: false });
   const [hasFocusedInitial, setHasFocusedInitial] = useState30(false);
   const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState30(false);
-  const [questTreeMode, setQuestTreeMode2] = useState30({
+  const [questTreeMode, setQuestTreeMode] = useState30({
     isActive: false,
     questNodeId: null,
     questTempData: null,
@@ -17220,12 +17181,12 @@ function XViewScene({
           const activeTreeKey = isAbstraction ? "abstraction_tree" : "tree";
           let activeTree = qTree[activeTreeKey];
           let newTree = addChildToNode(activeTree, parentId, fullNodeData);
-          setQuestTreeMode2((prev) => ({
+          setQuestTreeMode((prev) => ({
             ...prev,
             [activeTreeKey]: newTree
           }));
         } else {
-          setQuestTreeMode2((prev) => ({
+          setQuestTreeMode((prev) => ({
             ...prev
           }));
         }
@@ -18150,6 +18111,14 @@ function XViewScene({
           if (nodeMesh) {
             nodeMesh.userData.questData = updatedNodeData;
           }
+          if (detailsNode && String(detailsNode.id) === String(questNodeId)) {
+            setDetailsNode((prev) => ({
+              ...prev,
+              quest_tree: formattedTree,
+              quest_abstraction_tree: formattedAbstractionTree
+            }));
+          }
+          setSceneVersion((v) => v + 1);
         }
       }
     }
@@ -18175,7 +18144,7 @@ function XViewScene({
     handleRenderAbstractionTree(treePayload);
   };
   const handleCloseQuestTree = () => {
-    setQuestTreeMode2({
+    setQuestTreeMode({
       isActive: false,
       questNodeId: null,
       questTempData: null,
@@ -20420,7 +20389,7 @@ function XViewScene({
       CreateQuestTreePanel,
       {
         questTreeMode,
-        setQuestTreeMode: setQuestTreeMode2,
+        setQuestTreeMode,
         onSave: handleSaveQuestTree,
         onClose: handleCloseQuestTree
       }
@@ -20453,10 +20422,7 @@ function XViewScene({
         milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones,
         create_google_doc_action,
-        view_google_folder_id: (_l = sceneDataRef.current) == null ? void 0 : _l.view_google_folder_id,
-        setQuestTreeMode: setQuestTreeMode2,
-        handleRenderQuestTree,
-        handleRenderQuestAbstractionTree
+        view_google_folder_id: (_l = sceneDataRef.current) == null ? void 0 : _l.view_google_folder_id
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React32.createElement(
@@ -20594,7 +20560,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones,
         create_google_doc_action,
         view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id,
-        setQuestTreeMode: setQuestTreeMode2,
+        setQuestTreeMode,
         handleRenderQuestTree,
         handleRenderQuestAbstractionTree,
         style: overlayHiddenStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.2.6-dev.81",
+  "version": "1.2.6-dev.83",
   "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",