@lv-x-software-house/x_view 1.2.2-dev.1 → 1.2.2-dev.10

package/dist/index.js

@@ -855,7 +855,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,
@@ -907,7 +906,6 @@ var computeNodeMaterialProps = (colorHex) => {
   return {
     color: srgb,
     emissive: emissiveColor
-    // Intensity é controlada externamente
   };
 };
 var createNodeMesh = (nodeData, position, glowTexture) => {
@@ -1198,6 +1196,7 @@ var createMultipleLinkLines = (linksArray, sourceNodeMesh, targetNodeMesh, resol
       resolution,
       isCurved,
       isCurved,
+      isCurved,
       curveOffset
     );
     line.userData = {
@@ -1574,12 +1573,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,
@@ -1650,27 +1649,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: import_short_uuid.default.generate(), ...newNodeData };
+    const { targetDatasetId, ...nodeDataToSave } = newNodeData;
+    const newNode = { id: import_short_uuid.default.generate(), ...nodeDataToSave };
     const newLink = { id: `link_${import_short_uuid.default.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);
@@ -1708,12 +1730,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,
@@ -3767,6 +3789,7 @@ function DescriptionEditModal({
           e.preventDefault();
           e.stopPropagation();
           e.stopImmediatePropagation();
+          if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
           setIsMentionModalOpen(false);
           setMentionTriggerIndex(null);
           setTooltipData(null);
@@ -3860,6 +3883,7 @@ function DescriptionEditModal({
     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) {
@@ -4073,7 +4097,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__ */ import_react5.default.createElement("div", { className: "p-2 border-t border-white/10 bg-slate-950/50 flex justify-end" }, /* @__PURE__ */ import_react5.default.createElement("button", { onClick: () => setIsImageModalOpen(false), className: "px-3 py-1.5 text-xs text-slate-400 hover:text-white transition-colors" }, "Cancelar")))), /* @__PURE__ */ import_react5.default.createElement("p", { className: "mt-2 text-xs text-slate-500 shrink-0" }, "Dica: Tags agora incluem ID (ex: ", /* @__PURE__ */ import_react5.default.createElement("b", null, "*/1:a9f2/"), ") para garantir que refer\xEAncias n\xE3o quebrem se voc\xEA reordenar o texto.")),
+    ))), /* @__PURE__ */ import_react5.default.createElement("div", { className: "p-2 border-t border-white/10 bg-slate-950/50 flex justify-end" }, /* @__PURE__ */ import_react5.default.createElement("button", { onClick: () => setIsImageModalOpen(false), className: "px-3 py-1.5 text-xs text-slate-400 hover:text-white transition-colors" }, "Cancelar"))))),
     /* @__PURE__ */ import_react5.default.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__ */ import_react5.default.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__ */ import_react5.default.createElement(
     "div",
@@ -5256,6 +5280,7 @@ function CreateAncestryPanel({
   const branchProgressMapRef = (0, import_react10.useRef)({});
   const [lastSavedSnapshot, setLastSavedSnapshot] = (0, import_react10.useState)(null);
   const [isPrivate, setIsPrivate] = (0, import_react10.useState)(ancestryMode.is_private || false);
+  const initializedContextIdRef = (0, import_react10.useRef)(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) {
@@ -5454,6 +5479,11 @@ function CreateAncestryPanel({
   }, [isContextLinked, branchStack]);
   (0, import_react10.useEffect)(() => {
     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;
@@ -5804,7 +5834,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,
@@ -6772,8 +6802,12 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
+  var _a;
   const [name, setName] = (0, import_react13.useState)("");
   const [types, setTypes] = (0, import_react13.useState)([]);
   const [typeInput, setTypeInput] = (0, import_react13.useState)("");
@@ -6787,6 +6821,25 @@ function InSceneCreationForm({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react13.useState)(false);
   const [useImageAsTexture, setUseImageAsTexture] = (0, import_react13.useState)(false);
   const [selectedImageUrl, setSelectedImageUrl] = (0, import_react13.useState)(null);
+  const [targetDatasetId, setTargetDatasetId] = (0, import_react13.useState)(sourceNodeDatasetId || "");
+  const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = (0, import_react13.useState)(false);
+  const datasetDropdownRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
+    if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
+  }, [sourceNodeDatasetId]);
+  (0, import_react13.useEffect)(() => {
+    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 = (0, import_react13.useRef)(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   (0, import_react13.useEffect)(() => {
@@ -6832,8 +6885,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));
@@ -6866,12 +6919,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);
@@ -6904,6 +6957,7 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
       ...additionalData
     });
   };
@@ -6924,6 +6978,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__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
@@ -6981,7 +7036,27 @@ function InSceneCreationForm({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement(
+    ))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "space-y-1.5 relative", ref: datasetDropdownRef }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement("span", { className: "truncate pr-2" }, selectedDatasetName),
+      /* @__PURE__ */ import_react13.default.createElement(import_fi12.FiChevronDown, { className: `flex-shrink-0 text-slate-400 transition-transform ${isDatasetDropdownOpen ? "rotate-180" : ""}` })
+    ), isDatasetDropdownOpen && /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.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__ */ import_react13.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react13.default.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__ */ import_react13.default.createElement(
       DescriptionDisplay,
       {
         description,
@@ -7317,7 +7392,8 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
 }) {
   const [name, setName] = (0, import_react15.useState)((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = (0, import_react15.useState)([]);
@@ -7728,7 +7804,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ import_react15.default.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.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__ */ import_react15.default.createElement(
+    )), /* @__PURE__ */ import_react15.default.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.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__ */ import_react15.default.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -9049,7 +9125,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 } = (0, import_react24.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
@@ -9201,9 +9277,10 @@ 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 });
           }
         }
       }
@@ -9723,6 +9800,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.");
@@ -10504,32 +10584,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;
@@ -10570,7 +10651,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");
@@ -10578,20 +10661,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)];
@@ -12044,6 +12129,18 @@ function XViewScene({
       tweenToTarget(nodeMesh, 1.2);
     }
   }, [tweenToTarget]);
+  const availableDatasets = (0, import_react23.useMemo)(() => {
+    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;
   (0, import_react23.useEffect)(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
@@ -12133,10 +12230,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__ */ import_react23.default.createElement(
@@ -12151,8 +12251,8 @@ 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
       }
     ),
@@ -12261,7 +12361,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onIntensityChange: handleDetailNodeIntensityChange,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
     detailsLink && /* @__PURE__ */ import_react23.default.createElement(
@@ -12389,7 +12490,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 || []

package/dist/index.mjs

@@ -811,7 +811,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 +862,6 @@ var computeNodeMaterialProps = (colorHex) => {
   return {
     color: srgb,
     emissive: emissiveColor
-    // Intensity é controlada externamente
   };
 };
 var createNodeMesh = (nodeData, position, glowTexture) => {
@@ -1154,6 +1152,7 @@ var createMultipleLinkLines = (linksArray, sourceNodeMesh, targetNodeMesh, resol
       resolution,
       isCurved,
       isCurved,
+      isCurved,
       curveOffset
     );
     line.userData = {
@@ -1530,12 +1529,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 +1605,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 +1686,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,
@@ -3723,6 +3745,7 @@ function DescriptionEditModal({
           e.preventDefault();
           e.stopPropagation();
           e.stopImmediatePropagation();
+          if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
           setIsMentionModalOpen(false);
           setMentionTriggerIndex(null);
           setTooltipData(null);
@@ -3816,6 +3839,7 @@ function DescriptionEditModal({
     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) {
@@ -4029,7 +4053,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",
@@ -5242,6 +5266,7 @@ function CreateAncestryPanel({
   const branchProgressMapRef = useRef8({});
   const [lastSavedSnapshot, setLastSavedSnapshot] = useState10(null);
   const [isPrivate, setIsPrivate] = useState10(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) {
@@ -5440,6 +5465,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 +5820,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,
@@ -6740,7 +6770,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,8 +6788,12 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
+  var _a;
   const [name, setName] = useState13("");
   const [types, setTypes] = useState13([]);
   const [typeInput, setTypeInput] = useState13("");
@@ -6773,6 +6807,25 @@ function InSceneCreationForm({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState13(false);
   const [useImageAsTexture, setUseImageAsTexture] = useState13(false);
   const [selectedImageUrl, setSelectedImageUrl] = useState13(null);
+  const [targetDatasetId, setTargetDatasetId] = useState13(sourceNodeDatasetId || "");
+  const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState13(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 +6871,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 +6905,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 +6943,7 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
       ...additionalData
     });
   };
@@ -6910,6 +6964,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 +7022,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,
@@ -7285,7 +7360,7 @@ 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 { 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,7 +7378,8 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
 }) {
   const [name, setName] = useState15((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = useState15([]);
@@ -7714,7 +7790,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),
@@ -9048,7 +9124,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();
@@ -9200,9 +9276,10 @@ 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 });
           }
         }
       }
@@ -9722,6 +9799,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.");
@@ -10503,32 +10583,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 +10650,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 +10660,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)];
@@ -12043,6 +12128,18 @@ function XViewScene({
       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 || {};
@@ -12132,10 +12229,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,8 +12250,8 @@ 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
       }
     ),
@@ -12260,7 +12360,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 +12489,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 || []

package/package.json

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