@lv-x-software-house/x_view 1.2.4-dev.25 → 1.2.4-dev.27

package/dist/index.js

@@ -505,7 +505,11 @@ function XViewSidebar({
     let pool = base;
     const qNorm = normalize(query);
     if (qNorm) {
-      pool = pool.filter((n) => normalize((n == null ? void 0 : n.name) || "").includes(qNorm));
+      pool = pool.filter((n) => {
+        const matchName = normalize((n == null ? void 0 : n.name) || "").includes(qNorm);
+        const matchRawTitle = n.is_quest && n.raw_title ? normalize(n.raw_title).includes(qNorm) : false;
+        return matchName || matchRawTitle;
+      });
     }
     if (activeFilters.length > 0) {
       pool = pool.filter((node) => {
@@ -2552,6 +2556,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,
@@ -2895,7 +2906,8 @@ var IGNORED_KEYS = [
   "selectedAbstractionParentId",
   "isAddingAbstractionNodes",
   "status",
-  "is_quest"
+  "is_quest",
+  "raw_title"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -8091,7 +8103,7 @@ function InSceneQuestForm({
         },
         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",
@@ -8691,7 +8703,12 @@ function QuestDetailsPanel({
   userRole,
   currentDatasetName
 }) {
-  const [name, setName] = (0, import_react18.useState)((node == null ? void 0 : node.name) ?? "");
+  var _a;
+  const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
+  const [rawTitle, setRawTitle] = (0, import_react18.useState)(initialRawTitle);
+  const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
+  const questPrefix = prefixParts.length > 1 ? prefixParts[0] : "";
+  const standardizedName = questPrefix ? `${questPrefix} - \xBB ${rawTitle || "Sem t\xEDtulo"}` : rawTitle;
   const [types, setTypes] = (0, import_react18.useState)((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
   const [typeInput, setTypeInput] = (0, import_react18.useState)("");
   const [status, setStatus] = (0, import_react18.useState)((node == null ? void 0 : node.status) ?? "Backlog");
@@ -8720,15 +8737,17 @@ function QuestDetailsPanel({
   const propsEndRef = (0, import_react18.useRef)(null);
   const canEdit = userRole !== "viewer";
   const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
-  const handleImageClickFromText = (url, name2) => {
+  const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
-      onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
+      onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
     }
   };
   (0, import_react18.useEffect)(() => {
+    var _a2;
     if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
       prevNodeIdRef.current = node == null ? void 0 : node.id;
-      setName((node == null ? void 0 : node.name) ?? "");
+      const newRawTitle = (node == null ? void 0 : node.raw_title) || (((_a2 = node == null ? void 0 : node.name) == null ? void 0 : _a2.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
+      setRawTitle(newRawTitle);
       setTypes((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
       setStatus((node == null ? void 0 : node.status) ?? "Backlog");
       setSize((node == null ? void 0 : node.size) ?? "medium");
@@ -8763,9 +8782,10 @@ function QuestDetailsPanel({
   };
   const swallow = (e) => e.stopPropagation();
   const handleNameChange = (e) => {
-    const v = e.target.value;
-    setName(v);
-    onNameChange == null ? void 0 : onNameChange(node.id, v);
+    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, val);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
@@ -8801,8 +8821,8 @@ function QuestDetailsPanel({
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
     setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
     }, 100);
   };
   const handleRemoveProp = (i) => {
@@ -8824,14 +8844,15 @@ function QuestDetailsPanel({
     triggerAutoSave({ description: newDescription });
   };
   const handleSave = async (keepOpen = false, overrides = {}) => {
-    const currentName = overrides.name !== void 0 ? overrides.name : name;
+    const currentRawTitle = overrides.rawTitle !== void 0 ? overrides.rawTitle : rawTitle;
+    const currentStandardName = questPrefix ? `${questPrefix} - \xBB ${currentRawTitle || "Sem t\xEDtulo"}` : currentRawTitle;
     const currentTypes = overrides.types !== void 0 ? overrides.types : types;
     const currentDescription = overrides.description !== void 0 ? overrides.description : description;
     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 (!currentName.trim() || currentTypes.length === 0) {
-      alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
+    if (!currentRawTitle.trim() || currentTypes.length === 0) {
+      alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
     }
     setIsSaving(true);
@@ -8840,7 +8861,10 @@ function QuestDetailsPanel({
       const processedSections = processDescriptionForSave(currentDescription, currentExistingSections);
       const dataToSave = {
         id: node.id,
-        name: currentName.trim(),
+        name: currentStandardName.trim(),
+        // Salva o nome completo formatado
+        raw_title: currentRawTitle.trim(),
+        // Salva o título simples
         type: currentTypes,
         color: QUEST_STATUS_COLORS2[currentStatus],
         status: currentStatus,
@@ -8895,7 +8919,7 @@ function QuestDetailsPanel({
     isReadMode ? /* @__PURE__ */ import_react18.default.createElement(
       DescriptionReadModePanel,
       {
-        title: name || (node == null ? void 0 : node.name),
+        title: standardizedName || (node == null ? void 0 : node.name),
         description,
         savedSections: existingSections,
         onBack: () => setIsReadMode(false),
@@ -8913,7 +8937,16 @@ function QuestDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS2[status]}, transparent)` } }), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiLink, { size: 12 }))), /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__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(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS2[status]}, transparent)` } }), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiLink, { size: 12 }))), /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ import_react18.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: rawTitle,
+        onChange: handleNameChange,
+        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" }), /* @__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",
@@ -8935,7 +8968,7 @@ function QuestDetailsPanel({
       },
       /* @__PURE__ */ import_react18.default.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS2[s] } }),
       s
-    )))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ import_react18.default.createElement("input", { type: "text", value: name, onChange: handleNameChange, 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: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react18.default.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ import_react18.default.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiX, { size: 12 })))), canEdit && /* @__PURE__ */ import_react18.default.createElement(
+    )))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react18.default.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ import_react18.default.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiX, { size: 12 })))), canEdit && /* @__PURE__ */ import_react18.default.createElement(
       "input",
       {
         type: "text",
@@ -11809,7 +11842,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;
@@ -11823,6 +11856,9 @@ function XViewScene({
     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;
@@ -11997,6 +12033,7 @@ function XViewScene({
       graphDataRef.current[sceneConfigId2] = { nodes: [], links: [] };
     }
     graphDataRef.current[sceneConfigId2].nodes.push(newNode);
+    sceneDataRef2.current.nodes.push(newNode);
     const sceneFileData = {
       parent_dbs: sceneDataRef2.current.parent_dbs,
       nodes: sceneDataRef2.current.nodes,
@@ -14013,8 +14050,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

@@ -461,7 +461,11 @@ function XViewSidebar({
     let pool = base;
     const qNorm = normalize(query);
     if (qNorm) {
-      pool = pool.filter((n) => normalize((n == null ? void 0 : n.name) || "").includes(qNorm));
+      pool = pool.filter((n) => {
+        const matchName = normalize((n == null ? void 0 : n.name) || "").includes(qNorm);
+        const matchRawTitle = n.is_quest && n.raw_title ? normalize(n.raw_title).includes(qNorm) : false;
+        return matchName || matchRawTitle;
+      });
     }
     if (activeFilters.length > 0) {
       pool = pool.filter((node) => {
@@ -2508,6 +2512,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,
@@ -2851,7 +2862,8 @@ var IGNORED_KEYS = [
   "selectedAbstractionParentId",
   "isAddingAbstractionNodes",
   "status",
-  "is_quest"
+  "is_quest",
+  "raw_title"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -8078,7 +8090,7 @@ function InSceneQuestForm({
         },
         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",
@@ -8678,7 +8690,12 @@ function QuestDetailsPanel({
   userRole,
   currentDatasetName
 }) {
-  const [name, setName] = useState18((node == null ? void 0 : node.name) ?? "");
+  var _a;
+  const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
+  const [rawTitle, setRawTitle] = useState18(initialRawTitle);
+  const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
+  const questPrefix = prefixParts.length > 1 ? prefixParts[0] : "";
+  const standardizedName = questPrefix ? `${questPrefix} - \xBB ${rawTitle || "Sem t\xEDtulo"}` : rawTitle;
   const [types, setTypes] = useState18((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
   const [typeInput, setTypeInput] = useState18("");
   const [status, setStatus] = useState18((node == null ? void 0 : node.status) ?? "Backlog");
@@ -8707,15 +8724,17 @@ function QuestDetailsPanel({
   const propsEndRef = useRef14(null);
   const canEdit = userRole !== "viewer";
   const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
-  const handleImageClickFromText = (url, name2) => {
+  const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
-      onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
+      onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
     }
   };
   useEffect16(() => {
+    var _a2;
     if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
       prevNodeIdRef.current = node == null ? void 0 : node.id;
-      setName((node == null ? void 0 : node.name) ?? "");
+      const newRawTitle = (node == null ? void 0 : node.raw_title) || (((_a2 = node == null ? void 0 : node.name) == null ? void 0 : _a2.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
+      setRawTitle(newRawTitle);
       setTypes((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
       setStatus((node == null ? void 0 : node.status) ?? "Backlog");
       setSize((node == null ? void 0 : node.size) ?? "medium");
@@ -8750,9 +8769,10 @@ function QuestDetailsPanel({
   };
   const swallow = (e) => e.stopPropagation();
   const handleNameChange = (e) => {
-    const v = e.target.value;
-    setName(v);
-    onNameChange == null ? void 0 : onNameChange(node.id, v);
+    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, val);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
@@ -8788,8 +8808,8 @@ function QuestDetailsPanel({
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
     setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
     }, 100);
   };
   const handleRemoveProp = (i) => {
@@ -8811,14 +8831,15 @@ function QuestDetailsPanel({
     triggerAutoSave({ description: newDescription });
   };
   const handleSave = async (keepOpen = false, overrides = {}) => {
-    const currentName = overrides.name !== void 0 ? overrides.name : name;
+    const currentRawTitle = overrides.rawTitle !== void 0 ? overrides.rawTitle : rawTitle;
+    const currentStandardName = questPrefix ? `${questPrefix} - \xBB ${currentRawTitle || "Sem t\xEDtulo"}` : currentRawTitle;
     const currentTypes = overrides.types !== void 0 ? overrides.types : types;
     const currentDescription = overrides.description !== void 0 ? overrides.description : description;
     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 (!currentName.trim() || currentTypes.length === 0) {
-      alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
+    if (!currentRawTitle.trim() || currentTypes.length === 0) {
+      alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
     }
     setIsSaving(true);
@@ -8827,7 +8848,10 @@ function QuestDetailsPanel({
       const processedSections = processDescriptionForSave(currentDescription, currentExistingSections);
       const dataToSave = {
         id: node.id,
-        name: currentName.trim(),
+        name: currentStandardName.trim(),
+        // Salva o nome completo formatado
+        raw_title: currentRawTitle.trim(),
+        // Salva o título simples
         type: currentTypes,
         color: QUEST_STATUS_COLORS2[currentStatus],
         status: currentStatus,
@@ -8882,7 +8906,7 @@ function QuestDetailsPanel({
     isReadMode ? /* @__PURE__ */ React17.createElement(
       DescriptionReadModePanel,
       {
-        title: name || (node == null ? void 0 : node.name),
+        title: standardizedName || (node == null ? void 0 : node.name),
         description,
         savedSections: existingSections,
         onBack: () => setIsReadMode(false),
@@ -8900,7 +8924,16 @@ function QuestDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS2[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative" }, /* @__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(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS2[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React17.createElement(
+      "input",
+      {
+        type: "text",
+        value: rawTitle,
+        onChange: handleNameChange,
+        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" }), /* @__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",
@@ -8922,7 +8955,7 @@ function QuestDetailsPanel({
       },
       /* @__PURE__ */ React17.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS2[s] } }),
       s
-    )))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ React17.createElement("input", { type: "text", value: name, onChange: handleNameChange, 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: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React17.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React17.createElement(FiX6, { size: 12 })))), canEdit && /* @__PURE__ */ React17.createElement(
+    )))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React17.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React17.createElement(FiX6, { size: 12 })))), canEdit && /* @__PURE__ */ React17.createElement(
       "input",
       {
         type: "text",
@@ -11809,7 +11842,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;
@@ -11823,6 +11856,9 @@ function XViewScene({
     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;
@@ -11997,6 +12033,7 @@ function XViewScene({
       graphDataRef.current[sceneConfigId2] = { nodes: [], links: [] };
     }
     graphDataRef.current[sceneConfigId2].nodes.push(newNode);
+    sceneDataRef2.current.nodes.push(newNode);
     const sceneFileData = {
       parent_dbs: sceneDataRef2.current.parent_dbs,
       nodes: sceneDataRef2.current.nodes,
@@ -14013,8 +14050,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.25",
+    "version": "1.2.4-dev.27",
     "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",