@lv-x-software-house/x_view 1.2.4-dev.24 → 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

@@ -7971,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"]);
@@ -7987,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]);
@@ -8023,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(
@@ -8031,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,
@@ -8070,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",
@@ -8092,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",
@@ -10303,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)();
@@ -11978,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,
@@ -11993,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,
@@ -13658,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(
@@ -13927,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

@@ -7958,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"]);
@@ -7974,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]);
@@ -8010,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(
@@ -8018,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,
@@ -8057,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",
@@ -8079,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",
@@ -10303,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();
@@ -11978,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,
@@ -11993,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,
@@ -13658,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(
@@ -13927,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.24",
+    "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",