@lv-x-software-house/x_view 1.2.2-dev.2 → 1.2.2-dev.20

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/XViewScene.jsx
-import React23, { useCallback as useCallback3, useEffect as useEffect21, useRef as useRef17, useState as useState22, useMemo as useMemo12 } from "react";
+import React23, { useCallback as useCallback4, useEffect as useEffect21, useRef as useRef17, useState as useState23, useMemo as useMemo12 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
 import CryptoJS from "crypto-js";
@@ -735,7 +735,7 @@ function XViewSidebar({
 }
 
 // src/components/AncestryRelationshipPanel.jsx
-import React8, { useState as useState8, useEffect as useEffect8, useRef as useRef7 } from "react";
+import React8, { useState as useState9, useEffect as useEffect8, useRef as useRef7 } from "react";
 
 // node_modules/uuid/dist/esm-node/rng.js
 import crypto from "crypto";
@@ -785,6 +785,7 @@ function v4(options, buf, offset) {
 var v4_default = v4;
 
 // src/logic/x_view_utils.js
+import { useState as useState3, useCallback } from "react";
 import * as THREE2 from "three";
 
 // src/logic/x_view_config.js
@@ -811,7 +812,6 @@ var x_view_config = {
   ANCESTOR_HIGHLIGHT_COLOR: "#FFD700",
   BLOOM_EFFECT: { strength: 1.35, radius: 0.6, threshold: 0.52 },
   EMISSIVE_MULTIPLIER: {
-    // AJUSTE: Valores agora representam ADIÇÃO de intensidade, não multiplicação
     BASE: 0,
     HOVER: 2,
     SELECTED: 1.5,
@@ -863,7 +863,6 @@ var computeNodeMaterialProps = (colorHex) => {
   return {
     color: srgb,
     emissive: emissiveColor
-    // Intensity é controlada externamente
   };
 };
 var createNodeMesh = (nodeData, position, glowTexture) => {
@@ -1154,6 +1153,7 @@ var createMultipleLinkLines = (linksArray, sourceNodeMesh, targetNodeMesh, resol
       resolution,
       isCurved,
       isCurved,
+      isCurved,
       curveOffset
     );
     line.userData = {
@@ -1530,12 +1530,12 @@ var userActionHandlers = {
     stateRef.current.creation = { isActive: true, sourceNodeData };
     const ghostGeometry = new THREE.SphereGeometry(1.5, 32, 32);
     const sourceColor = sourceNodeData.color || "#cccccc";
-    const { emissiveIntensity } = computeNodeMaterialProps(sourceColor);
-    const ghostColor = new THREE.Color(sourceColor);
+    const { color: ghostColor, emissive: ghostEmissive } = computeNodeMaterialProps(sourceColor);
     const ghostMaterial = new THREE.MeshStandardMaterial({
       color: ghostColor,
-      emissive: ghostColor,
-      emissiveIntensity,
+      emissive: ghostEmissive,
+      emissiveIntensity: MIN_VISIBILITY_INTENSITY,
+      // <-- Forçamos o brilho mínimo
       roughness: 0.6,
       metalness: 0,
       transparent: true,
@@ -1606,27 +1606,50 @@ var userActionHandlers = {
     setters.setFormPosition((p) => ({ ...p, opacity: 0 }));
   },
   handleSaveNode: async (context, newNodeData) => {
-    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters } = context;
+    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters, actions } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNodeData } = creationMode;
-    const newNode = { id: short.generate(), ...newNodeData };
+    const { targetDatasetId, ...nodeDataToSave } = newNodeData;
+    const newNode = { id: short.generate(), ...nodeDataToSave };
     const newLink = { id: `link_${short.generate()}`, source: sourceNodeData.id, target: newNode.id };
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id);
-    if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
+    const sourceParentInfo = stateRef.current.nodeIdToParentFileMap.get(String(sourceNodeData.id));
+    const finalTargetDatasetId = targetDatasetId || sourceParentInfo.parentFileId;
+    const targetParentInfo = sceneDataRef.current.parent_dbs.find((db) => String(db.db_id) === String(finalTargetDatasetId));
+    if (!sourceParentInfo || !targetParentInfo) {
+      alert("Erro ao identificar os datasets de origem ou destino.");
       return;
     }
-    const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    specificParentData.nodes.push(newNode);
-    specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+    const isCrossDataset = String(sourceParentInfo.parentFileId) !== String(finalTargetDatasetId);
+    const sourceDataToUpdate = JSON.parse(JSON.stringify(graphDataRef.current[sourceParentInfo.parentFileId]));
+    let targetDataToUpdate = isCrossDataset ? JSON.parse(JSON.stringify(graphDataRef.current[finalTargetDatasetId])) : sourceDataToUpdate;
+    targetDataToUpdate.nodes.push(newNode);
+    sourceDataToUpdate.links.push(newLink);
+    const savePromises = [];
+    if (isCrossDataset) {
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+      );
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${targetParentInfo.owner_id}/${finalTargetDatasetId}`, targetDataToUpdate)
+      );
+    } else {
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+      );
+    }
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
-      graphDataRef.current[parentFileId] = specificParentData;
+      await Promise.all(savePromises);
+      graphDataRef.current[sourceParentInfo.parentFileId] = sourceDataToUpdate;
+      if (isCrossDataset) {
+        graphDataRef.current[finalTargetDatasetId] = targetDataToUpdate;
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
+      stateRef.current.nodeIdToParentFileMap.set(String(newNode.id), {
+        parentFileId: finalTargetDatasetId,
+        ownerId: targetParentInfo.owner_id,
+        datasetName: targetDataToUpdate.dataset_name || "Dataset Desconhecido"
+      });
       setters.setSceneVersion((v) => v + 1);
     } catch (error) {
       console.error("Falha ao salvar os dados do grafo:", error);
@@ -1664,12 +1687,12 @@ var userActionHandlers = {
     stateRef.current.creation = { isActive: true, sourceNodeData };
     const ghostGeometry = new THREE.SphereGeometry(1.5, 32, 32);
     const sourceColor = sourceNodeData.color || "#cccccc";
-    const { emissiveIntensity } = computeNodeMaterialProps(sourceColor);
-    const ghostColor = new THREE.Color(sourceColor);
+    const { color: ghostColor, emissive: ghostEmissive } = computeNodeMaterialProps(sourceColor);
     const ghostMaterial = new THREE.MeshStandardMaterial({
       color: ghostColor,
-      emissive: ghostColor,
-      emissiveIntensity,
+      emissive: ghostEmissive,
+      emissiveIntensity: MIN_VISIBILITY_INTENSITY,
+      // <-- Forçamos o brilho mínimo
       roughness: 0.6,
       metalness: 0,
       transparent: true,
@@ -2977,9 +3000,36 @@ var extractFileUrlsFromProperties = (dataObject) => {
   });
   return urlsToDelete;
 };
+function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
+  const [width, setWidth] = useState3(initialWidth);
+  const [isResizing, setIsResizing] = useState3(false);
+  const handlePointerDown = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsResizing(true);
+    const startX = e.clientX;
+    const startWidth = width;
+    const originalUserSelect = document.body.style.userSelect;
+    document.body.style.userSelect = "none";
+    const handlePointerMove = (moveEvent) => {
+      const deltaX = startX - moveEvent.clientX;
+      const newWidth = Math.min(Math.max(startWidth + deltaX, minWidth), maxWidth);
+      setWidth(newWidth);
+    };
+    const handlePointerUp = () => {
+      setIsResizing(false);
+      document.body.style.userSelect = originalUserSelect;
+      document.removeEventListener("pointermove", handlePointerMove);
+      document.removeEventListener("pointerup", handlePointerUp);
+    };
+    document.addEventListener("pointermove", handlePointerMove);
+    document.addEventListener("pointerup", handlePointerUp);
+  }, [width, minWidth, maxWidth]);
+  return { width, isResizing, handlePointerDown, setWidth };
+}
 
 // src/components/CustomPropertyDisplay.jsx
-import React3, { useState as useState3, useRef as useRef3, useEffect as useEffect3 } from "react";
+import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
 import { FiCheck, FiX, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
 function CustomPropertyDisplay({
   prop,
@@ -2994,12 +3044,12 @@ function CustomPropertyDisplay({
   },
   onUploadFile
 }) {
-  const [isEditing, setIsEditing] = useState3(prop.isEditing ?? false);
-  const [tempProp, setTempProp] = useState3(prop);
-  const [isHovered, setIsHovered] = useState3(false);
-  const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState3(false);
+  const [isEditing, setIsEditing] = useState4(prop.isEditing ?? false);
+  const [tempProp, setTempProp] = useState4(prop);
+  const [isHovered, setIsHovered] = useState4(false);
+  const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState4(false);
   const dropdownRef = useRef3(null);
-  const [uploadingItemIndex, setUploadingItemIndex] = useState3(null);
+  const [uploadingItemIndex, setUploadingItemIndex] = useState4(null);
   const fileInputRef = useRef3(null);
   const currentUploadTargetRef = useRef3(null);
   useEffect3(() => {
@@ -3122,8 +3172,8 @@ function CustomPropertyDisplay({
     const availableOptions = [
       { value: "links", label: "Links", unique: true },
       { value: "images", label: "Images", unique: true },
-      { value: "documents", label: "Documents", unique: true },
       { value: "date", label: "Data", unique: true },
+      { value: "documents", label: "Documents", unique: true },
       { value: "text", label: "Texto", unique: false },
       { value: "number", label: "N\xFAmero", unique: false },
       { value: "list", label: "Lista", unique: false }
@@ -3345,15 +3395,15 @@ function CustomPropertyDisplay({
 import { FiPlus, FiEdit2 as FiEdit22, FiBookOpen } from "react-icons/fi";
 
 // src/components/DescriptionEditModal.jsx
-import React5, { useState as useState5, useEffect as useEffect5, useRef as useRef5, useMemo as useMemo4 } from "react";
-import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage } from "react-icons/fi";
+import React5, { useState as useState6, useEffect as useEffect5, useRef as useRef5, useMemo as useMemo4 } from "react";
+import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage, FiCheckSquare } from "react-icons/fi";
 
 // src/components/SectionImportModal.jsx
-import React4, { useState as useState4, useMemo as useMemo3, useRef as useRef4, useEffect as useEffect4 } from "react";
+import React4, { useState as useState5, useMemo as useMemo3, useRef as useRef4, useEffect as useEffect4 } from "react";
 import { FiSearch, FiLayers as FiLayers2, FiHexagon, FiClock, FiCheck as FiCheck2, FiCopy, FiTerminal, FiChevronDown as FiChevronDown2, FiChevronRight, FiDownload, FiLink } from "react-icons/fi";
 var CodeBlock = ({ content, isActive, onClick }) => {
-  const [isExpanded, setIsExpanded] = useState4(false);
-  const [copied, setCopied] = useState4(false);
+  const [isExpanded, setIsExpanded] = useState5(false);
+  const [copied, setCopied] = useState5(false);
   const cleanContent = content.replace(/^```|```$/g, "").trim();
   const isLongCode = cleanContent.split("\n").length > 4;
   const handleCopy = (e) => {
@@ -3416,12 +3466,14 @@ var formatLineContent = (line) => {
   return /* @__PURE__ */ React4.createElement("span", { className: "break-words" }, line);
 };
 function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], availableAncestries = [] }) {
-  const [searchTerm, setSearchTerm] = useState4("");
-  const [selectedItem, setSelectedItem] = useState4(null);
-  const [searchHistory, setSearchHistory] = useState4([]);
-  const [activeIndex, setActiveIndex] = useState4(0);
+  const [searchTerm, setSearchTerm] = useState5("");
+  const [selectedItem, setSelectedItem] = useState5(null);
+  const [searchHistory, setSearchHistory] = useState5([]);
+  const [activeIndex, setActiveIndex] = useState5(0);
+  const [selectedIndices, setSelectedIndices] = useState5(/* @__PURE__ */ new Set([0]));
+  const [lastSelectedIndex, setLastSelectedIndex] = useState5(0);
   const sectionRefs = useRef4([]);
-  const [isDropdownOpen, setIsDropdownOpen] = useState4(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState5(false);
   const inputRef = useRef4(null);
   useEffect4(() => {
     if (!selectedItem) return;
@@ -3468,6 +3520,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
   }, [selectedItem]);
   useEffect4(() => {
     setActiveIndex(0);
+    setSelectedIndices(/* @__PURE__ */ new Set([0]));
+    setLastSelectedIndex(0);
   }, [selectedItem]);
   useEffect4(() => {
     if (selectedItem && sectionRefs.current[activeIndex]) {
@@ -3484,22 +3538,64 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
       if (document.activeElement === inputRef.current) return;
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         e.preventDefault();
-        setActiveIndex((prev) => Math.min(prev + 1, itemSections.length - 1));
+        setActiveIndex((prev) => {
+          const next = Math.min(prev + 1, itemSections.length - 1);
+          if (e.shiftKey) {
+            setSelectedIndices((old) => /* @__PURE__ */ new Set([...old, next]));
+          } else if (!e.ctrlKey && !e.metaKey) {
+            setSelectedIndices(/* @__PURE__ */ new Set([next]));
+            setLastSelectedIndex(next);
+          }
+          return next;
+        });
       }
       if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
         e.preventDefault();
-        setActiveIndex((prev) => Math.max(prev - 1, 0));
+        setActiveIndex((prev) => {
+          const next = Math.max(prev - 1, 0);
+          if (e.shiftKey) {
+            setSelectedIndices((old) => /* @__PURE__ */ new Set([...old, next]));
+          } else if (!e.ctrlKey && !e.metaKey) {
+            setSelectedIndices(/* @__PURE__ */ new Set([next]));
+            setLastSelectedIndex(next);
+          }
+          return next;
+        });
       }
       if (e.key === "Enter") {
         e.preventDefault();
-        if (itemSections[activeIndex]) {
-          handleConfirmImport(itemSections[activeIndex]);
-        }
+        handleConfirmImport();
       }
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [itemSections, activeIndex, selectedItem]);
+  }, [itemSections, selectedItem]);
+  const handleSectionClick = (index, e) => {
+    e.stopPropagation();
+    if (e.shiftKey && lastSelectedIndex !== null) {
+      const start = Math.min(lastSelectedIndex, index);
+      const end = Math.max(lastSelectedIndex, index);
+      const newSelection = new Set(selectedIndices);
+      for (let i = start; i <= end; i++) {
+        newSelection.add(i);
+      }
+      setSelectedIndices(newSelection);
+    } else if (e.ctrlKey || e.metaKey) {
+      const newSelection = new Set(selectedIndices);
+      if (newSelection.has(index)) {
+        newSelection.delete(index);
+        if (newSelection.size === 0) newSelection.add(index);
+      } else {
+        newSelection.add(index);
+      }
+      setSelectedIndices(newSelection);
+      setLastSelectedIndex(index);
+    } else {
+      setSelectedIndices(/* @__PURE__ */ new Set([index]));
+      setLastSelectedIndex(index);
+    }
+    setActiveIndex(index);
+  };
   const handleSelectItem = (item) => {
     setSelectedItem(item);
     setSearchHistory((prev) => {
@@ -3513,16 +3609,22 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
     setSearchTerm("");
     setIsDropdownOpen(false);
   };
-  const handleConfirmImport = (sectionToImport = null) => {
-    const section = sectionToImport || itemSections[activeIndex];
-    if (!section) return;
+  const handleConfirmImport = () => {
+    if (selectedIndices.size === 0) return;
     const type = selectedItem._type;
     const itemId = selectedItem.id || selectedItem.ancestry_id;
-    if (section.id) {
-      const tag = `[[REF:${type}:${itemId}:${section.id}]]`;
-      onSelect(tag);
+    const indicesToImport = Array.from(selectedIndices).sort((a, b) => a - b);
+    const tagsToImport = [];
+    indicesToImport.forEach((idx) => {
+      const section = itemSections[idx];
+      if (section && section.id) {
+        tagsToImport.push(`[[REF:${type}:${itemId}:${section.id}]]`);
+      }
+    });
+    if (tagsToImport.length > 0) {
+      onSelect(tagsToImport);
     } else {
-      alert("Esta se\xE7\xE3o n\xE3o possui um ID \xFAnico salvo. Salve o node de origem primeiro.");
+      alert("Nenhuma se\xE7\xE3o v\xE1lida selecionada.");
     }
   };
   const renderSectionContent = (content) => {
@@ -3593,7 +3695,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
         /* @__PURE__ */ React4.createElement("div", { className: "truncate" }, /* @__PURE__ */ React4.createElement("div", { className: "text-sm font-medium text-slate-200 truncate" }, item.name), /* @__PURE__ */ React4.createElement("div", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, isNode ? ((_a = item.version_node) == null ? void 0 : _a.is_version) ? "Vers\xE3o" : "Node" : "Ancestralidade"))
       );
     }))), /* @__PURE__ */ React4.createElement("div", { className: "flex-1 flex flex-col bg-black/20 relative z-10" }, selectedItem ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pr-8" }, /* @__PURE__ */ React4.createElement("div", { className: "w-full text-sm leading-relaxed text-slate-300 break-words whitespace-pre-wrap" }, itemSections.map((section, index) => {
-      const isActive = index === activeIndex;
+      const isSelected = selectedIndices.has(index);
+      const isFocused = index === activeIndex;
       const match = section.content.match(/^(\s*)([\s\S]*?)(\s*)$/);
       let leadingSpace = match ? match[1] : "";
       const bodyText = match ? match[2] : section.content;
@@ -3611,10 +3714,11 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
               refAssigned = true;
             }
           },
-          onClick: () => setActiveIndex(index),
+          onClick: (e) => handleSectionClick(index, e),
           className: `
                                                                 transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone
-                                                                ${isActive ? "bg-indigo-500/20 ring-1 ring-indigo-500/30" : "hover:bg-white/5"}
+                                                                ${isSelected ? "bg-indigo-500/30 ring-1 ring-indigo-500/50" : "hover:bg-white/5"}
+                                                                ${isFocused && !isSelected ? "ring-1 ring-white/20" : ""}
                                                             `
         },
         renderSectionContent(bodyText)
@@ -3635,8 +3739,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
               CodeBlock,
               {
                 content: part,
-                isActive,
-                onClick: () => setActiveIndex(index)
+                isActive: isSelected,
+                onClick: (e) => handleSectionClick(index, e)
               }
             )
           );
@@ -3646,7 +3750,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
           const isLastLine = lineIndex === lines.length - 1;
           const isEmptyLine = line.trim() === "";
           if (isEmptyLine) {
-            return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: `${index}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React4.createElement("br", null));
+            return /* @__PURE__ */ React4.createElement("br", { key: `${index}-${partIndex}-${lineIndex}` });
           }
           return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: `${index}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React4.createElement(
             "span",
@@ -3657,10 +3761,11 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
                   refAssigned = true;
                 }
               },
-              onClick: () => setActiveIndex(index),
+              onClick: (e) => handleSectionClick(index, e),
               className: `
-                                                                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone
-                                                                                        ${isActive ? "bg-indigo-500/20 text-white ring-1 ring-indigo-500/30" : "hover:bg-white/5 hover:text-slate-200"}
+                                                                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone select-none
+                                                                                        ${isSelected ? "bg-indigo-500/30 text-white ring-1 ring-indigo-500/50 shadow-sm" : "hover:bg-white/5 hover:text-slate-200"}
+                                                                                        ${isFocused && !isSelected ? "ring-1 ring-white/20" : ""}
                                                                                     `
             },
             formatLineContent(line)
@@ -3674,7 +3779,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
         className: "flex items-center gap-2 px-6 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-semibold rounded-lg shadow-lg shadow-indigo-500/20 transition-all transform active:scale-95"
       },
       /* @__PURE__ */ React4.createElement(FiDownload, { className: "text-indigo-200" }),
-      "Importar Se\xE7\xE3o"
+      "Importar ",
+      selectedIndices.size > 1 ? `${selectedIndices.size} Se\xE7\xF5es` : "Se\xE7\xE3o"
     ))) : /* @__PURE__ */ React4.createElement("div", { className: "flex-1 flex flex-col items-center justify-center text-slate-500" }, /* @__PURE__ */ React4.createElement("div", { className: "w-16 h-16 rounded-full bg-white/5 flex items-center justify-center mb-4" }, /* @__PURE__ */ React4.createElement(FiSearch, { size: 24, className: "opacity-50" })), /* @__PURE__ */ React4.createElement("p", null, "Selecione um item \xE0 esquerda para visualizar suas se\xE7\xF5es."))))
   ));
 }
@@ -3706,16 +3812,22 @@ function DescriptionEditModal({
   availableAncestries = [],
   availableImages = []
 }) {
-  const [text, setText] = useState5(initialValue || "");
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.9 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize } = useResizablePanel({
+    initialWidth: 700,
+    minWidth: 400,
+    maxWidth: maxPanelW
+  });
+  const [text, setText] = useState6(initialValue || "");
   const textareaRef = useRef5(null);
-  const [isImportModalOpen, setIsImportModalOpen] = useState5(false);
-  const [isMentionModalOpen, setIsMentionModalOpen] = useState5(false);
-  const [mentionSearch, setMentionSearch] = useState5("");
-  const [mentionTriggerIndex, setMentionTriggerIndex] = useState5(null);
-  const [isImageModalOpen, setIsImageModalOpen] = useState5(false);
-  const [manualImageUrl, setManualImageUrl] = useState5("");
+  const [isImportModalOpen, setIsImportModalOpen] = useState6(false);
+  const [isMentionModalOpen, setIsMentionModalOpen] = useState6(false);
+  const [mentionSearch, setMentionSearch] = useState6("");
+  const [mentionTriggerIndex, setMentionTriggerIndex] = useState6(null);
+  const [isImageModalOpen, setIsImageModalOpen] = useState6(false);
+  const [manualImageUrl, setManualImageUrl] = useState6("");
   const hoverTimeoutRef = useRef5(null);
-  const [tooltipData, setTooltipData] = useState5(null);
+  const [tooltipData, setTooltipData] = useState6(null);
   useEffect5(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -3723,6 +3835,7 @@ function DescriptionEditModal({
           e.preventDefault();
           e.stopPropagation();
           e.stopImmediatePropagation();
+          if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
           setIsMentionModalOpen(false);
           setMentionTriggerIndex(null);
           setTooltipData(null);
@@ -3807,15 +3920,32 @@ function DescriptionEditModal({
     const uniqueSuffix = v4_default().slice(0, 4);
     insertAtCursor(`*/${nextNum}:${uniqueSuffix}/ `);
   };
-  const handleImportSelect = (tag) => {
-    const nextNum = getNextSectionNumber(text);
-    const uniqueSuffix = v4_default().slice(0, 4);
-    insertAtCursor(`
-*/${nextNum}:${uniqueSuffix}/ ${tag}
-`);
+  const handleImportSelect = (tags) => {
+    const tagsArray = Array.isArray(tags) ? tags : [tags];
+    const el = textareaRef.current;
+    if (!el) return;
+    let currentText = text;
+    let currentNum = getNextSectionNumber(currentText);
+    let blockToInsert = "";
+    tagsArray.forEach((tag) => {
+      const uniqueSuffix = v4_default().slice(0, 4);
+      blockToInsert += `
+*/${currentNum}:${uniqueSuffix}/ ${tag}
+`;
+      currentNum++;
+    });
+    const start = el.selectionStart;
+    const end = el.selectionEnd;
+    const newText = currentText.substring(0, start) + blockToInsert + currentText.substring(end);
+    el.value = newText;
+    el.setSelectionRange(start + blockToInsert.length, start + blockToInsert.length);
+    el.dispatchEvent(new Event("input", { bubbles: true }));
+    el.focus();
+    setText(newText);
     setIsImportModalOpen(false);
   };
   const handleMentionSelect = (node) => {
+    if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
     const tag = `[[MENTION:node:${node.id}]]`;
     const el = textareaRef.current;
     if (mentionTriggerIndex !== null && el) {
@@ -3856,7 +3986,8 @@ function DescriptionEditModal({
   return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "fixed inset-0 z-[2000] flex justify-end pointer-events-none bg-transparent" }, /* @__PURE__ */ React5.createElement(
     "div",
     {
-      className: "ui-overlay pointer-events-auto relative group h-full w-[min(90vw,700px)] border-l border-white/10 bg-slate-950/95 shadow-2xl text-white flex flex-col",
+      className: `ui-overlay pointer-events-auto relative group h-full border-l border-white/10 bg-slate-950/95 shadow-2xl text-white flex flex-col ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { width: `${panelWidth}px`, maxWidth: "90vw" },
       onClick: swallow,
       onPointerDown: swallow,
       onPointerMove: swallow,
@@ -3865,6 +3996,17 @@ function DescriptionEditModal({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
+    /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        onPointerDown: (e) => {
+          e.stopPropagation();
+          handleResize(e);
+        },
+        className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+        title: "Arraste para redimensionar"
+      }
+    ),
     /* @__PURE__ */ React5.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 shrink-0" }),
     /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80" }), /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-slate-200" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ React5.createElement("button", { onClick: handleClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
     /* @__PURE__ */ React5.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React5.createElement(
@@ -3894,6 +4036,24 @@ function DescriptionEditModal({
       },
       /* @__PURE__ */ React5.createElement(FiList, { size: 12 }),
       " Lista"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        onClick: () => insertAtCursor("1. "),
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        title: "Lista Numerada"
+      },
+      /* @__PURE__ */ React5.createElement("span", { className: "text-[10px] font-bold" }, "1."),
+      " Numerada"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        onClick: () => insertAtCursor("- [ ] "),
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        title: "Checklist (Checkbox)"
+      },
+      /* @__PURE__ */ React5.createElement(FiCheckSquare, { size: 12 }),
+      " Checklist"
     ), /* @__PURE__ */ React5.createElement(
       "button",
       {
@@ -4029,7 +4189,7 @@ function DescriptionEditModal({
         className: "px-3 py-1.5 bg-indigo-600/30 hover:bg-indigo-600 text-indigo-200 text-xs rounded-lg transition-colors disabled:opacity-50"
       },
       "OK"
-    ))), /* @__PURE__ */ React5.createElement("div", { className: "p-2 border-t border-white/10 bg-slate-950/50 flex justify-end" }, /* @__PURE__ */ React5.createElement("button", { onClick: () => setIsImageModalOpen(false), className: "px-3 py-1.5 text-xs text-slate-400 hover:text-white transition-colors" }, "Cancelar")))), /* @__PURE__ */ React5.createElement("p", { className: "mt-2 text-xs text-slate-500 shrink-0" }, "Dica: Tags agora incluem ID (ex: ", /* @__PURE__ */ React5.createElement("b", null, "*/1:a9f2/"), ") para garantir que refer\xEAncias n\xE3o quebrem se voc\xEA reordenar o texto.")),
+    ))), /* @__PURE__ */ React5.createElement("div", { className: "p-2 border-t border-white/10 bg-slate-950/50 flex justify-end" }, /* @__PURE__ */ React5.createElement("button", { onClick: () => setIsImageModalOpen(false), className: "px-3 py-1.5 text-xs text-slate-400 hover:text-white transition-colors" }, "Cancelar"))))),
     /* @__PURE__ */ React5.createElement("div", { className: "sticky bottom-0 z-10 bg-slate-950/95 border-t border-white/10 px-6 py-4 flex justify-end gap-3 shrink-0" }, /* @__PURE__ */ React5.createElement("button", { onClick: handleSave, className: "px-6 py-2 rounded-lg bg-gradient-to-tr from-indigo-600 to-indigo-400 hover:from-indigo-500 hover:to-indigo-300 transition-colors font-semibold text-sm shadow-[0_8px_24px_rgba(99,102,241,0.35)]" }, "Salvar"))
   )), tooltipData && /* @__PURE__ */ React5.createElement(
     "div",
@@ -4056,11 +4216,11 @@ function DescriptionEditModal({
 }
 
 // src/components/DescriptionDisplay.jsx
-import React6, { useMemo as useMemo5, useState as useState6, useEffect as useEffect6, useRef as useRef6 } from "react";
-import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage2 } from "react-icons/fi";
+import React6, { useMemo as useMemo5, useState as useState7, useEffect as useEffect6, useRef as useRef6 } from "react";
+import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage2, FiSave } from "react-icons/fi";
 var CodeBlock2 = ({ content, isActive, onClick }) => {
-  const [isExpanded, setIsExpanded] = useState6(false);
-  const [copied, setCopied] = useState6(false);
+  const [isExpanded, setIsExpanded] = useState7(false);
+  const [copied, setCopied] = useState7(false);
   const cleanContent = content.replace(/^```|```$/g, "").trim();
   const isLongCode = cleanContent.split("\n").length > 4;
   const handleCopy = (e) => {
@@ -4200,7 +4360,7 @@ var renderTextWithMentions = (text, availableNodes, onMentionClick, activeMentio
     );
   });
 };
