@lv-x-software-house/x_view 1.2.5-dev.5 → 1.2.5-dev.7

package/dist/index.js

@@ -3196,6 +3196,7 @@ function calculateNodePositions(nodes) {
   return positions;
 }
 function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, isSceneBusy, parentData, ancestryData }) {
+  var _a, _b;
   if (!tooltipEl || !camera || !mountEl) return;
   let content = "";
   let positionTarget = null;
@@ -3208,17 +3209,21 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
       content = generateTooltipHtml(hoveredNode.userData, parentData, ancestryData);
     }
   } else if (hoveredLink && !isSceneBusy) {
-    currentId = `link_${hoveredLink.userData.id}`;
-    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]);
-    } else {
-      positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
-    }
-    isLink = true;
-    if (tooltipEl.dataset.currentId !== currentId) {
-      content = hoveredLink.userData.isAncestryLink ? generateLinkTooltipHtml(hoveredLink.userData.relationship || {}, parentData, ancestryData) : generateLinkTooltipHtml(hoveredLink.userData, parentData, ancestryData);
+    const linkData = hoveredLink.userData.isAncestryLink ? hoveredLink.userData.relationship || {} : hoveredLink.userData;
+    const hasContent = ((_a = linkData.name) == null ? void 0 : _a.trim()) || ((_b = linkData.description) == null ? void 0 : _b.trim());
+    if (hasContent) {
+      currentId = `link_${hoveredLink.userData.id}`;
+      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]);
+      } else {
+        positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
+      }
+      isLink = true;
+      if (tooltipEl.dataset.currentId !== currentId) {
+        content = generateLinkTooltipHtml(linkData, parentData, ancestryData);
+      }
     }
   }
   if (positionTarget) {
@@ -3527,9 +3532,9 @@ function CustomPropertyDisplay({
   };
   const handleRemoveListItem = (j) => setTempProp((p) => ({ ...p, value: p.value.filter((_, k) => k !== j) }));
   const handleListItemChange = (j, f, v) => setTempProp((p) => {
-    const newValue = [...p.value];
-    newValue[j] = { ...newValue[j], [f]: v };
-    return { ...p, value: newValue };
+    const newValue2 = [...p.value];
+    newValue2[j] = { ...newValue2[j], [f]: v };
+    return { ...p, value: newValue2 };
   });
   const baseInput = "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60 transition-all duration-150";
   const renderEditView = () => {
@@ -3583,14 +3588,14 @@ function CustomPropertyDisplay({
           const inputClass = `${baseInput} ${noSpinnerClass}`;
           const handleDateTypeChange = (newDateType) => {
             var _a3, _b2, _c2;
-            let newValue = { type: newDateType };
+            let newValue2 = { type: newDateType };
             if (newDateType === "Date Interval") {
-              newValue.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
-              newValue.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
+              newValue2.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
+              newValue2.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
             } else {
-              newValue.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
+              newValue2.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
             }
-            handlePropChange("value", newValue);
+            handlePropChange("value", newValue2);
           };
           const handleDateValueChange = (dateField, dateValue) => {
             handlePropChange("value", { ...tempProp.value, [dateField]: dateValue });
@@ -5788,6 +5793,7 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
         e.stopPropagation();
         if (isEditable) {
           onSelectParent(itemId);
+          setHasUnsavedChanges(true);
         } else if (onViewSelect) {
           onViewSelect(itemId);
         }
@@ -5800,9 +5806,11 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
     level > 0 && isEditable && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-1 animate-in fade-in duration-200" }, !nodeData.is_section && /* @__PURE__ */ import_react11.default.createElement("button", { onClick: (e) => {
       e.stopPropagation();
       onEditRelationship(path, nodeData.relationship || {});
+      setHasUnsavedChanges(true);
     }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-cyan-500/20 text-cyan-400 transition-colors flex-shrink-0", title: "Editar detalhes da rela\xE7\xE3o" }, /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiEdit2, { size: 12 })), /* @__PURE__ */ import_react11.default.createElement("button", { onClick: (e) => {
       e.stopPropagation();
       onRemoveNode(path);
+      setHasUnsavedChanges(true);
     }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-red-500/20 text-red-400 text-lg transition-colors flex-shrink-0", title: "Remover Node" }, "\xD7"))
   ), hasChildren && /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-2 space-y-2 pl-8" }, nodeData.children.map((child, index) => /* @__PURE__ */ import_react11.default.createElement(
     NodeItem,
@@ -5858,6 +5866,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = (0, import_react11.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react11.useState)(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = (0, import_react11.useState)(false);
   const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = (0, import_react11.useState)(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
@@ -5925,12 +5934,14 @@ function CreateAncestryPanel({
   };
   const handleSelectAncestryParent = (nodeId, isAbstraction = false) => {
     setAncestryMode((prev) => isAbstraction ? { ...prev, selectedAbstractionParentId: nodeId } : { ...prev, selectedParentId: nodeId });
+    setHasUnsavedChanges2(true);
   };
   const handleToggleAddMode = (isAbstraction = false) => {
     if (isAbstraction && !ancestryMode.isAddingAbstractionNodes) {
       setTargetRenderNodeId(null);
     }
     setAncestryMode((prev) => isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes } : { ...prev, isAddingNodes: !prev.isAddingNodes });
+    setHasUnsavedChanges2(true);
   };
   const handleRemoveNode = (0, import_react11.useCallback)((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
@@ -5948,6 +5959,7 @@ function CreateAncestryPanel({
       const indexToRemove = pathToRemove[pathToRemove.length - 1];
       if (currentParent.children && currentParent.children.length > indexToRemove) {
         currentParent.children.splice(indexToRemove, 1);
+        setHasUnsavedChanges2(true);
       }
       return { ...prev, [treeKey]: newTree };
     });
@@ -6006,6 +6018,7 @@ function CreateAncestryPanel({
           updateGlobalTree(rootTreeClone);
         }
         setAncestryMode((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
+        setHasUnsavedChanges2(true);
       } else {
         alert("N\xE3o \xE9 poss\xEDvel mover um node para dentro de seus pr\xF3prios descendentes.");
       }
@@ -6078,6 +6091,7 @@ function CreateAncestryPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -6086,11 +6100,13 @@ function CreateAncestryPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
   (0, import_react11.useEffect)(() => {
@@ -6200,6 +6216,7 @@ function CreateAncestryPanel({
       updateGlobalTree(rootTreeClone);
       setBranchStack([...branchStack]);
       setIsPickerOpen(false);
+      setHasUnsavedChanges2(true);
       try {
         setIsSaving(true);
         const rootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6213,6 +6230,7 @@ function CreateAncestryPanel({
           rootExtras
         );
         setLastSavedSnapshot(takeSnapshot(rootTreeClone, ancestryName, description, processedSections, [], isPrivate, ancestryMode.abstraction_tree));
+        setHasUnsavedChanges2(false);
         if (onRenderFullAncestry) {
           const fullTreePayload = {
             ancestry_id: ancestryMode.currentAncestryId || "temp_root",
@@ -6255,6 +6273,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges2(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6276,6 +6295,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges2(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6308,6 +6328,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges2(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6329,6 +6350,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges2(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6590,6 +6612,7 @@ function CreateAncestryPanel({
     }
     setBranchStack(parentStack);
     setTargetScrollSectionId(targetFocusId);
+    setHasUnsavedChanges2(true);
     if (onRenderFullAncestry) {
       const parentStack2 = currentStack;
       const rotation = parentStack2.reduce((acc, step) => {
@@ -6651,7 +6674,6 @@ function CreateAncestryPanel({
           direction,
           tree: {
             node: nodeData,
-            node_id: nodeId,
             children: [],
             relationship: {}
           }
@@ -6673,6 +6695,7 @@ function CreateAncestryPanel({
         savedMaxIndex: parentIndexToSave,
         entryDirection: direction
       }]);
+      setHasUnsavedChanges2(true);
       if (branch && branch.tree && onRenderFullAncestry) {
         const branchAncestryObj = {
           ancestry_id: branch.id,
@@ -6723,6 +6746,10 @@ function CreateAncestryPanel({
     const currentInputName = overrides.ancestryName !== void 0 ? overrides.ancestryName : ancestryName;
     const currentInputDesc = overrides.description !== void 0 ? overrides.description : description;
     const currentInputSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentInputName.trim()) {
       alert("O nome n\xE3o pode estar vazio.");
       return;
@@ -6776,6 +6803,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges2(false);
           if (onRenderFullAncestry) {
             const rotation = branchStack.reduce((acc, step) => {
               return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
@@ -6827,6 +6855,7 @@ function CreateAncestryPanel({
           updatedRootTree,
           extrasObj
         );
+        setHasUnsavedChanges2(false);
         setLastSavedSnapshot(takeSnapshot(
           updatedRootTree,
           currentInputName,
@@ -6849,6 +6878,7 @@ function CreateAncestryPanel({
     const newTreeString = JSON.stringify(newRootTree);
     if (currentTreeString !== newTreeString) {
       updateGlobalTree(newRootTree);
+      setHasUnsavedChanges2(true);
     }
   }, [description, existingSections]);
   const handleTriggerFullRender = () => {
@@ -6871,6 +6901,7 @@ function CreateAncestryPanel({
   };
   const handleSaveDescriptionInline = (newDesc) => {
     setDescription(newDesc);
+    setHasUnsavedChanges2(true);
     handleLocalSave(true, { description: newDesc });
   };
   const swallow = (e) => e.stopPropagation();
@@ -7000,7 +7031,11 @@ function CreateAncestryPanel({
       {
         type: "text",
         value: ancestryName,
-        onChange: (e) => setAncestryName(e.target.value),
+        onChange: (e) => {
+          setAncestryName(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
+        readOnly: isContextLinked,
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
@@ -7649,9 +7684,9 @@ function InSceneCreationForm({
   };
   const handleToggleImageMode = () => {
     var _a2, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -7949,9 +7984,9 @@ function InSceneVersionForm({
   };
   const handleToggleImageMode = () => {
     var _a, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -8371,6 +8406,7 @@ function NodeDetailsPanel({
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
   const [selectedImageUrl, setSelectedImageUrl] = (0, import_react17.useState)((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = (0, import_react17.useState)(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8408,6 +8444,7 @@ function NodeDetailsPanel({
       else if ((node == null ? void 0 : node.useImageAsTexture) === "false") setUseImageAsTexture(false);
       else setUseImageAsTexture(!!(node == null ? void 0 : node.useImageAsTexture));
       setSelectedImageUrl((node == null ? void 0 : node.textureImageUrl) ?? null);
+      setHasUnsavedChanges2(false);
     }
   }, [node]);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
@@ -8434,6 +8471,7 @@ function NodeDetailsPanel({
     setIntensity(val);
     onIntensityChange == null ? void 0 : onIntensityChange(node.id, val);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, intensity: val });
+    setHasUnsavedChanges2(true);
   };
   const handleCopyLink = () => {
     if (!(node == null ? void 0 : node.id)) return;
@@ -8451,14 +8489,17 @@ function NodeDetailsPanel({
     const v = e.target.value;
     setName(v);
     onNameChange == null ? void 0 : onNameChange(node.id, v);
+    setHasUnsavedChanges2(true);
   };
   const handleColorChange = (val) => {
     setColor(val);
     onColorChange == null ? void 0 : onColorChange(node.id, val);
+    setHasUnsavedChanges2(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges2(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8466,10 +8507,12 @@ function NodeDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges2(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges2(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8482,6 +8525,7 @@ function NodeDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8490,19 +8534,21 @@ function NodeDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleToggleImageMode = () => {
-    const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
+    setHasUnsavedChanges2(true);
     let activeUrl = null;
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
@@ -8524,6 +8570,7 @@ function NodeDetailsPanel({
   };
   const handleSelectTexture = (url) => {
     setSelectedImageUrl(url);
+    setHasUnsavedChanges2(true);
     onImageChange == null ? void 0 : onImageChange(true, url, color);
     onDataUpdate == null ? void 0 : onDataUpdate({
       ...node,
@@ -8534,6 +8581,7 @@ function NodeDetailsPanel({
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges2(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8544,6 +8592,10 @@ function NodeDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentIntensity = overrides.intensity !== void 0 ? overrides.intensity : intensity;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentName.trim() || currentTypes.length === 0) {
       alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -8568,6 +8620,7 @@ function NodeDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges2(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8804,6 +8857,7 @@ function NodeDetailsPanel({
       initialValue: description,
       onSave: (newDescription) => {
         setDescription(newDescription);
+        setHasUnsavedChanges2(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -8863,6 +8917,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = (0, import_react18.useState)((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react18.useState)(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = (0, import_react18.useState)(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8894,6 +8949,7 @@ function QuestDetailsPanel({
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
       setCustomProps(extractCustomPropsFromNode(node || {}));
+      setHasUnsavedChanges2(false);
     }
   }, [node]);
   (0, import_react18.useEffect)(() => {
@@ -8925,16 +8981,19 @@ function QuestDetailsPanel({
     setRawTitle(val);
     const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
     onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
+    setHasUnsavedChanges2(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges2(true);
   };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
     onColorChange == null ? void 0 : onColorChange(node.id, newColor);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, status: newStatus, color: newColor });
+    setHasUnsavedChanges2(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8942,11 +9001,13 @@ function QuestDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges2(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     if (types[indexToRemove] === "quest") return;
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges2(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8959,6 +9020,7 @@ function QuestDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a2;
       (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8967,18 +9029,21 @@ function QuestDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges2(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8990,6 +9055,10 @@ function QuestDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentRawTitle.trim() || currentTypes.length === 0) {
       alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -9019,6 +9088,7 @@ function QuestDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges2(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9255,6 +9325,7 @@ function RelationshipDetailsPanel({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react20.useState)(false);
   const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
   const [isReadMode, setIsReadMode] = (0, import_react20.useState)(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = (0, import_react20.useState)(false);
   const propsEndRef = (0, import_react20.useRef)(null);
   const canEdit = (0, import_react20.useMemo)(() => {
     const ability = defineAbilityFor(userRole);
@@ -9267,12 +9338,14 @@ function RelationshipDetailsPanel({
     setCustomProps(extractCustomPropsFromNode(link || {}));
     setSourceLabel((link == null ? void 0 : link.source_label) ?? "");
     setTargetLabel((link == null ? void 0 : link.target_label) ?? "");
+    setHasUnsavedChanges2(false);
   }, [link]);
   const swallow = (e) => e.stopPropagation();
   const handleAddProp = () => {
     if (!canEdit) return;
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -9286,6 +9359,10 @@ function RelationshipDetailsPanel({
     const currentName = overrides.name !== void 0 ? overrides.name : name;
     const currentSourceLabel = overrides.sourceLabel !== void 0 ? overrides.sourceLabel : sourceLabel;
     const currentTargetLabel = overrides.targetLabel !== void 0 ? overrides.targetLabel : targetLabel;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     setIsSaving(true);
     try {
       const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
@@ -9305,6 +9382,7 @@ function RelationshipDetailsPanel({
       if (currentTargetLabel.trim()) dataToSave.target_label = currentTargetLabel.trim();
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges2(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9318,18 +9396,21 @@ function RelationshipDetailsPanel({
   const handleSaveDescriptionInline = (newDescription) => {
     if (!canEdit) return;
     setDescription(newDescription);
+    setHasUnsavedChanges2(true);
     onDataUpdate((prev) => ({ ...prev, description: newDescription }));
     triggerAutoSave({ description: newDescription });
   };
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
@@ -9382,7 +9463,10 @@ function RelationshipDetailsPanel({
       {
         type: "text",
         value: name,
-        onChange: (e) => setName(e.target.value),
+        onChange: (e) => {
+          setName(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
         placeholder: "Ex: Controla, Pertence a, Fornece...",
         disabled: !canEdit,
         className: `w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60
@@ -9394,7 +9478,10 @@ function RelationshipDetailsPanel({
       {
         type: "text",
         value: sourceLabel,
-        onChange: (e) => setSourceLabel(e.target.value),
+        onChange: (e) => {
+          setSourceLabel(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
         placeholder: "Ex: Conceitos",
         disabled: !canEdit,
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
@@ -9406,7 +9493,10 @@ function RelationshipDetailsPanel({
       {
         type: "text",
         value: targetLabel,
-        onChange: (e) => setTargetLabel(e.target.value),
+        onChange: (e) => {
+          setTargetLabel(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
         placeholder: "Ex: Refer\xEAncias",
         disabled: !canEdit,
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
@@ -9483,6 +9573,7 @@ function RelationshipDetailsPanel({
       onSave: (newDescription) => {
         if (!canEdit) return;
         setDescription(newDescription);
+        setHasUnsavedChanges2(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },

package/dist/index.mjs

@@ -3158,6 +3158,7 @@ function calculateNodePositions(nodes) {
   return positions;
 }
 function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, isSceneBusy, parentData, ancestryData }) {
+  var _a, _b;
   if (!tooltipEl || !camera || !mountEl) return;
   let content = "";
   let positionTarget = null;
@@ -3170,17 +3171,21 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
       content = generateTooltipHtml(hoveredNode.userData, parentData, ancestryData);
     }
   } else if (hoveredLink && !isSceneBusy) {
-    currentId = `link_${hoveredLink.userData.id}`;
-    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]);
-    } else {
-      positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
-    }
-    isLink = true;
-    if (tooltipEl.dataset.currentId !== currentId) {
-      content = hoveredLink.userData.isAncestryLink ? generateLinkTooltipHtml(hoveredLink.userData.relationship || {}, parentData, ancestryData) : generateLinkTooltipHtml(hoveredLink.userData, parentData, ancestryData);
+    const linkData = hoveredLink.userData.isAncestryLink ? hoveredLink.userData.relationship || {} : hoveredLink.userData;
+    const hasContent = ((_a = linkData.name) == null ? void 0 : _a.trim()) || ((_b = linkData.description) == null ? void 0 : _b.trim());
+    if (hasContent) {
+      currentId = `link_${hoveredLink.userData.id}`;
+      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]);
+      } else {
+        positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
+      }
+      isLink = true;
+      if (tooltipEl.dataset.currentId !== currentId) {
+        content = generateLinkTooltipHtml(linkData, parentData, ancestryData);
+      }
     }
   }
   if (positionTarget) {
@@ -3489,9 +3494,9 @@ function CustomPropertyDisplay({
   };
   const handleRemoveListItem = (j) => setTempProp((p) => ({ ...p, value: p.value.filter((_, k) => k !== j) }));
   const handleListItemChange = (j, f, v) => setTempProp((p) => {
-    const newValue = [...p.value];
-    newValue[j] = { ...newValue[j], [f]: v };
-    return { ...p, value: newValue };
+    const newValue2 = [...p.value];
+    newValue2[j] = { ...newValue2[j], [f]: v };
+    return { ...p, value: newValue2 };
   });
   const baseInput = "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60 transition-all duration-150";
   const renderEditView = () => {
@@ -3545,14 +3550,14 @@ function CustomPropertyDisplay({
           const inputClass = `${baseInput} ${noSpinnerClass}`;
           const handleDateTypeChange = (newDateType) => {
             var _a3, _b2, _c2;
-            let newValue = { type: newDateType };
+            let newValue2 = { type: newDateType };
             if (newDateType === "Date Interval") {
-              newValue.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
-              newValue.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
+              newValue2.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
+              newValue2.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
             } else {
-              newValue.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
+              newValue2.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
             }
-            handlePropChange("value", newValue);
+            handlePropChange("value", newValue2);
           };
           const handleDateValueChange = (dateField, dateValue) => {
             handlePropChange("value", { ...tempProp.value, [dateField]: dateValue });
@@ -5781,6 +5786,7 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
         e.stopPropagation();
         if (isEditable) {
           onSelectParent(itemId);
+          setHasUnsavedChanges(true);
         } else if (onViewSelect) {
           onViewSelect(itemId);
         }
@@ -5793,9 +5799,11 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
     level > 0 && isEditable && /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-1 animate-in fade-in duration-200" }, !nodeData.is_section && /* @__PURE__ */ React10.createElement("button", { onClick: (e) => {
       e.stopPropagation();
       onEditRelationship(path, nodeData.relationship || {});
+      setHasUnsavedChanges(true);
     }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-cyan-500/20 text-cyan-400 transition-colors flex-shrink-0", title: "Editar detalhes da rela\xE7\xE3o" }, /* @__PURE__ */ React10.createElement(FiEdit23, { size: 12 })), /* @__PURE__ */ React10.createElement("button", { onClick: (e) => {
       e.stopPropagation();
       onRemoveNode(path);
+      setHasUnsavedChanges(true);
     }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-red-500/20 text-red-400 text-lg transition-colors flex-shrink-0", title: "Remover Node" }, "\xD7"))
   ), hasChildren && /* @__PURE__ */ React10.createElement("div", { className: "mt-2 space-y-2 pl-8" }, nodeData.children.map((child, index) => /* @__PURE__ */ React10.createElement(
     NodeItem,
@@ -5851,6 +5859,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = useState11(false);
   const [isLinkCopied, setIsLinkCopied] = useState11(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = useState11(false);
   const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = useState11(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
@@ -5918,12 +5927,14 @@ function CreateAncestryPanel({
   };
   const handleSelectAncestryParent = (nodeId, isAbstraction = false) => {
     setAncestryMode((prev) => isAbstraction ? { ...prev, selectedAbstractionParentId: nodeId } : { ...prev, selectedParentId: nodeId });
+    setHasUnsavedChanges2(true);
   };
   const handleToggleAddMode = (isAbstraction = false) => {
     if (isAbstraction && !ancestryMode.isAddingAbstractionNodes) {
       setTargetRenderNodeId(null);
     }
     setAncestryMode((prev) => isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes } : { ...prev, isAddingNodes: !prev.isAddingNodes });
+    setHasUnsavedChanges2(true);
   };
   const handleRemoveNode = useCallback2((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
@@ -5941,6 +5952,7 @@ function CreateAncestryPanel({
       const indexToRemove = pathToRemove[pathToRemove.length - 1];
       if (currentParent.children && currentParent.children.length > indexToRemove) {
         currentParent.children.splice(indexToRemove, 1);
+        setHasUnsavedChanges2(true);
       }
       return { ...prev, [treeKey]: newTree };
     });
@@ -5999,6 +6011,7 @@ function CreateAncestryPanel({
           updateGlobalTree(rootTreeClone);
         }
         setAncestryMode((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
+        setHasUnsavedChanges2(true);
       } else {
         alert("N\xE3o \xE9 poss\xEDvel mover um node para dentro de seus pr\xF3prios descendentes.");
       }
@@ -6071,6 +6084,7 @@ function CreateAncestryPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -6079,11 +6093,13 @@ function CreateAncestryPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
   useEffect10(() => {
@@ -6193,6 +6209,7 @@ function CreateAncestryPanel({
       updateGlobalTree(rootTreeClone);
       setBranchStack([...branchStack]);
       setIsPickerOpen(false);
+      setHasUnsavedChanges2(true);
       try {
         setIsSaving(true);
         const rootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6206,6 +6223,7 @@ function CreateAncestryPanel({
           rootExtras
         );
         setLastSavedSnapshot(takeSnapshot(rootTreeClone, ancestryName, description, processedSections, [], isPrivate, ancestryMode.abstraction_tree));
+        setHasUnsavedChanges2(false);
         if (onRenderFullAncestry) {
           const fullTreePayload = {
             ancestry_id: ancestryMode.currentAncestryId || "temp_root",
@@ -6248,6 +6266,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges2(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6269,6 +6288,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges2(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6301,6 +6321,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges2(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6322,6 +6343,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges2(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6583,6 +6605,7 @@ function CreateAncestryPanel({
     }
     setBranchStack(parentStack);
     setTargetScrollSectionId(targetFocusId);
+    setHasUnsavedChanges2(true);
     if (onRenderFullAncestry) {
       const parentStack2 = currentStack;
       const rotation = parentStack2.reduce((acc, step) => {
@@ -6644,7 +6667,6 @@ function CreateAncestryPanel({
           direction,
           tree: {
             node: nodeData,
-            node_id: nodeId,
             children: [],
             relationship: {}
           }
@@ -6666,6 +6688,7 @@ function CreateAncestryPanel({
         savedMaxIndex: parentIndexToSave,
         entryDirection: direction
       }]);
+      setHasUnsavedChanges2(true);
       if (branch && branch.tree && onRenderFullAncestry) {
         const branchAncestryObj = {
           ancestry_id: branch.id,
@@ -6716,6 +6739,10 @@ function CreateAncestryPanel({
     const currentInputName = overrides.ancestryName !== void 0 ? overrides.ancestryName : ancestryName;
     const currentInputDesc = overrides.description !== void 0 ? overrides.description : description;
     const currentInputSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentInputName.trim()) {
       alert("O nome n\xE3o pode estar vazio.");
       return;
@@ -6769,6 +6796,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges2(false);
           if (onRenderFullAncestry) {
             const rotation = branchStack.reduce((acc, step) => {
               return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
@@ -6820,6 +6848,7 @@ function CreateAncestryPanel({
           updatedRootTree,
           extrasObj
         );
+        setHasUnsavedChanges2(false);
         setLastSavedSnapshot(takeSnapshot(
           updatedRootTree,
           currentInputName,
@@ -6842,6 +6871,7 @@ function CreateAncestryPanel({
     const newTreeString = JSON.stringify(newRootTree);
     if (currentTreeString !== newTreeString) {
       updateGlobalTree(newRootTree);
+      setHasUnsavedChanges2(true);
     }
   }, [description, existingSections]);
   const handleTriggerFullRender = () => {
@@ -6864,6 +6894,7 @@ function CreateAncestryPanel({
   };
   const handleSaveDescriptionInline = (newDesc) => {
     setDescription(newDesc);
+    setHasUnsavedChanges2(true);
     handleLocalSave(true, { description: newDesc });
   };
   const swallow = (e) => e.stopPropagation();
@@ -6993,7 +7024,11 @@ function CreateAncestryPanel({
       {
         type: "text",
         value: ancestryName,
-        onChange: (e) => setAncestryName(e.target.value),
+        onChange: (e) => {
+          setAncestryName(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
+        readOnly: isContextLinked,
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
@@ -7642,9 +7677,9 @@ function InSceneCreationForm({
   };
   const handleToggleImageMode = () => {
     var _a2, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -7942,9 +7977,9 @@ function InSceneVersionForm({
   };
   const handleToggleImageMode = () => {
     var _a, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -8364,6 +8399,7 @@ function NodeDetailsPanel({
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
   const [selectedImageUrl, setSelectedImageUrl] = useState17((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = useState17(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8401,6 +8437,7 @@ function NodeDetailsPanel({
       else if ((node == null ? void 0 : node.useImageAsTexture) === "false") setUseImageAsTexture(false);
       else setUseImageAsTexture(!!(node == null ? void 0 : node.useImageAsTexture));
       setSelectedImageUrl((node == null ? void 0 : node.textureImageUrl) ?? null);
+      setHasUnsavedChanges2(false);
     }
   }, [node]);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
@@ -8427,6 +8464,7 @@ function NodeDetailsPanel({
     setIntensity(val);
     onIntensityChange == null ? void 0 : onIntensityChange(node.id, val);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, intensity: val });
+    setHasUnsavedChanges2(true);
   };
   const handleCopyLink = () => {
     if (!(node == null ? void 0 : node.id)) return;
@@ -8444,14 +8482,17 @@ function NodeDetailsPanel({
     const v = e.target.value;
     setName(v);
     onNameChange == null ? void 0 : onNameChange(node.id, v);
+    setHasUnsavedChanges2(true);
   };
   const handleColorChange = (val) => {
     setColor(val);
     onColorChange == null ? void 0 : onColorChange(node.id, val);
+    setHasUnsavedChanges2(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges2(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8459,10 +8500,12 @@ function NodeDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges2(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges2(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8475,6 +8518,7 @@ function NodeDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8483,19 +8527,21 @@ function NodeDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleToggleImageMode = () => {
-    const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
+    setHasUnsavedChanges2(true);
     let activeUrl = null;
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
@@ -8517,6 +8563,7 @@ function NodeDetailsPanel({
   };
   const handleSelectTexture = (url) => {
     setSelectedImageUrl(url);
+    setHasUnsavedChanges2(true);
     onImageChange == null ? void 0 : onImageChange(true, url, color);
     onDataUpdate == null ? void 0 : onDataUpdate({
       ...node,
@@ -8527,6 +8574,7 @@ function NodeDetailsPanel({
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges2(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8537,6 +8585,10 @@ function NodeDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentIntensity = overrides.intensity !== void 0 ? overrides.intensity : intensity;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentName.trim() || currentTypes.length === 0) {
       alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -8561,6 +8613,7 @@ function NodeDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges2(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8797,6 +8850,7 @@ function NodeDetailsPanel({
       initialValue: description,
       onSave: (newDescription) => {
         setDescription(newDescription);
+        setHasUnsavedChanges2(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -8856,6 +8910,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = useState18((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = useState18(false);
   const [isLinkCopied, setIsLinkCopied] = useState18(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = useState18(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8887,6 +8942,7 @@ function QuestDetailsPanel({
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
       setCustomProps(extractCustomPropsFromNode(node || {}));
+      setHasUnsavedChanges2(false);
     }
   }, [node]);
   useEffect16(() => {
@@ -8918,16 +8974,19 @@ function QuestDetailsPanel({
     setRawTitle(val);
     const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
     onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
+    setHasUnsavedChanges2(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges2(true);
   };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
     onColorChange == null ? void 0 : onColorChange(node.id, newColor);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, status: newStatus, color: newColor });
+    setHasUnsavedChanges2(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8935,11 +8994,13 @@ function QuestDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges2(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     if (types[indexToRemove] === "quest") return;
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges2(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8952,6 +9013,7 @@ function QuestDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a2;
       (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8960,18 +9022,21 @@ function QuestDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges2(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8983,6 +9048,10 @@ function QuestDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentRawTitle.trim() || currentTypes.length === 0) {
       alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -9012,6 +9081,7 @@ function QuestDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges2(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9248,6 +9318,7 @@ function RelationshipDetailsPanel({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState20(false);
   const [isSaving, setIsSaving] = useState20(false);
   const [isReadMode, setIsReadMode] = useState20(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges2] = useState20(false);
   const propsEndRef = useRef16(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
@@ -9260,12 +9331,14 @@ function RelationshipDetailsPanel({
     setCustomProps(extractCustomPropsFromNode(link || {}));
     setSourceLabel((link == null ? void 0 : link.source_label) ?? "");
     setTargetLabel((link == null ? void 0 : link.target_label) ?? "");
+    setHasUnsavedChanges2(false);
   }, [link]);
   const swallow = (e) => e.stopPropagation();
   const handleAddProp = () => {
     if (!canEdit) return;
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges2(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -9279,6 +9352,10 @@ function RelationshipDetailsPanel({
     const currentName = overrides.name !== void 0 ? overrides.name : name;
     const currentSourceLabel = overrides.sourceLabel !== void 0 ? overrides.sourceLabel : sourceLabel;
     const currentTargetLabel = overrides.targetLabel !== void 0 ? overrides.targetLabel : targetLabel;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     setIsSaving(true);
     try {
       const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
@@ -9298,6 +9375,7 @@ function RelationshipDetailsPanel({
       if (currentTargetLabel.trim()) dataToSave.target_label = currentTargetLabel.trim();
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges2(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9311,18 +9389,21 @@ function RelationshipDetailsPanel({
   const handleSaveDescriptionInline = (newDescription) => {
     if (!canEdit) return;
     setDescription(newDescription);
+    setHasUnsavedChanges2(true);
     onDataUpdate((prev) => ({ ...prev, description: newDescription }));
     triggerAutoSave({ description: newDescription });
   };
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges2(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
@@ -9375,7 +9456,10 @@ function RelationshipDetailsPanel({
       {
         type: "text",
         value: name,
-        onChange: (e) => setName(e.target.value),
+        onChange: (e) => {
+          setName(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
         placeholder: "Ex: Controla, Pertence a, Fornece...",
         disabled: !canEdit,
         className: `w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60
@@ -9387,7 +9471,10 @@ function RelationshipDetailsPanel({
       {
         type: "text",
         value: sourceLabel,
-        onChange: (e) => setSourceLabel(e.target.value),
+        onChange: (e) => {
+          setSourceLabel(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
         placeholder: "Ex: Conceitos",
         disabled: !canEdit,
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
@@ -9399,7 +9486,10 @@ function RelationshipDetailsPanel({
       {
         type: "text",
         value: targetLabel,
-        onChange: (e) => setTargetLabel(e.target.value),
+        onChange: (e) => {
+          setTargetLabel(e.target.value);
+          setHasUnsavedChanges2(true);
+        },
         placeholder: "Ex: Refer\xEAncias",
         disabled: !canEdit,
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
@@ -9476,6 +9566,7 @@ function RelationshipDetailsPanel({
       onSave: (newDescription) => {
         if (!canEdit) return;
         setDescription(newDescription);
+        setHasUnsavedChanges2(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },

package/package.json

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