@lv-x-software-house/x_view 1.2.5-dev.36 → 1.2.5-dev.38

package/dist/index.js

@@ -2851,7 +2851,7 @@ var userActionHandlers = {
     }
   },
   handleSaveNodeDetails: async (context, updatedNode, keepOpen = false) => {
-    var _a;
+    var _a, _b, _c;
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const {
@@ -2872,15 +2872,66 @@ var userActionHandlers = {
     const { parentFileId, ownerId } = parentInfo;
     const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
     const nodeIndex = specificParentData.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
-    if (nodeIndex > -1) {
-      specificParentData.nodes[nodeIndex] = { ...nodeToSave };
-    } else {
+    if (nodeIndex === -1) {
       console.error("Node n\xE3o encontrado nos dados do parent para atualiza\xE7\xE3o:", nodeToSave.id);
       alert("Erro interno: Node n\xE3o encontrado para salvar.");
       return;
     }
+    const oldNode = specificParentData.nodes[nodeIndex];
+    const isNewDone = oldNode.status !== "Done" && nodeToSave.status === "Done";
+    specificParentData.nodes[nodeIndex] = { ...nodeToSave };
+    if (isNewDone && nodeToSave.is_quest && ((_a = nodeToSave.recurrence_config) == null ? void 0 : _a.enabled)) {
+      const nextDateObj = calculateNextRecurrenceDate(nodeToSave.recurrence_config);
+      if (nextDateObj) {
+        const currentCounter = sceneDataRef.current.quest_counter || 1;
+        const nextCounter = currentCounter + 1;
+        sceneDataRef.current.quest_counter = nextCounter;
+        let nextName = nodeToSave.raw_title || nodeToSave.name;
+        const prefixParts = (nodeToSave.name || "").split(" - \xBB ");
+        if (prefixParts.length > 1) {
+          const prefixBase = prefixParts[0].split(" - ")[0];
+          nextName = `${prefixBase} - ${nextCounter} - \xBB ${nodeToSave.raw_title || prefixParts[1]}`;
+        }
+        const nextRecurrenceConfig = { ...nodeToSave.recurrence_config };
+        if (nextRecurrenceConfig.type === "custom") {
+          nextRecurrenceConfig.custom_date = "";
+        }
+        const nextQuestNode = {
+          ...JSON.parse(JSON.stringify(nodeToSave)),
+          // Deep copy properties
+          id: import_short_uuid.default.generate(),
+          name: nextName,
+          status: "Backlog",
+          color: "#64748b",
+          // QUEST_STATUS_COLORS["Backlog"]
+          assignee_id: nodeToSave.recurrence_config.next_assignee_id || "",
+          Date: nextDateObj,
+          timeline: [{
+            id: import_short_uuid.default.generate(),
+            type: "status_changed",
+            timestamp: Date.now(),
+            actorId: "system",
+            description: `Quest criada automaticamente via recorr\xEAncia a partir da quest #${nodeToSave.id}`,
+            links: [],
+            images: [],
+            metadata: { status: "Backlog" }
+          }],
+          version_node: {
+            is_version: true,
+            parent_node: ((_b = nodeToSave.version_node) == null ? void 0 : _b.parent_node) || nodeToSave.id
+          },
+          recurrence_config: nextRecurrenceConfig
+        };
+        specificParentData.nodes.push(nextQuestNode);
+        if (stateRef.current.nodeObjects[String(nodeToSave.id)]) {
+          const pos = stateRef.current.nodeObjects[String(nodeToSave.id)].position.clone();
+          pos.x += 12;
+          addStandaloneNodeToScene(stateRef.current, nextQuestNode, pos);
+        }
+      }
+    }
     try {
-      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      const isView = ((_c = context.viewType) == null ? void 0 : _c.toLowerCase()) === "view";
       if (isView && parentFileId === context.sceneConfigId) {
         const visualNodeIndex = sceneDataRef.current.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
         if (visualNodeIndex > -1) {
@@ -3736,10 +3787,44 @@ function createTimelineEntry(actorId, description, type = "comment", extras = {}
       id: img.id || v4_default(),
       name: img.name || "",
       value: img.value || ""
-    })),
-    metadata
+    }))
   };
 }
+function calculateNextRecurrenceDate(config) {
+  if (!config || !config.enabled) return null;
+  const now = /* @__PURE__ */ new Date();
+  let nextDate = new Date(now);
+  switch (config.type) {
+    case "daily":
+      nextDate.setDate(now.getDate() + 1);
+      break;
+    case "weekly":
+      const targetDay = parseInt(config.day_of_week, 10);
+      const currentDay = now.getDay();
+      let daysUntilNext = targetDay - currentDay;
+      if (daysUntilNext <= 0) daysUntilNext += 7;
+      nextDate.setDate(now.getDate() + daysUntilNext);
+      break;
+    case "custom":
+      if (config.custom_date) {
+        const parts = config.custom_date.split("/");
+        if (parts.length === 3) {
+          nextDate = new Date(parseInt(parts[2], 10), parseInt(parts[1], 10) - 1, parseInt(parts[0], 10));
+        } else {
+          return null;
+        }
+      } else {
+        return null;
+      }
+      break;
+    default:
+      return null;
+  }
+  const d = String(nextDate.getDate()).padStart(2, "0");
+  const m = String(nextDate.getMonth() + 1).padStart(2, "0");
+  const y = nextDate.getFullYear();
+  return { date: `${d}/${m}/${y}` };
+}
 
 // src/components/CustomPropertyDisplay.jsx
 var import_react4 = __toESM(require("react"));
@@ -8866,7 +8951,15 @@ function InSceneQuestForm({
   const [size, setSize] = (0, import_react17.useState)("medium");
   const [intensity, setIntensity] = (0, import_react17.useState)(0);
   const [description, setDescription] = (0, import_react17.useState)("");
+  const [recurrenceConfig, setRecurrenceConfig] = (0, import_react17.useState)({
+    enabled: false,
+    type: "daily",
+    day_of_week: 1,
+    custom_date: "",
+    next_assignee_id: ""
+  });
   const [reviewStack, setReviewStack] = (0, import_react17.useState)([]);
+  const [questDate, setQuestDate] = (0, import_react17.useState)(null);
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react17.useState)(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react17.useState)(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react17.useState)("");
@@ -8938,6 +9031,8 @@ function InSceneQuestForm({
       textureImageUrl: null,
       reviewStack,
       timeline: initialTimeline,
+      Date: questDate,
+      recurrence_config: recurrenceConfig,
       ...additionalData
     });
   };