-var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionIndex, mentionCounterRef, setRef, onImageClick) => {
+var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionIndex, mentionCounterRef, setRef, onImageClick, onToggleCheckbox, globalCheckboxCounterRef) => {
   const trimmedLine = line.replace(/\r$/, "");
   const processContent = (content) => renderTextWithMentions(content, availableNodes, onMentionClick, activeMentionIndex, mentionCounterRef, setRef, onImageClick);
   if (line.startsWith("# ")) {
@@ -4211,9 +4371,46 @@ var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionInd
     const content = line.replace("## ", "");
     return /* @__PURE__ */ React6.createElement("span", { className: "text-sm sm:text-base font-semibold text-indigo-200 leading-tight break-words" }, processContent(content));
   }
+  const checkboxMatch = trimmedLine.match(/^(\s*)- \[([ xX])\]\s+(.*)/);
+  if (checkboxMatch) {
+    const [_, space, state, content] = checkboxMatch;
+    const isChecked = state.toLowerCase() === "x";
+    const currentIdx = globalCheckboxCounterRef.current;
+    globalCheckboxCounterRef.current += 1;
+    return /* @__PURE__ */ React6.createElement("span", { className: "flex items-start gap-2.5 my-1 break-words ml-1 group/checkbox" }, /* @__PURE__ */ React6.createElement(
+      "div",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          if (onToggleCheckbox) onToggleCheckbox(currentIdx);
+        },
+        className: `mt-1 cursor-pointer w-4 h-4 rounded border flex-shrink-0 flex items-center justify-center transition-all duration-200
+                        ${isChecked ? "bg-indigo-500 border-indigo-500 shadow-[0_0_8px_rgba(99,102,241,0.4)]" : "border-slate-500 bg-slate-900/50 hover:border-slate-400 group-hover/checkbox:border-slate-400"}
+                    `
+      },
+      isChecked && /* @__PURE__ */ React6.createElement(FiCheck3, { size: 12, className: "text-white" })
+    ), /* @__PURE__ */ React6.createElement(
+      "span",
+      {
+        className: `transition-all duration-200 cursor-pointer pt-[1px]
+                        ${isChecked ? "line-through text-slate-500" : "text-slate-200 group-hover/checkbox:text-white"}
+                    `,
+        onClick: (e) => {
+          e.stopPropagation();
+          if (onToggleCheckbox) onToggleCheckbox(currentIdx);
+        }
+      },
+      processContent(content)
+    ));
+  }
+  const numberMatch = trimmedLine.match(/^(\s*)(\d+\.)\s+(.*)/);
+  if (numberMatch) {
+    const [_, space, numberStr, content] = numberMatch;
+    return /* @__PURE__ */ React6.createElement("span", { className: "flex items-start gap-2 my-0.5 break-words ml-1" }, /* @__PURE__ */ React6.createElement("span", { className: "text-indigo-400 font-mono font-bold text-xs mt-[3px] shrink-0" }, numberStr), /* @__PURE__ */ React6.createElement("span", { className: "text-slate-200" }, processContent(content)));
+  }
   if (trimmedLine.trim().startsWith("- ") || trimmedLine.trim().startsWith("* ")) {
     const content = trimmedLine.trim().substring(2);
-    return /* @__PURE__ */ React6.createElement("span", { className: "pl-2 text-slate-200 break-words" }, /* @__PURE__ */ React6.createElement("span", { className: "text-indigo-400 font-bold mr-1.5" }, "\u2022"), processContent(content));
+    return /* @__PURE__ */ React6.createElement("span", { className: "flex items-start gap-2 my-0.5 break-words ml-1 text-slate-200" }, /* @__PURE__ */ React6.createElement("span", { className: "text-indigo-400 font-bold shrink-0 mt-[2px] text-xs" }, "\u2022"), /* @__PURE__ */ React6.createElement("span", null, processContent(content)));
   }
   return /* @__PURE__ */ React6.createElement("span", { className: "break-words" }, processContent(line));
 };
