@lv-x-software-house/x_view 1.2.5-dev.14 → 1.2.5-dev.15

package/dist/index.js

@@ -2881,18 +2881,27 @@ function createNewCustomProperty(existingProps = []) {
   };
 }
 var resolveDescriptionReference = (refString, availableNodes = [], availableAncestries = []) => {
-  const match = refString.match(/\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/);
+  const match = refString.match(
+    /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/
+  );
   if (!match) return null;
   const [_, type, itemId, sectionId] = match;
   let sourceItem = null;
   if (type === "node") {
     sourceItem = availableNodes.find((n) => String(n.id) === String(itemId));
   } else {
-    sourceItem = availableAncestries.find((a) => String(a.ancestry_id) === String(itemId));
+    sourceItem = availableAncestries.find(
+      (a) => String(a.ancestry_id) === String(itemId)
+    );
   }
   if (!sourceItem) return null;
-  const sections = parseDescriptionSections(sourceItem.description, sourceItem.description_sections);
-  const targetSection = sections.find((s) => String(s.id) === String(sectionId));
+  const sections = parseDescriptionSections(
+    sourceItem.description,
+    sourceItem.description_sections
+  );
+  const targetSection = sections.find(
+    (s) => String(s.id) === String(sectionId)
+  );
   if (!targetSection) return null;
   return {
     content: targetSection.content,
@@ -2906,21 +2915,34 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   let text = rawText;
   const allNodes = parentData ? Object.values(parentData).flatMap((f) => f.nodes || []) : [];
   const allAncestries = ancestryData || [];
-  text = text.replace(/\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g, (match, type, itemId, sectionId) => {
-    const resolved = resolveDescriptionReference(match, allNodes, allAncestries);
-    if (resolved && !resolved.error) {
-      return resolved.content;
+  text = text.replace(
+    /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g,
+    (match, type, itemId, sectionId) => {
+      const resolved = resolveDescriptionReference(
+        match,
+        allNodes,
+        allAncestries
+      );
+      if (resolved && !resolved.error) {
+        return resolved.content;
+      }
+      return "[Refer\xEAncia indispon\xEDvel]";
     }
-    return "[Refer\xEAncia indispon\xEDvel]";
-  });
+  );
   text = text.replace(/\*\/\s*\d+(?::[a-zA-Z0-9-]+)?\s*\//g, "");
-  text = text.replace(/\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g, (match, nodeId) => {
-    const node = allNodes.find((n) => String(n.id) === String(nodeId));
-    return node ? `@${node.name}` : `@Men\xE7\xE3o`;
-  });
-  text = text.replace(/\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g, (match, url, name) => {
-    return name ? `[Imagem: ${name}]` : `[Imagem]`;
-  });
+  text = text.replace(
+    /\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g,
+    (match, nodeId) => {
+      const node = allNodes.find((n) => String(n.id) === String(nodeId));
+      return node ? `@${node.name}` : `@Men\xE7\xE3o`;
+    }
+  );
+  text = text.replace(
+    /\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g,
+    (match, url, name) => {
+      return name ? `[Imagem: ${name}]` : `[Imagem]`;
+    }
+  );
   text = text.replace(/^#+\s*/gm, "");
   text = text.replace(/```[\s\S]*?```/g, "[C\xF3digo]");
   text = text.replace(/-\s\[[xX ]\]\s*/g, "\u2022 ");
@@ -2928,7 +2950,14 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   return text.trim();
 }
 function generateTooltipHtml(data, parentData, ancestryData) {
-  const ignoredKeys = ["id", "name", "type", "color", "_baseEmissiveIntensity", "description"];
+  const ignoredKeys = [
+    "id",
+    "name",
+    "type",
+    "color",
+    "_baseEmissiveIntensity",
+    "description"
+  ];
   const customKeys = Object.keys(data).filter((k) => !ignoredKeys.includes(k));
   const extras = customKeys.length;
   let typeDisplay = "Node";
@@ -2943,7 +2972,11 @@ function generateTooltipHtml(data, parentData, ancestryData) {
         <div style="font-weight:600; font-size: 14px; color: #fff;">${typeDisplay}</div>
         <div style="margin-bottom: 2px; color: #e2e8f0;">${data.name || ""}</div>`;
   if (data.description) {
-    const cleanDesc = formatDescriptionForTooltip(data.description, parentData, ancestryData);
+    const cleanDesc = formatDescriptionForTooltip(
+      data.description,
+      parentData,
+      ancestryData
+    );
     if (cleanDesc) {
       html += `<div style="
                 margin-top: 6px; 
@@ -2981,7 +3014,11 @@ function generateLinkTooltipHtml(data, parentData, ancestryData) {
     html += `<div style="font-weight:600; font-size: 14px; color: #a5f3fc; margin-bottom: 4px;">${data.name}</div>`;
   }
   if (hasDescription) {
-    const cleanDesc = formatDescriptionForTooltip(data.description, parentData, ancestryData);
+    const cleanDesc = formatDescriptionForTooltip(
+      data.description,
+      parentData,
+      ancestryData
+    );
     if (cleanDesc) {
       html += `<div style="
                 display: -webkit-box;
@@ -3063,7 +3100,8 @@ var IGNORED_KEYS = [
   "isAddingAbstractionNodes",
   "status",
   "is_quest",
-  "raw_title"
+  "raw_title",
+  "assignee_id"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -3073,16 +3111,40 @@ function extractCustomPropsFromNode(node) {
     if (t === "date") {
       if (val && typeof val === "object") {
         if ("date_interval" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Date Interval", start: val.date_interval.start || "", end: val.date_interval.end || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: {
+              type: "Date Interval",
+              start: val.date_interval.start || "",
+              end: val.date_interval.end || ""
+            }
+          };
         }
         if ("year" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Ano", value: val.year || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: { type: "Ano", value: val.year || "" }
+          };
         }
         if ("date" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Data", value: val.date || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: { type: "Data", value: val.date || "" }
+          };
         }
       }
-      return { id: v4_default(), key, type: "date", value: { type: "Data", value: "" } };
+      return {
+        id: v4_default(),
+        key,
+        type: "date",
+        value: { type: "Data", value: "" }
+      };
     }
     if (t === "list" || t === "links" || t === "images" || t === "documents") {
       const safeList = (val || []).map((item) => ({
@@ -3092,7 +3154,12 @@ function extractCustomPropsFromNode(node) {
       }));
       return { id: v4_default(), key, type: t, value: safeList };
     }
-    return { id: v4_default(), key, type: t, value: t === "number" ? Number(val) || 0 : String(val ?? "") };
+    return {
+      id: v4_default(),
+      key,
+      type: t,
+      value: t === "number" ? Number(val) || 0 : String(val ?? "")
+    };
   });
 }
 function toObjectFromCustomProps(customProps) {
@@ -3107,7 +3174,12 @@ function toObjectFromCustomProps(customProps) {
       const { type: uiDateType, ...dateValues } = p.value || {};
       if (uiDateType) {
         if (uiDateType === "Date Interval") {
-          out[key] = { date_interval: { start: dateValues.start || "", end: dateValues.end || "" } };
+          out[key] = {
+            date_interval: {
+              start: dateValues.start || "",
+              end: dateValues.end || ""
+            }
+          };
         } else if (uiDateType === "Ano") {
           out[key] = { year: dateValues.value || "" };
         } else {
@@ -3143,10 +3215,20 @@ function createTextSprite(text, fontSize = 64) {
   context.fillText(effectiveText, canvas.width / 2, canvas.height / 2);
   const texture = new THREE2.CanvasTexture(canvas);
   texture.colorSpace = THREE2.SRGBColorSpace;
-  const spriteMaterial = new THREE2.SpriteMaterial({ map: texture, sizeAttenuation: true, depthWrite: false, transparent: true, toneMapped: false });
+  const spriteMaterial = new THREE2.SpriteMaterial({
+    map: texture,
+    sizeAttenuation: true,
+    depthWrite: false,
+    transparent: true,
+    toneMapped: false
+  });
   const sprite = new THREE2.Sprite(spriteMaterial);
   const scaleFactor = 0.05;
-  sprite.scale.set(canvas.width * scaleFactor, canvas.height * scaleFactor, 1);
+  sprite.scale.set(
+    canvas.width * scaleFactor,
+    canvas.height * scaleFactor,
+    1
+  );
   sprite.layers.set(DEFAULT_LAYER);
   return sprite;
 }
@@ -3162,7 +3244,14 @@ function makeGlowTexture() {
   const canvas = document.createElement("canvas");
   canvas.width = canvas.height = size;
   const ctx = canvas.getContext("2d");
-  const grd = ctx.createRadialGradient(size / 2, size / 2, 0, size / 2, size / 2, size / 2);
+  const grd = ctx.createRadialGradient(
+    size / 2,
+    size / 2,
+    0,
+    size / 2,
+    size / 2,
+    size / 2
+  );
   grd.addColorStop(0, "rgba(255,255,255,1)");
   grd.addColorStop(0.4, "rgba(255,255,255,0.45)");
   grd.addColorStop(1, "rgba(255,255,255,0)");
@@ -3178,8 +3267,19 @@ function addGlowAura(mesh, hexColor, glowTexture, auraScale) {
   let midBoost = 1 - Math.abs(L - 0.5) * 2;
   midBoost = THREE2.MathUtils.clamp(midBoost, 0, 1);
   const auraOpacity = THREE2.MathUtils.lerp(0.25, 0.8, midBoost);
-  const auraColor = new THREE2.Color(hexColor).lerp(new THREE2.Color("#ffffff"), 0.25);
-  const auraMat = new THREE2.SpriteMaterial({ map: glowTexture, color: auraColor, opacity: auraOpacity, blending: THREE2.AdditiveBlending, transparent: true, depthWrite: false, toneMapped: false });
+  const auraColor = new THREE2.Color(hexColor).lerp(
+    new THREE2.Color("#ffffff"),
+    0.25
+  );
+  const auraMat = new THREE2.SpriteMaterial({
+    map: glowTexture,
+    color: auraColor,
+    opacity: auraOpacity,
+    blending: THREE2.AdditiveBlending,
+    transparent: true,
+    depthWrite: false,
+    toneMapped: false
+  });
   const aura = new THREE2.Sprite(auraMat);
   aura.scale.setScalar(auraScale);
   aura.name = "aura";
@@ -3212,7 +3312,16 @@ function calculateNodePositions(nodes) {
   }
   return positions;
 }
-function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, isSceneBusy, parentData, ancestryData }) {
+function updateTooltip({
+  tooltipEl,
+  hoveredNode,
+  hoveredLink,
+  camera,
+  mountEl,
+  isSceneBusy,
+  parentData,
+  ancestryData
+}) {
   var _a, _b;
   if (!tooltipEl || !camera || !mountEl) return;
   let content = "";
@@ -3223,7 +3332,11 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
     currentId = `node_${hoveredNode.userData.id}`;
     positionTarget = hoveredNode;
     if (tooltipEl.dataset.currentId !== currentId) {
-      content = generateTooltipHtml(hoveredNode.userData, parentData, ancestryData);
+      content = generateTooltipHtml(
+        hoveredNode.userData,
+        parentData,
+        ancestryData
+      );
     }
   } else if (hoveredLink && !isSceneBusy) {
     const linkData = hoveredLink.userData.isAncestryLink ? hoveredLink.userData.relationship || {} : hoveredLink.userData;
@@ -3233,9 +3346,16 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
       if (hoveredLink.userData.isCurved) {
         const positions = hoveredLink.geometry.attributes.position.array;
         const midIndex = Math.floor(positions.length / 2 / 3) * 3;
-        positionTarget = new THREE2.Vector3(positions[midIndex], positions[midIndex + 1], positions[midIndex + 2]);
+        positionTarget = new THREE2.Vector3(
+          positions[midIndex],
+          positions[midIndex + 1],
+          positions[midIndex + 2]
+        );
       } else {
-        positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
+        positionTarget = new THREE2.Vector3().addVectors(
+          hoveredLink.userData.sourceNode.position,
+          hoveredLink.userData.targetNode.position
+        ).multiplyScalar(0.5);
       }
       isLink = true;
       if (tooltipEl.dataset.currentId !== currentId) {
@@ -3264,9 +3384,11 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
     const tooltipRect = tooltipEl.getBoundingClientRect();
     const offsetX = 20;
     const offsetY = 20;
-    if (x + tooltipRect.width + offsetX > clientWidth) x = x - tooltipRect.width - offsetX;
+    if (x + tooltipRect.width + offsetX > clientWidth)
+      x = x - tooltipRect.width - offsetX;
     else x = x + offsetX;
-    if (y + tooltipRect.height + offsetY > clientHeight) y = y - tooltipRect.height - offsetY;
+    if (y + tooltipRect.height + offsetY > clientHeight)
+      y = y - tooltipRect.height - offsetY;
     else y = y + offsetY;
     tooltipEl.style.display = "block";
     tooltipEl.style.left = `${x}px`;
@@ -3300,7 +3422,9 @@ var processDescriptionForSave = (text, existingSections = []) => {
     const content = parts[i + 2] || "";
     let finalUuid = null;
     if (suffix) {
-      const existingMatch = existingSections.find((s) => s.id && s.id.includes(suffix));
+      const existingMatch = existingSections.find(
+        (s) => s.id && s.id.includes(suffix)
+      );
       if (existingMatch) {
         finalUuid = existingMatch.id;
       } else {
@@ -3391,28 +3515,34 @@ var extractFileUrlsFromProperties = (dataObject) => {
 function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
   const [width, setWidth] = (0, import_react3.useState)(initialWidth);
   const [isResizing, setIsResizing] = (0, import_react3.useState)(false);
-  const handlePointerDown = (0, import_react3.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]);
+  const handlePointerDown = (0, import_react3.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 };
 }
 

package/dist/index.mjs

@@ -2842,18 +2842,27 @@ function createNewCustomProperty(existingProps = []) {
   };
 }
 var resolveDescriptionReference = (refString, availableNodes = [], availableAncestries = []) => {
-  const match = refString.match(/\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/);
+  const match = refString.match(
+    /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/
+  );
   if (!match) return null;
   const [_, type, itemId, sectionId] = match;
   let sourceItem = null;
   if (type === "node") {
     sourceItem = availableNodes.find((n) => String(n.id) === String(itemId));
   } else {
-    sourceItem = availableAncestries.find((a) => String(a.ancestry_id) === String(itemId));
+    sourceItem = availableAncestries.find(
+      (a) => String(a.ancestry_id) === String(itemId)
+    );
   }
   if (!sourceItem) return null;
-  const sections = parseDescriptionSections(sourceItem.description, sourceItem.description_sections);
-  const targetSection = sections.find((s) => String(s.id) === String(sectionId));
+  const sections = parseDescriptionSections(
+    sourceItem.description,
+    sourceItem.description_sections
+  );
+  const targetSection = sections.find(
+    (s) => String(s.id) === String(sectionId)
+  );
   if (!targetSection) return null;
   return {
     content: targetSection.content,
@@ -2867,21 +2876,34 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   let text = rawText;
   const allNodes = parentData ? Object.values(parentData).flatMap((f) => f.nodes || []) : [];
   const allAncestries = ancestryData || [];
-  text = text.replace(/\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g, (match, type, itemId, sectionId) => {
-    const resolved = resolveDescriptionReference(match, allNodes, allAncestries);
-    if (resolved && !resolved.error) {
-      return resolved.content;
+  text = text.replace(
+    /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g,
+    (match, type, itemId, sectionId) => {
+      const resolved = resolveDescriptionReference(
+        match,
+        allNodes,
+        allAncestries
+      );
+      if (resolved && !resolved.error) {
+        return resolved.content;
+      }
+      return "[Refer\xEAncia indispon\xEDvel]";
     }
-    return "[Refer\xEAncia indispon\xEDvel]";
-  });
+  );
   text = text.replace(/\*\/\s*\d+(?::[a-zA-Z0-9-]+)?\s*\//g, "");
-  text = text.replace(/\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g, (match, nodeId) => {
-    const node = allNodes.find((n) => String(n.id) === String(nodeId));
-    return node ? `@${node.name}` : `@Men\xE7\xE3o`;
-  });
-  text = text.replace(/\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g, (match, url, name) => {
-    return name ? `[Imagem: ${name}]` : `[Imagem]`;
-  });
+  text = text.replace(
+    /\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g,
+    (match, nodeId) => {
+      const node = allNodes.find((n) => String(n.id) === String(nodeId));
+      return node ? `@${node.name}` : `@Men\xE7\xE3o`;
+    }
+  );
+  text = text.replace(
+    /\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g,
+    (match, url, name) => {
+      return name ? `[Imagem: ${name}]` : `[Imagem]`;
+    }
+  );
   text = text.replace(/^#+\s*/gm, "");
   text = text.replace(/```[\s\S]*?```/g, "[C\xF3digo]");
   text = text.replace(/-\s\[[xX ]\]\s*/g, "\u2022 ");
@@ -2889,7 +2911,14 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   return text.trim();
 }
 function generateTooltipHtml(data, parentData, ancestryData) {
-  const ignoredKeys = ["id", "name", "type", "color", "_baseEmissiveIntensity", "description"];
+  const ignoredKeys = [
+    "id",
+    "name",
+    "type",
+    "color",
+    "_baseEmissiveIntensity",
+    "description"
+  ];
   const customKeys = Object.keys(data).filter((k) => !ignoredKeys.includes(k));
   const extras = customKeys.length;
   let typeDisplay = "Node";
@@ -2904,7 +2933,11 @@ function generateTooltipHtml(data, parentData, ancestryData) {
         <div style="font-weight:600; font-size: 14px; color: #fff;">${typeDisplay}</div>
         <div style="margin-bottom: 2px; color: #e2e8f0;">${data.name || ""}</div>`;
   if (data.description) {
-    const cleanDesc = formatDescriptionForTooltip(data.description, parentData, ancestryData);
+    const cleanDesc = formatDescriptionForTooltip(
+      data.description,
+      parentData,
+      ancestryData
+    );
     if (cleanDesc) {
       html += `<div style="
                 margin-top: 6px; 
@@ -2942,7 +2975,11 @@ function generateLinkTooltipHtml(data, parentData, ancestryData) {
     html += `<div style="font-weight:600; font-size: 14px; color: #a5f3fc; margin-bottom: 4px;">${data.name}</div>`;
   }
   if (hasDescription) {
-    const cleanDesc = formatDescriptionForTooltip(data.description, parentData, ancestryData);
+    const cleanDesc = formatDescriptionForTooltip(
+      data.description,
+      parentData,
+      ancestryData
+    );
     if (cleanDesc) {
       html += `<div style="
                 display: -webkit-box;
@@ -3024,7 +3061,8 @@ var IGNORED_KEYS = [
   "isAddingAbstractionNodes",
   "status",
   "is_quest",
-  "raw_title"
+  "raw_title",
+  "assignee_id"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -3034,16 +3072,40 @@ function extractCustomPropsFromNode(node) {
     if (t === "date") {
       if (val && typeof val === "object") {
         if ("date_interval" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Date Interval", start: val.date_interval.start || "", end: val.date_interval.end || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: {
+              type: "Date Interval",
+              start: val.date_interval.start || "",
+              end: val.date_interval.end || ""
+            }
+          };
         }
         if ("year" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Ano", value: val.year || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: { type: "Ano", value: val.year || "" }
+          };
         }
         if ("date" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Data", value: val.date || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: { type: "Data", value: val.date || "" }
+          };
         }
       }
-      return { id: v4_default(), key, type: "date", value: { type: "Data", value: "" } };
+      return {
+        id: v4_default(),
+        key,
+        type: "date",
+        value: { type: "Data", value: "" }
+      };
     }
     if (t === "list" || t === "links" || t === "images" || t === "documents") {
       const safeList = (val || []).map((item) => ({
@@ -3053,7 +3115,12 @@ function extractCustomPropsFromNode(node) {
       }));
       return { id: v4_default(), key, type: t, value: safeList };
     }
-    return { id: v4_default(), key, type: t, value: t === "number" ? Number(val) || 0 : String(val ?? "") };
+    return {
+      id: v4_default(),
+      key,
+      type: t,
+      value: t === "number" ? Number(val) || 0 : String(val ?? "")
+    };
   });
 }
 function toObjectFromCustomProps(customProps) {
@@ -3068,7 +3135,12 @@ function toObjectFromCustomProps(customProps) {
       const { type: uiDateType, ...dateValues } = p.value || {};
       if (uiDateType) {
         if (uiDateType === "Date Interval") {
-          out[key] = { date_interval: { start: dateValues.start || "", end: dateValues.end || "" } };
+          out[key] = {
+            date_interval: {
+              start: dateValues.start || "",
+              end: dateValues.end || ""
+            }
+          };
         } else if (uiDateType === "Ano") {
           out[key] = { year: dateValues.value || "" };
         } else {
@@ -3104,10 +3176,20 @@ function createTextSprite(text, fontSize = 64) {
   context.fillText(effectiveText, canvas.width / 2, canvas.height / 2);
   const texture = new THREE2.CanvasTexture(canvas);
   texture.colorSpace = THREE2.SRGBColorSpace;
-  const spriteMaterial = new THREE2.SpriteMaterial({ map: texture, sizeAttenuation: true, depthWrite: false, transparent: true, toneMapped: false });
+  const spriteMaterial = new THREE2.SpriteMaterial({
+    map: texture,
+    sizeAttenuation: true,
+    depthWrite: false,
+    transparent: true,
+    toneMapped: false
+  });
   const sprite = new THREE2.Sprite(spriteMaterial);
   const scaleFactor = 0.05;
-  sprite.scale.set(canvas.width * scaleFactor, canvas.height * scaleFactor, 1);
+  sprite.scale.set(
+    canvas.width * scaleFactor,
+    canvas.height * scaleFactor,
+    1
+  );
   sprite.layers.set(DEFAULT_LAYER);
   return sprite;
 }
@@ -3123,7 +3205,14 @@ function makeGlowTexture() {
   const canvas = document.createElement("canvas");
   canvas.width = canvas.height = size;
   const ctx = canvas.getContext("2d");
-  const grd = ctx.createRadialGradient(size / 2, size / 2, 0, size / 2, size / 2, size / 2);
+  const grd = ctx.createRadialGradient(
+    size / 2,
+    size / 2,
+    0,
+    size / 2,
+    size / 2,
+    size / 2
+  );
   grd.addColorStop(0, "rgba(255,255,255,1)");
   grd.addColorStop(0.4, "rgba(255,255,255,0.45)");
   grd.addColorStop(1, "rgba(255,255,255,0)");
@@ -3139,8 +3228,19 @@ function addGlowAura(mesh, hexColor, glowTexture, auraScale) {
   let midBoost = 1 - Math.abs(L - 0.5) * 2;
   midBoost = THREE2.MathUtils.clamp(midBoost, 0, 1);
   const auraOpacity = THREE2.MathUtils.lerp(0.25, 0.8, midBoost);
-  const auraColor = new THREE2.Color(hexColor).lerp(new THREE2.Color("#ffffff"), 0.25);
-  const auraMat = new THREE2.SpriteMaterial({ map: glowTexture, color: auraColor, opacity: auraOpacity, blending: THREE2.AdditiveBlending, transparent: true, depthWrite: false, toneMapped: false });
+  const auraColor = new THREE2.Color(hexColor).lerp(
+    new THREE2.Color("#ffffff"),
+    0.25
+  );
+  const auraMat = new THREE2.SpriteMaterial({
+    map: glowTexture,
+    color: auraColor,
+    opacity: auraOpacity,
+    blending: THREE2.AdditiveBlending,
+    transparent: true,
+    depthWrite: false,
+    toneMapped: false
+  });
   const aura = new THREE2.Sprite(auraMat);
   aura.scale.setScalar(auraScale);
   aura.name = "aura";
@@ -3173,7 +3273,16 @@ function calculateNodePositions(nodes) {
   }
   return positions;
 }
-function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, isSceneBusy, parentData, ancestryData }) {
+function updateTooltip({
+  tooltipEl,
+  hoveredNode,
+  hoveredLink,
+  camera,
+  mountEl,
+  isSceneBusy,
+  parentData,
+  ancestryData
+}) {
   var _a, _b;
   if (!tooltipEl || !camera || !mountEl) return;
   let content = "";
@@ -3184,7 +3293,11 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
     currentId = `node_${hoveredNode.userData.id}`;
     positionTarget = hoveredNode;
     if (tooltipEl.dataset.currentId !== currentId) {
-      content = generateTooltipHtml(hoveredNode.userData, parentData, ancestryData);
+      content = generateTooltipHtml(
+        hoveredNode.userData,
+        parentData,
+        ancestryData
+      );
     }
   } else if (hoveredLink && !isSceneBusy) {
     const linkData = hoveredLink.userData.isAncestryLink ? hoveredLink.userData.relationship || {} : hoveredLink.userData;
@@ -3194,9 +3307,16 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
       if (hoveredLink.userData.isCurved) {
         const positions = hoveredLink.geometry.attributes.position.array;
         const midIndex = Math.floor(positions.length / 2 / 3) * 3;
-        positionTarget = new THREE2.Vector3(positions[midIndex], positions[midIndex + 1], positions[midIndex + 2]);
+        positionTarget = new THREE2.Vector3(
+          positions[midIndex],
+          positions[midIndex + 1],
+          positions[midIndex + 2]
+        );
       } else {
-        positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
+        positionTarget = new THREE2.Vector3().addVectors(
+          hoveredLink.userData.sourceNode.position,
+          hoveredLink.userData.targetNode.position
+        ).multiplyScalar(0.5);
       }
       isLink = true;
       if (tooltipEl.dataset.currentId !== currentId) {
@@ -3225,9 +3345,11 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
     const tooltipRect = tooltipEl.getBoundingClientRect();
     const offsetX = 20;
     const offsetY = 20;
-    if (x + tooltipRect.width + offsetX > clientWidth) x = x - tooltipRect.width - offsetX;
+    if (x + tooltipRect.width + offsetX > clientWidth)
+      x = x - tooltipRect.width - offsetX;
     else x = x + offsetX;
-    if (y + tooltipRect.height + offsetY > clientHeight) y = y - tooltipRect.height - offsetY;
+    if (y + tooltipRect.height + offsetY > clientHeight)
+      y = y - tooltipRect.height - offsetY;
     else y = y + offsetY;
     tooltipEl.style.display = "block";
     tooltipEl.style.left = `${x}px`;
@@ -3261,7 +3383,9 @@ var processDescriptionForSave = (text, existingSections = []) => {
     const content = parts[i + 2] || "";
     let finalUuid = null;
     if (suffix) {
-      const existingMatch = existingSections.find((s) => s.id && s.id.includes(suffix));
+      const existingMatch = existingSections.find(
+        (s) => s.id && s.id.includes(suffix)
+      );
       if (existingMatch) {
         finalUuid = existingMatch.id;
       } else {
@@ -3352,28 +3476,34 @@ var extractFileUrlsFromProperties = (dataObject) => {
 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]);
+  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 };
 }
 

package/package.json

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