@@ -9104,7 +9199,139 @@ function InSceneQuestForm({
     )), viewMembers.filter((member) => {
       const search = assigneeSearchQuery.toLowerCase();
       return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ import_react17.default.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react17.default.createElement(
+    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ import_react17.default.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), !questDate && /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate({ type: "Data", value: "" }),
+        className: "text-[10px] text-indigo-400 hover:text-indigo-300 font-bold uppercase transition-colors"
+      },
+      "+ Adicionar"
+    )), questDate && /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-3 bg-slate-900/60 rounded-xl border border-white/10 space-y-3 relative group" }, /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate(null),
+        className: "absolute top-2 right-2 w-6 h-6 grid place-items-center rounded-full bg-red-500/10 text-red-400 opacity-0 group-hover:opacity-100 transition-opacity",
+        title: "Remover data"
+      },
+      /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiX, { size: 12 })
+    ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-1 rounded-lg bg-slate-800/50 p-1" }, ["Data", "Ano", "Date Interval"].map((t) => /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        key: t,
+        type: "button",
+        onClick: () => {
+          const newDate = { type: t };
+          if (t === "Date Interval") {
+            newDate.start = "";
+            newDate.end = "";
+          } else {
+            newDate.value = "";
+          }
+          setQuestDate(newDate);
+        },
+        className: `flex-1 text-[10px] px-2 py-1.5 rounded-md transition-colors ${questDate.type === t ? "bg-indigo-600 text-white font-semibold shadow" : "text-slate-400 hover:bg-slate-700/50"}`
+      },
+      t === "Date Interval" ? "Intervalo" : t
+    ))), questDate.type === "Data" && /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "DD/MM/AAAA",
+        value: questDate.value || "",
+        onChange: (e) => {
+          const rawValue = e.target.value;
+          const digits = rawValue.replace(/\D/g, "");
+          const len = digits.length;
+          let formattedValue = digits;
+          if (len > 2 && len <= 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2)}`;
+          else if (len > 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+          setQuestDate({ ...questDate, value: formattedValue });
+        },
+        maxLength: "10",
+        className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
+      }
+    ), questDate.type === "Ano" && /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "number",
+        placeholder: "AAAA",
+        value: questDate.value || "",
+        onChange: (e) => setQuestDate({ ...questDate, value: e.target.value }),
+        className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+      }
+    ), questDate.type === "Date Interval" && /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "number",
+        placeholder: "In\xEDcio (Ano)",
+        value: questDate.start || "",
+        onChange: (e) => setQuestDate({ ...questDate, start: e.target.value }),
+        className: "flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+      }
+    ), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-slate-500" }, "-"), /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "number",
+        placeholder: "Fim (Ano)",
+        value: questDate.end || "",
+        onChange: (e) => setQuestDate({ ...questDate, end: e.target.value }),
+        className: "flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+      }
+    )))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-4 border-t border-white/5 mt-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiRepeat, { className: `w-3.5 h-3.5 ${recurrenceConfig.enabled ? "text-indigo-400" : "text-slate-500"}` }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Recorr\xEAncia")), /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setRecurrenceConfig((prev) => ({ ...prev, enabled: !prev.enabled })),
+        className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors focus:outline-none ${recurrenceConfig.enabled ? "bg-indigo-600" : "bg-slate-700"} cursor-pointer`
+      },
+      /* @__PURE__ */ import_react17.default.createElement("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white transition-transform ${recurrenceConfig.enabled ? "translate-x-4.5" : "translate-x-1"}` })
+    )), recurrenceConfig.enabled && /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-4 p-3 rounded-xl bg-white/5 border border-white/5 animate-in fade-in slide-in-from-top-1" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Tipo"), /* @__PURE__ */ import_react17.default.createElement(
+      "select",
+      {
+        value: recurrenceConfig.type,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, type: e.target.value })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg px-2 py-1.5 text-xs text-slate-200 focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      },
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: "daily" }, "Di\xE1ria"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: "weekly" }, "Semanal"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: "custom" }, "Data Espec\xEDfica")
+    )), recurrenceConfig.type === "weekly" && /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Dia da Semana"), /* @__PURE__ */ import_react17.default.createElement(
+      "select",
+      {
+        value: recurrenceConfig.day_of_week,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, day_of_week: parseInt(e.target.value, 10) })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg px-2 py-1.5 text-xs text-slate-200 focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      },
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 1 }, "Segunda-feira"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 2 }, "Ter\xE7a-feira"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 3 }, "Quarta-feira"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 4 }, "Quinta-feira"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 5 }, "Sexta-feira"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 6 }, "S\xE1bado"),
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: 0 }, "Domingo")
+    )), recurrenceConfig.type === "custom" && /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Pr\xF3xima Data"), /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "DD/MM/AAAA",
+        value: recurrenceConfig.custom_date,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, custom_date: e.target.value })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg px-2 py-1.5 text-xs text-slate-200 focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      }
+    ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Pr\xF3ximo Respons\xE1vel"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react17.default.createElement(
+      "select",
+      {
+        value: recurrenceConfig.next_assignee_id,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, next_assignee_id: e.target.value })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg pl-8 pr-2 py-1.5 text-xs text-slate-200 appearance-none focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      },
+      /* @__PURE__ */ import_react17.default.createElement("option", { value: "" }, "Sem respons\xE1vel"),
+      viewMembers.map((member) => /* @__PURE__ */ import_react17.default.createElement("option", { key: member.id, value: member.id }, member.name || member.email))
+    ), /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiUser, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-slate-500" }), /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiChevronDown, { className: "absolute right-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-slate-500 pointer-events-none" }))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react17.default.createElement(
       QuestReviewStackEditor,
       {
         reviewStack,
@@ -9889,12 +10116,20 @@ function QuestDetailsPanel({
   const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react20.useState)(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react20.useState)(false);
+  const [questDate, setQuestDate] = (0, import_react20.useState)((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = (0, import_react20.useState)("");
   const [noteLinks, setNoteLinks] = (0, import_react20.useState)([]);
   const [noteImages, setNoteImages] = (0, import_react20.useState)([]);
   const [isNoteFormOpen, setIsNoteFormOpen] = (0, import_react20.useState)(false);
   const [editingEntryId, setEditingEntryId] = (0, import_react20.useState)(null);
   const [editingEntryLabel, setEditingEntryLabel] = (0, import_react20.useState)("");
+  const [recurrenceConfig, setRecurrenceConfig] = (0, import_react20.useState)((node == null ? void 0 : node.recurrence_config) || {
+    enabled: false,
+    type: "daily",
+    day_of_week: 1,
+    custom_date: "",
+    next_assignee_id: ""
+  });
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -9930,6 +10165,14 @@ function QuestDetailsPanel({
       setCustomProps(extractCustomPropsFromNode(node || {}));
       setReviewStack((node == null ? void 0 : node.reviewStack) || []);
       setTimeline((node == null ? void 0 : node.timeline) || []);
+      setQuestDate((node == null ? void 0 : node.Date) || null);
+      setRecurrenceConfig((node == null ? void 0 : node.recurrence_config) || {
+        enabled: false,
+        type: "daily",
+        day_of_week: 1,
+        custom_date: "",
+        next_assignee_id: ""
+      });
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -10025,6 +10268,7 @@ function QuestDetailsPanel({
       setIsSaving(false);
     }
   };
+  const filteredCustomProps = customProps.filter((p) => p.key !== "Date" && p.key !== "Data");
   const handleAddTimelineNote = async () => {
     if (!noteText.trim() && noteLinks.length === 0 && noteImages.length === 0 || isSaving) return;
     setIsSaving(true);
@@ -10181,6 +10425,7 @@ ${noteText}` : noteText : entry.notes,
     const currentTimeline = overrides.timeline !== void 0 ? overrides.timeline : timeline;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    const currentRecurrenceConfig = overrides.recurrenceConfig !== void 0 ? overrides.recurrenceConfig : recurrenceConfig;
     if (!keepOpen && !hasUnsavedChanges) {
       onClose();
       return;
@@ -10204,11 +10449,13 @@ ${noteText}` : noteText : entry.notes,
         status: currentStatus,
         assignee_id: currentAssigneeId || null,
         size,
-        description: currentDescription,
+        description: currentDescription.trim(),
         description_sections: processedSections,
+        intensity,
+        recurrence_config: currentRecurrenceConfig,
+        Date: questDate,
         useImageAsTexture: false,
         textureImageUrl: null,
-        intensity,
         is_quest: true,
         reviewStack: currentReviewStack,
         timeline: currentTimeline,
@@ -12570,7 +12817,7 @@ function XViewScene({
       }
     }
     Object.values(nodeObjects).forEach((mesh) => {
-      const oldLabel = mesh.getObjectByName("timelineLabel");
+      const oldLabel = mesh.getObjectByName("timelineLabel") || mesh.getObjectByName("questDateLabel");
       if (oldLabel) {
         mesh.remove(oldLabel);
         if (oldLabel.material.map) oldLabel.material.map.dispose();
@@ -12717,82 +12964,6 @@ function XViewScene({
       }
     });
   }, []);
-  const handleActivateQuestLens = (0, import_react28.useCallback)(({ assigneeId, status: status2 }) => {
-    var _a2;
-    const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
-    if (!nodeObjects || !tweenGroup || !graphGroup) return;
-    const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
-    const filteredQuests = allQuests.filter((q) => {
-      const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
-      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
-      return matchAssignee && matchStatus;
-    });
-    if (filteredQuests.length === 0) {
-      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
-      return;
-    }
-    const questsByStatus = {
-      Backlog: [],
-      "In Progress": [],
-      Review: [],
-      Done: []
-    };
-    filteredQuests.forEach((q) => {
-      if (questsByStatus[q.status]) {
-        questsByStatus[q.status].push(q);
-      }
-    });
-    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
-    Object.keys(nodeObjects).forEach((id) => {
-      const mesh = nodeObjects[id];
-      const isFilteredQuest = filteredQuests.some(
-        (q) => String(q.id) === String(id)
-      );
-      if (!isFilteredQuest) {
-        if (mesh.material) {
-          const fadeTween = new import_tween2.Tween(mesh.material).to({ opacity: 0.15 }, 1200).easing(import_tween2.Easing.Cubic.Out);
-          tweenGroup.add(fadeTween);
-          fadeTween.start();
-        }
-        if (mesh.userData.labelObject) {
-          mesh.userData.labelObject.visible = false;
-        }
-      } else {
-        if (mesh.material) {
-          const fadeInTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
-          tweenGroup.add(fadeInTween);
-          fadeInTween.start();
-        }
-        if (mesh.userData.labelObject) {
-          mesh.userData.labelObject.visible = true;
-        }
-      }
-    });
-    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
-      if (status2 && status2 !== statusName) return;
-      const questsInCol = questsByStatus[statusName];
-      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
-      questsInCol.forEach((q, rowIndex) => {
-        const nodeId = String(q.id);
-        let mesh = nodeObjects[nodeId];
-        if (!mesh) {
-          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(colX, 150, 0), true);
-        }
-        const targetY = (questsInCol.length - 1) * 0.5 * QUEST_LENS_ROW_SPACING - rowIndex * QUEST_LENS_ROW_SPACING;
-        const lensTween = new import_tween2.Tween(mesh.position).to({ x: colX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(lensTween);
-        lensTween.start();
-        if (mesh.userData.labelObject) {
-          const labelTargetPos = new THREE3.Vector3(colX, targetY, 0).add(
-            mesh.userData.labelOffset || new THREE3.Vector3(0, -2.5, 0)
-          );
-          const labelTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(import_tween2.Easing.Cubic.InOut);
-          tweenGroup.add(labelTween);
-          labelTween.start();
-        }
-      });
-    });
-  }, [addOrUpdateNodeMesh]);
   const handleVersionTimeline = (0, import_react28.useCallback)((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
@@ -13077,6 +13248,157 @@ function XViewScene({
     },
     []
   );
+  const handleActivateQuestLens = (0, import_react28.useCallback)(({ assigneeId, status: status2 }) => {
+    var _a2;
+    const { nodeObjects, tweenGroup, graphGroup, timelineIntervalsGroup } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !graphGroup) return;
+    Object.values(nodeObjects).forEach((mesh) => {
+      const oldLabel = mesh.getObjectByName("questDateLabel") || mesh.getObjectByName("timelineLabel");
+      if (oldLabel) {
+        mesh.remove(oldLabel);
+        if (oldLabel.material.map) oldLabel.material.map.dispose();
+        oldLabel.material.dispose();
+      }
+    });
+    const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
+    const filteredQuests = allQuests.filter((q) => {
+      const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
+      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
+      return matchAssignee && matchStatus;
+    });
+    if (filteredQuests.length === 0) {
+      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
+      return;
+    }
+    const questsByStatus = {
+      Backlog: [],
+      "In Progress": [],
+      Review: [],
+      Done: []
+    };
+    filteredQuests.forEach((q) => {
+      if (questsByStatus[q.status]) {
+        questsByStatus[q.status].push(q);
+      }
+    });
+    const parseDate = (str) => {
+      if (!str) return null;
+      const parts = str.split("/");
+      if (parts.length === 3) {
+        const day = parseInt(parts[0], 10);
+        const month = parseInt(parts[1], 10) - 1;
+        const year = parseInt(parts[2], 10);
+        if (!isNaN(day) && !isNaN(month) && !isNaN(year)) {
+          return new Date(year, month, day);
+        }
+      }
+      return null;
+    };
+    const timePoints = /* @__PURE__ */ new Set();
+    const questTimeInfos = /* @__PURE__ */ new Map();
+    filteredQuests.forEach((q) => {
+      const dateProp = q.Date;
+      let info = { isUndated: true, label: "" };
+      if (dateProp) {
+        if (dateProp.date) {
+          const d = parseDate(dateProp.date);
+          if (d) {
+            info = { startDate: d, endDate: d, label: dateProp.date, isUndated: false };
+            timePoints.add(d.getTime());
+          }
+        } else if (dateProp.year) {
+          const y = parseInt(dateProp.year, 10);
+          if (!isNaN(y)) {
+            const d = new Date(y, 0, 1);
+            info = { startDate: d, endDate: d, label: String(y), isUndated: false };
+            timePoints.add(d.getTime());
+          }
+        } else if (dateProp.date_interval && dateProp.date_interval.start) {
+          const sY = parseInt(dateProp.date_interval.start, 10);
+          const eY = parseInt(dateProp.date_interval.end, 10) || sY;
+          if (!isNaN(sY)) {
+            const sd = new Date(sY, 0, 1);
+            const ed = new Date(eY, 11, 31);
+            info = { startDate: sd, endDate: ed, label: `${sY}-${eY}`, isUndated: false };
+            timePoints.add(sd.getTime());
+            timePoints.add(ed.getTime());
+          }
+        }
+      }
+      questTimeInfos.set(String(q.id), info);
+    });
+    const sortedTimePoints = Array.from(timePoints).sort((a, b) => a - b);
+    const timeToYMap = /* @__PURE__ */ new Map();
+    if (sortedTimePoints.length > 0) {
+      const maxIdx = sortedTimePoints.length - 1;
+      sortedTimePoints.forEach((t, i) => {
+        timeToYMap.set(t, (i - maxIdx) * (QUEST_LENS_ROW_SPACING || 30));
+      });
+    }
+    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+    Object.keys(nodeObjects).forEach((id) => {
+      const mesh = nodeObjects[id];
+      const isFilteredQuest = filteredQuests.some(
+        (q) => String(q.id) === String(id)
+      );
+      if (!isFilteredQuest) {
+        if (mesh.material) {
+          const fadeTween = new import_tween2.Tween(mesh.material).to({ opacity: 0.15 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+          tweenGroup.add(fadeTween);
+          fadeTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = false;
+        }
+      } else {
+        if (mesh.material) {
+          const fadeInTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+          tweenGroup.add(fadeInTween);
+          fadeInTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = true;
+        }
+      }
+    });
+    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
+      if (status2 && status2 !== statusName) return;
+      const questsInCol = questsByStatus[statusName];
+      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
+      questsInCol.forEach((q, rowIndex) => {
+        const nodeId = String(q.id);
+        let mesh = nodeObjects[nodeId];
+        if (!mesh) {
+          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(colX, 150, 0), true);
+        }
+        const timeInfo = questTimeInfos.get(nodeId) || { isUndated: true };
+        let targetY;
+        if (!timeInfo.isUndated) {
+          targetY = timeToYMap.get(timeInfo.startDate.getTime());
+        } else {
+          const undatedOffset = sortedTimePoints.length > 0 ? sortedTimePoints.length * 5 : 0;
+          targetY = -80 - rowIndex * (QUEST_LENS_ROW_SPACING || 30) - undatedOffset;
+        }
+        const lensTween = new import_tween2.Tween(mesh.position).to({ x: colX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(lensTween);
+        lensTween.start();
+        if (!timeInfo.isUndated && timeInfo.label) {
+          const dateSprite = createTextSprite(timeInfo.label, 36);
+          dateSprite.name = "questDateLabel";
+          dateSprite.position.set(0, 3.5, 0);
+          mesh.add(dateSprite);
+        }
+        if (mesh.userData.labelObject) {
+          const labelTargetPos = new THREE3.Vector3(colX, targetY, 0).add(
+            mesh.userData.labelOffset || new THREE3.Vector3(0, -2.5, 0)
+          );
+          const labelTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(labelTween);
+          labelTween.start();
+        }
+      });
+    });
+  }, [addOrUpdateNodeMesh]);
   (0, import_react28.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;

package/dist/index.mjs

@@ -2812,7 +2812,7 @@ var userActionHandlers = {
     }
   },
   handleSaveNodeDetails: async (context, updatedNode, keepOpen = false) => {
-    var _a;
+    var _a, _b, _c;
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const {
@@ -2833,15 +2833,66 @@ var userActionHandlers = {
     const { parentFileId, ownerId } = parentInfo;
     const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
     const nodeIndex = specificParentData.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
-    if (nodeIndex > -1) {
-      specificParentData.nodes[nodeIndex] = { ...nodeToSave };
-    } else {
+    if (nodeIndex === -1) {
       console.error("Node n\xE3o encontrado nos dados do parent para atualiza\xE7\xE3o:", nodeToSave.id);
       alert("Erro interno: Node n\xE3o encontrado para salvar.");
       return;
     }
+    const oldNode = specificParentData.nodes[nodeIndex];
+    const isNewDone = oldNode.status !== "Done" && nodeToSave.status === "Done";
+    specificParentData.nodes[nodeIndex] = { ...nodeToSave };
+    if (isNewDone && nodeToSave.is_quest && ((_a = nodeToSave.recurrence_config) == null ? void 0 : _a.enabled)) {
+      const nextDateObj = calculateNextRecurrenceDate(nodeToSave.recurrence_config);
+      if (nextDateObj) {
+        const currentCounter = sceneDataRef.current.quest_counter || 1;
+        const nextCounter = currentCounter + 1;
+        sceneDataRef.current.quest_counter = nextCounter;
+        let nextName = nodeToSave.raw_title || nodeToSave.name;
+        const prefixParts = (nodeToSave.name || "").split(" - \xBB ");
+        if (prefixParts.length > 1) {
+          const prefixBase = prefixParts[0].split(" - ")[0];
+          nextName = `${prefixBase} - ${nextCounter} - \xBB ${nodeToSave.raw_title || prefixParts[1]}`;
+        }
+        const nextRecurrenceConfig = { ...nodeToSave.recurrence_config };
+        if (nextRecurrenceConfig.type === "custom") {
+          nextRecurrenceConfig.custom_date = "";
+        }
+        const nextQuestNode = {
+          ...JSON.parse(JSON.stringify(nodeToSave)),
+          // Deep copy properties
+          id: short.generate(),
+          name: nextName,
+          status: "Backlog",
+          color: "#64748b",
+          // QUEST_STATUS_COLORS["Backlog"]
+          assignee_id: nodeToSave.recurrence_config.next_assignee_id || "",
+          Date: nextDateObj,
+          timeline: [{
+            id: short.generate(),
+            type: "status_changed",
+            timestamp: Date.now(),
+            actorId: "system",
+            description: `Quest criada automaticamente via recorr\xEAncia a partir da quest #${nodeToSave.id}`,
+            links: [],
+            images: [],
+            metadata: { status: "Backlog" }
+          }],
+          version_node: {
+            is_version: true,
+            parent_node: ((_b = nodeToSave.version_node) == null ? void 0 : _b.parent_node) || nodeToSave.id
+          },
+          recurrence_config: nextRecurrenceConfig
+        };
+        specificParentData.nodes.push(nextQuestNode);
+        if (stateRef.current.nodeObjects[String(nodeToSave.id)]) {
+          const pos = stateRef.current.nodeObjects[String(nodeToSave.id)].position.clone();
+          pos.x += 12;
+          addStandaloneNodeToScene(stateRef.current, nextQuestNode, pos);
+        }
+      }
+    }
     try {
-      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      const isView = ((_c = context.viewType) == null ? void 0 : _c.toLowerCase()) === "view";
       if (isView && parentFileId === context.sceneConfigId) {
         const visualNodeIndex = sceneDataRef.current.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
         if (visualNodeIndex > -1) {
@@ -3697,10 +3748,44 @@ function createTimelineEntry(actorId, description, type = "comment", extras = {}
       id: img.id || v4_default(),
       name: img.name || "",
       value: img.value || ""
-    })),
-    metadata
+    }))
   };
 }
+function calculateNextRecurrenceDate(config) {
+  if (!config || !config.enabled) return null;
+  const now = /* @__PURE__ */ new Date();
+  let nextDate = new Date(now);
+  switch (config.type) {
+    case "daily":
+      nextDate.setDate(now.getDate() + 1);
+      break;
+    case "weekly":
+      const targetDay = parseInt(config.day_of_week, 10);
+      const currentDay = now.getDay();
+      let daysUntilNext = targetDay - currentDay;
+      if (daysUntilNext <= 0) daysUntilNext += 7;
+      nextDate.setDate(now.getDate() + daysUntilNext);
+      break;
+    case "custom":
+      if (config.custom_date) {
+        const parts = config.custom_date.split("/");
+        if (parts.length === 3) {
+          nextDate = new Date(parseInt(parts[2], 10), parseInt(parts[1], 10) - 1, parseInt(parts[0], 10));
+        } else {
+          return null;
+        }
+      } else {
+        return null;
+      }
+      break;
+    default:
+      return null;
+  }
+  const d = String(nextDate.getDate()).padStart(2, "0");
+  const m = String(nextDate.getMonth() + 1).padStart(2, "0");
+  const y = nextDate.getFullYear();
+  return { date: `${d}/${m}/${y}` };
+}
 
 // src/components/CustomPropertyDisplay.jsx
 import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
@@ -8684,7 +8769,9 @@ import {
   FiX as FiX5,
   FiChevronDown as FiChevronDown6,
   FiUser as FiUser2,
-  FiSearch as FiSearch5
+  FiSearch as FiSearch5,
+  FiCalendar,
+  FiRepeat
 } from "react-icons/fi";
 
 // src/components/QuestReviewStackEditor.jsx
@@ -8883,7 +8970,15 @@ function InSceneQuestForm({
   const [size, setSize] = useState17("medium");
   const [intensity, setIntensity] = useState17(0);
   const [description, setDescription] = useState17("");
+  const [recurrenceConfig, setRecurrenceConfig] = useState17({
+    enabled: false,
+    type: "daily",
+    day_of_week: 1,
+    custom_date: "",
+    next_assignee_id: ""
+  });
   const [reviewStack, setReviewStack] = useState17([]);
+  const [questDate, setQuestDate] = useState17(null);
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState17(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState17(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = useState17("");
@@ -8955,6 +9050,8 @@ function InSceneQuestForm({
       textureImageUrl: null,
       reviewStack,
       timeline: initialTimeline,
+      Date: questDate,
+      recurrence_config: recurrenceConfig,
       ...additionalData
     });
   };
@@ -9121,7 +9218,139 @@ function InSceneQuestForm({
     )), viewMembers.filter((member) => {
       const search = assigneeSearchQuery.toLowerCase();
       return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React16.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ React16.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React16.createElement(
+    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React16.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), !questDate && /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate({ type: "Data", value: "" }),
+        className: "text-[10px] text-indigo-400 hover:text-indigo-300 font-bold uppercase transition-colors"
+      },
+      "+ Adicionar"
+    )), questDate && /* @__PURE__ */ React16.createElement("div", { className: "p-3 bg-slate-900/60 rounded-xl border border-white/10 space-y-3 relative group" }, /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate(null),
+        className: "absolute top-2 right-2 w-6 h-6 grid place-items-center rounded-full bg-red-500/10 text-red-400 opacity-0 group-hover:opacity-100 transition-opacity",
+        title: "Remover data"
+      },
+      /* @__PURE__ */ React16.createElement(FiX5, { size: 12 })
+    ), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-1 rounded-lg bg-slate-800/50 p-1" }, ["Data", "Ano", "Date Interval"].map((t) => /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        key: t,
+        type: "button",
+        onClick: () => {
+          const newDate = { type: t };
+          if (t === "Date Interval") {
+            newDate.start = "";
+            newDate.end = "";
+          } else {
+            newDate.value = "";
+          }
+          setQuestDate(newDate);
+        },
+        className: `flex-1 text-[10px] px-2 py-1.5 rounded-md transition-colors ${questDate.type === t ? "bg-indigo-600 text-white font-semibold shadow" : "text-slate-400 hover:bg-slate-700/50"}`
+      },
+      t === "Date Interval" ? "Intervalo" : t
+    ))), questDate.type === "Data" && /* @__PURE__ */ React16.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "DD/MM/AAAA",
+        value: questDate.value || "",
+        onChange: (e) => {
+          const rawValue = e.target.value;
+          const digits = rawValue.replace(/\D/g, "");
+          const len = digits.length;
+          let formattedValue = digits;
+          if (len > 2 && len <= 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2)}`;
+          else if (len > 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+          setQuestDate({ ...questDate, value: formattedValue });
+        },
+        maxLength: "10",
+        className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
+      }
+    ), questDate.type === "Ano" && /* @__PURE__ */ React16.createElement(
+      "input",
+      {
+        type: "number",
+        placeholder: "AAAA",
+        value: questDate.value || "",
+        onChange: (e) => setQuestDate({ ...questDate, value: e.target.value }),
+        className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+      }
+    ), questDate.type === "Date Interval" && /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(
+      "input",
+      {
+        type: "number",
+        placeholder: "In\xEDcio (Ano)",
+        value: questDate.start || "",
+        onChange: (e) => setQuestDate({ ...questDate, start: e.target.value }),
+        className: "flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+      }
+    ), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-500" }, "-"), /* @__PURE__ */ React16.createElement(
+      "input",
+      {
+        type: "number",
+        placeholder: "Fim (Ano)",
+        value: questDate.end || "",
+        onChange: (e) => setQuestDate({ ...questDate, end: e.target.value }),
+        className: "flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+      }
+    )))), /* @__PURE__ */ React16.createElement("div", { className: "pt-4 border-t border-white/5 mt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiRepeat, { className: `w-3.5 h-3.5 ${recurrenceConfig.enabled ? "text-indigo-400" : "text-slate-500"}` }), /* @__PURE__ */ React16.createElement("span", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Recorr\xEAncia")), /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setRecurrenceConfig((prev) => ({ ...prev, enabled: !prev.enabled })),
+        className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors focus:outline-none ${recurrenceConfig.enabled ? "bg-indigo-600" : "bg-slate-700"} cursor-pointer`
+      },
+      /* @__PURE__ */ React16.createElement("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white transition-transform ${recurrenceConfig.enabled ? "translate-x-4.5" : "translate-x-1"}` })
+    )), recurrenceConfig.enabled && /* @__PURE__ */ React16.createElement("div", { className: "space-y-4 p-3 rounded-xl bg-white/5 border border-white/5 animate-in fade-in slide-in-from-top-1" }, /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Tipo"), /* @__PURE__ */ React16.createElement(
+      "select",
+      {
+        value: recurrenceConfig.type,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, type: e.target.value })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg px-2 py-1.5 text-xs text-slate-200 focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      },
+      /* @__PURE__ */ React16.createElement("option", { value: "daily" }, "Di\xE1ria"),
+      /* @__PURE__ */ React16.createElement("option", { value: "weekly" }, "Semanal"),
+      /* @__PURE__ */ React16.createElement("option", { value: "custom" }, "Data Espec\xEDfica")
+    )), recurrenceConfig.type === "weekly" && /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Dia da Semana"), /* @__PURE__ */ React16.createElement(
+      "select",
+      {
+        value: recurrenceConfig.day_of_week,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, day_of_week: parseInt(e.target.value, 10) })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg px-2 py-1.5 text-xs text-slate-200 focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      },
+      /* @__PURE__ */ React16.createElement("option", { value: 1 }, "Segunda-feira"),
+      /* @__PURE__ */ React16.createElement("option", { value: 2 }, "Ter\xE7a-feira"),
+      /* @__PURE__ */ React16.createElement("option", { value: 3 }, "Quarta-feira"),
+      /* @__PURE__ */ React16.createElement("option", { value: 4 }, "Quinta-feira"),
+      /* @__PURE__ */ React16.createElement("option", { value: 5 }, "Sexta-feira"),
+      /* @__PURE__ */ React16.createElement("option", { value: 6 }, "S\xE1bado"),
+      /* @__PURE__ */ React16.createElement("option", { value: 0 }, "Domingo")
+    )), recurrenceConfig.type === "custom" && /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Pr\xF3xima Data"), /* @__PURE__ */ React16.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "DD/MM/AAAA",
+        value: recurrenceConfig.custom_date,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, custom_date: e.target.value })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg px-2 py-1.5 text-xs text-slate-200 focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      }
+    ))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Pr\xF3ximo Respons\xE1vel"), /* @__PURE__ */ React16.createElement("div", { className: "relative" }, /* @__PURE__ */ React16.createElement(
+      "select",
+      {
+        value: recurrenceConfig.next_assignee_id,
+        onChange: (e) => setRecurrenceConfig((prev) => ({ ...prev, next_assignee_id: e.target.value })),
+        className: "w-full bg-slate-900/50 border border-white/10 rounded-lg pl-8 pr-2 py-1.5 text-xs text-slate-200 appearance-none focus:outline-none focus:ring-1 focus:ring-indigo-500/50"
+      },
+      /* @__PURE__ */ React16.createElement("option", { value: "" }, "Sem respons\xE1vel"),
+      viewMembers.map((member) => /* @__PURE__ */ React16.createElement("option", { key: member.id, value: member.id }, member.name || member.email))
+    ), /* @__PURE__ */ React16.createElement(FiUser2, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-slate-500" }), /* @__PURE__ */ React16.createElement(FiChevronDown6, { className: "absolute right-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-slate-500 pointer-events-none" }))))), /* @__PURE__ */ React16.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React16.createElement(
       QuestReviewStackEditor,
       {
         reviewStack,
@@ -9776,7 +10005,7 @@ function NodeDetailsPanel({
 
 // src/components/QuestDetailsPanel.jsx
 import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef14 } from "react";
-import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7 } from "react-icons/fi";
+import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2 } from "react-icons/fi";
 
 // src/components/QuestTimeline.jsx
 import React18 from "react";
@@ -9918,12 +10147,20 @@ function QuestDetailsPanel({
   const [isSaving, setIsSaving] = useState19(false);
   const [isLinkCopied, setIsLinkCopied] = useState19(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState19(false);
+  const [questDate, setQuestDate] = useState19((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = useState19("");
   const [noteLinks, setNoteLinks] = useState19([]);
   const [noteImages, setNoteImages] = useState19([]);
   const [isNoteFormOpen, setIsNoteFormOpen] = useState19(false);
   const [editingEntryId, setEditingEntryId] = useState19(null);
   const [editingEntryLabel, setEditingEntryLabel] = useState19("");
+  const [recurrenceConfig, setRecurrenceConfig] = useState19((node == null ? void 0 : node.recurrence_config) || {
+    enabled: false,
+    type: "daily",
+    day_of_week: 1,
+    custom_date: "",
+    next_assignee_id: ""
+  });
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -9959,6 +10196,14 @@ function QuestDetailsPanel({
       setCustomProps(extractCustomPropsFromNode(node || {}));
       setReviewStack((node == null ? void 0 : node.reviewStack) || []);
       setTimeline((node == null ? void 0 : node.timeline) || []);
+      setQuestDate((node == null ? void 0 : node.Date) || null);
+      setRecurrenceConfig((node == null ? void 0 : node.recurrence_config) || {
+        enabled: false,
+        type: "daily",
+        day_of_week: 1,
+        custom_date: "",
+        next_assignee_id: ""
+      });
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -10054,6 +10299,7 @@ function QuestDetailsPanel({
       setIsSaving(false);
     }
   };
+  const filteredCustomProps = customProps.filter((p) => p.key !== "Date" && p.key !== "Data");
   const handleAddTimelineNote = async () => {
     if (!noteText.trim() && noteLinks.length === 0 && noteImages.length === 0 || isSaving) return;
     setIsSaving(true);
@@ -10210,6 +10456,7 @@ ${noteText}` : noteText : entry.notes,
     const currentTimeline = overrides.timeline !== void 0 ? overrides.timeline : timeline;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    const currentRecurrenceConfig = overrides.recurrenceConfig !== void 0 ? overrides.recurrenceConfig : recurrenceConfig;
     if (!keepOpen && !hasUnsavedChanges) {
       onClose();
       return;
@@ -10233,11 +10480,13 @@ ${noteText}` : noteText : entry.notes,
         status: currentStatus,
         assignee_id: currentAssigneeId || null,
         size,
-        description: currentDescription,
+        description: currentDescription.trim(),
         description_sections: processedSections,
+        intensity,
+        recurrence_config: currentRecurrenceConfig,
+        Date: questDate,
         useImageAsTexture: false,
         textureImageUrl: null,
-        intensity,
         is_quest: true,
         reviewStack: currentReviewStack,
         timeline: currentTimeline,
@@ -12612,7 +12861,7 @@ function XViewScene({
       }
     }
     Object.values(nodeObjects).forEach((mesh) => {
-      const oldLabel = mesh.getObjectByName("timelineLabel");
+      const oldLabel = mesh.getObjectByName("timelineLabel") || mesh.getObjectByName("questDateLabel");
       if (oldLabel) {
         mesh.remove(oldLabel);
         if (oldLabel.material.map) oldLabel.material.map.dispose();
@@ -12759,82 +13008,6 @@ function XViewScene({
       }
     });
   }, []);
-  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2 }) => {
-    var _a2;
-    const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
-    if (!nodeObjects || !tweenGroup || !graphGroup) return;
-    const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
-    const filteredQuests = allQuests.filter((q) => {
-      const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
-      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
-      return matchAssignee && matchStatus;
-    });
-    if (filteredQuests.length === 0) {
-      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
-      return;
-    }
-    const questsByStatus = {
-      Backlog: [],
-      "In Progress": [],
-      Review: [],
-      Done: []
-    };
-    filteredQuests.forEach((q) => {
-      if (questsByStatus[q.status]) {
-        questsByStatus[q.status].push(q);
-      }
-    });
-    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
-    Object.keys(nodeObjects).forEach((id) => {
-      const mesh = nodeObjects[id];
-      const isFilteredQuest = filteredQuests.some(
-        (q) => String(q.id) === String(id)
-      );
-      if (!isFilteredQuest) {
-        if (mesh.material) {
-          const fadeTween = new Tween2(mesh.material).to({ opacity: 0.15 }, 1200).easing(Easing2.Cubic.Out);
-          tweenGroup.add(fadeTween);
-          fadeTween.start();
-        }
-        if (mesh.userData.labelObject) {
-          mesh.userData.labelObject.visible = false;
-        }
-      } else {
-        if (mesh.material) {
-          const fadeInTween = new Tween2(mesh.material).to({ opacity: 1 }, 1200).easing(Easing2.Cubic.Out);
-          tweenGroup.add(fadeInTween);
-          fadeInTween.start();
-        }
-        if (mesh.userData.labelObject) {
-          mesh.userData.labelObject.visible = true;
-        }
-      }
-    });
-    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
-      if (status2 && status2 !== statusName) return;
-      const questsInCol = questsByStatus[statusName];
-      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
-      questsInCol.forEach((q, rowIndex) => {
-        const nodeId = String(q.id);
-        let mesh = nodeObjects[nodeId];
-        if (!mesh) {
-          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(colX, 150, 0), true);
-        }
-        const targetY = (questsInCol.length - 1) * 0.5 * QUEST_LENS_ROW_SPACING - rowIndex * QUEST_LENS_ROW_SPACING;
-        const lensTween = new Tween2(mesh.position).to({ x: colX, y: targetY, z: 0 }, 1500).easing(Easing2.Cubic.InOut);
-        tweenGroup.add(lensTween);
-        lensTween.start();
-        if (mesh.userData.labelObject) {
-          const labelTargetPos = new THREE3.Vector3(colX, targetY, 0).add(
-            mesh.userData.labelOffset || new THREE3.Vector3(0, -2.5, 0)
-          );
-          const labelTween = new Tween2(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(Easing2.Cubic.InOut);
-          tweenGroup.add(labelTween);
-          labelTween.start();
-        }
-      });
-    });
-  }, [addOrUpdateNodeMesh]);
   const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
@@ -13119,6 +13292,157 @@ function XViewScene({
     },
     []
   );
+  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2 }) => {
+    var _a2;
+    const { nodeObjects, tweenGroup, graphGroup, timelineIntervalsGroup } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !graphGroup) return;
+    Object.values(nodeObjects).forEach((mesh) => {
+      const oldLabel = mesh.getObjectByName("questDateLabel") || mesh.getObjectByName("timelineLabel");
+      if (oldLabel) {
+        mesh.remove(oldLabel);
+        if (oldLabel.material.map) oldLabel.material.map.dispose();
+        oldLabel.material.dispose();
+      }
+    });
+    const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
+    const filteredQuests = allQuests.filter((q) => {
+      const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
+      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
+      return matchAssignee && matchStatus;
+    });
+    if (filteredQuests.length === 0) {
+      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
+      return;
+    }
+    const questsByStatus = {
+      Backlog: [],
+      "In Progress": [],
+      Review: [],
+      Done: []
+    };
+    filteredQuests.forEach((q) => {
+      if (questsByStatus[q.status]) {
+        questsByStatus[q.status].push(q);
+      }
+    });
+    const parseDate = (str) => {
+      if (!str) return null;
+      const parts = str.split("/");
+      if (parts.length === 3) {
+        const day = parseInt(parts[0], 10);
+        const month = parseInt(parts[1], 10) - 1;
+        const year = parseInt(parts[2], 10);
+        if (!isNaN(day) && !isNaN(month) && !isNaN(year)) {
+          return new Date(year, month, day);
+        }
+      }
+      return null;
+    };
+    const timePoints = /* @__PURE__ */ new Set();
+    const questTimeInfos = /* @__PURE__ */ new Map();
+    filteredQuests.forEach((q) => {
+      const dateProp = q.Date;
+      let info = { isUndated: true, label: "" };
+      if (dateProp) {
+        if (dateProp.date) {
+          const d = parseDate(dateProp.date);
+          if (d) {
+            info = { startDate: d, endDate: d, label: dateProp.date, isUndated: false };
+            timePoints.add(d.getTime());
+          }
+        } else if (dateProp.year) {
+          const y = parseInt(dateProp.year, 10);
+          if (!isNaN(y)) {
+            const d = new Date(y, 0, 1);
+            info = { startDate: d, endDate: d, label: String(y), isUndated: false };
+            timePoints.add(d.getTime());
+          }
+        } else if (dateProp.date_interval && dateProp.date_interval.start) {
+          const sY = parseInt(dateProp.date_interval.start, 10);
+          const eY = parseInt(dateProp.date_interval.end, 10) || sY;
+          if (!isNaN(sY)) {
+            const sd = new Date(sY, 0, 1);
+            const ed = new Date(eY, 11, 31);
+            info = { startDate: sd, endDate: ed, label: `${sY}-${eY}`, isUndated: false };
+            timePoints.add(sd.getTime());
+            timePoints.add(ed.getTime());
+          }
+        }
+      }
+      questTimeInfos.set(String(q.id), info);
+    });
+    const sortedTimePoints = Array.from(timePoints).sort((a, b) => a - b);
+    const timeToYMap = /* @__PURE__ */ new Map();
+    if (sortedTimePoints.length > 0) {
+      const maxIdx = sortedTimePoints.length - 1;
+      sortedTimePoints.forEach((t, i) => {
+        timeToYMap.set(t, (i - maxIdx) * (QUEST_LENS_ROW_SPACING || 30));
+      });
+    }
+    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+    Object.keys(nodeObjects).forEach((id) => {
+      const mesh = nodeObjects[id];
+      const isFilteredQuest = filteredQuests.some(
+        (q) => String(q.id) === String(id)
+      );
+      if (!isFilteredQuest) {
+        if (mesh.material) {
+          const fadeTween = new Tween2(mesh.material).to({ opacity: 0.15 }, 1200).easing(Easing2.Cubic.Out);
+          tweenGroup.add(fadeTween);
+          fadeTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = false;
+        }
+      } else {
+        if (mesh.material) {
+          const fadeInTween = new Tween2(mesh.material).to({ opacity: 1 }, 1200).easing(Easing2.Cubic.Out);
+          tweenGroup.add(fadeInTween);
+          fadeInTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = true;
+        }
+      }
+    });
+    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
+      if (status2 && status2 !== statusName) return;
+      const questsInCol = questsByStatus[statusName];
+      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
+      questsInCol.forEach((q, rowIndex) => {
+        const nodeId = String(q.id);
+        let mesh = nodeObjects[nodeId];
+        if (!mesh) {
+          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(colX, 150, 0), true);
+        }
+        const timeInfo = questTimeInfos.get(nodeId) || { isUndated: true };
+        let targetY;
+        if (!timeInfo.isUndated) {
+          targetY = timeToYMap.get(timeInfo.startDate.getTime());
+        } else {
+          const undatedOffset = sortedTimePoints.length > 0 ? sortedTimePoints.length * 5 : 0;
+          targetY = -80 - rowIndex * (QUEST_LENS_ROW_SPACING || 30) - undatedOffset;
+        }
+        const lensTween = new Tween2(mesh.position).to({ x: colX, y: targetY, z: 0 }, 1500).easing(Easing2.Cubic.InOut);
+        tweenGroup.add(lensTween);
+        lensTween.start();
+        if (!timeInfo.isUndated && timeInfo.label) {
+          const dateSprite = createTextSprite(timeInfo.label, 36);
+          dateSprite.name = "questDateLabel";
+          dateSprite.position.set(0, 3.5, 0);
+          mesh.add(dateSprite);
+        }
+        if (mesh.userData.labelObject) {
+          const labelTargetPos = new THREE3.Vector3(colX, targetY, 0).add(
+            mesh.userData.labelOffset || new THREE3.Vector3(0, -2.5, 0)
+          );
+          const labelTween = new Tween2(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(Easing2.Cubic.InOut);
+          tweenGroup.add(labelTween);
+          labelTween.start();
+        }
+      });
+    });
+  }, [addOrUpdateNodeMesh]);
   useEffect22(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;

package/package.json

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