npm - @lv-x-software-house/x_view - Versions diffs - 1.2.5-dev.45 → 1.2.5-dev.47 - Mend

@lv-x-software-house/x_view 1.2.5-dev.45 → 1.2.5-dev.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -625,12 +625,16 @@ function XViewSidebar({
   userRole,
   viewMembers = [],
   onActivateQuestLens = () => {
+  },
+  milestones = [],
+  onUpdateMilestones = () => {
   }
 }) {
   const [query, setQuery] = (0, import_react2.useState)("");
   const [showList, setShowList] = (0, import_react2.useState)(false);
   const [selectedNodeId, setSelectedNodeId] = (0, import_react2.useState)(null);
   const [isSaving, setIsSaving] = (0, import_react2.useState)(false);
+  const [newMilestoneName, setNewMilestoneName] = (0, import_react2.useState)("");
   const [activeFilters, setActiveFilters] = (0, import_react2.useState)([]);
   const [isFilterMenuOpen, setIsFilterMenuOpen] = (0, import_react2.useState)(false);
   const [filterCategory, setFilterCategory] = (0, import_react2.useState)("Type");
@@ -842,6 +846,28 @@ function XViewSidebar({
       setIsTypeDropdownOpen(false);
     }
   };
+  const handleAddMilestone = () => {
+    if (!newMilestoneName.trim()) return;
+    const newMilestone = {
+      id: `ms_${Date.now()}`,
+      name: newMilestoneName.trim(),
+      status: "active"
+    };
+    onUpdateMilestones([...milestones, newMilestone]);
+    setNewMilestoneName("");
+  };
+  const handleToggleMilestoneStatus = (id) => {
+    const updated = milestones.map(
+      (ms) => ms.id === id ? { ...ms, status: ms.status === "active" ? "inactive" : "active" } : ms
+    );
+    onUpdateMilestones(updated);
+  };
+  const handleRemoveMilestone = (id) => {
+    var _a;
+    if (!confirm(`Deseja remover o milestone "${(_a = milestones.find((m) => m.id === id)) == null ? void 0 : _a.name}"?`)) return;
+    const updated = milestones.filter((ms) => ms.id !== id);
+    onUpdateMilestones(updated);
+  };
   const ToggleButton = /* @__PURE__ */ import_react2.default.createElement(
     "button",
     {
@@ -1098,11 +1124,59 @@ function XViewSidebar({
         onClick: () => {
           onActivateQuestLens({ assigneeId: questFilterAssignee, status: questFilterStatus });
           setIsQuestLensMenuOpen(false);
+          onToggle(false);
         },
         className: "flex-[2] py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-[11px] font-bold rounded-lg shadow-lg shadow-indigo-500/20 transition-all hover:scale-[1.02] active:scale-95"
       },
       "Aplicar Lente"
-    )))))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ import_react2.default.createElement(
+    ))))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-3" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Milestones")), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react2.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: newMilestoneName,
+        onChange: (e) => setNewMilestoneName(e.target.value),
+        onKeyDown: (e) => e.key === "Enter" && handleAddMilestone(),
+        placeholder: "Novo Milestone...",
+        className: "flex-1 bg-slate-900/50 border border-white/10 rounded-md px-2 py-1.5 text-xs text-slate-100 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ import_react2.default.createElement(
+      "button",
+      {
+        onClick: handleAddMilestone,
+        disabled: !newMilestoneName.trim(),
+        className: "p-1.5 rounded-md bg-indigo-500/10 hover:bg-indigo-500/20 border border-indigo-500/30 text-indigo-300 disabled:opacity-30 transition-colors"
+      },
+      /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), /* @__PURE__ */ import_react2.default.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))
+    )), /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-1.5 max-h-[200px] overflow-y-auto custom-scrollbar pr-1" }, milestones.length > 0 ? milestones.map((ms) => /* @__PURE__ */ import_react2.default.createElement(
+      "div",
+      {
+        key: ms.id,
+        className: `group flex items-center justify-between px-2.5 py-2 rounded-lg border transition-all ${ms.status === "active" ? "bg-indigo-500/5 border-indigo-500/20" : "bg-slate-900/30 border-white/5 opacity-60"}`
+      },
+      /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ import_react2.default.createElement(
+        "div",
+        {
+          className: `w-1.5 h-1.5 rounded-full shrink-0 ${ms.status === "active" ? "bg-indigo-400 shadow-[0_0_8px_rgba(129,140,248,0.5)]" : "bg-slate-600"}`
+        }
+      ), /* @__PURE__ */ import_react2.default.createElement("span", { className: `text-[11px] truncate font-medium ${ms.status === "active" ? "text-slate-100" : "text-slate-500 line-through"}` }, ms.name)),
+      /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ import_react2.default.createElement(
+        "button",
+        {
+          onClick: () => handleToggleMilestoneStatus(ms.id),
+          className: `p-1 rounded hover:bg-white/10 transition-colors ${ms.status === "active" ? "text-slate-400" : "text-indigo-400"}`,
+          title: ms.status === "active" ? "Inativar" : "Ativar"
+        },
+        ms.status === "active" ? /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("rect", { x: "6", y: "4", width: "4", height: "16" }), /* @__PURE__ */ import_react2.default.createElement("rect", { x: "14", y: "4", width: "4", height: "16" })) : /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("polygon", { points: "5 3 19 12 5 21 5 3" }))
+      ), /* @__PURE__ */ import_react2.default.createElement(
+        "button",
+        {
+          onClick: () => handleRemoveMilestone(ms.id),
+          className: "p-1 rounded hover:bg-red-500/20 text-slate-500 hover:text-red-400 transition-colors",
+          title: "Remover"
+        },
+        /* @__PURE__ */ import_react2.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react2.default.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ import_react2.default.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ import_react2.default.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" }))
+      ))
+    )) : /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[10px] text-slate-600 text-center py-2 italic font-light italic" }, "Nenhum milestone definido")))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ import_react2.default.createElement(
       "button",
       {
         onClick: handleSaveClick,
@@ -2331,7 +2405,8 @@ var userActionHandlers = {
           nodes: sceneDataRef.current.nodes,
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
-          quest_links: specificParentData.links
+          quest_links: specificParentData.links,
+          milestones: sceneDataRef.current.milestones || []
         };
         await context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -2589,7 +2664,8 @@ var userActionHandlers = {
           nodes: sceneDataRef.current.nodes,
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
-          quest_links: specificParentData.links
+          quest_links: specificParentData.links,
+          milestones: sceneDataRef.current.milestones || []
         };
         await context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -2745,7 +2821,8 @@ var userActionHandlers = {
           nodes: sceneDataRef.current.nodes,
           links: sceneDataRef.current.links,
           quest_nodes: data.nodes,
-          quest_links: data.links
+          quest_links: data.links,
+          milestones: sceneDataRef.current.milestones || []
         };
         return context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -3359,6 +3436,7 @@ var userActionHandlers = {
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links,
+          milestones: sceneDataRef.current.milestones || [],
           quest_counter: sceneDataRef.current.quest_counter || 1
         };
         await context.actions.save_view_data(
@@ -3431,7 +3509,8 @@ var userActionHandlers = {
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links,
-          quest_counter: sceneDataRef.current.quest_counter || 1
+          quest_counter: sceneDataRef.current.quest_counter || 1,
+          milestones: sceneDataRef.current.milestones || []
         };
         await context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -9467,11 +9546,15 @@ function InSceneQuestForm({
   questCounter = 1,
   // NOVA PROP
   viewMembers = [],
-  session = null
+  session = null,
+  milestones = [],
+  onUpdateMilestones = () => {
+  }
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const [name, setName] = (0, import_react17.useState)("");
   const [assigneeId, setAssigneeId] = (0, import_react17.useState)("");
+  const [milestoneId, setMilestoneId] = (0, import_react17.useState)("");
   const [types, setTypes] = (0, import_react17.useState)(["quest"]);
   const [typeInput, setTypeInput] = (0, import_react17.useState)("");
   const [status, setStatus] = (0, import_react17.useState)("Backlog");
@@ -9493,6 +9576,32 @@ function InSceneQuestForm({
   const [customProps, setCustomProps] = (0, import_react17.useState)([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react17.useState)(false);
   const propsEndRef = (0, import_react17.useRef)(null);
+  const [isMilestoneDropdownOpen, setIsMilestoneDropdownOpen] = (0, import_react17.useState)(false);
+  const [milestoneSearchQuery, setMilestoneSearchQuery] = (0, import_react17.useState)("");
+  const activeMilestones = import_react17.default.useMemo(
+    () => (milestones || []).filter((ms) => ms.status === "active"),
+    [milestones]
+  );
+  const filteredMilestones = import_react17.default.useMemo(() => {
+    if (!milestoneSearchQuery.trim()) return activeMilestones;
+    return activeMilestones.filter(
+      (ms) => ms.name.toLowerCase().includes(milestoneSearchQuery.toLowerCase())
+    );
+  }, [activeMilestones, milestoneSearchQuery]);
+  const handleSelectMilestone = (id) => {
+    setMilestoneId(id);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+  };
+  const handleCreateMilestone = async (name2) => {
+    if (!name2.trim()) return;
+    const newId = `ms_${Date.now()}`;
+    const newMs = { id: newId, name: name2.trim(), status: "active" };
+    await onUpdateMilestones([...milestones, newMs]);
+    setMilestoneId(newId);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+  };
   const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
@@ -9560,6 +9669,7 @@ function InSceneQuestForm({
       timeline: initialTimeline,
       Date: questDate ? { ...questDate, confirmed: true } : null,
       recurrence_config: recurrenceConfig,
+      milestone_id: milestoneId || null,
       ...additionalData
     });
   };
@@ -9663,6 +9773,63 @@ function InSceneQuestForm({
         }
       ),
       s
+    )))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Milestone"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsMilestoneDropdownOpen(!isMilestoneDropdownOpen),
+        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiTarget, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = (milestones || []).find((m) => m.id === milestoneId)) == null ? void 0 : _a.name) || "Nenhum")),
+      /* @__PURE__ */ import_react17.default.createElement(
+        import_fi15.FiChevronDown,
+        {
+          className: `text-slate-400 transition-transform duration-200 ${isMilestoneDropdownOpen ? "rotate-180" : ""}`
+        }
+      )
+    ), isMilestoneDropdownOpen && /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
+      "div",
+      {
+        className: "fixed inset-0 z-40",
+        onClick: () => {
+          setIsMilestoneDropdownOpen(false);
+          setMilestoneSearchQuery("");
+        }
+      }
+    ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiSearch, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ import_react17.default.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar ou criar milestone...",
+        value: milestoneSearchQuery,
+        onChange: (e) => setMilestoneSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ import_react17.default.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ import_react17.default.createElement(
+      "li",
+      {
+        onClick: () => handleSelectMilestone(""),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!milestoneId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), filteredMilestones.map((ms) => /* @__PURE__ */ import_react17.default.createElement(
+      "li",
+      {
+        key: ms.id,
+        onClick: () => handleSelectMilestone(ms.id),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${milestoneId === ms.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      ms.name
+    )), milestoneSearchQuery.trim() && !filteredMilestones.some((ms) => ms.name.toLowerCase() === milestoneSearchQuery.toLowerCase().trim()) && /* @__PURE__ */ import_react17.default.createElement(
+      "li",
+      {
+        onClick: () => handleCreateMilestone(milestoneSearchQuery),
+        className: "px-3 py-3 text-sm cursor-pointer bg-indigo-600/20 text-indigo-200 hover:bg-indigo-600/40 transition-colors flex flex-col gap-0.5"
+      },
+      /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[10px] uppercase font-bold opacity-60" }, "Criar Novo Milestone"),
+      /* @__PURE__ */ import_react17.default.createElement("span", { className: "font-medium" }, '"', milestoneSearchQuery, '"')
     )))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Assignee (Respons\xE1vel)"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
@@ -9670,7 +9837,7 @@ function InSceneQuestForm({
         onClick: () => setIsAssigneeDropdownOpen(!isAssigneeDropdownOpen),
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiUser, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _a.name) || ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.email) || "Nenhum")),
+      /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiUser, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.name) || ((_c = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _c.email) || "Nenhum")),
       /* @__PURE__ */ import_react17.default.createElement(
         import_fi15.FiChevronDown,
         {
@@ -10642,9 +10809,12 @@ function QuestDetailsPanel({
   userRole,
   currentDatasetName,
   viewMembers = [],
-  currentUser
+  currentUser,
+  milestones = [],
+  onUpdateMilestones = () => {
+  }
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
   const [rawTitle, setRawTitle] = (0, import_react20.useState)(initialRawTitle);
   const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
@@ -10657,6 +10827,7 @@ function QuestDetailsPanel({
   const [assigneeId, setAssigneeId] = (0, import_react20.useState)((node == null ? void 0 : node.assignee_id) || "");
   const [description, setDescription] = (0, import_react20.useState)((node == null ? void 0 : node.description) ?? "");
   const [intensity, setIntensity] = (0, import_react20.useState)((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [milestoneId, setMilestoneId] = (0, import_react20.useState)((node == null ? void 0 : node.milestone_id) || "");
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react20.useState)(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react20.useState)(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react20.useState)("");
@@ -10694,6 +10865,35 @@ function QuestDetailsPanel({
     minWidth: 320,
     maxWidth: maxPanelW
   });
+  const [isMilestoneDropdownOpen, setIsMilestoneDropdownOpen] = (0, import_react20.useState)(false);
+  const [milestoneSearchQuery, setMilestoneSearchQuery] = (0, import_react20.useState)("");
+  const activeMilestones = import_react20.default.useMemo(
+    () => (milestones || []).filter((ms) => ms.status === "active"),
+    [milestones]
+  );
+  const filteredMilestones = import_react20.default.useMemo(() => {
+    const search = milestoneSearchQuery.toLowerCase().trim();
+    if (!search) return activeMilestones;
+    return activeMilestones.filter(
+      (ms) => ms.name.toLowerCase().includes(search)
+    );
+  }, [activeMilestones, milestoneSearchQuery]);
+  const handleSelectMilestone = (id) => {
+    setMilestoneId(id);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+    setHasUnsavedChanges(true);
+  };
+  const handleCreateMilestone = async (name) => {
+    if (!name.trim()) return;
+    const newId = `ms_${Date.now()}`;
+    const newMs = { id: newId, name: name.trim(), status: "active" };
+    await onUpdateMilestones([...milestones, newMs]);
+    setMilestoneId(newId);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+    setHasUnsavedChanges(true);
+  };
   (0, import_react20.useEffect)(() => {
     setWidth(isReadMode ? 700 : 440);
   }, [isReadMode, setWidth]);
@@ -10719,6 +10919,7 @@ function QuestDetailsPanel({
       setReturnAssigneeId("");
       setDescription((node == null ? void 0 : node.description) ?? "");
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
       setCustomProps(extractCustomPropsFromNode(node || {}));
       setReviewStack((node == null ? void 0 : node.reviewStack) || []);
@@ -10731,6 +10932,7 @@ function QuestDetailsPanel({
         custom_date: "",
         next_assignee_id: ""
       });
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -11029,7 +11231,8 @@ ${noteText}` : noteText : entry.notes,
         reviewStack: currentReviewStack,
         timeline: currentTimeline,
         ...extrasObj,
-        version_node: node.version_node
+        version_node: node.version_node,
+        milestone_id: milestoneId || null
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
@@ -11231,7 +11434,51 @@ ${noteText}` : noteText : entry.notes,
         maxLength: "10",
         className: "flex-1 bg-slate-800/70 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
-    ))))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react20.default.createElement(
+    ))))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Milestone"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react20.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => canEdit && setIsMilestoneDropdownOpen(!isMilestoneDropdownOpen),
+        disabled: !canEdit,
+        className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 transition-colors flex items-center justify-between ${canEdit ? "hover:border-white/20 focus:ring-2 focus:ring-indigo-400/60 cursor-pointer" : "cursor-default opacity-80"}`
+      },
+      /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiTarget, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = (milestones || []).find((m) => m.id === milestoneId)) == null ? void 0 : _b.name) || "Nenhum")),
+      canEdit && /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isMilestoneDropdownOpen ? "rotate-180" : ""}` })
+    ), isMilestoneDropdownOpen && canEdit && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsMilestoneDropdownOpen(false) }), /* @__PURE__ */ import_react20.default.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiSearch, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ import_react20.default.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar ou criar milestone...",
+        value: milestoneSearchQuery,
+        onChange: (e) => setMilestoneSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ import_react20.default.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ import_react20.default.createElement(
+      "li",
+      {
+        onClick: () => handleSelectMilestone(""),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!milestoneId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), filteredMilestones.map((ms) => /* @__PURE__ */ import_react20.default.createElement(
+      "li",
+      {
+        key: ms.id,
+        onClick: () => handleSelectMilestone(ms.id),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${milestoneId === ms.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      ms.name
+    )), milestoneSearchQuery.trim() && !filteredMilestones.some((ms) => ms.name.toLowerCase() === milestoneSearchQuery.toLowerCase().trim()) && /* @__PURE__ */ import_react20.default.createElement(
+      "li",
+      {
+        onClick: () => handleCreateMilestone(milestoneSearchQuery),
+        className: "px-3 py-3 text-sm cursor-pointer bg-indigo-600/20 text-indigo-200 hover:bg-indigo-600/40 transition-colors flex flex-col gap-0.5"
+      },
+      /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[10px] uppercase font-bold opacity-60" }, "Criar Novo Milestone"),
+      /* @__PURE__ */ import_react20.default.createElement("span", { className: "font-medium" }, '"', milestoneSearchQuery, '"')
+    )))))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react20.default.createElement(
       "button",
       {
         type: "button",
@@ -11417,7 +11664,7 @@ ${noteText}` : noteText : entry.notes,
         onClick: () => setIsReturnDropdownOpen(!isReturnDropdownOpen),
         className: "w-full bg-slate-800/80 p-2 text-xs rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-1 focus:ring-purple-400/50 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiUser, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _b.name) || "Selecionar respons\xE1vel...")),
+      /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiUser, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-slate-200 font-medium" }, ((_c = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _c.name) || "Selecionar respons\xE1vel...")),
       /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
     ), isReturnDropdownOpen && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
       setIsReturnDropdownOpen(false);
@@ -13085,7 +13332,7 @@ function XViewScene({
   check_user_permission,
   get_view_members
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const { data: session, status } = (0, import_react29.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
@@ -13914,20 +14161,23 @@ function XViewScene({
             sceneResponse.data.scene.nodes = [];
             sceneResponse.data.scene.links = [];
           }
-          sceneDataRef.current = sceneResponse.data.scene;
+          sceneDataRef.current = {
+            ...sceneResponse.data.scene,
+            milestones: sceneResponse.data.scene.milestones || []
+          };
           parentDataRef.current = sceneResponse.data.parent;
           ancestryDataRef.current = sceneResponse.data.ancestry;
           console.log(
             "Console de sceneResponse.data.scene:",
-            sceneResponse.data.scene
+            sceneDataRef.current
           );
           console.log(
             "Console de sceneResponse.data.parent:",
-            sceneResponse.data.parent
+            parentDataRef.current
           );
           console.log(
             "Console de sceneResponse.data.ancestry:",
-            sceneResponse.data.ancestry
+            ancestryDataRef.current
           );
           setIsInitialized(true);
         } else {
@@ -14059,6 +14309,9 @@ function XViewScene({
       timeToYMap.set(ms, idx * TIMELINE_LAYER_SPACING_Y);
     });
     const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+    let sumX = 0;
+    let sumY = 0;
+    let questCount = 0;
     const positionGroups = /* @__PURE__ */ new Map();
     const NODE_X_GAP = 22;
     QUEST_STATUS_ORDER.forEach((statusName) => {
@@ -14162,6 +14415,9 @@ function XViewScene({
         const lensTween = new import_tween2.Tween(mesh.position).to({ x: finalX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
         tweenGroup.add(lensTween);
         lensTween.start();
+        sumX += finalX;
+        sumY += targetY;
+        questCount++;
         if (!timeInfo.isUndated && timeInfo.label && !mesh.getObjectByName("questDateLabel")) {
           const dateSprite = createTextSprite(timeInfo.label, 36);
           dateSprite.name = "questDateLabel";
@@ -14210,6 +14466,18 @@ function XViewScene({
         }
       });
     });
+    if (questCount > 0) {
+      const { camera, controls } = stateRef.current;
+      const centerX = sumX / questCount;
+      const centerY = sumY / questCount;
+      const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+      const targetTween = new import_tween2.Tween(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+      tweenGroup.add(targetTween);
+      targetTween.start();
+      const camTween = new import_tween2.Tween(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: 140 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+      tweenGroup.add(camTween);
+      camTween.start();
+    }
   }, [addOrUpdateNodeMesh]);
   (0, import_react28.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
@@ -15432,7 +15700,8 @@ function XViewScene({
       links: sceneDataRef2.current.links,
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
       quest_links: graphDataRef.current[sceneConfigId2].links,
-      quest_counter: currentCounter + 1
+      quest_counter: currentCounter + 1,
+      milestones: sceneDataRef2.current.milestones || []
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
@@ -17084,6 +17353,52 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
+  const handleUpdateMilestones = (0, import_react28.useCallback)(
+    async (newMilestones) => {
+      var _a2, _b2, _c2;
+      if (!sceneDataRef.current) return;
+      sceneDataRef.current.milestones = newMilestones;
+      setSceneVersion((v) => v + 1);
+      const isView = ((_a2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _a2.toLowerCase()) === "view";
+      if (!isView || !save_view_data || !sceneSaveUrl) return;
+      const { nodeObjects, allLinks } = stateRef.current;
+      const currentNodes = Object.values(nodeObjects || {}).map((mesh) => {
+        const {
+          _baseEmissiveIntensity,
+          labelObject,
+          labelOffset,
+          timelineIntervalBar,
+          timelineEndLabel,
+          ...serializableNodeData
+        } = mesh.userData;
+        return serializableNodeData;
+      });
+      const currentLinks = (allLinks || []).map((line) => {
+        const { sourceNode, targetNode, ...serializableLinkData } = line.userData;
+        return serializableLinkData;
+      });
+      const sceneFileData = {
+        parent_dbs: sceneDataRef.current.parent_dbs,
+        nodes: currentNodes,
+        links: currentLinks,
+        quest_nodes: ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || sceneDataRef.current.quest_nodes || [],
+        quest_links: ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || sceneDataRef.current.quest_links || [],
+        quest_counter: sceneDataRef.current.quest_counter || 1,
+        milestones: newMilestones
+      };
+      try {
+        await save_view_data(sceneSaveUrl, sceneFileData);
+      } catch (error) {
+        console.error("Erro ao salvar milestones:", error);
+      }
+    },
+    [
+      sceneConfigId,
+      sceneSaveUrl,
+      save_view_data,
+      viewParams == null ? void 0 : viewParams.type
+    ]
+  );
   const handleSaveCurrentView = (0, import_react28.useCallback)(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
@@ -17118,7 +17433,8 @@ function XViewScene({
       links: currentLinks,
       quest_nodes: isView ? ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || [] : sceneDataRef.current.quest_nodes || [],
       quest_links: isView ? ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || [] : sceneDataRef.current.quest_links || [],
-      quest_counter: sceneDataRef.current.quest_counter || 1
+      quest_counter: sceneDataRef.current.quest_counter || 1,
+      milestones: sceneDataRef.current.milestones || []
     };
     try {
       await save_view_data(sceneSaveUrl, sceneFileData);
@@ -17455,7 +17771,9 @@ function XViewScene({
         isOpen: isSidebarOpen,
         onToggle: setIsSidebarOpen,
         userRole: userPermissionRole,
-        viewMembers
+        viewMembers,
+        milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
       }
     ),
     creationMode.isActive && /* @__PURE__ */ import_react28.default.createElement(
@@ -17479,8 +17797,8 @@ function XViewScene({
         },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.color,
-        sourceTypes: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.type,
+        initialColor: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.color,
+        sourceTypes: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.type,
         onIntensityChange: handleGhostNodeIntensityChange,
         onUploadFile: upload_file_action,
         availableDatasets,
@@ -17509,8 +17827,8 @@ function XViewScene({
           transition: "opacity 200ms ease-out"
         },
         refEl: formRef,
-        fixedType: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.type,
-        fixedColor: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.color,
+        fixedType: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.type,
+        fixedColor: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.color,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries
@@ -17538,8 +17856,10 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1,
-        viewMembers
+        questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
+        viewMembers,
+        milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react28.default.createElement(
@@ -17671,7 +17991,9 @@ function XViewScene({
         userRole: userPermissionRole,
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
         viewMembers,
-        currentUser: session == null ? void 0 : session.user
+        currentUser: session == null ? void 0 : session.user,
+        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react28.default.createElement(
@@ -17856,7 +18178,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_h = sceneDataRef.current) == null ? void 0 : _h.parent_dbs) || [],
+        parentDbs: ((_k = sceneDataRef.current) == null ? void 0 : _k.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/dist/index.mjs CHANGED Viewed

@@ -586,12 +586,16 @@ function XViewSidebar({
   userRole,
   viewMembers = [],
   onActivateQuestLens = () => {
+  },
+  milestones = [],
+  onUpdateMilestones = () => {
   }
 }) {
   const [query, setQuery] = useState2("");
   const [showList, setShowList] = useState2(false);
   const [selectedNodeId, setSelectedNodeId] = useState2(null);
   const [isSaving, setIsSaving] = useState2(false);
+  const [newMilestoneName, setNewMilestoneName] = useState2("");
   const [activeFilters, setActiveFilters] = useState2([]);
   const [isFilterMenuOpen, setIsFilterMenuOpen] = useState2(false);
   const [filterCategory, setFilterCategory] = useState2("Type");
@@ -803,6 +807,28 @@ function XViewSidebar({
       setIsTypeDropdownOpen(false);
     }
   };
+  const handleAddMilestone = () => {
+    if (!newMilestoneName.trim()) return;
+    const newMilestone = {
+      id: `ms_${Date.now()}`,
+      name: newMilestoneName.trim(),
+      status: "active"
+    };
+    onUpdateMilestones([...milestones, newMilestone]);
+    setNewMilestoneName("");
+  };
+  const handleToggleMilestoneStatus = (id) => {
+    const updated = milestones.map(
+      (ms) => ms.id === id ? { ...ms, status: ms.status === "active" ? "inactive" : "active" } : ms
+    );
+    onUpdateMilestones(updated);
+  };
+  const handleRemoveMilestone = (id) => {
+    var _a;
+    if (!confirm(`Deseja remover o milestone "${(_a = milestones.find((m) => m.id === id)) == null ? void 0 : _a.name}"?`)) return;
+    const updated = milestones.filter((ms) => ms.id !== id);
+    onUpdateMilestones(updated);
+  };
   const ToggleButton = /* @__PURE__ */ React2.createElement(
     "button",
     {
@@ -1059,11 +1085,59 @@ function XViewSidebar({
         onClick: () => {
           onActivateQuestLens({ assigneeId: questFilterAssignee, status: questFilterStatus });
           setIsQuestLensMenuOpen(false);
+          onToggle(false);
         },
         className: "flex-[2] py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-[11px] font-bold rounded-lg shadow-lg shadow-indigo-500/20 transition-all hover:scale-[1.02] active:scale-95"
       },
       "Aplicar Lente"
-    )))))), /* @__PURE__ */ React2.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ React2.createElement(
+    ))))), /* @__PURE__ */ React2.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ React2.createElement("section", { className: "space-y-3" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Milestones")), /* @__PURE__ */ React2.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React2.createElement(
+      "input",
+      {
+        type: "text",
+        value: newMilestoneName,
+        onChange: (e) => setNewMilestoneName(e.target.value),
+        onKeyDown: (e) => e.key === "Enter" && handleAddMilestone(),
+        placeholder: "Novo Milestone...",
+        className: "flex-1 bg-slate-900/50 border border-white/10 rounded-md px-2 py-1.5 text-xs text-slate-100 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ React2.createElement(
+      "button",
+      {
+        onClick: handleAddMilestone,
+        disabled: !newMilestoneName.trim(),
+        className: "p-1.5 rounded-md bg-indigo-500/10 hover:bg-indigo-500/20 border border-indigo-500/30 text-indigo-300 disabled:opacity-30 transition-colors"
+      },
+      /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), /* @__PURE__ */ React2.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }))
+    )), /* @__PURE__ */ React2.createElement("div", { className: "space-y-1.5 max-h-[200px] overflow-y-auto custom-scrollbar pr-1" }, milestones.length > 0 ? milestones.map((ms) => /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        key: ms.id,
+        className: `group flex items-center justify-between px-2.5 py-2 rounded-lg border transition-all ${ms.status === "active" ? "bg-indigo-500/5 border-indigo-500/20" : "bg-slate-900/30 border-white/5 opacity-60"}`
+      },
+      /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          className: `w-1.5 h-1.5 rounded-full shrink-0 ${ms.status === "active" ? "bg-indigo-400 shadow-[0_0_8px_rgba(129,140,248,0.5)]" : "bg-slate-600"}`
+        }
+      ), /* @__PURE__ */ React2.createElement("span", { className: `text-[11px] truncate font-medium ${ms.status === "active" ? "text-slate-100" : "text-slate-500 line-through"}` }, ms.name)),
+      /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity" }, /* @__PURE__ */ React2.createElement(
+        "button",
+        {
+          onClick: () => handleToggleMilestoneStatus(ms.id),
+          className: `p-1 rounded hover:bg-white/10 transition-colors ${ms.status === "active" ? "text-slate-400" : "text-indigo-400"}`,
+          title: ms.status === "active" ? "Inativar" : "Ativar"
+        },
+        ms.status === "active" ? /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("rect", { x: "6", y: "4", width: "4", height: "16" }), /* @__PURE__ */ React2.createElement("rect", { x: "14", y: "4", width: "4", height: "16" })) : /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("polygon", { points: "5 3 19 12 5 21 5 3" }))
+      ), /* @__PURE__ */ React2.createElement(
+        "button",
+        {
+          onClick: () => handleRemoveMilestone(ms.id),
+          className: "p-1 rounded hover:bg-red-500/20 text-slate-500 hover:text-red-400 transition-colors",
+          title: "Remover"
+        },
+        /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React2.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React2.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React2.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" }))
+      ))
+    )) : /* @__PURE__ */ React2.createElement("p", { className: "text-[10px] text-slate-600 text-center py-2 italic font-light italic" }, "Nenhum milestone definido")))), /* @__PURE__ */ React2.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ React2.createElement(
       "button",
       {
         onClick: handleSaveClick,
@@ -2292,7 +2366,8 @@ var userActionHandlers = {
           nodes: sceneDataRef.current.nodes,
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
-          quest_links: specificParentData.links
+          quest_links: specificParentData.links,
+          milestones: sceneDataRef.current.milestones || []
         };
         await context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -2550,7 +2625,8 @@ var userActionHandlers = {
           nodes: sceneDataRef.current.nodes,
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
-          quest_links: specificParentData.links
+          quest_links: specificParentData.links,
+          milestones: sceneDataRef.current.milestones || []
         };
         await context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -2706,7 +2782,8 @@ var userActionHandlers = {
           nodes: sceneDataRef.current.nodes,
           links: sceneDataRef.current.links,
           quest_nodes: data.nodes,
-          quest_links: data.links
+          quest_links: data.links,
+          milestones: sceneDataRef.current.milestones || []
         };
         return context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -3320,6 +3397,7 @@ var userActionHandlers = {
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links,
+          milestones: sceneDataRef.current.milestones || [],
           quest_counter: sceneDataRef.current.quest_counter || 1
         };
         await context.actions.save_view_data(
@@ -3392,7 +3470,8 @@ var userActionHandlers = {
           links: sceneDataRef.current.links,
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links,
-          quest_counter: sceneDataRef.current.quest_counter || 1
+          quest_counter: sceneDataRef.current.quest_counter || 1,
+          milestones: sceneDataRef.current.milestones || []
         };
         await context.actions.save_view_data(
           context.sceneSaveUrl,
@@ -9486,11 +9565,15 @@ function InSceneQuestForm({
   questCounter = 1,
   // NOVA PROP
   viewMembers = [],
-  session = null
+  session = null,
+  milestones = [],
+  onUpdateMilestones = () => {
+  }
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const [name, setName] = useState17("");
   const [assigneeId, setAssigneeId] = useState17("");
+  const [milestoneId, setMilestoneId] = useState17("");
   const [types, setTypes] = useState17(["quest"]);
   const [typeInput, setTypeInput] = useState17("");
   const [status, setStatus] = useState17("Backlog");
@@ -9512,6 +9595,32 @@ function InSceneQuestForm({
   const [customProps, setCustomProps] = useState17([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
   const propsEndRef = useRef12(null);
+  const [isMilestoneDropdownOpen, setIsMilestoneDropdownOpen] = useState17(false);
+  const [milestoneSearchQuery, setMilestoneSearchQuery] = useState17("");
+  const activeMilestones = React16.useMemo(
+    () => (milestones || []).filter((ms) => ms.status === "active"),
+    [milestones]
+  );
+  const filteredMilestones = React16.useMemo(() => {
+    if (!milestoneSearchQuery.trim()) return activeMilestones;
+    return activeMilestones.filter(
+      (ms) => ms.name.toLowerCase().includes(milestoneSearchQuery.toLowerCase())
+    );
+  }, [activeMilestones, milestoneSearchQuery]);
+  const handleSelectMilestone = (id) => {
+    setMilestoneId(id);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+  };
+  const handleCreateMilestone = async (name2) => {
+    if (!name2.trim()) return;
+    const newId = `ms_${Date.now()}`;
+    const newMs = { id: newId, name: name2.trim(), status: "active" };
+    await onUpdateMilestones([...milestones, newMs]);
+    setMilestoneId(newId);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+  };
   const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
@@ -9579,6 +9688,7 @@ function InSceneQuestForm({
       timeline: initialTimeline,
       Date: questDate ? { ...questDate, confirmed: true } : null,
       recurrence_config: recurrenceConfig,
+      milestone_id: milestoneId || null,
       ...additionalData
     });
   };
@@ -9682,6 +9792,63 @@ function InSceneQuestForm({
         }
       ),
       s
+    )))))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Milestone"), /* @__PURE__ */ React16.createElement("div", { className: "relative" }, /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsMilestoneDropdownOpen(!isMilestoneDropdownOpen),
+        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiTarget, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = (milestones || []).find((m) => m.id === milestoneId)) == null ? void 0 : _a.name) || "Nenhum")),
+      /* @__PURE__ */ React16.createElement(
+        FiChevronDown6,
+        {
+          className: `text-slate-400 transition-transform duration-200 ${isMilestoneDropdownOpen ? "rotate-180" : ""}`
+        }
+      )
+    ), isMilestoneDropdownOpen && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
+      "div",
+      {
+        className: "fixed inset-0 z-40",
+        onClick: () => {
+          setIsMilestoneDropdownOpen(false);
+          setMilestoneSearchQuery("");
+        }
+      }
+    ), /* @__PURE__ */ React16.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React16.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiSearch5, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React16.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar ou criar milestone...",
+        value: milestoneSearchQuery,
+        onChange: (e) => setMilestoneSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React16.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React16.createElement(
+      "li",
+      {
+        onClick: () => handleSelectMilestone(""),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!milestoneId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), filteredMilestones.map((ms) => /* @__PURE__ */ React16.createElement(
+      "li",
+      {
+        key: ms.id,
+        onClick: () => handleSelectMilestone(ms.id),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${milestoneId === ms.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      ms.name
+    )), milestoneSearchQuery.trim() && !filteredMilestones.some((ms) => ms.name.toLowerCase() === milestoneSearchQuery.toLowerCase().trim()) && /* @__PURE__ */ React16.createElement(
+      "li",
+      {
+        onClick: () => handleCreateMilestone(milestoneSearchQuery),
+        className: "px-3 py-3 text-sm cursor-pointer bg-indigo-600/20 text-indigo-200 hover:bg-indigo-600/40 transition-colors flex flex-col gap-0.5"
+      },
+      /* @__PURE__ */ React16.createElement("span", { className: "text-[10px] uppercase font-bold opacity-60" }, "Criar Novo Milestone"),
+      /* @__PURE__ */ React16.createElement("span", { className: "font-medium" }, '"', milestoneSearchQuery, '"')
     )))))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Assignee (Respons\xE1vel)"), /* @__PURE__ */ React16.createElement("div", { className: "relative" }, /* @__PURE__ */ React16.createElement(
       "button",
       {
@@ -9689,7 +9856,7 @@ function InSceneQuestForm({
         onClick: () => setIsAssigneeDropdownOpen(!isAssigneeDropdownOpen),
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiUser2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _a.name) || ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.email) || "Nenhum")),
+      /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiUser2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.name) || ((_c = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _c.email) || "Nenhum")),
       /* @__PURE__ */ React16.createElement(
         FiChevronDown6,
         {
@@ -10673,9 +10840,12 @@ function QuestDetailsPanel({
   userRole,
   currentDatasetName,
   viewMembers = [],
-  currentUser
+  currentUser,
+  milestones = [],
+  onUpdateMilestones = () => {
+  }
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
   const [rawTitle, setRawTitle] = useState19(initialRawTitle);
   const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
@@ -10688,6 +10858,7 @@ function QuestDetailsPanel({
   const [assigneeId, setAssigneeId] = useState19((node == null ? void 0 : node.assignee_id) || "");
   const [description, setDescription] = useState19((node == null ? void 0 : node.description) ?? "");
   const [intensity, setIntensity] = useState19((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [milestoneId, setMilestoneId] = useState19((node == null ? void 0 : node.milestone_id) || "");
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState19(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState19(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = useState19("");
@@ -10725,6 +10896,35 @@ function QuestDetailsPanel({
     minWidth: 320,
     maxWidth: maxPanelW
   });
+  const [isMilestoneDropdownOpen, setIsMilestoneDropdownOpen] = useState19(false);
+  const [milestoneSearchQuery, setMilestoneSearchQuery] = useState19("");
+  const activeMilestones = React19.useMemo(
+    () => (milestones || []).filter((ms) => ms.status === "active"),
+    [milestones]
+  );
+  const filteredMilestones = React19.useMemo(() => {
+    const search = milestoneSearchQuery.toLowerCase().trim();
+    if (!search) return activeMilestones;
+    return activeMilestones.filter(
+      (ms) => ms.name.toLowerCase().includes(search)
+    );
+  }, [activeMilestones, milestoneSearchQuery]);
+  const handleSelectMilestone = (id) => {
+    setMilestoneId(id);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+    setHasUnsavedChanges(true);
+  };
+  const handleCreateMilestone = async (name) => {
+    if (!name.trim()) return;
+    const newId = `ms_${Date.now()}`;
+    const newMs = { id: newId, name: name.trim(), status: "active" };
+    await onUpdateMilestones([...milestones, newMs]);
+    setMilestoneId(newId);
+    setIsMilestoneDropdownOpen(false);
+    setMilestoneSearchQuery("");
+    setHasUnsavedChanges(true);
+  };
   useEffect16(() => {
     setWidth(isReadMode ? 700 : 440);
   }, [isReadMode, setWidth]);
@@ -10750,6 +10950,7 @@ function QuestDetailsPanel({
       setReturnAssigneeId("");
       setDescription((node == null ? void 0 : node.description) ?? "");
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
       setCustomProps(extractCustomPropsFromNode(node || {}));
       setReviewStack((node == null ? void 0 : node.reviewStack) || []);
@@ -10762,6 +10963,7 @@ function QuestDetailsPanel({
         custom_date: "",
         next_assignee_id: ""
       });
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -11060,7 +11262,8 @@ ${noteText}` : noteText : entry.notes,
         reviewStack: currentReviewStack,
         timeline: currentTimeline,
         ...extrasObj,
-        version_node: node.version_node
+        version_node: node.version_node,
+        milestone_id: milestoneId || null
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
@@ -11262,7 +11465,51 @@ ${noteText}` : noteText : entry.notes,
         maxLength: "10",
         className: "flex-1 bg-slate-800/70 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
-    ))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+    ))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Milestone"), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => canEdit && setIsMilestoneDropdownOpen(!isMilestoneDropdownOpen),
+        disabled: !canEdit,
+        className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 transition-colors flex items-center justify-between ${canEdit ? "hover:border-white/20 focus:ring-2 focus:ring-indigo-400/60 cursor-pointer" : "cursor-default opacity-80"}`
+      },
+      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiTarget3, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = (milestones || []).find((m) => m.id === milestoneId)) == null ? void 0 : _b.name) || "Nenhum")),
+      canEdit && /* @__PURE__ */ React19.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isMilestoneDropdownOpen ? "rotate-180" : ""}` })
+    ), isMilestoneDropdownOpen && canEdit && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsMilestoneDropdownOpen(false) }), /* @__PURE__ */ React19.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React19.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiSearch7, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar ou criar milestone...",
+        value: milestoneSearchQuery,
+        onChange: (e) => setMilestoneSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React19.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React19.createElement(
+      "li",
+      {
+        onClick: () => handleSelectMilestone(""),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!milestoneId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), filteredMilestones.map((ms) => /* @__PURE__ */ React19.createElement(
+      "li",
+      {
+        key: ms.id,
+        onClick: () => handleSelectMilestone(ms.id),
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${milestoneId === ms.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      ms.name
+    )), milestoneSearchQuery.trim() && !filteredMilestones.some((ms) => ms.name.toLowerCase() === milestoneSearchQuery.toLowerCase().trim()) && /* @__PURE__ */ React19.createElement(
+      "li",
+      {
+        onClick: () => handleCreateMilestone(milestoneSearchQuery),
+        className: "px-3 py-3 text-sm cursor-pointer bg-indigo-600/20 text-indigo-200 hover:bg-indigo-600/40 transition-colors flex flex-col gap-0.5"
+      },
+      /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] uppercase font-bold opacity-60" }, "Criar Novo Milestone"),
+      /* @__PURE__ */ React19.createElement("span", { className: "font-medium" }, '"', milestoneSearchQuery, '"')
+    )))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
@@ -11448,7 +11695,7 @@ ${noteText}` : noteText : entry.notes,
         onClick: () => setIsReturnDropdownOpen(!isReturnDropdownOpen),
         className: "w-full bg-slate-800/80 p-2 text-xs rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-1 focus:ring-purple-400/50 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser3, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _b.name) || "Selecionar respons\xE1vel...")),
