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

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,
@@ -1708,12 +1707,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,
@@ -5256,6 +5255,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 +5454,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 +5809,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,
@@ -10504,32 +10509,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 +10576,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 +10586,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)];

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,
@@ -1664,12 +1663,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,
@@ -5242,6 +5241,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 +5440,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 +5795,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,
@@ -10503,32 +10508,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 +10575,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 +10585,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)];

package/package.json

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