@lv-x-software-house/x_view 1.2.4-dev.26 → 1.2.4-dev.28

package/dist/index.js

@@ -1011,7 +1011,8 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
   const size = nodeData.size || "medium";
   const scale = NODE_SCALE_FACTORS[size] || 1;
   mesh.scale.set(scale, scale, scale);
-  const label = createTextSprite(nodeData.name);
+  const labelText = nodeData.is_quest && nodeData.raw_title ? nodeData.raw_title : nodeData.name;
+  const label = createTextSprite(labelText);
   label.name = "label";
   mesh.userData.labelObject = label;
   mesh.userData.labelOffset = new THREE.Vector3(0, 3.8, 0);
@@ -1116,13 +1117,15 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
     const size = updatedNode.size || "medium";
     const scale = NODE_SCALE_FACTORS[size] || 1;
     existingMesh.scale.set(scale, scale, scale);
-    if (existingMesh.userData.name !== updatedNode.name) {
+    const oldText = existingMesh.userData.is_quest && existingMesh.userData.raw_title ? existingMesh.userData.raw_title : existingMesh.userData.name;
+    const newText = updatedNode.is_quest && updatedNode.raw_title ? updatedNode.raw_title : updatedNode.name;
+    if (oldText !== newText) {
       const oldLabelToDispose = existingMesh.userData.labelObject;
       if (oldLabelToDispose && state.graphGroup) {
         state.graphGroup.remove(oldLabelToDispose);
         if (oldLabelToDispose.material) oldLabelToDispose.material.dispose();
       }
-      const newLabel = createTextSprite(updatedNode.name || "");
+      const newLabel = createTextSprite(newText || "");
       newLabel.name = "label";
       existingMesh.userData.labelObject = newLabel;
       if (state.graphGroup) {
@@ -2556,6 +2559,13 @@ var userActionHandlers = {
     try {
       const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
       if (isView && parentFileId === context.sceneConfigId) {
+        const visualNodeIndex = sceneDataRef.current.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
+        if (visualNodeIndex > -1) {
+          sceneDataRef.current.nodes[visualNodeIndex] = {
+            ...sceneDataRef.current.nodes[visualNodeIndex],
+            ...nodeToSave
+          };
+        }
         const viewFilePayload = {
           parent_dbs: sceneDataRef.current.parent_dbs,
           nodes: sceneDataRef.current.nodes,
@@ -2899,7 +2909,8 @@ var IGNORED_KEYS = [
   "selectedAbstractionParentId",
   "isAddingAbstractionNodes",
   "status",
-  "is_quest"
+  "is_quest",
+  "raw_title"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -8091,11 +8102,11 @@ function InSceneQuestForm({
         onChange: (e) => {
           const val = e.target.value;
           setName(val);
-          onNameChange == null ? void 0 : onNameChange(`${viewName} - ${questCounter} - \xBB ${val || "Nova Quest"}`);
+          onNameChange == null ? void 0 : onNameChange(val || "Nova Quest");
         },
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60"
       }
-    ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }, "Preview:"), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react16.default.createElement(
+    ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react16.default.createElement(
       "button",
       {
         type: "button",
@@ -8777,7 +8788,7 @@ function QuestDetailsPanel({
     const val = e.target.value;
     setRawTitle(val);
     const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
-    onNameChange == null ? void 0 : onNameChange(node.id, newStandardName);
+    onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
@@ -8938,7 +8949,7 @@ function QuestDetailsPanel({
         readOnly: !canEdit,
         className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}`
       }
-    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }, "Preview:"), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react18.default.createElement(
+    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react18.default.createElement(
       "button",
       {
         type: "button",
@@ -11834,7 +11845,7 @@ function XViewScene({
     graphGroup.add(newLabel);
     ghostNode.userData.labelObject = newLabel;
   };
-  const handleDetailNodeNameChange = (nodeId, newName) => {
+  const handleDetailNodeNameChange = (nodeId, newName, newRawTitle) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     const { graphGroup } = stateRef.current;
     if (!mesh || !graphGroup) return;
@@ -11844,10 +11855,15 @@ function XViewScene({
       if (oldLabel.material.map) oldLabel.material.map.dispose();
       oldLabel.material.dispose();
     }
-    const newLabel = createTextSprite(newName || "");
+    const isQuest = mesh.userData.is_quest;
+    const displayText = isQuest && newRawTitle !== void 0 ? newRawTitle : newName;
+    const newLabel = createTextSprite(displayText || "");
     graphGroup.add(newLabel);
     mesh.userData.labelObject = newLabel;
     mesh.userData.name = newName;
+    if (newRawTitle !== void 0) {
+      mesh.userData.raw_title = newRawTitle;
+    }
   };
   const handleDetailNodeColorChange = (nodeId, newColor) => {
     var _a2;
@@ -12025,11 +12041,11 @@ function XViewScene({
     const sceneFileData = {
       parent_dbs: sceneDataRef2.current.parent_dbs,
       nodes: sceneDataRef2.current.nodes,
+      // Permanece intacto, como estava no último save de cena inicial
       links: sceneDataRef2.current.links,
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
       quest_links: graphDataRef.current[sceneConfigId2].links,
       quest_counter: currentCounter + 1
-      // NOVO: Incrementa o contador nos metadados
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
@@ -14038,8 +14054,13 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
     const parentNodeMap = new Map(allNodes.map((node) => [String(node.id), node]));
     const parentLinkMap = new Map(allLinks.map((link) => [`${link.source}-${link.target}`, link]));
     const validatedNodes = (sceneData.nodes || []).map((sceneNode) => {
+      var _a2, _b2;
       const nodeTypes = Array.isArray(sceneNode.type) ? sceneNode.type : [sceneNode.type];
       if (nodeTypes.includes("quest")) {
+        const dbQuestNode = (_b2 = (_a2 = parentData[scene_config]) == null ? void 0 : _a2.nodes) == null ? void 0 : _b2.find((qn) => String(qn.id) === String(sceneNode.id));
+        if (dbQuestNode) {
+          return { ...sceneNode, ...dbQuestNode };
+        }
         return sceneNode;
       }
       const dbNode = parentNodeMap.get(String(sceneNode.id));

package/dist/index.mjs

@@ -967,7 +967,8 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
   const size = nodeData.size || "medium";
   const scale = NODE_SCALE_FACTORS[size] || 1;
   mesh.scale.set(scale, scale, scale);
-  const label = createTextSprite(nodeData.name);
+  const labelText = nodeData.is_quest && nodeData.raw_title ? nodeData.raw_title : nodeData.name;
+  const label = createTextSprite(labelText);
   label.name = "label";
   mesh.userData.labelObject = label;
   mesh.userData.labelOffset = new THREE.Vector3(0, 3.8, 0);
@@ -1072,13 +1073,15 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
     const size = updatedNode.size || "medium";
     const scale = NODE_SCALE_FACTORS[size] || 1;
     existingMesh.scale.set(scale, scale, scale);
-    if (existingMesh.userData.name !== updatedNode.name) {
+    const oldText = existingMesh.userData.is_quest && existingMesh.userData.raw_title ? existingMesh.userData.raw_title : existingMesh.userData.name;
+    const newText = updatedNode.is_quest && updatedNode.raw_title ? updatedNode.raw_title : updatedNode.name;
+    if (oldText !== newText) {
       const oldLabelToDispose = existingMesh.userData.labelObject;
       if (oldLabelToDispose && state.graphGroup) {
         state.graphGroup.remove(oldLabelToDispose);
         if (oldLabelToDispose.material) oldLabelToDispose.material.dispose();
       }
-      const newLabel = createTextSprite(updatedNode.name || "");
+      const newLabel = createTextSprite(newText || "");
       newLabel.name = "label";
       existingMesh.userData.labelObject = newLabel;
       if (state.graphGroup) {
@@ -2512,6 +2515,13 @@ var userActionHandlers = {
     try {
       const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
       if (isView && parentFileId === context.sceneConfigId) {
+        const visualNodeIndex = sceneDataRef.current.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
+        if (visualNodeIndex > -1) {
+          sceneDataRef.current.nodes[visualNodeIndex] = {
+            ...sceneDataRef.current.nodes[visualNodeIndex],
+            ...nodeToSave
+          };
+        }
         const viewFilePayload = {
           parent_dbs: sceneDataRef.current.parent_dbs,
           nodes: sceneDataRef.current.nodes,
@@ -2855,7 +2865,8 @@ var IGNORED_KEYS = [
   "selectedAbstractionParentId",
   "isAddingAbstractionNodes",
   "status",
-  "is_quest"
+  "is_quest",
+  "raw_title"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -8078,11 +8089,11 @@ function InSceneQuestForm({
         onChange: (e) => {
           const val = e.target.value;
           setName(val);
-          onNameChange == null ? void 0 : onNameChange(`${viewName} - ${questCounter} - \xBB ${val || "Nova Quest"}`);
+          onNameChange == null ? void 0 : onNameChange(val || "Nova Quest");
         },
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60"
       }
-    ), /* @__PURE__ */ React15.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ React15.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }, "Preview:"), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React15.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ React15.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
       "button",
       {
         type: "button",
@@ -8764,7 +8775,7 @@ function QuestDetailsPanel({
     const val = e.target.value;
     setRawTitle(val);
     const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
-    onNameChange == null ? void 0 : onNameChange(node.id, newStandardName);
+    onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
@@ -8925,7 +8936,7 @@ function QuestDetailsPanel({
         readOnly: !canEdit,
         className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}`
       }
-    ), /* @__PURE__ */ React17.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ React17.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }, "Preview:"), /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement(
+    ), /* @__PURE__ */ React17.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ React17.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement(
       "button",
       {
         type: "button",
@@ -11834,7 +11845,7 @@ function XViewScene({
     graphGroup.add(newLabel);
     ghostNode.userData.labelObject = newLabel;
   };
-  const handleDetailNodeNameChange = (nodeId, newName) => {
+  const handleDetailNodeNameChange = (nodeId, newName, newRawTitle) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     const { graphGroup } = stateRef.current;
     if (!mesh || !graphGroup) return;
@@ -11844,10 +11855,15 @@ function XViewScene({
       if (oldLabel.material.map) oldLabel.material.map.dispose();
       oldLabel.material.dispose();
     }
-    const newLabel = createTextSprite(newName || "");
+    const isQuest = mesh.userData.is_quest;
+    const displayText = isQuest && newRawTitle !== void 0 ? newRawTitle : newName;
+    const newLabel = createTextSprite(displayText || "");
     graphGroup.add(newLabel);
     mesh.userData.labelObject = newLabel;
     mesh.userData.name = newName;
+    if (newRawTitle !== void 0) {
+      mesh.userData.raw_title = newRawTitle;
+    }
   };
   const handleDetailNodeColorChange = (nodeId, newColor) => {
     var _a2;
@@ -12025,11 +12041,11 @@ function XViewScene({
     const sceneFileData = {
       parent_dbs: sceneDataRef2.current.parent_dbs,
       nodes: sceneDataRef2.current.nodes,
+      // Permanece intacto, como estava no último save de cena inicial
       links: sceneDataRef2.current.links,
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
       quest_links: graphDataRef.current[sceneConfigId2].links,
       quest_counter: currentCounter + 1
-      // NOVO: Incrementa o contador nos metadados
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
@@ -14038,8 +14054,13 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
     const parentNodeMap = new Map(allNodes.map((node) => [String(node.id), node]));
     const parentLinkMap = new Map(allLinks.map((link) => [`${link.source}-${link.target}`, link]));
     const validatedNodes = (sceneData.nodes || []).map((sceneNode) => {
+      var _a2, _b2;
       const nodeTypes = Array.isArray(sceneNode.type) ? sceneNode.type : [sceneNode.type];
       if (nodeTypes.includes("quest")) {
+        const dbQuestNode = (_b2 = (_a2 = parentData[scene_config]) == null ? void 0 : _a2.nodes) == null ? void 0 : _b2.find((qn) => String(qn.id) === String(sceneNode.id));
+        if (dbQuestNode) {
+          return { ...sceneNode, ...dbQuestNode };
+        }
         return sceneNode;
       }
       const dbNode = parentNodeMap.get(String(sceneNode.id));

package/package.json

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