+      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser3, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, ((_c = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _c.name) || "Selecionar respons\xE1vel...")),
       /* @__PURE__ */ React19.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
     ), isReturnDropdownOpen && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
       setIsReturnDropdownOpen(false);
@@ -13129,7 +13376,7 @@ function XViewScene({
   check_user_permission,
   get_view_members
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -13958,20 +14205,23 @@ function XViewScene({
             sceneResponse.data.scene.nodes = [];
             sceneResponse.data.scene.links = [];
           }
-          sceneDataRef.current = sceneResponse.data.scene;
+          sceneDataRef.current = {
+            ...sceneResponse.data.scene,
+            milestones: sceneResponse.data.scene.milestones || []
+          };
           parentDataRef.current = sceneResponse.data.parent;
           ancestryDataRef.current = sceneResponse.data.ancestry;
           console.log(
             "Console de sceneResponse.data.scene:",
-            sceneResponse.data.scene
+            sceneDataRef.current
           );
           console.log(
             "Console de sceneResponse.data.parent:",
-            sceneResponse.data.parent
+            parentDataRef.current
           );
           console.log(
             "Console de sceneResponse.data.ancestry:",
-            sceneResponse.data.ancestry
+            ancestryDataRef.current
           );
           setIsInitialized(true);
         } else {
@@ -14103,6 +14353,9 @@ function XViewScene({
       timeToYMap.set(ms, idx * TIMELINE_LAYER_SPACING_Y);
     });
     const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+    let sumX = 0;
+    let sumY = 0;
+    let questCount = 0;
     const positionGroups = /* @__PURE__ */ new Map();
     const NODE_X_GAP = 22;
     QUEST_STATUS_ORDER.forEach((statusName) => {
@@ -14206,6 +14459,9 @@ function XViewScene({
         const lensTween = new Tween2(mesh.position).to({ x: finalX, y: targetY, z: 0 }, 1500).easing(Easing2.Cubic.InOut);
         tweenGroup.add(lensTween);
         lensTween.start();
+        sumX += finalX;
+        sumY += targetY;
+        questCount++;
         if (!timeInfo.isUndated && timeInfo.label && !mesh.getObjectByName("questDateLabel")) {
           const dateSprite = createTextSprite(timeInfo.label, 36);
           dateSprite.name = "questDateLabel";
@@ -14254,6 +14510,18 @@ function XViewScene({
         }
       });
     });
+    if (questCount > 0) {
+      const { camera, controls } = stateRef.current;
+      const centerX = sumX / questCount;
+      const centerY = sumY / questCount;
+      const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+      const targetTween = new Tween2(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(Easing2.Cubic.InOut);
+      tweenGroup.add(targetTween);
+      targetTween.start();
+      const camTween = new Tween2(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: 140 }, 1500).easing(Easing2.Cubic.InOut);
+      tweenGroup.add(camTween);
+      camTween.start();
+    }
   }, [addOrUpdateNodeMesh]);
   useEffect22(() => {
     if (!isInitialized || !sceneDataRef.current) return;
@@ -15476,7 +15744,8 @@ function XViewScene({
       links: sceneDataRef2.current.links,
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
       quest_links: graphDataRef.current[sceneConfigId2].links,
-      quest_counter: currentCounter + 1
+      quest_counter: currentCounter + 1,
+      milestones: sceneDataRef2.current.milestones || []
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
@@ -17128,6 +17397,52 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
+  const handleUpdateMilestones = useCallback4(
+    async (newMilestones) => {
+      var _a2, _b2, _c2;
+      if (!sceneDataRef.current) return;
+      sceneDataRef.current.milestones = newMilestones;
+      setSceneVersion((v) => v + 1);
+      const isView = ((_a2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _a2.toLowerCase()) === "view";
+      if (!isView || !save_view_data || !sceneSaveUrl) return;
+      const { nodeObjects, allLinks } = stateRef.current;
+      const currentNodes = Object.values(nodeObjects || {}).map((mesh) => {
+        const {
+          _baseEmissiveIntensity,
+          labelObject,
+          labelOffset,
+          timelineIntervalBar,
+          timelineEndLabel,
+          ...serializableNodeData
+        } = mesh.userData;
+        return serializableNodeData;
+      });
+      const currentLinks = (allLinks || []).map((line) => {
+        const { sourceNode, targetNode, ...serializableLinkData } = line.userData;
+        return serializableLinkData;
+      });
+      const sceneFileData = {
+        parent_dbs: sceneDataRef.current.parent_dbs,
+        nodes: currentNodes,
+        links: currentLinks,
+        quest_nodes: ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || sceneDataRef.current.quest_nodes || [],
+        quest_links: ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || sceneDataRef.current.quest_links || [],
+        quest_counter: sceneDataRef.current.quest_counter || 1,
+        milestones: newMilestones
+      };
+      try {
+        await save_view_data(sceneSaveUrl, sceneFileData);
+      } catch (error) {
+        console.error("Erro ao salvar milestones:", error);
+      }
+    },
+    [
+      sceneConfigId,
+      sceneSaveUrl,
+      save_view_data,
+      viewParams == null ? void 0 : viewParams.type
+    ]
+  );
   const handleSaveCurrentView = useCallback4(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
@@ -17162,7 +17477,8 @@ function XViewScene({
       links: currentLinks,
       quest_nodes: isView ? ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || [] : sceneDataRef.current.quest_nodes || [],
       quest_links: isView ? ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || [] : sceneDataRef.current.quest_links || [],
-      quest_counter: sceneDataRef.current.quest_counter || 1
+      quest_counter: sceneDataRef.current.quest_counter || 1,
+      milestones: sceneDataRef.current.milestones || []
     };
     try {
       await save_view_data(sceneSaveUrl, sceneFileData);
@@ -17499,7 +17815,9 @@ function XViewScene({
         isOpen: isSidebarOpen,
         onToggle: setIsSidebarOpen,
         userRole: userPermissionRole,
-        viewMembers
+        viewMembers,
+        milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
       }
     ),
     creationMode.isActive && /* @__PURE__ */ React27.createElement(
@@ -17523,8 +17841,8 @@ function XViewScene({
         },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.color,
-        sourceTypes: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.type,
+        initialColor: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.color,
+        sourceTypes: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.type,
         onIntensityChange: handleGhostNodeIntensityChange,
         onUploadFile: upload_file_action,
         availableDatasets,
@@ -17553,8 +17871,8 @@ function XViewScene({
           transition: "opacity 200ms ease-out"
         },
         refEl: formRef,
-        fixedType: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.type,
-        fixedColor: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.color,
+        fixedType: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.type,
+        fixedColor: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.color,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries
@@ -17582,8 +17900,10 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1,
-        viewMembers
+        questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
+        viewMembers,
+        milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React27.createElement(
@@ -17715,7 +18035,9 @@ function XViewScene({
         userRole: userPermissionRole,
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
         viewMembers,
-        currentUser: session == null ? void 0 : session.user
+        currentUser: session == null ? void 0 : session.user,
+        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React27.createElement(
@@ -17900,7 +18222,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_h = sceneDataRef.current) == null ? void 0 : _h.parent_dbs) || [],
+        parentDbs: ((_k = sceneDataRef.current) == null ? void 0 : _k.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/package.json CHANGED Viewed

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