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

package/dist/index.js

@@ -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",
     {
@@ -1103,7 +1129,54 @@ function XViewSidebar({
         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,
@@ -2332,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,
@@ -2590,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,
@@ -2746,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,
@@ -3360,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(
@@ -3432,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,
@@ -9468,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");
@@ -9494,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);
@@ -9561,6 +9669,7 @@ function InSceneQuestForm({
       timeline: initialTimeline,
       Date: questDate ? { ...questDate, confirmed: true } : null,
       recurrence_config: recurrenceConfig,
+      milestone_id: milestoneId || null,
       ...additionalData
     });
   };
@@ -9664,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",
       {
@@ -9671,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,
         {
@@ -10643,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 ");
@@ -10658,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)("");
@@ -10695,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]);
@@ -10720,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) || []);
@@ -10732,6 +10932,7 @@ function QuestDetailsPanel({
         custom_date: "",
         next_assignee_id: ""
       });
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -11030,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);
@@ -11232,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",
@@ -11418,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);
@@ -13086,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)();
@@ -13915,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 {
@@ -15451,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);
@@ -17103,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;
@@ -17137,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);
@@ -17474,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(
@@ -17498,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,
@@ -17528,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
@@ -17557,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(
@@ -17690,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(
@@ -17875,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

@@ -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",
     {
@@ -1064,7 +1090,54 @@ function XViewSidebar({
         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,
@@ -2293,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,
@@ -2551,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,
@@ -2707,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,
@@ -3321,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(
@@ -3393,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,
@@ -9487,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");
@@ -9513,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);
@@ -9580,6 +9688,7 @@ function InSceneQuestForm({
       timeline: initialTimeline,
       Date: questDate ? { ...questDate, confirmed: true } : null,
       recurrence_config: recurrenceConfig,
+      milestone_id: milestoneId || null,
       ...additionalData
     });
   };
@@ -9683,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",
       {
@@ -9690,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,
         {
@@ -10674,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 ");
@@ -10689,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("");
@@ -10726,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]);
@@ -10751,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) || []);
@@ -10763,6 +10963,7 @@ function QuestDetailsPanel({
         custom_date: "",
         next_assignee_id: ""
       });
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -11061,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);
@@ -11263,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",
@@ -11449,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);
@@ -13130,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();
@@ -13959,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 {
@@ -15495,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);
@@ -17147,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;
@@ -17181,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);
@@ -17518,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(
@@ -17542,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,
@@ -17572,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
@@ -17601,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(
@@ -17734,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(
@@ -17919,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

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