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

package/dist/index.mjs

@@ -1,9 +1,9 @@
 // src/XViewScene.jsx
-import React27, {
+import React28, {
   useCallback as useCallback4,
   useEffect as useEffect22,
   useRef as useRef19,
-  useState as useState26,
+  useState as useState27,
   useMemo as useMemo12
 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -588,14 +588,13 @@ function XViewSidebar({
   onActivateQuestLens = () => {
   },
   milestones = [],
-  onUpdateMilestones = () => {
+  onOpenMilestoneManager = () => {
   }
 }) {
   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");
@@ -807,28 +806,6 @@ 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",
     {
@@ -1020,25 +997,7 @@ function XViewSidebar({
       },
       /* @__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("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), /* @__PURE__ */ React2.createElement("polyline", { points: "17 8 12 3 7 8" }), /* @__PURE__ */ React2.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })),
       "Importar arquivo"
-    ), /* @__PURE__ */ React2.createElement("p", { className: "mt-1.5 text-xs text-slate-400 text-center px-1 leading-tight" }, "Importar datasets ou ancestralidades das views."), /* @__PURE__ */ React2.createElement("div", { className: "h-9 mt-1 flex items-center justify-center" }, importSuccessMessage && /* @__PURE__ */ React2.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__ */ React2.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Lentes"), /* @__PURE__ */ React2.createElement(
-      "button",
-      {
-        onClick: onActivateTimeline,
-        className: buttonBaseClass,
-        title: "Ativar a visualiza\xE7\xE3o de Timeline"
-      },
-      /* @__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("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React2.createElement("polyline", { points: "12 6 12 12 16 14" })),
-      "Timeline"
-    ), /* @__PURE__ */ React2.createElement(
-      "button",
-      {
-        onClick: onOpenAncestryBoard,
-        className: buttonBaseClass,
-        title: "Abrir painel de Ancestralidades"
-      },
-      /* @__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("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 12 12 17 22 12" })),
-      "Ancestry Board"
-    ), /* @__PURE__ */ React2.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ React2.createElement(
+    ), /* @__PURE__ */ React2.createElement("p", { className: "mt-1.5 text-xs text-slate-400 text-center px-1 leading-tight" }, "Importar datasets ou ancestralidades das views."), /* @__PURE__ */ React2.createElement("div", { className: "h-9 mt-1 flex items-center justify-center" }, importSuccessMessage && /* @__PURE__ */ React2.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__ */ React2.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Lentes"), /* @__PURE__ */ React2.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ React2.createElement(
       "button",
       {
         onClick: () => setIsQuestLensMenuOpen(!isQuestLensMenuOpen),
@@ -1090,54 +1049,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__ */ 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",
+    )))), /* @__PURE__ */ React2.createElement(
+      "button",
       {
-        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"
-      }
+        onClick: onActivateTimeline,
+        className: buttonBaseClass,
+        title: "Ativar a visualiza\xE7\xE3o de Timeline"
+      },
+      /* @__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("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React2.createElement("polyline", { points: "12 6 12 12 16 14" })),
+      "Timeline"
     ), /* @__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"
+        onClick: onOpenAncestryBoard,
+        className: buttonBaseClass,
+        title: "Abrir painel de Ancestralidades"
       },
-      /* @__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",
+      /* @__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("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 12 12 17 22 12" })),
+      "Ancestry Board"
+    )), /* @__PURE__ */ React2.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ React2.createElement("section", { className: "space-y-3" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Milestones"), /* @__PURE__ */ React2.createElement(
+      "button",
       {
-        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"}`
+        onClick: onOpenMilestoneManager,
+        className: buttonBaseClass,
+        title: "Gerenciar os milestones deste cen\xE1rio"
       },
-      /* @__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(
+      /* @__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("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "6" }), /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "2" })),
+      "Gerenciar Milestones",
+      milestones.length > 0 && /* @__PURE__ */ React2.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__ */ 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,
@@ -13295,6 +13235,116 @@ function AncestryBoard({
   );
 }
 
+// src/components/MilestoneManager.jsx
+import React27, { useState as useState26 } from "react";
+import { FiTarget as FiTarget4, FiPlus as FiPlus11, FiTrash2 as FiTrash24, FiX as FiX9, FiCheck as FiCheck12, FiPauseCircle, FiPlayCircle } from "react-icons/fi";
+function MilestoneManager({
+  isOpen,
+  onClose,
+  milestones = [],
+  onUpdateMilestones = () => {
+  }
+}) {
+  const [newMilestoneName, setNewMilestoneName] = useState26("");
+  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__ */ React27.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__ */ React27.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__ */ React27.createElement("div", { className: "px-6 py-4 border-b border-white/10 flex items-center justify-between" }, /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React27.createElement("div", { className: "p-2 rounded-lg bg-indigo-500/20 text-indigo-400" }, /* @__PURE__ */ React27.createElement(FiTarget4, { size: 20 })), /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement("h2", { className: "text-lg font-semibold text-slate-100" }, "Milestones"), /* @__PURE__ */ React27.createElement("p", { className: "text-xs text-slate-400" }, "Gerencie os marcos do seu cen\xE1rio"))), /* @__PURE__ */ React27.createElement(
+        "button",
+        {
+          onClick: onClose,
+          className: "p-2 rounded-full hover:bg-white/10 text-slate-400 hover:text-white transition-colors"
+        },
+        /* @__PURE__ */ React27.createElement(FiX9, { size: 20 })
+      )),
+      /* @__PURE__ */ React27.createElement("div", { className: "px-6 py-5 bg-white/5 border-b border-white/5" }, /* @__PURE__ */ React27.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React27.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__ */ React27.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__ */ React27.createElement(FiPlus11, { size: 18 }),
+        "Adicionar"
+      ))),
+      /* @__PURE__ */ React27.createElement("div", { className: "flex-1 overflow-y-auto px-6 py-4 custom-scrollbar" }, milestones.length > 0 ? /* @__PURE__ */ React27.createElement("div", { className: "space-y-3" }, milestones.map((ms) => /* @__PURE__ */ React27.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__ */ React27.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ React27.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__ */ React27.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React27.createElement("span", { className: `text-sm font-medium truncate ${ms.status === "active" ? "text-slate-100" : "text-slate-400 line-through"}` }, ms.name), /* @__PURE__ */ React27.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, ms.status === "active" ? "Ativo" : "Inativo"))),
+        /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React27.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__ */ React27.createElement(FiPauseCircle, { size: 18 }) : /* @__PURE__ */ React27.createElement(FiPlayCircle, { size: 18 })
+        ), /* @__PURE__ */ React27.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__ */ React27.createElement(FiTrash24, { size: 18 })
+        ))
+      ))) : /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col items-center justify-center py-12 text-center" }, /* @__PURE__ */ React27.createElement("div", { className: "p-4 rounded-full bg-slate-800/30 text-slate-600 mb-4" }, /* @__PURE__ */ React27.createElement(FiTarget4, { size: 40 })), /* @__PURE__ */ React27.createElement("h3", { className: "text-slate-400 font-medium" }, "Nenhum milestone definido"), /* @__PURE__ */ React27.createElement("p", { className: "text-xs text-slate-600 max-w-[200px] mt-1 italic" }, "Defina marcos importantes para orientar o progresso do projeto."))),
+      /* @__PURE__ */ React27.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__ */ React27.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Total:"), /* @__PURE__ */ React27.createElement("span", { className: "text-xs font-bold text-slate-300" }, milestones.length)), /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Ativos:"), /* @__PURE__ */ React27.createElement("span", { className: "text-xs font-bold text-indigo-400" }, milestones.filter((m) => m.status === "active").length))))
+    )
+  );
+}
+
 // src/XViewScene.jsx
 import short2 from "short-uuid";
 var secretKey = process.env.NEXT_PUBLIC_CRYPTO_KEY;
