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

package/dist/index.js

@@ -44,9 +44,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/XViewScene.jsx
-var import_react28 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
-var import_react29 = require("next-auth/react");
+var import_react30 = require("next-auth/react");
 var import_crypto_js = __toESM(require("crypto-js"));
 var THREE3 = __toESM(require("three"));
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls.js");
@@ -625,6 +625,9 @@ function XViewSidebar({
   userRole,
   viewMembers = [],
   onActivateQuestLens = () => {
+  },
+  milestones = [],
+  onOpenMilestoneManager = () => {
   }
 }) {
   const [query, setQuery] = (0, import_react2.useState)("");
@@ -1033,25 +1036,7 @@ function XViewSidebar({
       },
       /* @__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("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "17 8 12 3 7 8" }), /* @__PURE__ */ import_react2.default.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })),
       "Importar arquivo"
-    ), /* @__PURE__ */ import_react2.default.createElement("p", { className: "mt-1.5 text-xs text-slate-400 text-center px-1 leading-tight" }, "Importar datasets ou ancestralidades das views."), /* @__PURE__ */ import_react2.default.createElement("div", { className: "h-9 mt-1 flex items-center justify-center" }, importSuccessMessage && /* @__PURE__ */ import_react2.default.createElement("p", { className: "w-full text-center text-xs font-medium text-indigo-300 bg-indigo-500/10 border border-indigo-500/20 rounded-md py-1.5 px-2" }, importSuccessMessage)))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Lentes"), /* @__PURE__ */ import_react2.default.createElement(
-      "button",
-      {
-        onClick: onActivateTimeline,
-        className: buttonBaseClass,
-        title: "Ativar a visualiza\xE7\xE3o de Timeline"
-      },
-      /* @__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("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "12 6 12 12 16 14" })),
-      "Timeline"
-    ), /* @__PURE__ */ import_react2.default.createElement(
-      "button",
-      {
-        onClick: onOpenAncestryBoard,
-        className: buttonBaseClass,
-        title: "Abrir painel de Ancestralidades"
-      },
-      /* @__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("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "2 12 12 17 22 12" })),
-      "Ancestry Board"
-    ), /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ import_react2.default.createElement(
+    ), /* @__PURE__ */ import_react2.default.createElement("p", { className: "mt-1.5 text-xs text-slate-400 text-center px-1 leading-tight" }, "Importar datasets ou ancestralidades das views."), /* @__PURE__ */ import_react2.default.createElement("div", { className: "h-9 mt-1 flex items-center justify-center" }, importSuccessMessage && /* @__PURE__ */ import_react2.default.createElement("p", { className: "w-full text-center text-xs font-medium text-indigo-300 bg-indigo-500/10 border border-indigo-500/20 rounded-md py-1.5 px-2" }, importSuccessMessage)))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Lentes"), /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ import_react2.default.createElement(
       "button",
       {
         onClick: () => setIsQuestLensMenuOpen(!isQuestLensMenuOpen),
@@ -1103,7 +1088,35 @@ 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(
+      "button",
+      {
+        onClick: onActivateTimeline,
+        className: buttonBaseClass,
+        title: "Ativar a visualiza\xE7\xE3o de Timeline"
+      },
+      /* @__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("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "12 6 12 12 16 14" })),
+      "Timeline"
+    ), /* @__PURE__ */ import_react2.default.createElement(
+      "button",
+      {
+        onClick: onOpenAncestryBoard,
+        className: buttonBaseClass,
+        title: "Abrir painel de Ancestralidades"
+      },
+      /* @__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("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "2 12 12 17 22 12" })),
+      "Ancestry Board"
+    )), /* @__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("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Milestones"), /* @__PURE__ */ import_react2.default.createElement(
+      "button",
+      {
+        onClick: onOpenMilestoneManager,
+        className: buttonBaseClass,
+        title: "Gerenciar os milestones deste cen\xE1rio"
+      },
+      /* @__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("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react2.default.createElement("circle", { cx: "12", cy: "12", r: "6" }), /* @__PURE__ */ import_react2.default.createElement("circle", { cx: "12", cy: "12", r: "2" })),
+      "Gerenciar Milestones",
+      milestones.length > 0 && /* @__PURE__ */ import_react2.default.createElement("span", { className: "ml-1.5 px-1.5 py-0.5 rounded-full bg-indigo-500/30 text-[10px] font-bold border border-indigo-400/30" }, milestones.length)
+    ))), /* @__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 +2345,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 +2604,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 +2761,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 +3376,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 +3449,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 +9486,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 +9516,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 +9609,7 @@ function InSceneQuestForm({
       timeline: initialTimeline,
       Date: questDate ? { ...questDate, confirmed: true } : null,
       recurrence_config: recurrenceConfig,
+      milestone_id: milestoneId || null,
       ...additionalData
     });
   };
@@ -9664,6 +9713,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 +9777,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 +10749,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 +10767,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 +10805,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 +10859,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 +10872,7 @@ function QuestDetailsPanel({
         custom_date: "",
         next_assignee_id: ""
       });
+      setMilestoneId((node == null ? void 0 : node.milestone_id) || "");
       setHasUnsavedChanges(false);
     }
   }, [node]);
@@ -11030,7 +11171,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 +11374,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 +11604,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);
@@ -13005,6 +13191,116 @@ function AncestryBoard({
   );
 }
 
+// src/components/MilestoneManager.jsx
+var import_react28 = __toESM(require("react"));
+var import_fi22 = require("react-icons/fi");
+function MilestoneManager({
+  isOpen,
+  onClose,
+  milestones = [],
+  onUpdateMilestones = () => {
+  }
+}) {
+  const [newMilestoneName, setNewMilestoneName] = (0, import_react28.useState)("");
+  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);
+  };
+  if (!isOpen) return null;
+  const swallow = (e) => e.stopPropagation();
+  return /* @__PURE__ */ import_react28.default.createElement(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/40 backdrop-blur-sm animate-in fade-in duration-300",
+      onClick: onClose
+    },
+    /* @__PURE__ */ import_react28.default.createElement(
+      "div",
+      {
+        className: "w-full max-w-lg bg-slate-900/90 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl flex flex-col max-h-[85vh] animate-in zoom-in-95 duration-300",
+        onClick: swallow
+      },
+      /* @__PURE__ */ import_react28.default.createElement("div", { className: "px-6 py-4 border-b border-white/10 flex items-center justify-between" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "p-2 rounded-lg bg-indigo-500/20 text-indigo-400" }, /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiTarget, { size: 20 })), /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement("h2", { className: "text-lg font-semibold text-slate-100" }, "Milestones"), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-xs text-slate-400" }, "Gerencie os marcos do seu cen\xE1rio"))), /* @__PURE__ */ import_react28.default.createElement(
+        "button",
+        {
+          onClick: onClose,
+          className: "p-2 rounded-full hover:bg-white/10 text-slate-400 hover:text-white transition-colors"
+        },
+        /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiX, { size: 20 })
+      )),
+      /* @__PURE__ */ import_react28.default.createElement("div", { className: "px-6 py-5 bg-white/5 border-b border-white/5" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react28.default.createElement(
+        "input",
+        {
+          type: "text",
+          value: newMilestoneName,
+          onChange: (e) => setNewMilestoneName(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && handleAddMilestone(),
+          placeholder: "Adicionar novo milestone...",
+          className: "flex-1 bg-slate-800/50 border border-white/10 rounded-xl px-4 py-2.5 text-sm text-slate-100 placeholder:text-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/40 focus:border-indigo-500/50 transition-all shadow-inner"
+        }
+      ), /* @__PURE__ */ import_react28.default.createElement(
+        "button",
+        {
+          onClick: handleAddMilestone,
+          disabled: !newMilestoneName.trim(),
+          className: "px-4 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-500 disabled:opacity-30 disabled:cursor-not-allowed text-white text-sm font-medium transition-all flex items-center gap-2 shadow-lg shadow-indigo-500/20 active:scale-95"
+        },
+        /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiPlus, { size: 18 }),
+        "Adicionar"
+      ))),
+      /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex-1 overflow-y-auto px-6 py-4 custom-scrollbar" }, milestones.length > 0 ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "space-y-3" }, milestones.map((ms) => /* @__PURE__ */ import_react28.default.createElement(
+        "div",
+        {
+          key: ms.id,
+          className: `group flex items-center justify-between p-4 rounded-xl border transition-all duration-200 ${ms.status === "active" ? "bg-slate-800/40 border-indigo-500/20 hover:border-indigo-500/40" : "bg-slate-900/40 border-white/5 opacity-60 grayscale-[0.3]"}`
+        },
+        /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ import_react28.default.createElement(
+          "div",
+          {
+            className: `w-2 h-2 rounded-full shrink-0 ${ms.status === "active" ? "bg-indigo-400 shadow-[0_0_8px_rgba(129,140,248,0.6)]" : "bg-slate-600"}`
+          }
+        ), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: `text-sm font-medium truncate ${ms.status === "active" ? "text-slate-100" : "text-slate-400 line-through"}` }, ms.name), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, ms.status === "active" ? "Ativo" : "Inativo"))),
+        /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react28.default.createElement(
+          "button",
+          {
+            onClick: () => handleToggleMilestoneStatus(ms.id),
+            className: `p-2 rounded-lg transition-all ${ms.status === "active" ? "hover:bg-slate-700 text-slate-400" : "hover:bg-indigo-500/20 text-indigo-400"}`,
+            title: ms.status === "active" ? "Inativar" : "Ativar"
+          },
+          ms.status === "active" ? /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiPauseCircle, { size: 18 }) : /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiPlayCircle, { size: 18 })
+        ), /* @__PURE__ */ import_react28.default.createElement(
+          "button",
+          {
+            onClick: () => handleRemoveMilestone(ms.id),
+            className: "p-2 rounded-lg hover:bg-red-500/20 text-slate-500 hover:text-red-400 transition-all",
+            title: "Remover"
+          },
+          /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiTrash2, { size: 18 })
+        ))
+      ))) : /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col items-center justify-center py-12 text-center" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "p-4 rounded-full bg-slate-800/30 text-slate-600 mb-4" }, /* @__PURE__ */ import_react28.default.createElement(import_fi22.FiTarget, { size: 40 })), /* @__PURE__ */ import_react28.default.createElement("h3", { className: "text-slate-400 font-medium" }, "Nenhum milestone definido"), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-xs text-slate-600 max-w-[200px] mt-1 italic" }, "Defina marcos importantes para orientar o progresso do projeto."))),
+      /* @__PURE__ */ import_react28.default.createElement("div", { className: "px-6 py-4 border-t border-white/5 bg-slate-900/50 flex items-center justify-between rounded-b-2xl" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Total:"), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-xs font-bold text-slate-300" }, milestones.length)), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Ativos:"), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-xs font-bold text-indigo-400" }, milestones.filter((m) => m.status === "active").length))))
+    )
+  );
+}
+
 // src/XViewScene.jsx
 var import_short_uuid2 = __toESM(require("short-uuid"));
 var secretKey = process.env.NEXT_PUBLIC_CRYPTO_KEY;