@@ -4225,14 +4422,31 @@ function DescriptionDisplay({
   onOpenReference,
   onMentionClick,
   onImageClick,
-  // <--- NOVA PROP RECEBIDA
   onSectionChange,
   onBranchNav,
   onHighlightNode,
   initialSectionId,
-  currentBranchDirection = null
+  currentBranchDirection = null,
+  onSaveDescription
 }) {
-  const sections = useMemo5(() => parseDescriptionSections(description, savedSections), [description, savedSections]);
+  const [localDescription, setLocalDescription] = useState7(description || "");
+  useEffect6(() => {
+    setLocalDescription(description || "");
+  }, [description]);
+  const sections = useMemo5(() => parseDescriptionSections(localDescription, savedSections), [localDescription, savedSections]);
+  const globalCheckboxCounterRef = useRef6(0);
+  const handleToggleCheckbox = (targetIndex) => {
+    let currentIndex = 0;
+    const newDesc = localDescription.replace(/^(\s*)- \[([ xX])\]/gm, (match, space, state) => {
+      if (currentIndex === targetIndex) {
+        currentIndex++;
+        return state === " " ? `${space}- [x]` : `${space}- [ ]`;
+      }
+      currentIndex++;
+      return match;
+    });
+    setLocalDescription(newDesc);
+  };
   const flatNavigation = useMemo5(() => {
     const navItems = [];
     sections.forEach((section, sIdx) => {
@@ -4259,7 +4473,7 @@ function DescriptionDisplay({
     });
     return navItems;
   }, [sections]);
-  const [currentStepIndex, setCurrentStepIndex] = useState6(0);
+  const [currentStepIndex, setCurrentStepIndex] = useState7(0);
   const activeRef = useRef6(null);
   const lastNotifiedSectionId = useRef6(null);
   const isInitialMount = useRef6(true);
@@ -4373,26 +4587,27 @@ function DescriptionDisplay({
       }
       const lines = part.replace(/\n$/, "").split("\n");
       return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `text-${parentIndex}-${partIndex}` }, lines.map((line, lineIndex) => {
-        const isLastLine = lineIndex === lines.length - 1;
         const isEmptyLine = line.trim() === "";
         if (isEmptyLine) {
           return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `${parentIndex}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React6.createElement("br", null));
         }
         return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `${parentIndex}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React6.createElement(
-          "span",
+          "div",
           {
             ref: isActiveSection && activeMentionIndex === -1 && partIndex === 0 && lineIndex === 0 ? setRef : null,
-            onClick: () => {
-              const idx = flatNavigation.findIndex((item) => item.type === "section" && item.sectionIndex === parentIndex);
-              if (idx !== -1) setCurrentStepIndex(idx);
+            onClick: (e) => {
+              if (e.target.type !== "checkbox") {
+                const idx = flatNavigation.findIndex((item) => item.type === "section" && item.sectionIndex === parentIndex);
+                if (idx !== -1) setCurrentStepIndex(idx);
+              }
             },
             className: `
-                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone
-                                        ${isActiveSection ? "bg-indigo-500/20 text-white ring-1 ring-indigo-500/30" : "hover:bg-white/5 hover:text-slate-200"}
+                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone inline-block w-full
+                                        ${isActiveSection ? "bg-indigo-500/10 text-white ring-1 ring-indigo-500/30" : "hover:bg-white/5 hover:text-slate-200"}
                                     `
           },
-          formatLineContent2(line, availableNodes, onMentionClick, isActiveSection ? activeMentionIndex : -1, mentionCounterRef, setRef, onImageClick)
-        ), !isLastLine && /* @__PURE__ */ React6.createElement("br", null));
+          formatLineContent2(line, availableNodes, onMentionClick, isActiveSection ? activeMentionIndex : -1, mentionCounterRef, setRef, onImageClick, handleToggleCheckbox, globalCheckboxCounterRef)
+        ));
       }));
     });
   };