@@ -13376,7 +13426,7 @@ function XViewScene({
   check_user_permission,
   get_view_members
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -13451,42 +13501,42 @@ function XViewScene({
   const sceneDataRef = useRef19(null);
   const parentDataRef = useRef19(null);
   const ancestryDataRef = useRef19(null);
-  const [isLoading, setIsLoading] = useState26(true);
-  const [permissionStatus, setPermissionStatus] = useState26("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState26(null);
-  const [viewMembers, setViewMembers] = useState26([]);
-  const [isInitialized, setIsInitialized] = useState26(false);
-  const [sceneVersion, setSceneVersion] = useState26(0);
-  const [contextMenu, setContextMenu] = useState26({
+  const [isLoading, setIsLoading] = useState27(true);
+  const [permissionStatus, setPermissionStatus] = useState27("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState27(null);
+  const [viewMembers, setViewMembers] = useState27([]);
+  const [isInitialized, setIsInitialized] = useState27(false);
+  const [sceneVersion, setSceneVersion] = useState27(0);
+  const [contextMenu, setContextMenu] = useState27({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = useState26({
+  const [multiContextMenu, setMultiContextMenu] = useState27({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = useState26({
+  const [relationshipMenu, setRelationshipMenu] = useState27({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = useState26({
+  const [creationMode, setCreationMode] = useState27({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = useState26({
+  const [versionMode, setVersionMode] = useState27({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = useState26({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState26(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState26(false);
-  const [ancestryMode, setAncestryMode] = useState26({
+  const [questMode, setQuestMode] = useState27({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState27(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState27(false);
+  const [ancestryMode, setAncestryMode] = useState27({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13497,37 +13547,38 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = useState26({
+  const [readingMode, setReadingMode] = useState27({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState26({
+  const [formPosition, setFormPosition] = useState27({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = useState26(null);
-  const [detailsLink, setDetailsLink] = useState26(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState26(null);
-  const [imageViewer, setImageViewer] = useState26({
+  const [detailsNode, setDetailsNode] = useState27(null);
+  const [detailsLink, setDetailsLink] = useState27(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState27(null);
+  const [imageViewer, setImageViewer] = useState27({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = useState26({
+  const [editingAncestryRel, setEditingAncestryRel] = useState27({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = useState26(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState26("");
-  const [invalidTargetError, setInvalidTargetError] = useState26(null);
-  const [highlightedNodeId, setHighlightedNodeId] = useState26(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState26(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState26([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState26(false);
+  const [isImportModalOpen, setIsImportModalOpen] = useState27(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState27("");
+  const [invalidTargetError, setInvalidTargetError] = useState27(null);
+  const [highlightedNodeId, setHighlightedNodeId] = useState27(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState27(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState27([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState27(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState27(false);
   const mountRef = useRef19(null);
   const tooltipRef = useRef19(null);
   const formRef = useRef19(null);
@@ -17735,10 +17786,10 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ React27.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ React28.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React27.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React27.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React27.createElement(
+    return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React28.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React28.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React28.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -17748,7 +17799,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -17756,13 +17807,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__ */ React27.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React27.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__ */ React27.createElement(
+    )), /* @__PURE__ */ React28.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React28.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__ */ React28.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__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -17772,7 +17823,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React27.createElement(
+        /* @__PURE__ */ React28.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -17784,7 +17835,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "div",
     {
       ref: mountRef,
@@ -17796,7 +17847,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React27.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React28.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -17817,10 +17868,10 @@ function XViewScene({
         userRole: userPermissionRole,
         viewMembers,
         milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
-        onUpdateMilestones: handleUpdateMilestones
+        onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React27.createElement(
+    creationMode.isActive && /* @__PURE__ */ React28.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -17852,7 +17903,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React27.createElement(
+    versionMode.isActive && /* @__PURE__ */ React28.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -17878,7 +17929,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React27.createElement(
+    questMode.isActive && /* @__PURE__ */ React28.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -17906,7 +17957,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React27.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React28.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"}`,
@@ -17919,7 +17970,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -17930,7 +17981,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -17965,7 +18016,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React27.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React28.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -18001,7 +18052,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React27.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React28.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -18015,7 +18066,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React27.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -18040,7 +18091,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React27.createElement(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -18072,7 +18123,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React27.createElement(
+    detailsLink && /* @__PURE__ */ React28.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -18086,7 +18137,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React27.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React28.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -18097,7 +18148,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -18124,7 +18175,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -18157,7 +18208,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -18177,7 +18228,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -18195,14 +18246,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -18215,20 +18266,29 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React27.createElement(
+    /* @__PURE__ */ React28.createElement(
+      MilestoneManager,
+      {
+        isOpen: isMilestoneManagerOpen,
+        onClose: () => setIsMilestoneManagerOpen(false),
+        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
+        onUpdateMilestones: handleUpdateMilestones
+      }
+    ),
+    /* @__PURE__ */ React28.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_k = sceneDataRef.current) == null ? void 0 : _k.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__ */ React27.createElement(
+    invalidTargetError && /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -18253,13 +18313,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ React27.createElement("style", null, `
+      /* @__PURE__ */ React28.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(
         "svg",
         {
           width: "20",
@@ -18271,12 +18331,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React27.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ React27.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-        /* @__PURE__ */ React27.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        /* @__PURE__ */ React28.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React28.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React28.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ React27.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React28.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),