@@ -13086,13 +13382,13 @@ function XViewScene({
   check_user_permission,
   get_view_members
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const { data: session, status } = (0, import_react29.useSession)();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { data: session, status } = (0, import_react30.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = (0, import_react28.useMemo)(() => {
+  const viewParams = (0, import_react29.useMemo)(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data) {
@@ -13101,7 +13397,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -13138,65 +13434,65 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = (0, import_react28.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = (0, import_react28.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = (0, import_react28.useMemo)(() => {
+  const sceneConfigId = (0, import_react29.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
+  const ownerId = (0, import_react29.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
+  const dbSaveUrl = (0, import_react29.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = (0, import_react28.useMemo)(() => {
+  const sceneSaveUrl = (0, import_react29.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = (0, import_react28.useMemo)(() => {
+  const ancestry_save_url = (0, import_react29.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = (0, import_react28.useRef)(null);
-  const parentDataRef = (0, import_react28.useRef)(null);
-  const ancestryDataRef = (0, import_react28.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react28.useState)(true);
-  const [permissionStatus, setPermissionStatus] = (0, import_react28.useState)("loading");
-  const [userPermissionRole, setUserPermissionRole] = (0, import_react28.useState)(null);
-  const [viewMembers, setViewMembers] = (0, import_react28.useState)([]);
-  const [isInitialized, setIsInitialized] = (0, import_react28.useState)(false);
-  const [sceneVersion, setSceneVersion] = (0, import_react28.useState)(0);
-  const [contextMenu, setContextMenu] = (0, import_react28.useState)({
+  const sceneDataRef = (0, import_react29.useRef)(null);
+  const parentDataRef = (0, import_react29.useRef)(null);
+  const ancestryDataRef = (0, import_react29.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react29.useState)(true);
+  const [permissionStatus, setPermissionStatus] = (0, import_react29.useState)("loading");
+  const [userPermissionRole, setUserPermissionRole] = (0, import_react29.useState)(null);
+  const [viewMembers, setViewMembers] = (0, import_react29.useState)([]);
+  const [isInitialized, setIsInitialized] = (0, import_react29.useState)(false);
+  const [sceneVersion, setSceneVersion] = (0, import_react29.useState)(0);
+  const [contextMenu, setContextMenu] = (0, import_react29.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = (0, import_react28.useState)({
+  const [multiContextMenu, setMultiContextMenu] = (0, import_react29.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = (0, import_react28.useState)({
+  const [relationshipMenu, setRelationshipMenu] = (0, import_react29.useState)({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = (0, import_react28.useState)({
+  const [creationMode, setCreationMode] = (0, import_react29.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = (0, import_react28.useState)({
+  const [versionMode, setVersionMode] = (0, import_react29.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = (0, import_react28.useState)({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react28.useState)(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react28.useState)(false);
-  const [ancestryMode, setAncestryMode] = (0, import_react28.useState)({
+  const [questMode, setQuestMode] = (0, import_react29.useState)({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react29.useState)(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react29.useState)(false);
+  const [ancestryMode, setAncestryMode] = (0, import_react29.useState)({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13207,41 +13503,42 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = (0, import_react28.useState)({
+  const [readingMode, setReadingMode] = (0, import_react29.useState)({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = (0, import_react28.useState)({
+  const [formPosition, setFormPosition] = (0, import_react29.useState)({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = (0, import_react28.useState)(null);
-  const [detailsLink, setDetailsLink] = (0, import_react28.useState)(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react28.useState)(null);
-  const [imageViewer, setImageViewer] = (0, import_react28.useState)({
+  const [detailsNode, setDetailsNode] = (0, import_react29.useState)(null);
+  const [detailsLink, setDetailsLink] = (0, import_react29.useState)(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react29.useState)(null);
+  const [imageViewer, setImageViewer] = (0, import_react29.useState)({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react28.useState)({
+  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react29.useState)({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react28.useState)(false);
-  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react28.useState)("");
-  const [invalidTargetError, setInvalidTargetError] = (0, import_react28.useState)(null);
-  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react28.useState)(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react28.useState)(false);
-  const [ancestryBoardData, setAncestryBoardData] = (0, import_react28.useState)([]);
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react28.useState)(false);
-  const mountRef = (0, import_react28.useRef)(null);
-  const tooltipRef = (0, import_react28.useRef)(null);
-  const formRef = (0, import_react28.useRef)(null);
-  const stateRef = (0, import_react28.useRef)({
+  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react29.useState)(false);
+  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react29.useState)("");
+  const [invalidTargetError, setInvalidTargetError] = (0, import_react29.useState)(null);
+  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react29.useState)(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react29.useState)(false);
+  const [ancestryBoardData, setAncestryBoardData] = (0, import_react29.useState)([]);
+  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react29.useState)(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react29.useState)(false);
+  const mountRef = (0, import_react29.useRef)(null);
+  const tooltipRef = (0, import_react29.useRef)(null);
+  const formRef = (0, import_react29.useRef)(null);
+  const stateRef = (0, import_react29.useRef)({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -13305,10 +13602,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -13331,10 +13628,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = (0, import_react28.useCallback)(() => {
+  const handleNavigateBack = (0, import_react29.useCallback)(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = (0, import_react28.useCallback)(
+  const handleConfirmImport = (0, import_react29.useCallback)(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -13462,7 +13759,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = (0, import_react28.useCallback)(
+  const tweenToTarget = (0, import_react29.useCallback)(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const { camera, controls, tweenGroup } = stateRef.current;
       if (!camera || !controls || !tweenGroup) return;
@@ -13488,7 +13785,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = (0, import_react28.useCallback)(
+  const buildFullAncestryTree = (0, import_react29.useCallback)(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -13573,7 +13870,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = (0, import_react28.useCallback)(() => {
+  const handleActivateTimeline = (0, import_react29.useCallback)(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -13733,7 +14030,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = (0, import_react28.useCallback)((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = (0, import_react29.useCallback)((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
       return;
@@ -13870,7 +14167,7 @@ function XViewScene({
       }
     });
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -13915,20 +14212,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 {
@@ -13972,12 +14272,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = (0, import_react28.useCallback)((id) => {
+  const isNodeInView = (0, import_react29.useCallback)((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = (0, import_react28.useCallback)(
+  const addOrUpdateNodeMesh = (0, import_react29.useCallback)(
     (nodeData, position, suppressVersionUpdate = false) => {
       const {
         graphGroup,
@@ -14017,7 +14317,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = (0, import_react28.useCallback)(({ assigneeId, status: status2 }) => {
+  const handleActivateQuestLens = (0, import_react29.useCallback)(({ assigneeId, status: status2 }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -14230,7 +14530,7 @@ function XViewScene({
       camTween.start();
     }
   }, [addOrUpdateNodeMesh]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -14986,7 +15286,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = (0, import_react28.useCallback)((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = (0, import_react29.useCallback)((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -15034,7 +15334,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = (0, import_react28.useCallback)((newIntensity) => {
+  const handleGhostNodeIntensityChange = (0, import_react29.useCallback)((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -15055,7 +15355,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = (0, import_react28.useCallback)(
+  const handleDetailNodeIntensityChange = (0, import_react29.useCallback)(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -15211,7 +15511,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = (0, import_react28.useCallback)((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = (0, import_react29.useCallback)((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -15234,7 +15534,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react28.useMemo)(
+  const actionHandlerContext = (0, import_react29.useMemo)(
     () => {
       var _a2;
       return {
@@ -15295,7 +15595,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = (0, import_react28.useCallback)((questNode) => {
+  const handleStartQuestQuick = (0, import_react29.useCallback)((questNode) => {
     var _a2, _b2, _c2;
     if (!questNode || !actionHandlerContext) return;
     const {
@@ -15324,7 +15624,7 @@ function XViewScene({
     }
     setDetailsNode(updatedNode);
   }, [session, actionHandlerContext]);
-  const handleFinishQuestQuick = (0, import_react28.useCallback)((questNode) => {
+  const handleFinishQuestQuick = (0, import_react29.useCallback)((questNode) => {
     var _a2, _b2, _c2, _d2;
     if (!questNode || !actionHandlerContext) return;
     const {
@@ -15398,7 +15698,7 @@ function XViewScene({
       setDetailsNode(null);
     }
   }, [session, actionHandlerContext, viewMembers, detailsNode]);
-  const handleCancelQuest = (0, import_react28.useCallback)(() => {
+  const handleCancelQuest = (0, import_react29.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -15451,7 +15751,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);
@@ -15550,7 +15851,7 @@ function XViewScene({
     }
     userActionHandlers.handleCancelConnection(context);
   };
-  const handleClearAncestryVisuals = (0, import_react28.useCallback)((ancestryId) => {
+  const handleClearAncestryVisuals = (0, import_react29.useCallback)((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -15568,7 +15869,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = (0, import_react28.useCallback)(
+  const handleRenderAncestry = (0, import_react29.useCallback)(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16062,7 +16363,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = (0, import_react28.useCallback)(
+  const handleRenderAbstractionTree = (0, import_react29.useCallback)(
     (ancestryObject, targetNodeId = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16150,7 +16451,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = (0, import_react28.useCallback)(
+  const handleReadModeBranchNav = (0, import_react29.useCallback)(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -16328,13 +16629,13 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = (0, import_react28.useCallback)((nodeId) => {
+  const handleReadModeHighlight = (0, import_react29.useCallback)((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = (0, import_react28.useMemo)(() => {
+  const activeNodeBranches = (0, import_react29.useMemo)(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -16378,7 +16679,7 @@ function XViewScene({
     readingMode.branchStack,
     ancestryDataRef.current
   ]);
-  const backNavigationInfo = (0, import_react28.useMemo)(() => {
+  const backNavigationInfo = (0, import_react29.useMemo)(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -16389,7 +16690,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = (0, import_react28.useMemo)(() => {
+  const getReadModeDisplayContext = (0, import_react29.useMemo)(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -16432,7 +16733,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = (0, import_react28.useMemo)(() => {
+  const readModeAbstractionTree = (0, import_react29.useMemo)(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -16451,7 +16752,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = (0, import_react28.useCallback)(
+  const handleStartReadingAncestry = (0, import_react29.useCallback)(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16494,7 +16795,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = (0, import_react28.useCallback)(
+  const handleReadModeSectionChange = (0, import_react29.useCallback)(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -16579,10 +16880,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = (0, import_react28.useCallback)(() => {
+  const handleCloseReadMode = (0, import_react29.useCallback)(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = (0, import_react28.useCallback)(
+  const handleAncestrySectionChange = (0, import_react29.useCallback)(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -16644,7 +16945,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = (0, import_react28.useCallback)(
+  const handleEditAncestry = (0, import_react29.useCallback)(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16699,7 +17000,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = (0, import_react28.useCallback)((pathToRemove) => {
+  const handleRemoveFromAncestry = (0, import_react29.useCallback)((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -16724,7 +17025,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = (0, import_react28.useCallback)(
+  const handleSaveAncestry = (0, import_react29.useCallback)(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -16960,7 +17261,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = (0, import_react28.useCallback)(
+  const handleDeleteAncestry = (0, import_react29.useCallback)(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -17042,10 +17343,10 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = (0, import_react28.useCallback)(() => {
+  const handleOpenAncestryBoard = (0, import_react29.useCallback)(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = (0, import_react28.useCallback)(
+  const handleSelectAncestryFromBoard = (0, import_react29.useCallback)(
     (ancestry) => {
       setIsAncestryBoardOpen(false);
       setIsSidebarOpen(false);
@@ -17053,7 +17354,7 @@ function XViewScene({
     },
     [handleStartReadingAncestry]
   );
-  const handleSaveAncestryBoard = (0, import_react28.useCallback)(
+  const handleSaveAncestryBoard = (0, import_react29.useCallback)(
     async (groups) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -17067,7 +17368,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
   );
-  const existingNodeTypes = (0, import_react28.useMemo)(() => {
+  const existingNodeTypes = (0, import_react29.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17079,7 +17380,7 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = (0, import_react28.useMemo)(() => {
+  const searchableDbNodes = (0, import_react29.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17094,7 +17395,7 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = (0, import_react28.useCallback)(
+  const handleAddExistingNode = (0, import_react29.useCallback)(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -17103,7 +17404,53 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleSaveCurrentView = (0, import_react28.useCallback)(async () => {
+  const handleUpdateMilestones = (0, import_react29.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_react29.useCallback)(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -17137,7 +17484,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);
@@ -17145,16 +17493,16 @@ function XViewScene({
       console.error("Erro na chamada de save_view_data:", error);
     }
   }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
-  const allAvailableNodes = (0, import_react28.useMemo)(() => {
+  const allAvailableNodes = (0, import_react29.useMemo)(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap(
       (fileData) => fileData.nodes || []
     );
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = (0, import_react28.useMemo)(() => {
+  const allAvailableAncestries = (0, import_react29.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = (0, import_react28.useCallback)(
+  const handleOpenReference = (0, import_react29.useCallback)(
     (referenceData) => {
       const { type, id } = referenceData;
       if (type === "node") {
@@ -17193,13 +17541,13 @@ function XViewScene({
       tweenToTarget
     ]
   );
-  const handleToggleAncestryAddMode = (0, import_react28.useCallback)(() => {
+  const handleToggleAncestryAddMode = (0, import_react29.useCallback)(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const handleFocusNode = (0, import_react28.useCallback)(
+  const handleFocusNode = (0, import_react29.useCallback)(
     (nodeData) => {
       if (!nodeData) return;
       const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
@@ -17209,7 +17557,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  const availableDatasets = (0, import_react28.useMemo)(() => {
+  const availableDatasets = (0, import_react29.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -17223,7 +17571,7 @@ function XViewScene({
     String(creationMode.sourceNodeData.id)
   )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -17246,7 +17594,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -17271,7 +17619,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -17394,10 +17742,10 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ import_react28.default.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ import_react29.default.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react28.default.createElement(
+    return /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react29.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -17407,7 +17755,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -17415,13 +17763,13 @@ function XViewScene({
           d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
         }
       )
-    )), /* @__PURE__ */ import_react28.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react28.default.createElement(
+    )), /* @__PURE__ */ import_react29.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react29.default.createElement(
       "button",
       {
         onClick: () => router.push("/dashboard/scenes"),
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium"
       },
-      /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -17431,7 +17779,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ import_react28.default.createElement(
+        /* @__PURE__ */ import_react29.default.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -17443,7 +17791,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(
     "div",
     {
       ref: mountRef,
@@ -17455,7 +17803,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react28.default.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react29.default.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -17474,10 +17822,12 @@ function XViewScene({
         isOpen: isSidebarOpen,
         onToggle: setIsSidebarOpen,
         userRole: userPermissionRole,
-        viewMembers
+        viewMembers,
+        milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
+        onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ import_react28.default.createElement(
+    creationMode.isActive && /* @__PURE__ */ import_react29.default.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -17498,8 +17848,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,7 +17859,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ import_react28.default.createElement(
+    versionMode.isActive && /* @__PURE__ */ import_react29.default.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -17528,14 +17878,14 @@ 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
       }
     ),
-    questMode.isActive && /* @__PURE__ */ import_react28.default.createElement(
+    questMode.isActive && /* @__PURE__ */ import_react29.default.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -17557,11 +17907,13 @@ 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(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react29.default.createElement(
       "div",
       {
         className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
@@ -17574,7 +17926,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -17585,7 +17937,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -17620,7 +17972,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react28.default.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react29.default.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -17656,7 +18008,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ import_react28.default.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ import_react29.default.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -17670,7 +18022,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react28.default.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react29.default.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -17690,10 +18042,12 @@ 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(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react29.default.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -17725,7 +18079,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react28.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react29.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -17739,7 +18093,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react28.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react29.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -17750,7 +18104,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -17777,7 +18131,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -17810,7 +18164,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -17830,7 +18184,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -17848,14 +18202,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -17868,20 +18222,29 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
+      MilestoneManager,
+      {
+        isOpen: isMilestoneManagerOpen,
+        onClose: () => setIsMilestoneManagerOpen(false),
+        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
+      }
+    ),
+    /* @__PURE__ */ import_react29.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_h = sceneDataRef.current) == null ? void 0 : _h.parent_dbs) || [],
+        parentDbs: ((_l = sceneDataRef.current) == null ? void 0 : _l.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ import_react28.default.createElement(
+    invalidTargetError && /* @__PURE__ */ import_react29.default.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -17906,13 +18269,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ import_react28.default.createElement("style", null, `
+      /* @__PURE__ */ import_react29.default.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement(
         "svg",
         {
           width: "20",
@@ -17924,12 +18287,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react28.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ import_react28.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-        /* @__PURE__ */ import_react28.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        /* @__PURE__ */ import_react29.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react29.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react29.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ import_react28.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react29.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ import_react29.default.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),