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

package/README.md

@@ -1 +1 @@
-X View - from ŀv.x - Software House
+x.view - from ŀv.x - Software Engineering

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) => {
@@ -7971,10 +7975,13 @@ function InSceneQuestForm({
   availableAncestries = [],
   onMentionClick,
   onUploadFile,
-  // NOVAS PROPS PARA O GHOST NODE
   onNameChange,
   onColorChange,
-  onSizeChange
+  onSizeChange,
+  viewName = "Projeto",
+  // NOVA PROP
+  questCounter = 1
+  // NOVA PROP
 }) {
   const [name, setName] = (0, import_react16.useState)("");
   const [types, setTypes] = (0, import_react16.useState)(["quest"]);
@@ -7987,6 +7994,7 @@ function InSceneQuestForm({
   const [customProps, setCustomProps] = (0, import_react16.useState)([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react16.useState)(false);
   const propsEndRef = (0, import_react16.useRef)(null);
+  const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -8023,7 +8031,7 @@ function InSceneQuestForm({
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!name.trim()) {
-      alert("O campo 'Nome' \xE9 obrigat\xF3rio.");
+      alert("O campo 'T\xEDtulo' \xE9 obrigat\xF3rio.");
       return;
     }
     const additionalData = toObjectFromCustomProps(
@@ -8031,7 +8039,10 @@ function InSceneQuestForm({
     );
     const processedSections = processDescriptionForSave(description, []);
     onSave({
-      name: name.trim(),
+      name: standardizedName,
+      // SALVA O NOME FORMATADO
+      raw_title: name.trim(),
+      // Salva o título puro como fallback ou metadado útil
       type: types,
       color: QUEST_STATUS_COLORS[status],
       status,
@@ -8070,7 +8081,21 @@ function InSceneQuestForm({
       },
       "\xD7"
     )),
-    /* @__PURE__ */ import_react16.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__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("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ import_react16.default.createElement(
+      "input",
+      {
+        required: true,
+        type: "text",
+        placeholder: "Ex.: Refatorar M\xF3dulo X",
+        value: name,
+        onChange: (e) => {
+          const val = e.target.value;
+          setName(val);
+          onNameChange == null ? void 0 : onNameChange(`${viewName} - ${questCounter} - \xBB ${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(
       "button",
       {
         type: "button",
@@ -8092,20 +8117,7 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ import_react16.default.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS[s] } }),
       s
-    )))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Quest"), /* @__PURE__ */ import_react16.default.createElement(
-      "input",
-      {
-        required: true,
-        type: "text",
-        placeholder: "Ex.: Refatorar M\xF3dulo X",
-        value: name,
-        onChange: (e) => {
-          setName(e.target.value);
-          onNameChange == null ? void 0 : onNameChange(e.target.value);
-        },
-        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: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react16.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 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ import_react16.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, t !== "quest" && /* @__PURE__ */ import_react16.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })))), /* @__PURE__ */ import_react16.default.createElement(
+    )))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react16.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 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ import_react16.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, t !== "quest" && /* @__PURE__ */ import_react16.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })))), /* @__PURE__ */ import_react16.default.createElement(
       "input",
       {
         type: "text",
@@ -8683,7 +8695,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");
@@ -8712,15 +8729,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");
@@ -8755,9 +8774,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);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
@@ -8793,8 +8813,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) => {
@@ -8816,14 +8836,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);
@@ -8832,7 +8853,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,
@@ -8887,7 +8911,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),
@@ -8905,7 +8929,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" }, "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(
       "button",
       {
         type: "button",
@@ -8927,7 +8960,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",
@@ -10303,7 +10336,7 @@ function XViewScene({
   delete_file_action,
   check_user_permission
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { data: session, status } = (0, import_react27.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
@@ -11978,6 +12011,7 @@ function XViewScene({
   const handleSaveQuestNode = async (context, newQuestData) => {
     const { graphDataRef, sceneDataRef: sceneDataRef2, stateRef: stateRef2, setters, actions, sceneSaveUrl: sceneSaveUrl2, viewType, sceneConfigId: sceneConfigId2, ownerId: ownerId2 } = context;
     if (!graphDataRef.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
+    const currentCounter = sceneDataRef2.current.quest_counter || 1;
     const newNode = {
       id: import_short_uuid2.default.generate(),
       ...newQuestData,
@@ -11993,10 +12027,13 @@ function XViewScene({
       nodes: sceneDataRef2.current.nodes,
       links: sceneDataRef2.current.links,
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
-      quest_links: graphDataRef.current[sceneConfigId2].links
+      quest_links: graphDataRef.current[sceneConfigId2].links,
+      quest_counter: currentCounter + 1
+      // NOVO: Incrementa o contador nos metadados
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
+      sceneDataRef2.current.quest_counter = currentCounter + 1;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
         ownerId: ownerId2,
@@ -13658,7 +13695,9 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
-        availableAncestries: allAvailableAncestries
+        availableAncestries: allAvailableAncestries,
+        viewName: viewParams == null ? void 0 : viewParams.name,
+        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react26.default.createElement(
@@ -13927,7 +13966,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_g = sceneDataRef.current) == null ? void 0 : _g.parent_dbs) || [],
+        parentDbs: ((_h = sceneDataRef.current) == null ? void 0 : _h.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

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) => {
@@ -7958,10 +7962,13 @@ function InSceneQuestForm({
   availableAncestries = [],
   onMentionClick,
   onUploadFile,
-  // NOVAS PROPS PARA O GHOST NODE
   onNameChange,
   onColorChange,
-  onSizeChange
+  onSizeChange,
+  viewName = "Projeto",
+  // NOVA PROP
+  questCounter = 1
+  // NOVA PROP
 }) {
   const [name, setName] = useState16("");
   const [types, setTypes] = useState16(["quest"]);
@@ -7974,6 +7981,7 @@ function InSceneQuestForm({
   const [customProps, setCustomProps] = useState16([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
   const propsEndRef = useRef12(null);
+  const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -8010,7 +8018,7 @@ function InSceneQuestForm({
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!name.trim()) {
-      alert("O campo 'Nome' \xE9 obrigat\xF3rio.");
+      alert("O campo 'T\xEDtulo' \xE9 obrigat\xF3rio.");
       return;
     }
     const additionalData = toObjectFromCustomProps(
@@ -8018,7 +8026,10 @@ function InSceneQuestForm({
     );
     const processedSections = processDescriptionForSave(description, []);
     onSave({
-      name: name.trim(),
+      name: standardizedName,
+      // SALVA O NOME FORMATADO
+      raw_title: name.trim(),
+      // Salva o título puro como fallback ou metadado útil
       type: types,
       color: QUEST_STATUS_COLORS[status],
       status,
@@ -8057,7 +8068,21 @@ function InSceneQuestForm({
       },
       "\xD7"
     )),
-    /* @__PURE__ */ React15.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5 relative" }, /* @__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("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React15.createElement(
+      "input",
+      {
+        required: true,
+        type: "text",
+        placeholder: "Ex.: Refatorar M\xF3dulo X",
+        value: name,
+        onChange: (e) => {
+          const val = e.target.value;
+          setName(val);
+          onNameChange == null ? void 0 : onNameChange(`${viewName} - ${questCounter} - \xBB ${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(
       "button",
       {
         type: "button",
@@ -8079,20 +8104,7 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ React15.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS[s] } }),
       s
-    )))))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Quest"), /* @__PURE__ */ React15.createElement(
-      "input",
-      {
-        required: true,
-        type: "text",
-        placeholder: "Ex.: Refatorar M\xF3dulo X",
-        value: name,
-        onChange: (e) => {
-          setName(e.target.value);
-          onNameChange == null ? void 0 : onNameChange(e.target.value);
-        },
-        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: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React15.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 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ React15.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, t !== "quest" && /* @__PURE__ */ React15.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React15.createElement(FiX4, { size: 12 })))), /* @__PURE__ */ React15.createElement(
+    )))))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React15.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 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ React15.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, t !== "quest" && /* @__PURE__ */ React15.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React15.createElement(FiX4, { size: 12 })))), /* @__PURE__ */ React15.createElement(
       "input",
       {
         type: "text",
@@ -8670,7 +8682,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");
@@ -8699,15 +8716,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");
@@ -8742,9 +8761,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);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
@@ -8780,8 +8800,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) => {
@@ -8803,14 +8823,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);
@@ -8819,7 +8840,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,
@@ -8874,7 +8898,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),
@@ -8892,7 +8916,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" }, "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(
       "button",
       {
         type: "button",
@@ -8914,7 +8947,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",
@@ -10303,7 +10336,7 @@ function XViewScene({
   delete_file_action,
   check_user_permission
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -11978,6 +12011,7 @@ function XViewScene({
   const handleSaveQuestNode = async (context, newQuestData) => {
     const { graphDataRef, sceneDataRef: sceneDataRef2, stateRef: stateRef2, setters, actions, sceneSaveUrl: sceneSaveUrl2, viewType, sceneConfigId: sceneConfigId2, ownerId: ownerId2 } = context;
     if (!graphDataRef.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
+    const currentCounter = sceneDataRef2.current.quest_counter || 1;
     const newNode = {
       id: short2.generate(),
       ...newQuestData,
@@ -11993,10 +12027,13 @@ function XViewScene({
       nodes: sceneDataRef2.current.nodes,
       links: sceneDataRef2.current.links,
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
-      quest_links: graphDataRef.current[sceneConfigId2].links
+      quest_links: graphDataRef.current[sceneConfigId2].links,
+      quest_counter: currentCounter + 1
+      // NOVO: Incrementa o contador nos metadados
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
+      sceneDataRef2.current.quest_counter = currentCounter + 1;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
         ownerId: ownerId2,
@@ -13658,7 +13695,9 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
-        availableAncestries: allAvailableAncestries
+        availableAncestries: allAvailableAncestries,
+        viewName: viewParams == null ? void 0 : viewParams.name,
+        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React25.createElement(
@@ -13927,7 +13966,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_g = sceneDataRef.current) == null ? void 0 : _g.parent_dbs) || [],
+        parentDbs: ((_h = sceneDataRef.current) == null ? void 0 : _h.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/package.json

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