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

package/README.md

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

package/dist/index.js

@@ -2893,7 +2893,9 @@ var IGNORED_KEYS = [
   "is_private",
   "abstraction_tree",
   "selectedAbstractionParentId",
-  "isAddingAbstractionNodes"
+  "isAddingAbstractionNodes",
+  "status",
+  "is_quest"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -7969,10 +7971,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"]);
@@ -7985,6 +7990,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]);
@@ -8021,7 +8027,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(
@@ -8029,7 +8035,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,
@@ -8068,7 +8077,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",
@@ -8090,20 +8113,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",
@@ -8925,15 +8935,28 @@ 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("input", { type: "text", value: typeInput, onChange: (e) => {
-      setTypeInput(e.target.value);
-      setShowTypeSuggestions(true);
-    }, onKeyDown: handleTypeInputKeyDown, onClick: () => setShowTypeSuggestions(true), onBlur: () => {
-      if (typeInput.trim()) {
-        handleAddType(typeInput);
-      }
-      setTimeout(() => setShowTypeSuggestions(false), 150);
-    }, className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200", placeholder: types.length === 1 ? "Ex.: Client" : "", autoComplete: "off" }), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ import_react18.default.createElement("ul", { className: "custom-scrollbar absolute top-full left-0 z-10 w-full mt-1 max-h-40 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-lg" }, filteredTypes.map((suggestedType, index) => /* @__PURE__ */ import_react18.default.createElement("li", { key: index, className: "px-3 py-2 text-sm text-slate-200 cursor-pointer hover:bg-indigo-600/50", onMouseDown: (e) => {
+    )))))), /* @__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(
+      "input",
+      {
+        type: "text",
+        value: typeInput,
+        onChange: (e) => {
+          setTypeInput(e.target.value);
+          setShowTypeSuggestions(true);
+        },
+        onKeyDown: handleTypeInputKeyDown,
+        onClick: () => setShowTypeSuggestions(true),
+        onBlur: () => {
+          if (typeInput.trim()) {
+            handleAddType(typeInput);
+          }
+          setTimeout(() => setShowTypeSuggestions(false), 150);
+        },
+        className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200",
+        placeholder: "",
+        autoComplete: "off"
+      }
+    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ import_react18.default.createElement("ul", { className: "custom-scrollbar absolute top-full left-0 z-10 w-full mt-1 max-h-40 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-lg" }, filteredTypes.map((suggestedType, index) => /* @__PURE__ */ import_react18.default.createElement("li", { key: index, className: "px-3 py-2 text-sm text-slate-200 cursor-pointer hover:bg-indigo-600/50", onMouseDown: (e) => {
       e.preventDefault();
       handleAddType(suggestedType);
     } }, suggestedType))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ import_react18.default.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: () => setIsReadMode(true), className: `p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors ${canEdit ? "border-r border-white/5" : ""}`, title: "Modo de Leitura" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiBookOpen, { size: 14 })), canEdit && /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors", title: "Editar descri\xE7\xE3o (Modo de Escrita)" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiEdit2, { size: 14 }))), canEdit && !description && /* @__PURE__ */ import_react18.default.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
@@ -10288,7 +10311,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)();
@@ -11963,6 +11986,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,
@@ -11978,10 +12002,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,
@@ -13643,7 +13670,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(
@@ -13912,7 +13941,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

@@ -2849,7 +2849,9 @@ var IGNORED_KEYS = [
   "is_private",
   "abstraction_tree",
   "selectedAbstractionParentId",
-  "isAddingAbstractionNodes"
+  "isAddingAbstractionNodes",
+  "status",
+  "is_quest"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -7956,10 +7958,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"]);
@@ -7972,6 +7977,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]);
@@ -8008,7 +8014,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(
@@ -8016,7 +8022,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,
@@ -8055,7 +8064,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",
@@ -8077,20 +8100,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",
@@ -8912,15 +8922,28 @@ 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("input", { type: "text", value: typeInput, onChange: (e) => {
-      setTypeInput(e.target.value);
-      setShowTypeSuggestions(true);
-    }, onKeyDown: handleTypeInputKeyDown, onClick: () => setShowTypeSuggestions(true), onBlur: () => {
-      if (typeInput.trim()) {
-        handleAddType(typeInput);
-      }
-      setTimeout(() => setShowTypeSuggestions(false), 150);
-    }, className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200", placeholder: types.length === 1 ? "Ex.: Client" : "", autoComplete: "off" }), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ React17.createElement("ul", { className: "custom-scrollbar absolute top-full left-0 z-10 w-full mt-1 max-h-40 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-lg" }, filteredTypes.map((suggestedType, index) => /* @__PURE__ */ React17.createElement("li", { key: index, className: "px-3 py-2 text-sm text-slate-200 cursor-pointer hover:bg-indigo-600/50", onMouseDown: (e) => {
+    )))))), /* @__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(
+      "input",
+      {
+        type: "text",
+        value: typeInput,
+        onChange: (e) => {
+          setTypeInput(e.target.value);
+          setShowTypeSuggestions(true);
+        },
+        onKeyDown: handleTypeInputKeyDown,
+        onClick: () => setShowTypeSuggestions(true),
+        onBlur: () => {
+          if (typeInput.trim()) {
+            handleAddType(typeInput);
+          }
+          setTimeout(() => setShowTypeSuggestions(false), 150);
+        },
+        className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200",
+        placeholder: "",
+        autoComplete: "off"
+      }
+    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ React17.createElement("ul", { className: "custom-scrollbar absolute top-full left-0 z-10 w-full mt-1 max-h-40 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-lg" }, filteredTypes.map((suggestedType, index) => /* @__PURE__ */ React17.createElement("li", { key: index, className: "px-3 py-2 text-sm text-slate-200 cursor-pointer hover:bg-indigo-600/50", onMouseDown: (e) => {
       e.preventDefault();
       handleAddType(suggestedType);
     } }, suggestedType))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React17.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React17.createElement(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ React17.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => setIsReadMode(true), className: `p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors ${canEdit ? "border-r border-white/5" : ""}`, title: "Modo de Leitura" }, /* @__PURE__ */ React17.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors", title: "Editar descri\xE7\xE3o (Modo de Escrita)" }, /* @__PURE__ */ React17.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__PURE__ */ React17.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
@@ -10288,7 +10311,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();
@@ -11963,6 +11986,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,
@@ -11978,10 +12002,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,
@@ -13643,7 +13670,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(
@@ -13912,7 +13941,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.23",
+    "version": "1.2.4-dev.25",
     "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",