@@ -4420,7 +4635,9 @@ function DescriptionDisplay({
                     ${isActiveSection ? "opacity-100" : "opacity-90"}
                 ` }, renderMixedContent(resolved.content, index, isActiveSection, -1, setRef)));
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: "w-full text-sm leading-relaxed text-slate-300 break-words whitespace-pre-wrap px-3 pt-1 pb-2 pr-9" }, sections.map((section, index) => {
+  globalCheckboxCounterRef.current = 0;
+  const hasUnsavedChanges = localDescription !== (description || "");
+  return /* @__PURE__ */ React6.createElement("div", { className: "relative w-full h-full min-h-[100px]" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full text-sm leading-relaxed text-slate-300 break-words whitespace-pre-wrap px-3 pt-1 pb-16 pr-9" }, sections.map((section, index) => {
     const currentNavItem = flatNavigation[currentStepIndex];
     const isSectionContextActive = currentNavItem && currentNavItem.sectionIndex === index;
     const activeMentionIndex = isSectionContextActive && currentNavItem.type === "mention" ? currentNavItem.mentionIndex : -1;
@@ -4436,11 +4653,22 @@ function DescriptionDisplay({
     if (index === 0) leadingSpace = "";
     const isRef = bodyText.trim().match(/^\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]$/);
     return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: index }, /* @__PURE__ */ React6.createElement("span", null, leadingSpace), isRef ? renderReferenceSection(bodyText, index, isSectionContextActive, setRef) : renderMixedContent(bodyText, index, isSectionContextActive, activeMentionIndex, setRef), /* @__PURE__ */ React6.createElement("span", null, trailingSpace));
-  }));
+  })), hasUnsavedChanges && onSaveDescription && /* @__PURE__ */ React6.createElement("div", { className: "absolute bottom-2 left-2 z-[100] animate-in slide-in-from-bottom-2 fade-in duration-300" }, /* @__PURE__ */ React6.createElement(
+    "button",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        onSaveDescription(localDescription);
+      },
+      className: "flex items-center gap-1.5 px-3 py-1.5 bg-indigo-600/90 hover:bg-indigo-500 text-white rounded-md shadow-[0_4px_12px_rgba(99,102,241,0.3)] text-xs font-medium transition-all hover:scale-105 active:scale-95 border border-indigo-400/20 backdrop-blur-sm"
+    },
+    /* @__PURE__ */ React6.createElement(FiSave, { size: 12 }),
+    " Salvar Checklist"
+  )));
 }
 
 // src/components/DescriptionReadModePanel.jsx
-import React7, { useState as useState7, useMemo as useMemo6, useEffect as useEffect7 } from "react";
+import React7, { useState as useState8, useMemo as useMemo6, useEffect as useEffect7 } from "react";
 import {
   FiArrowLeft,
   FiEdit2,
@@ -4519,7 +4747,6 @@ function DescriptionReadModePanel({
   title,
   description,
   ancestryId,
-  // <-- NOVO: Prop recebida do XViewScene
   savedSections,
   onBack,
   onEdit,
@@ -4541,12 +4768,13 @@ function DescriptionReadModePanel({
   userRole,
   abstractionTree = null,
   onRenderAbstractionTree = null,
-  initialShowAbstraction = false
+  initialShowAbstraction = false,
+  onSaveDescription
 }) {
-  const [showProperties, setShowProperties] = useState7(false);
-  const [showAbstraction, setShowAbstraction] = useState7(false);
-  const [targetRenderNodeId, setTargetRenderNodeId] = useState7(null);
-  const [isLinkCopied, setIsLinkCopied] = useState7(false);
+  const [showProperties, setShowProperties] = useState8(false);
+  const [showAbstraction, setShowAbstraction] = useState8(false);
+  const [targetRenderNodeId, setTargetRenderNodeId] = useState8(null);
+  const [isLinkCopied, setIsLinkCopied] = useState8(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!ancestryId) return;
@@ -4628,7 +4856,7 @@ function DescriptionReadModePanel({
   return /* @__PURE__ */ React7.createElement(
     "div",
     {
-      className: "flex flex-col h-full w-full bg-slate-950/50 relative overflow-hidden group",
+      className: "flex flex-col h-full max-h-full w-full bg-slate-950/50 relative overflow-hidden group min-h-0",
       onPointerDown: swallow,
       onClick: swallow
     },
@@ -4700,7 +4928,7 @@ function DescriptionReadModePanel({
       },
       "\xD7"
     ))),
-    /* @__PURE__ */ React7.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10 min-h-0", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ React7.createElement(
       "button",
       {
         onClick: (e) => {
@@ -4759,7 +4987,8 @@ function DescriptionReadModePanel({
         onHighlightNode,
         initialSectionId,
         currentBranchDirection,
-        onImageClick
+        onImageClick,
+        onSaveDescription
       }
     )),
     leftAction && !showAbstraction && !showProperties && /* @__PURE__ */ React7.createElement(
@@ -4801,11 +5030,11 @@ function AncestryRelationshipPanel({
   onMentionClick,
   onUploadFile
 }) {
-  const [description, setDescription] = useState8((data == null ? void 0 : data.description) ?? "");
-  const [customProps, setCustomProps] = useState8(() => extractCustomPropsFromNode(data || {}));
-  const [existingSections, setExistingSections] = useState8((data == null ? void 0 : data.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState8(false);
-  const [isReadMode, setIsReadMode] = useState8(false);
+  const [description, setDescription] = useState9((data == null ? void 0 : data.description) ?? "");
+  const [customProps, setCustomProps] = useState9(() => extractCustomPropsFromNode(data || {}));
+  const [existingSections, setExistingSections] = useState9((data == null ? void 0 : data.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState9(false);
+  const [isReadMode, setIsReadMode] = useState9(false);
   const propsEndRef = useRef7(null);
   useEffect8(() => {
     setDescription((data == null ? void 0 : data.description) ?? "");
@@ -4829,6 +5058,17 @@ function AncestryRelationshipPanel({
       return newProps;
     });
   };
+  const handleSaveDescriptionInline = (newDescription) => {
+    setDescription(newDescription);
+    const extrasObj = toObjectFromCustomProps(customProps.filter((p) => !p.isEditing));
+    const processedSections = processDescriptionForSave(newDescription, existingSections);
+    const dataToSave = {
+      description: newDescription,
+      description_sections: processedSections,
+      ...extrasObj
+    };
+    onSave(dataToSave);
+  };
   const handleSave = () => {
     const extrasObj = toObjectFromCustomProps(customProps.filter((p) => !p.isEditing));
     const processedSections = processDescriptionForSave(description, existingSections);
@@ -4878,7 +5118,8 @@ function AncestryRelationshipPanel({
           availableAncestries,
           onOpenReference,
           onMentionClick,
-          onImageClick: handleImageClickFromText
+          onImageClick: handleImageClickFromText,
+          onSaveDescription: handleSaveDescriptionInline
         }
       ) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React8.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-cyan-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React8.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ React8.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ React8.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React8.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ React8.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__ */ React8.createElement(
         DescriptionDisplay,
@@ -4889,7 +5130,8 @@ function AncestryRelationshipPanel({
           availableAncestries,
           onOpenReference,
           onMentionClick,
-          onImageClick: handleImageClickFromText
+          onImageClick: handleImageClickFromText,
+          onSaveDescription: handleSaveDescriptionInline
         }
       ), /* @__PURE__ */ React8.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__ */ React8.createElement(
         "button",
@@ -4947,7 +5189,7 @@ function AncestryRelationshipPanel({
 }
 
 // src/components/CreateAncestryPanel.jsx
-import React10, { useState as useState10, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef8, useCallback } from "react";
+import React10, { useState as useState11, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef8, useCallback as useCallback2 } from "react";
 import {
   FiEdit2 as FiEdit23,
   FiBookOpen as FiBookOpen2,
@@ -4967,7 +5209,7 @@ import {
 } from "react-icons/fi";
 
 // src/components/AncestryPickerModal.jsx
-import React9, { useState as useState9, useMemo as useMemo7, useEffect as useEffect9 } from "react";
+import React9, { useState as useState10, useMemo as useMemo7, useEffect as useEffect9 } from "react";
 import { FiSearch as FiSearch3, FiLayers as FiLayers4, FiCornerUpRight as FiCornerUpRight2 } from "react-icons/fi";
 function AncestryPickerModal({
   isOpen,
@@ -4977,7 +5219,7 @@ function AncestryPickerModal({
   availableNodes = [],
   currentAncestryId
 }) {
-  const [searchTerm, setSearchTerm] = useState9("");
+  const [searchTerm, setSearchTerm] = useState10("");
   useEffect9(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -5062,7 +5304,7 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
   var _a, _b;
   const itemId = nodeData.is_section ? nodeData.id : (_a = nodeData.node) == null ? void 0 : _a.id;
   const itemName = nodeData.is_section ? nodeData.name : (_b = nodeData.node) == null ? void 0 : _b.name;
-  const [isDragOver, setIsDragOver] = useState10(false);
+  const [isDragOver, setIsDragOver] = useState11(false);
   const isSelectedParent = String(selectedParentId) === String(itemId);
   const isTargetViewNode = String(targetRenderNodeId) === String(itemId);
   const isHighlightedPath = highlightedPathIds.includes(String(itemId));
@@ -5198,8 +5440,8 @@ function CreateAncestryPanel({
     isAddingNodes,
     currentAncestryId
   } = ancestryMode;
-  const [isSaving, setIsSaving] = useState10(false);
-  const [isLinkCopied, setIsLinkCopied] = useState10(false);
+  const [isSaving, setIsSaving] = useState11(false);
+  const [isLinkCopied, setIsLinkCopied] = useState11(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!currentAncestryId || currentAncestryId === "temp_root" || currentAncestryId === "temp_creating") {
@@ -5213,11 +5455,11 @@ function CreateAncestryPanel({
       setTimeout(() => setIsLinkCopied(false), 2e3);
     }).catch((err) => console.error("Erro ao copiar link:", err));
   };
-  const [isPickerOpen, setIsPickerOpen] = useState10(false);
-  const [customProps, setCustomProps] = useState10([]);
+  const [isPickerOpen, setIsPickerOpen] = useState11(false);
+  const [customProps, setCustomProps] = useState11([]);
   const propsEndRef = useRef8(null);
-  const [branchStack, setBranchStack] = useState10([]);
-  const [targetRenderNodeId, setTargetRenderNodeId] = useState10(null);
+  const [branchStack, setBranchStack] = useState11([]);
+  const [targetRenderNodeId, setTargetRenderNodeId] = useState11(null);
   const highlightedPathIds = useMemo8(() => {
     var _a, _b;
     if (!targetRenderNodeId || !ancestryMode.abstraction_tree) return [];
@@ -5231,17 +5473,27 @@ function CreateAncestryPanel({
     }
     return ids;
   }, [targetRenderNodeId, ancestryMode.abstraction_tree]);
-  const [targetScrollSectionId, setTargetScrollSectionId] = useState10(null);
-  const [internalHighlightedNodeId, setInternalHighlightedNodeId] = useState10(null);
-  const [ancestryName, setAncestryName] = useState10(initialName);
-  const [description, setDescription] = useState10(initialDescription || "");
-  const [existingSections, setExistingSections] = useState10(initialSections || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState10(false);
-  const [isReadMode, setIsReadMode] = useState10(false);
+  const [targetScrollSectionId, setTargetScrollSectionId] = useState11(null);
+  const [internalHighlightedNodeId, setInternalHighlightedNodeId] = useState11(null);
+  const [ancestryName, setAncestryName] = useState11(initialName);
+  const [description, setDescription] = useState11(initialDescription || "");
+  const [existingSections, setExistingSections] = useState11(initialSections || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState11(false);
+  const [isReadMode, setIsReadMode] = useState11(false);
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
+    initialWidth: isReadMode ? 700 : 440,
+    minWidth: 320,
+    maxWidth: maxPanelW
+  });
+  useEffect10(() => {
+    setWidth(isReadMode ? 700 : 440);
+  }, [isReadMode, setWidth]);
   const currentMaxRenderIndexRef = useRef8(0);
   const branchProgressMapRef = useRef8({});
-  const [lastSavedSnapshot, setLastSavedSnapshot] = useState10(null);
-  const [isPrivate, setIsPrivate] = useState10(ancestryMode.is_private || false);
+  const [lastSavedSnapshot, setLastSavedSnapshot] = useState11(null);
+  const [isPrivate, setIsPrivate] = useState11(ancestryMode.is_private || false);
+  const initializedContextIdRef = useRef8(null);
   const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
@@ -5259,7 +5511,7 @@ function CreateAncestryPanel({
     }
     setAncestryMode((prev) => isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes } : { ...prev, isAddingNodes: !prev.isAddingNodes });
   };
-  const handleRemoveNode = useCallback((pathToRemove, isAbstraction = false) => {
+  const handleRemoveNode = useCallback2((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
     const treeKey = isAbstraction ? "abstraction_tree" : "tree";
     setAncestryMode((prev) => {
@@ -5440,6 +5692,11 @@ function CreateAncestryPanel({
   }, [isContextLinked, branchStack]);
   useEffect10(() => {
     const ctx = getCurrentContext();
+    const currentContextId = branchStack.length > 0 ? branchStack[branchStack.length - 1].branchId : ancestryMode.currentAncestryId || `new_${ancestryMode.ancestral_node}`;
+    if (initializedContextIdRef.current === currentContextId) {
+      return;
+    }
+    initializedContextIdRef.current = currentContextId;
     let sourceObject = {};
     if (ctx) {
       sourceObject = ctx;
@@ -5790,7 +6047,7 @@ function CreateAncestryPanel({
       const currentAbsTreeStr = JSON.stringify(ancestryMode.abstraction_tree);
       abstractionTreeChanged = currentAbsTreeStr !== lastSavedSnapshot.abstractionTree;
     }
-    return treeChanged || nameChanged || descChanged || sectionsChanged || propsChanged || privateChanged;
+    return treeChanged || nameChanged || descChanged || sectionsChanged || propsChanged || privateChanged || abstractionTreeChanged;
   }, [
     ancestryName,
     description,
@@ -6138,6 +6395,10 @@ function CreateAncestryPanel({
     setInternalHighlightedNodeId(id);
     if (onHighlightNode) onHighlightNode(id);
   };
+  const handleSaveDescriptionInline = (newDesc) => {
+    setDescription(newDesc);
+    handleLocalSave(true, { description: newDesc });
+  };
   const swallow = (e) => e.stopPropagation();
   const getSelectedParentName = () => {
     if (!activeTree || !selectedParentId) return "";
@@ -6210,10 +6471,8 @@ function CreateAncestryPanel({
   return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(
     "div",
     {
-      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col transition-all duration-300 ease-out 
-                    ${isReadMode ? "w-[min(92vw,700px)]" : "w-[min(92vw,440px)]"}
-                `,
-      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)" },
+      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${panelWidth}px`, maxWidth: "92vw" },
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,
@@ -6222,6 +6481,17 @@ function CreateAncestryPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
+    /* @__PURE__ */ React10.createElement(
+      "div",
+      {
+        onPointerDown: (e) => {
+          e.stopPropagation();
+          handleResize(e);
+        },
+        className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+        title: "Arraste para redimensionar"
+      }
+    ),
     isReadMode ? /* @__PURE__ */ React10.createElement(
       DescriptionReadModePanel,
       {
@@ -6240,7 +6510,8 @@ function CreateAncestryPanel({
         onMentionClick,
         onSectionChange: handleSectionChangeWrapper,
         onHighlightNode,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 flex-shrink-0" }), /* @__PURE__ */ React10.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4 flex-shrink-0" }, /* @__PURE__ */ React10.createElement("div", { className: "w-full" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React10.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React10.createElement("p", { className: "text-xs/relaxed text-slate-300" }, branchStack.length > 0 ? `Ramifica\xE7\xE3o (N\xEDvel ${branchStack.length})` : isEditMode ? "Editar Ancestralidade" : "Criar Ancestralidade"), currentAncestryId && currentAncestryId !== "temp_creating" && currentAncestryId !== "temp_root" && /* @__PURE__ */ React10.createElement(
       "button",
@@ -6297,7 +6568,8 @@ function CreateAncestryPanel({
         onHighlightNode: handleHighlightWrapper,
         initialSectionId: targetScrollSectionId,
         currentBranchDirection: currentContext ? currentContext.direction : null,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ), /* @__PURE__ */ React10.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 z-30" }, /* @__PURE__ */ React10.createElement(
       "button",
@@ -6518,25 +6790,25 @@ function CreateAncestryPanel({
 }
 
 // src/components/ImageViewer.jsx
-import React11, { useState as useState11, useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useCallback as useCallback2 } from "react";
+import React11, { useState as useState12, useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useCallback as useCallback3 } from "react";
 import { FiX as FiX2, FiChevronLeft as FiChevronLeft3, FiChevronRight as FiChevronRight5 } from "react-icons/fi";
 function ImageViewer({ data, onClose }) {
   var _a;
   const { images = [], startIndex = 0, visible } = data;
-  const [currentIndex, setCurrentIndex] = useState11(startIndex);
-  const [isLoading, setIsLoading] = useState11(false);
-  const [loadedSrc, setLoadedSrc] = useState11(null);
+  const [currentIndex, setCurrentIndex] = useState12(startIndex);
+  const [isLoading, setIsLoading] = useState12(false);
+  const [loadedSrc, setLoadedSrc] = useState12(null);
   useLayoutEffect2(() => {
     if (visible) {
       setCurrentIndex(startIndex);
     }
   }, [visible, startIndex]);
-  const handleNext = useCallback2(() => {
+  const handleNext = useCallback3(() => {
     if (images.length > 1) {
       setCurrentIndex((prev) => (prev + 1) % images.length);
     }
   }, [images.length]);
-  const handlePrev = useCallback2(() => {
+  const handlePrev = useCallback3(() => {
     if (images.length > 1) {
       setCurrentIndex((prev) => (prev - 1 + images.length) % images.length);
     }
@@ -6641,10 +6913,10 @@ function ImageViewer({ data, onClose }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import React13, { useState as useState13, useEffect as useEffect13, useRef as useRef10 } from "react";
+import React13, { useState as useState14, useEffect as useEffect13, useRef as useRef10 } from "react";
 
 // src/components/ColorPicker.jsx
-import React12, { useState as useState12, useEffect as useEffect12, useRef as useRef9 } from "react";
+import React12, { useState as useState13, useEffect as useEffect12, useRef as useRef9 } from "react";
 import { HexColorPicker } from "react-colorful";
 import { FiHash, FiCheck as FiCheck6 } from "react-icons/fi";
 var PRESET_COLORS = [
@@ -6665,7 +6937,7 @@ var PRESET_COLORS = [
   "#000000"
 ];
 function ColorPicker({ color, onChange, disabled }) {
-  const [isOpen, setIsOpen] = useState12(false);
+  const [isOpen, setIsOpen] = useState13(false);
   const popoverRef = useRef9(null);
   useEffect12(() => {
     const handleClickOutside = (event) => {
@@ -6740,7 +7012,7 @@ function ColorPicker({ color, onChange, disabled }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun } from "react-icons/fi";
+import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun, FiChevronDown as FiChevronDown4 } from "react-icons/fi";
 function InSceneCreationForm({
   onSave,
   onCancel,
@@ -6758,21 +7030,44 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
-  const [name, setName] = useState13("");
-  const [types, setTypes] = useState13([]);
-  const [typeInput, setTypeInput] = useState13("");
-  const [color, setColor] = useState13(initialColor || "#cccccc");
-  const [size, setSize] = useState13("medium");
-  const [intensity, setIntensity] = useState13(0);
-  const [description, setDescription] = useState13("");
-  const [customProps, setCustomProps] = useState13([]);
-  const [showTypeSuggestions, setShowTypeSuggestions] = useState13(false);
-  const [filteredTypes, setFilteredTypes] = useState13([]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState13(false);
-  const [useImageAsTexture, setUseImageAsTexture] = useState13(false);
-  const [selectedImageUrl, setSelectedImageUrl] = useState13(null);
+  var _a;
+  const [name, setName] = useState14("");
+  const [types, setTypes] = useState14([]);
+  const [typeInput, setTypeInput] = useState14("");
+  const [color, setColor] = useState14(initialColor || "#cccccc");
+  const [size, setSize] = useState14("medium");
+  const [intensity, setIntensity] = useState14(0);
+  const [description, setDescription] = useState14("");
+  const [customProps, setCustomProps] = useState14([]);
+  const [showTypeSuggestions, setShowTypeSuggestions] = useState14(false);
+  const [filteredTypes, setFilteredTypes] = useState14([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState14(false);
+  const [useImageAsTexture, setUseImageAsTexture] = useState14(false);
+  const [selectedImageUrl, setSelectedImageUrl] = useState14(null);
+  const [targetDatasetId, setTargetDatasetId] = useState14(sourceNodeDatasetId || "");
+  const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState14(false);
+  const datasetDropdownRef = useRef10(null);
+  useEffect13(() => {
+    if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
+  }, [sourceNodeDatasetId]);
+  useEffect13(() => {
+    function handleClickOutside(event) {
+      if (datasetDropdownRef.current && !datasetDropdownRef.current.contains(event.target)) {
+        setIsDatasetDropdownOpen(false);
+      }
+    }
+    if (isDatasetDropdownOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isDatasetDropdownOpen]);
   const propsEndRef = useRef10(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   useEffect13(() => {
@@ -6818,8 +7113,8 @@ function InSceneCreationForm({
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
     setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
     }, 100);
   };
   const handleRemoveProp = (index) => setCustomProps(customProps.filter((_, i) => i !== index));
@@ -6852,12 +7147,12 @@ function InSceneCreationForm({
     onSizeChange == null ? void 0 : onSizeChange(newSize);
   };
   const handleToggleImageMode = () => {
-    var _a, _b;
+    var _a2, _b;
     const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
-      if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
+      if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
         setSelectedImageUrl(url);
         onImageChange == null ? void 0 : onImageChange(true, url);
@@ -6890,6 +7185,7 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
       ...additionalData
     });
   };
@@ -6910,6 +7206,7 @@ function InSceneCreationForm({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
+  const selectedDatasetName = ((_a = availableDatasets.find((ds) => ds.id === targetDatasetId)) == null ? void 0 : _a.name) || "Selecione um Dataset...";
   return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     "div",
     {
@@ -6967,7 +7264,27 @@ function InSceneCreationForm({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ React13.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
+    ))))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ React13.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), viewType === "view" && availableDatasets.length > 0 && /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative", ref: datasetDropdownRef }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ React13.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsDatasetDropdownOpen(!isDatasetDropdownOpen),
+        className: "w-full flex items-center justify-between bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 hover:bg-slate-700/70 transition-colors text-slate-200 text-left"
+      },
+      /* @__PURE__ */ React13.createElement("span", { className: "truncate pr-2" }, selectedDatasetName),
+      /* @__PURE__ */ React13.createElement(FiChevronDown4, { className: `flex-shrink-0 text-slate-400 transition-transform ${isDatasetDropdownOpen ? "rotate-180" : ""}` })
+    ), isDatasetDropdownOpen && /* @__PURE__ */ React13.createElement("ul", { className: "custom-scrollbar absolute top-[66px] left-0 z-20 w-full max-h-48 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-xl py-1" }, availableDatasets.map((ds) => /* @__PURE__ */ React13.createElement(
+      "li",
+      {
+        key: ds.id,
+        onClick: () => {
+          setTargetDatasetId(ds.id);
+          setIsDatasetDropdownOpen(false);
+        },
+        className: `px-3 py-2 text-sm cursor-pointer transition-colors ${targetDatasetId === ds.id ? "bg-indigo-600/40 text-indigo-200 font-medium" : "text-slate-300 hover:bg-white/5"}`
+      },
+      ds.name
+    )))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
       DescriptionDisplay,
       {
         description,
@@ -6975,7 +7292,8 @@ function InSceneCreationForm({
         availableNodes,
         availableAncestries,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: (newDesc) => setDescription(newDesc)
       }
     ), /* @__PURE__ */ React13.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 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React13.createElement(
       "button",
@@ -7066,7 +7384,7 @@ function InSceneCreationForm({
 }
 
 // src/components/InSceneVersionForm.jsx
-import React14, { useState as useState14, useEffect as useEffect14, useRef as useRef11 } from "react";
+import React14, { useState as useState15, useEffect as useEffect14, useRef as useRef11 } from "react";
 import { FiPlus as FiPlus4, FiMaximize2 as FiMaximize22, FiCheck as FiCheck8, FiEdit2 as FiEdit25 } from "react-icons/fi";
 function InSceneVersionForm({
   onSave,
@@ -7084,14 +7402,14 @@ function InSceneVersionForm({
   onMentionClick,
   onUploadFile
 }) {
-  const [name, setName] = useState14("");
-  const [size, setSize] = useState14("medium");
-  const [description, setDescription] = useState14("");
-  const [customProps, setCustomProps] = useState14([{ id: v4_default(), key: "Date", type: "date", value: { type: "Data", value: "" }, isEditing: true }]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState14(false);
+  const [name, setName] = useState15("");
+  const [size, setSize] = useState15("medium");
+  const [description, setDescription] = useState15("");
+  const [customProps, setCustomProps] = useState15([{ id: v4_default(), key: "Date", type: "date", value: { type: "Data", value: "" }, isEditing: true }]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState15(false);
   const propsEndRef = useRef11(null);
-  const [useImageAsTexture, setUseImageAsTexture] = useState14(false);
-  const [selectedImageUrl, setSelectedImageUrl] = useState14(null);
+  const [useImageAsTexture, setUseImageAsTexture] = useState15(false);
+  const [selectedImageUrl, setSelectedImageUrl] = useState15(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   useEffect14(() => {
     if (!hasImages && useImageAsTexture) {
@@ -7212,7 +7530,8 @@ function InSceneVersionForm({
         availableNodes,
         availableAncestries,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: (newDesc) => setDescription(newDesc)
       }
     ), /* @__PURE__ */ React14.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 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React14.createElement(
       "button",
@@ -7284,8 +7603,8 @@ function InSceneVersionForm({
 }
 
 // src/components/NodeDetailsPanel.jsx
-import React15, { useState as useState15, useEffect as useEffect15, useRef as useRef12 } from "react";
-import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize23, FiX as FiX4, FiCheck as FiCheck9, FiImage as FiImage3, FiEdit2 as FiEdit26, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5 } from "react-icons/fi";
+import React15, { useState as useState16, useEffect as useEffect15, useRef as useRef12 } from "react";
+import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize23, FiX as FiX4, FiCheck as FiCheck9, FiImage as FiImage3, FiEdit2 as FiEdit26, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
   onClose,
@@ -7303,29 +7622,39 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
 }) {
-  const [name, setName] = useState15((node == null ? void 0 : node.name) ?? "");
-  const [types, setTypes] = useState15([]);
-  const [typeInput, setTypeInput] = useState15("");
-  const [color, setColor] = useState15((node == null ? void 0 : node.color) ?? "#8b5cf6");
-  const [size, setSize] = useState15((node == null ? void 0 : node.size) ?? "medium");
-  const [description, setDescription] = useState15((node == null ? void 0 : node.description) ?? "");
-  const [intensity, setIntensity] = useState15((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
-  const [customProps, setCustomProps] = useState15(() => extractCustomPropsFromNode(node || {}));
-  const [showTypeSuggestions, setShowTypeSuggestions] = useState15(false);
-  const [filteredTypes, setFilteredTypes] = useState15([]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState15(false);
-  const [isReadMode, setIsReadMode] = useState15(false);
-  const [existingSections, setExistingSections] = useState15((node == null ? void 0 : node.description_sections) || []);
-  const [isSaving, setIsSaving] = useState15(false);
-  const [isLinkCopied, setIsLinkCopied] = useState15(false);
-  const [useImageAsTexture, setUseImageAsTexture] = useState15(() => {
+  const [name, setName] = useState16((node == null ? void 0 : node.name) ?? "");
+  const [types, setTypes] = useState16([]);
+  const [typeInput, setTypeInput] = useState16("");
+  const [color, setColor] = useState16((node == null ? void 0 : node.color) ?? "#8b5cf6");
+  const [size, setSize] = useState16((node == null ? void 0 : node.size) ?? "medium");
+  const [description, setDescription] = useState16((node == null ? void 0 : node.description) ?? "");
+  const [intensity, setIntensity] = useState16((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [customProps, setCustomProps] = useState16(() => extractCustomPropsFromNode(node || {}));
+  const [showTypeSuggestions, setShowTypeSuggestions] = useState16(false);
+  const [filteredTypes, setFilteredTypes] = useState16([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
+  const [isReadMode, setIsReadMode] = useState16(false);
+  const [existingSections, setExistingSections] = useState16((node == null ? void 0 : node.description_sections) || []);
+  const [isSaving, setIsSaving] = useState16(false);
+  const [isLinkCopied, setIsLinkCopied] = useState16(false);
+  const [useImageAsTexture, setUseImageAsTexture] = useState16(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
     if ((node == null ? void 0 : node.useImageAsTexture) === "false") return false;
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
-  const [selectedImageUrl, setSelectedImageUrl] = useState15((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [selectedImageUrl, setSelectedImageUrl] = useState16((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
+    initialWidth: isReadMode ? 700 : 440,
+    minWidth: 320,
+    maxWidth: maxPanelW
+  });
+  useEffect15(() => {
+    setWidth(isReadMode ? 700 : 440);
+  }, [isReadMode, setWidth]);
   const prevNodeIdRef = useRef12(null);
   const propsEndRef = useRef12(null);
   const canEdit = userRole !== "viewer";
@@ -7478,6 +7807,11 @@ function NodeDetailsPanel({
       textureImageUrl: url
     });
   };
+  const handleSaveDescriptionInline = (newDescription) => {
+    setDescription(newDescription);
+    onDataUpdate({ ...node, description: newDescription });
+    triggerAutoSave({ description: newDescription });
+  };
   const handleSave = async (keepOpen = false, overrides = {}) => {
     const currentName = overrides.name !== void 0 ? overrides.name : name;
     const currentTypes = overrides.types !== void 0 ? overrides.types : types;
@@ -7533,10 +7867,8 @@ function NodeDetailsPanel({
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
     "div",
     {
-      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden transition-all duration-300 ease-out
-            ${isReadMode ? "w-[min(92vw,700px)]" : "w-[min(92vw,440px)]"}
-        `,
-      style: { top: 16, right: 16, zIndex: 1100 },
+      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${panelWidth}px`, maxWidth: "92vw" },
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,
@@ -7545,6 +7877,17 @@ function NodeDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
+    /* @__PURE__ */ React15.createElement(
+      "div",
+      {
+        onPointerDown: (e) => {
+          e.stopPropagation();
+          handleResize(e);
+        },
+        className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+        title: "Arraste para redimensionar"
+      }
+    ),
     isReadMode ? /* @__PURE__ */ React15.createElement(
       DescriptionReadModePanel,
       {
@@ -7563,7 +7906,8 @@ function NodeDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React15.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React15.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React15.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React15.createElement(
       "button",
@@ -7631,7 +7975,8 @@ function NodeDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ), /* @__PURE__ */ React15.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__ */ React15.createElement(
       "button",
@@ -7714,7 +8059,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
+    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React15.createElement("div", { className: "pt-3 mt-4 border-t border-white/10 flex items-center justify-end gap-2 text-xs text-slate-400" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React15.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -7746,7 +8091,7 @@ function NodeDetailsPanel({
 }
 
 // src/components/MultiNodeContextMenu.jsx
-import React16, { useLayoutEffect as useLayoutEffect3, useRef as useRef13, useState as useState16, useEffect as useEffect16 } from "react";
+import React16, { useLayoutEffect as useLayoutEffect3, useRef as useRef13, useState as useState17, useEffect as useEffect16 } from "react";
 function MultiNodeContextMenu({
   data,
   userRole,
@@ -7757,7 +8102,7 @@ function MultiNodeContextMenu({
   onDeleteNodes
 }) {
   const menuRef = useRef13(null);
-  const [menuPos, setMenuPos] = useState16({ left: 0, top: 0 });
+  const [menuPos, setMenuPos] = useState17({ left: 0, top: 0 });
   const ability = defineAbilityFor(userRole);
   const canDelete = ability.can("delete", "Node");
   useLayoutEffect3(() => {
@@ -7806,7 +8151,7 @@ function MultiNodeContextMenu({
 }
 
 // src/components/RelationshipDetailsPanel.jsx
-import React17, { useState as useState17, useEffect as useEffect17, useRef as useRef14, useMemo as useMemo9 } from "react";
+import React17, { useState as useState18, useEffect as useEffect17, useRef as useRef14, useMemo as useMemo9 } from "react";
 import { FiPlus as FiPlus6, FiEdit2 as FiEdit27, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4 } from "react-icons/fi";
 function RelationshipDetailsPanel({
   link,
@@ -7820,15 +8165,14 @@ function RelationshipDetailsPanel({
   onMentionClick,
   onUploadFile,
   userRole
-  // Recebendo userRole via props
 }) {
-  const [name, setName] = useState17((link == null ? void 0 : link.name) ?? "");
-  const [description, setDescription] = useState17((link == null ? void 0 : link.description) ?? "");
-  const [customProps, setCustomProps] = useState17(() => extractCustomPropsFromNode(link || {}));
-  const [existingSections, setExistingSections] = useState17((link == null ? void 0 : link.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
-  const [isSaving, setIsSaving] = useState17(false);
-  const [isReadMode, setIsReadMode] = useState17(false);
+  const [name, setName] = useState18((link == null ? void 0 : link.name) ?? "");
+  const [description, setDescription] = useState18((link == null ? void 0 : link.description) ?? "");
+  const [customProps, setCustomProps] = useState18(() => extractCustomPropsFromNode(link || {}));
+  const [existingSections, setExistingSections] = useState18((link == null ? void 0 : link.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState18(false);
+  const [isSaving, setIsSaving] = useState18(false);
+  const [isReadMode, setIsReadMode] = useState18(false);
   const propsEndRef = useRef14(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
@@ -7883,6 +8227,12 @@ function RelationshipDetailsPanel({
   const triggerAutoSave = (overrides = {}) => {
     if (canEdit) handleSave(true, overrides);
   };
+  const handleSaveDescriptionInline = (newDescription) => {
+    if (!canEdit) return;
+    setDescription(newDescription);
+    onDataUpdate((prev) => ({ ...prev, description: newDescription }));
+    triggerAutoSave({ description: newDescription });
+  };
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
@@ -7936,7 +8286,8 @@ function RelationshipDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React17.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React17.createElement(
       "input",
@@ -7959,7 +8310,8 @@ function RelationshipDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ), /* @__PURE__ */ React17.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__ */ React17.createElement(
       "button",
@@ -8031,7 +8383,7 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-import React18, { useLayoutEffect as useLayoutEffect4, useRef as useRef15, useState as useState18, useEffect as useEffect18, useMemo as useMemo10 } from "react";
+import React18, { useLayoutEffect as useLayoutEffect4, useRef as useRef15, useState as useState19, useEffect as useEffect18, useMemo as useMemo10 } from "react";
 function RelationshipContextMenu({
   data,
   userRole,
@@ -8043,7 +8395,7 @@ function RelationshipContextMenu({
   onClose
 }) {
   const menuRef = useRef15(null);
-  const [menuPos, setMenuPos] = useState18({ left: 0, top: 0 });
+  const [menuPos, setMenuPos] = useState19({ left: 0, top: 0 });
   const ability = useMemo10(() => defineAbilityFor(userRole), [userRole]);
   const sourceName = useMemo10(
     () => {
@@ -8245,7 +8597,7 @@ function LoadingScreen() {
 }
 
 // src/components/ImportParentFileModal.jsx
-import React20, { useEffect as useEffect19, useState as useState19 } from "react";
+import React20, { useEffect as useEffect19, useState as useState20 } from "react";
 function ImportParentFileModal({
   isOpen,
   onClose,
@@ -8256,11 +8608,11 @@ function ImportParentFileModal({
   onFetchAvailableFiles,
   currentViewName
 }) {
-  const [activeTab, setActiveTab] = useState19("databases");
-  const [availableDbs, setAvailableDbs] = useState19([]);
-  const [availableViews, setAvailableViews] = useState19([]);
-  const [selectedItem, setSelectedItem] = useState19(null);
-  const [isLoading, setIsLoading] = useState19(false);
+  const [activeTab, setActiveTab] = useState20("databases");
+  const [availableDbs, setAvailableDbs] = useState20([]);
+  const [availableViews, setAvailableViews] = useState20([]);
+  const [selectedItem, setSelectedItem] = useState20(null);
+  const [isLoading, setIsLoading] = useState20(false);
   useEffect19(() => {
     if (isOpen && session && onFetchAvailableFiles) {
       const fetchData = async () => {
@@ -8406,7 +8758,7 @@ function ImportParentFileModal({
 }
 
 // src/components/AncestryLinkDetailsPanel.jsx
-import React21, { useState as useState20 } from "react";
+import React21, { useState as useState21 } from "react";
 import { FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
   var _a, _b, _c, _d;
@@ -8416,7 +8768,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
   const customProps = extractCustomPropsFromNode(relationshipData);
   const sourceName = ((_b = (_a = data.sourceNode) == null ? void 0 : _a.userData) == null ? void 0 : _b.name) || "Origem";
   const targetName = ((_d = (_c = data.targetNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) || "Destino";
-  const [isReadMode, setIsReadMode] = useState20(false);
+  const [isReadMode, setIsReadMode] = useState21(false);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
@@ -8482,7 +8834,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/AncestryBoard.jsx
-import React22, { useState as useState21, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef16 } from "react";
+import React22, { useState as useState22, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef16 } from "react";
 import {
   FiSearch as FiSearch4,
   FiLayers as FiLayers6,
@@ -8659,11 +9011,11 @@ function AncestryBoard({
   userRole
   // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = useState21("");
-  const [groups, setGroups] = useState21([]);
-  const [isLoaded, setIsLoaded] = useState21(false);
-  const [pickingGroupId, setPickingGroupId] = useState21(null);
-  const [saveStatus, setSaveStatus] = useState21("idle");
+  const [searchTerm, setSearchTerm] = useState22("");
+  const [groups, setGroups] = useState22([]);
+  const [isLoaded, setIsLoaded] = useState22(false);
+  const [pickingGroupId, setPickingGroupId] = useState22(null);
+  const [saveStatus, setSaveStatus] = useState22("idle");
   const canEdit = useMemo11(() => {
     return userRole !== "viewer";
   }, [userRole]);
@@ -9048,7 +9400,7 @@ function XViewScene({
   delete_file_action,
   check_user_permission
 }) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -9113,37 +9465,37 @@ function XViewScene({
   const sceneDataRef = useRef17(null);
   const parentDataRef = useRef17(null);
   const ancestryDataRef = useRef17(null);
-  const [isLoading, setIsLoading] = useState22(true);
-  const [permissionStatus, setPermissionStatus] = useState22("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState22(null);
-  const [isInitialized, setIsInitialized] = useState22(false);
-  const [sceneVersion, setSceneVersion] = useState22(0);
-  const [contextMenu, setContextMenu] = useState22({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = useState22({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = useState22({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = useState22({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = useState22({ isActive: false, sourceNodeData: null });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState22(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState22(false);
-  const [ancestryMode, setAncestryMode] = useState22({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-  const [readingMode, setReadingMode] = useState22({
+  const [isLoading, setIsLoading] = useState23(true);
+  const [permissionStatus, setPermissionStatus] = useState23("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState23(null);
+  const [isInitialized, setIsInitialized] = useState23(false);
+  const [sceneVersion, setSceneVersion] = useState23(0);
+  const [contextMenu, setContextMenu] = useState23({ visible: false, x: 0, y: 0, nodeData: null });
+  const [multiContextMenu, setMultiContextMenu] = useState23({ visible: false, x: 0, y: 0, nodeIds: null });
+  const [relationshipMenu, setRelationshipMenu] = useState23({ visible: false, x: 0, y: 0, linkObject: null });
+  const [creationMode, setCreationMode] = useState23({ isActive: false, sourceNodeData: null });
+  const [versionMode, setVersionMode] = useState23({ isActive: false, sourceNodeData: null });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState23(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState23(false);
+  const [ancestryMode, setAncestryMode] = useState23({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+  const [readingMode, setReadingMode] = useState23({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState22({ left: 16, top: 16, opacity: 0 });
-  const [detailsNode, setDetailsNode] = useState22(null);
-  const [detailsLink, setDetailsLink] = useState22(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState22(null);
-  const [imageViewer, setImageViewer] = useState22({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = useState22({ visible: false, data: null, path: null });
-  const [isImportModalOpen, setIsImportModalOpen] = useState22(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState22("");
-  const [highlightedNodeId, setHighlightedNodeId] = useState22(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState22(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState22([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState22(false);
+  const [formPosition, setFormPosition] = useState23({ left: 16, top: 16, opacity: 0 });
+  const [detailsNode, setDetailsNode] = useState23(null);
+  const [detailsLink, setDetailsLink] = useState23(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState23(null);
+  const [imageViewer, setImageViewer] = useState23({ visible: false, images: [], startIndex: 0 });
+  const [editingAncestryRel, setEditingAncestryRel] = useState23({ visible: false, data: null, path: null });
+  const [isImportModalOpen, setIsImportModalOpen] = useState23(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState23("");
+  const [highlightedNodeId, setHighlightedNodeId] = useState23(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState23(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState23([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState23(false);
   const mountRef = useRef17(null);
   const tooltipRef = useRef17(null);
   const formRef = useRef17(null);
@@ -9186,6 +9538,12 @@ function XViewScene({
     lastDescriptionLength: 0,
     highlightedNodeId: null
   });
+  const maxReadPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: readModeWidth, isResizing: isReadModeResizing, handlePointerDown: handleReadModeResize } = useResizablePanel({
+    initialWidth: 700,
+    minWidth: 320,
+    maxWidth: maxReadPanelW
+  });
   useEffect21(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
@@ -9200,19 +9558,20 @@ function XViewScene({
         const parentFile = allParentData[parentFileId];
         const parentDbInfo = parentDbsArray.find((db) => String(db.db_id) === String(parentFileId));
         const ownerId2 = (parentDbInfo == null ? void 0 : parentDbInfo.owner_id) || null;
+        const datasetName = parentFile.dataset_name || `Dataset #${parentFileId.substring(0, 6)}`;
         if (parentFile.nodes && ownerId2) {
           for (const node of parentFile.nodes) {
-            map.set(String(node.id), { parentFileId, ownerId: ownerId2 });
+            map.set(String(node.id), { parentFileId, ownerId: ownerId2, datasetName });
           }
         }
       }
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = useCallback3(() => {
+  const handleNavigateBack = useCallback4(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = useCallback3(
+  const handleConfirmImport = useCallback4(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -9260,7 +9619,6 @@ function XViewScene({
           if (ancestryResponse.success && Array.isArray(ancestryResponse.data)) {
             const viewSpecificAncestries = ancestryResponse.data.filter(
               (anc) => anc._source_file_id === viewToImport.id && !anc.is_private
-              // <--- AQUI ESTÁ A TRAVA DE SEGURANÇA
             );
             const processedAncestries = viewSpecificAncestries.map((anc) => ({
               ...anc,
@@ -9311,7 +9669,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = useCallback3((target, zoomFactor = 1, forcedDirection = null) => {
+  const tweenToTarget = useCallback4((target, zoomFactor = 1, forcedDirection = null) => {
     const { camera, controls, tweenGroup } = stateRef.current;
     if (!camera || !controls || !tweenGroup) return;
     const targetPos = target instanceof THREE3.Mesh ? target.getWorldPosition(new THREE3.Vector3()) : target;
@@ -9334,7 +9692,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = useCallback3((idTree, nodes, ancestries = []) => {
+  const buildFullAncestryTree = useCallback4((idTree, nodes, ancestries = []) => {
     if (!idTree) return null;
     const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
     const ancestryMap = new Map(ancestries.map((a) => [String(a.ancestry_id), a]));
@@ -9360,14 +9718,10 @@ function XViewScene({
               return {
                 ...branch,
                 name: linkedAncestry.name,
-                // Sobrescreve nome para exibição
                 description: linkedAncestry.description,
-                // Sobrescreve descrição
                 description_sections: linkedAncestry.description_sections,
                 tree: graftedTree,
-                // ENXERTA A ÁRVORE AQUI
                 isLinked: true
-                // Flag útil
               };
             }
           }
@@ -9414,7 +9768,7 @@ function XViewScene({
     }
     return recursiveBuild(idTree);
   }, []);
-  const handleActivateTimeline = useCallback3(() => {
+  const handleActivateTimeline = useCallback4(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -9567,7 +9921,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = useCallback3((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0) return;
     versionMeshes.forEach((mesh) => {
@@ -9722,6 +10076,9 @@ function XViewScene({
           sceneDataRef.current = sceneResponse.data.scene;
           parentDataRef.current = sceneResponse.data.parent;
           ancestryDataRef.current = sceneResponse.data.ancestry;
+          console.log("Console de sceneResponse.data.scene:", sceneResponse.data.scene);
+          console.log("Console de sceneResponse.data.parent:", sceneResponse.data.parent);
+          console.log("Console de sceneResponse.data.ancestry:", sceneResponse.data.ancestry);
           setIsInitialized(true);
         } else {
           console.error("Falha ao buscar dados da cena:", (sceneResponse == null ? void 0 : sceneResponse.error) || "Resposta inv\xE1lida.");
@@ -9757,16 +10114,14 @@ function XViewScene({
     isInitialized,
     permissionStatus,
     focusNodeId,
-    // <-- MANTIDO
     focusAncestryId
-    // <-- ADICIONADO O focusAncestryId NAS DEPENDÊNCIAS
   ]);
-  const isNodeInView = useCallback3((id) => {
+  const isNodeInView = useCallback4((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = useCallback3((nodeData, position, suppressVersionUpdate = false) => {
+  const addOrUpdateNodeMesh = useCallback4((nodeData, position, suppressVersionUpdate = false) => {
     const { graphGroup, nodeObjects, clickableNodes, glowTexture, tweenGroup } = stateRef.current;
     const nodeId = String(nodeData.id);
     if (nodeObjects[nodeId]) {
@@ -10415,7 +10770,7 @@ function XViewScene({
       }
     };
   }, [isInitialized, tweenToTarget, dbSaveUrl, isNodeInView, addOrUpdateNodeMesh, handleActivateTimeline, get_scene_view_data, save_view_data]);
-  const handleGhostNodeImageChange = useCallback3((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = useCallback4((useImage, imageUrl) => {
     const { node: ghostNode, line: ghostLine, aura: ghostAura } = stateRef.current.ghostElements;
     const { graphGroup, glowTexture } = stateRef.current;
     if (!ghostNode || !graphGroup) return;
@@ -10457,7 +10812,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = useCallback3((newIntensity) => {
+  const handleGhostNodeIntensityChange = useCallback4((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -10478,7 +10833,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = useCallback3((nodeId, newIntensity) => {
+  const handleDetailNodeIntensityChange = useCallback4((nodeId, newIntensity) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     if (!mesh) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -10503,32 +10858,33 @@ function XViewScene({
   const handleGhostNodeColorChange = (newColor) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
-    const { emissiveIntensity } = computeNodeMaterialProps(newColor);
-    const pureColor = new THREE3.Color(newColor);
+    const { color, emissive } = computeNodeMaterialProps(newColor);
+    const currentIntensity = ghostNode.userData.intensity !== void 0 ? Number(ghostNode.userData.intensity) : 0;
+    const finalIntensity = currentIntensity + MIN_VISIBILITY_INTENSITY;
     const isImageNode = ghostNode.userData.useImageAsTexture === true || String(ghostNode.userData.useImageAsTexture) === "true";
     if (isImageNode) {
       const borderMesh = ghostNode.getObjectByName("borderRing");
       if (borderMesh && borderMesh.material) {
-        borderMesh.material.color.copy(pureColor);
+        borderMesh.material.color.copy(color);
         if (borderMesh.material.emissive) {
-          borderMesh.material.emissive.copy(pureColor);
-          borderMesh.material.emissiveIntensity = emissiveIntensity;
+          borderMesh.material.emissive.copy(emissive);
+          borderMesh.material.emissiveIntensity = finalIntensity;
         }
       }
     } else {
       if (ghostNode.material) {
-        ghostNode.material.color.copy(pureColor);
+        ghostNode.material.color.copy(color);
         if (ghostNode.material.emissive) {
-          ghostNode.material.emissive.copy(pureColor);
-          ghostNode.material.emissiveIntensity = emissiveIntensity;
+          ghostNode.material.emissive.copy(emissive);
+          ghostNode.material.emissiveIntensity = finalIntensity;
         }
       }
     }
     if (ghostAura && ghostAura.material) {
-      ghostAura.material.color.set(newColor);
+      ghostAura.material.color.copy(color).lerp(new THREE3.Color("#ffffff"), 0.25);
     }
     ghostNode.userData.color = newColor;
-    ghostNode.userData._baseEmissiveIntensity = emissiveIntensity;
+    ghostNode.userData._baseEmissiveIntensity = finalIntensity;
   };
   const handleGhostNodeSizeChange = (sizeKey) => {
     const { node: ghostNode } = stateRef.current.ghostElements;
@@ -10569,7 +10925,9 @@ function XViewScene({
     var _a2;
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     if (!mesh) return;
-    const { color, emissive, emissiveIntensity } = computeNodeMaterialProps(newColor);
+    const { color, emissive } = computeNodeMaterialProps(newColor);
+    const currentIntensity = mesh.userData.intensity !== void 0 ? Number(mesh.userData.intensity) : 0;
+    const finalIntensity = currentIntensity + MIN_VISIBILITY_INTENSITY;
     const isImageNode = mesh.userData.useImageAsTexture === true || String(mesh.userData.useImageAsTexture) === "true";
     if (isImageNode) {
       const borderMesh = mesh.getObjectByName("borderRing");
@@ -10577,20 +10935,22 @@ function XViewScene({
         borderMesh.material.color.copy(color);
         if (borderMesh.material.emissive) {
           borderMesh.material.emissive.copy(emissive);
-          borderMesh.material.emissiveIntensity = emissiveIntensity;
+          borderMesh.material.emissiveIntensity = finalIntensity;
         }
       }
     } else {
       if (mesh.material) {
         mesh.material.color.copy(color);
         mesh.material.emissive.copy(emissive);
-        mesh.material.emissiveIntensity = emissiveIntensity;
+        mesh.material.emissiveIntensity = finalIntensity;
       }
     }
     const aura = mesh.getObjectByName("aura");
-    if ((_a2 = aura == null ? void 0 : aura.material) == null ? void 0 : _a2.color) aura.material.color.set(newColor);
+    if ((_a2 = aura == null ? void 0 : aura.material) == null ? void 0 : _a2.color) {
+      aura.material.color.copy(color).lerp(new THREE3.Color("#ffffff"), 0.25);
+    }
     mesh.userData.color = newColor;
-    mesh.userData._baseEmissiveIntensity = emissiveIntensity;
+    mesh.userData._baseEmissiveIntensity = finalIntensity;
   };
   const handleDetailNodeSizeChange = (nodeId, newSize) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
@@ -10619,7 +10979,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = useCallback3((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = useCallback4((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -10689,7 +11049,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleClearAncestryVisuals = useCallback3((ancestryId) => {
+  const handleClearAncestryVisuals = useCallback4((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryId));
     if (renderIndex !== -1) {
@@ -10703,7 +11063,7 @@ function XViewScene({
       stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     }
   }, []);
-  const handleRenderAncestry = useCallback3(
+  const handleRenderAncestry = useCallback4(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11119,7 +11479,7 @@ function XViewScene({
     },
     [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, readingMode.isActive, ancestryMode.isActive]
   );
-  const handleRenderAbstractionTree = useCallback3((ancestryObject, targetNodeId = null) => {
+  const handleRenderAbstractionTree = useCallback4((ancestryObject, targetNodeId = null) => {
     setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
     if (!ancestryObject || !ancestryObject.abstraction_tree) return;
     const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
@@ -11180,7 +11540,7 @@ function XViewScene({
     stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     tweenToTarget(rootTargetPos, 0.7);
   }, [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, handleClearAncestryVisuals]);
-  const handleReadModeBranchNav = useCallback3((nodeId, action, direction = "right") => {
+  const handleReadModeBranchNav = useCallback4((nodeId, action, direction = "right") => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !ancestry.tree) return;
     const allAncestries = ancestryDataRef.current || [];
@@ -11218,9 +11578,7 @@ function XViewScene({
             description_sections: branchToOpen.description_sections,
             tree: branchToOpen.tree,
             _originNodeId: nodeId,
-            // <--- ID do node pai (link visual)
             _branchDirection: direction
-            // <--- Direção para cálculo de posição
           };
           const allowedIds = /* @__PURE__ */ new Set(["preamble", 0, "0"]);
           const branchSections = parseDescriptionSections(branchToOpen.description || "", branchToOpen.description_sections || []);
@@ -11276,7 +11634,6 @@ function XViewScene({
       const parentAncestryObj = {
         ...targetAncestryInfo,
         tree: targetTreeToRender,
-        // Re-injeta a origem se o pai também for uma branch aninhada
         _originNodeId: activeParentStackItem ? activeParentStackItem.nodeId : null,
         _branchDirection: activeParentStackItem ? activeParentStackItem.entryDirection : null
       };
@@ -11324,7 +11681,7 @@ function XViewScene({
       }));
     }
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]);
-  const handleReadModeHighlight = useCallback3((nodeId) => {
+  const handleReadModeHighlight = useCallback4((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
@@ -11336,7 +11693,6 @@ function XViewScene({
       readingMode.ancestry.tree,
       Object.values(parentDataRef.current).flatMap((f) => f.nodes),
       ancestryDataRef.current
-      // <--- Adicionar
     );
     const findNodeInTree = (tree, targetId) => {
       if (!tree) return null;
@@ -11390,7 +11746,6 @@ function XViewScene({
         description_sections: ancestry.description_sections,
         direction: null,
         customProperties: rootProps
-        // <--- ADICIONADO
       };
     }
     const fullTree = buildFullAncestryTree(
@@ -11419,7 +11774,6 @@ function XViewScene({
       description_sections: currentMeta.description_sections,
       direction: currentDirection,
       customProperties: branchProps
-      // <--- ADICIONADO
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
   const readModeAbstractionTree = useMemo12(() => {
@@ -11434,7 +11788,7 @@ function XViewScene({
       allAncestries
     );
   }, [readingMode.isActive, readingMode.ancestry, buildFullAncestryTree, sceneVersion]);
-  const handleStartReadingAncestry = useCallback3(
+  const handleStartReadingAncestry = useCallback4(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11455,7 +11809,6 @@ function XViewScene({
         ancestry: ancestryObject,
         branchStack: [],
         autoAbstraction: shouldAutoRenderAbstraction
-        // <--- FLAG ENVIADA PARA A UI
       });
       if (shouldAutoRenderAbstraction) {
         handleRenderAbstractionTree(ancestryObject, null);
@@ -11469,9 +11822,8 @@ function XViewScene({
       }
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
-    // <--- DEPENDÊNCIA ADICIONADA
   );
-  const handleReadModeSectionChange = useCallback3((activeSectionId) => {
+  const handleReadModeSectionChange = useCallback4((activeSectionId) => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !readingMode.isActive) return;
     let targetObj = ancestry;
@@ -11540,10 +11892,10 @@ function XViewScene({
     }, 0);
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, ancestryDataRef.current]);
-  const handleCloseReadMode = useCallback3(() => {
+  const handleCloseReadMode = useCallback4(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = useCallback3((activeSectionId, ancestryOverride = null, rotation = 0) => {
+  const handleAncestrySectionChange = useCallback4((activeSectionId, ancestryOverride = null, rotation = 0) => {
     var _a2, _b2;
     const currentMode = stateRef.current.ancestry;
     let targetObj = ancestryOverride;
@@ -11595,7 +11947,7 @@ function XViewScene({
     const renderPayload = { ...targetObj, tree: treeToRender };
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [handleRenderAncestry]);
-  const handleEditAncestry = useCallback3(
+  const handleEditAncestry = useCallback4(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11618,10 +11970,8 @@ function XViewScene({
         ...ancestryObject,
         tree: fullTree,
         abstraction_tree: fullAbstractionTree,
-        // NOVO
         selectedParentId: ancestryObject.ancestral_node,
         selectedAbstractionParentId: ancestryObject.ancestral_node,
-        // NOVO
         isEditMode: true,
         currentAncestryId: ancestryObject.ancestry_id,
         ancestryName: ancestryObject.name || `Ancestralidade ${fullTree.node.name}`,
@@ -11629,7 +11979,6 @@ function XViewScene({
         ancestryDescriptionSections: ancestryObject.description_sections || [],
         isAddingNodes: false,
         isAddingAbstractionNodes: false
-        // NOVO
       });
     },
     [handleRenderAncestry, buildFullAncestryTree]
@@ -11637,7 +11986,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = useCallback3((pathToRemove) => {
+  const handleRemoveFromAncestry = useCallback4((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -11662,7 +12011,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = useCallback3(
+  const handleSaveAncestry = useCallback4(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -11866,7 +12215,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = useCallback3(
+  const handleDeleteAncestry = useCallback4(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -11928,15 +12277,15 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = useCallback3(() => {
+  const handleOpenAncestryBoard = useCallback4(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = useCallback3((ancestry) => {
+  const handleSelectAncestryFromBoard = useCallback4((ancestry) => {
     setIsAncestryBoardOpen(false);
     setIsSidebarOpen(false);
     handleStartReadingAncestry(ancestry);
   }, [handleStartReadingAncestry]);
-  const handleSaveAncestryBoard = useCallback3(async (groups) => {
+  const handleSaveAncestryBoard = useCallback4(async (groups) => {
     if (!sceneConfigId || !viewParams || !session) return;
     const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
     await save_ancestry_board_action(sceneConfigId, sceneType, groups, session, ownerId);
@@ -11960,13 +12309,13 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = useCallback3(
+  const handleAddExistingNode = useCallback4(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(actionHandlerContext, nodeId);
     },
     [actionHandlerContext]
   );
-  const handleSaveCurrentView = useCallback3(async () => {
+  const handleSaveCurrentView = useCallback4(async () => {
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
       console.warn("N\xE3o \xE9 poss\xEDvel salvar a cena: estado n\xE3o inicializado ou URL de salvamento ausente.");
@@ -12006,7 +12355,7 @@ function XViewScene({
   const allAvailableAncestries = useMemo12(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = useCallback3((referenceData) => {
+  const handleOpenReference = useCallback4((referenceData) => {
     const { type, id } = referenceData;
     if (type === "node") {
       const targetNode = allAvailableNodes.find((n) => String(n.id) === String(id));
@@ -12033,16 +12382,28 @@ function XViewScene({
       }
     }
   }, [allAvailableNodes, allAvailableAncestries, handleEditAncestry, tweenToTarget]);
-  const handleToggleAncestryAddMode = useCallback3(() => {
+  const handleToggleAncestryAddMode = useCallback4(() => {
     setAncestryMode((prev) => ({ ...prev, isAddingNodes: !prev.isAddingNodes }));
   }, []);
-  const handleFocusNode = useCallback3((nodeData) => {
+  const handleFocusNode = useCallback4((nodeData) => {
     if (!nodeData) return;
     const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
     if (nodeMesh) {
       tweenToTarget(nodeMesh, 1.2);
     }
   }, [tweenToTarget]);
+  const availableDatasets = useMemo12(() => {
+    if (!sceneDataRef.current || !parentDataRef.current) return [];
+    return sceneDataRef.current.parent_dbs.map((db) => {
+      var _a2;
+      return {
+        id: db.db_id,
+        name: ((_a2 = parentDataRef.current[db.db_id]) == null ? void 0 : _a2.dataset_name) || `Dataset #${db.db_id.substring(0, 6)}`
+      };
+    });
+  }, [sceneVersion, isInitialized]);
+  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(String(creationMode.sourceNodeData.id))) == null ? void 0 : _b.parentFileId : null;
+  const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   useEffect21(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
@@ -12094,7 +12455,6 @@ function XViewScene({
         height: "100vh",
         position: "relative",
         overflow: "hidden",
-        // <--- ADICIONE ESTA LINHA
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
@@ -12132,10 +12492,13 @@ function XViewScene({
         style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_b = creationMode.sourceNodeData) == null ? void 0 : _b.color,
-        sourceTypes: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.type,
+        initialColor: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.color,
+        sourceTypes: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.type,
         onIntensityChange: handleGhostNodeIntensityChange,
-        onUploadFile: upload_file_action
+        onUploadFile: upload_file_action,
+        availableDatasets,
+        sourceNodeDatasetId,
+        viewType: viewParams == null ? void 0 : viewParams.type
       }
     ),
     versionMode.isActive && /* @__PURE__ */ React23.createElement(
@@ -12150,17 +12513,28 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
-        fixedType: (_d = versionMode.sourceNodeData) == null ? void 0 : _d.type,
-        fixedColor: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.color,
+        fixedType: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.type,
+        fixedColor: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.color,
         onUploadFile: upload_file_action
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React23.createElement(
       "div",
       {
-        className: "ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col transition-all duration-300 ease-out w-[min(92vw,700px)]",
-        style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)" }
+        className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+        style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${readModeWidth}px`, maxWidth: "92vw" }
       },
+      /* @__PURE__ */ React23.createElement(
+        "div",
+        {
+          onPointerDown: (e) => {
+            e.stopPropagation();
+            handleReadModeResize(e);
+          },
+          className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+          title: "Arraste para redimensionar"
+        }
+      ),
       /* @__PURE__ */ React23.createElement(
         DescriptionReadModePanel,
         {
@@ -12260,7 +12634,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onIntensityChange: handleDetailNodeIntensityChange,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
     detailsLink && /* @__PURE__ */ React23.createElement(
@@ -12388,7 +12763,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_f = sceneDataRef.current) == null ? void 0 : _f.parent_dbs) || [],
+        parentDbs: ((_g = sceneDataRef.current) == null ? void 0 : _g.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []