@lv-x-software-house/x_view 1.2.5 → 1.2.6-dev.10

package/dist/index.mjs

@@ -1,10 +1,10 @@
 // src/XViewScene.jsx
-import React28, {
-  useCallback as useCallback4,
-  useEffect as useEffect22,
-  useRef as useRef19,
-  useState as useState27,
-  useMemo as useMemo12
+import React30, {
+  useCallback as useCallback5,
+  useEffect as useEffect24,
+  useRef as useRef20,
+  useState as useState29,
+  useMemo as useMemo13
 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
@@ -79,55 +79,7 @@ function defineAbilityFor(role) {
 
 // src/logic/x_view_utils.js
 import { useState, useCallback } from "react";
-
-// node_modules/uuid/dist/esm-node/rng.js
-import crypto from "crypto";
-var rnds8Pool = new Uint8Array(256);
-var poolPtr = rnds8Pool.length;
-function rng() {
-  if (poolPtr > rnds8Pool.length - 16) {
-    crypto.randomFillSync(rnds8Pool);
-    poolPtr = 0;
-  }
-  return rnds8Pool.slice(poolPtr, poolPtr += 16);
-}
-
-// node_modules/uuid/dist/esm-node/stringify.js
-var byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-// node_modules/uuid/dist/esm-node/native.js
-import crypto2 from "crypto";
-var native_default = {
-  randomUUID: crypto2.randomUUID
-};
-
-// node_modules/uuid/dist/esm-node/v4.js
-function v4(options, buf, offset) {
-  if (native_default.randomUUID && !buf && !options) {
-    return native_default.randomUUID();
-  }
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)();
-  rnds[6] = rnds[6] & 15 | 64;
-  rnds[8] = rnds[8] & 63 | 128;
-  if (buf) {
-    offset = offset || 0;
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-    return buf;
-  }
-  return unsafeStringify(rnds);
-}
-var v4_default = v4;
-
-// src/logic/x_view_utils.js
+import { v4 as uuidv4 } from "uuid";
 import * as THREE2 from "three";
 
 // src/logic/x_view_config.js
@@ -1101,6 +1053,8 @@ var userActionHandlers = {
       if (isCrossDataset) {
         graphDataRef.current[finalTargetDatasetId] = targetDataToUpdate;
       }
+      if (sceneDataRef.current.parent_dbs.some((db) => String(db.db_id) === String(sourceParentInfo.parentFileId))) {
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
       stateRef.current.nodeIdToParentFileMap.set(String(newNode.id), {
@@ -1299,6 +1253,9 @@ var userActionHandlers = {
         );
       }
       graphDataRef.current[parentFileId] = specificParentData;
+      if (isView && parentFileId === context.sceneConfigId) {
+        sceneDataRef.current.quest_nodes = [...specificParentData.nodes];
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
       setters.setSceneVersion((v) => v + 1);
@@ -2330,6 +2287,10 @@ var userActionHandlers = {
         );
       }
       graphDataRef.current[parentFileId] = specificParentData;
+      if (isView && parentFileId === context.sceneConfigId) {
+        sceneDataRef.current.quest_nodes = [...specificParentData.nodes];
+        sceneDataRef.current.quest_counter = specificParentData.quest_counter || sceneDataRef.current.quest_counter;
+      }
       updateExistingNodeVisuals(stateRef.current, nodeToSave);
       setters.setSceneVersion((v) => v + 1);
       if (!keepOpen) {
@@ -2478,15 +2439,15 @@ function createNewCustomProperty(existingProps = []) {
   switch (nextType) {
     case "links":
       nextKey = "Links";
-      nextValue = [{ id: v4_default(), name: "", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "", value: "" }];
       break;
     case "images":
       nextKey = "Images";
-      nextValue = [{ id: v4_default(), name: "1", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "1", value: "" }];
       break;
     case "documents":
       nextKey = "Documents";
-      nextValue = [{ id: v4_default(), name: "1", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "1", value: "" }];
       break;
     case "date":
       nextKey = "Date";
@@ -2496,14 +2457,14 @@ function createNewCustomProperty(existingProps = []) {
       nextValue = 0;
       break;
     case "list":
-      nextValue = [{ id: v4_default(), name: "", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "", value: "" }];
       break;
     default:
       nextValue = "";
       break;
   }
   return {
-    id: v4_default(),
+    id: uuidv4(),
     key: nextKey,
     type: nextType,
     value: nextValue,
@@ -2748,7 +2709,7 @@ function extractCustomPropsFromNode(node) {
       if (val && typeof val === "object") {
         if ("date_interval" in val) {
           return {
-            id: v4_default(),
+            id: uuidv4(),
             key,
             type: "date",
             value: {
@@ -2760,7 +2721,7 @@ function extractCustomPropsFromNode(node) {
         }
         if ("year" in val) {
           return {
-            id: v4_default(),
+            id: uuidv4(),
             key,
             type: "date",
             value: { type: "Ano", value: val.year || "" }
@@ -2768,7 +2729,7 @@ function extractCustomPropsFromNode(node) {
         }
         if ("date" in val) {
           return {
-            id: v4_default(),
+            id: uuidv4(),
             key,
             type: "date",
             value: { type: "Data", value: val.date || "" }
@@ -2776,7 +2737,7 @@ function extractCustomPropsFromNode(node) {
         }
       }
       return {
-        id: v4_default(),
+        id: uuidv4(),
         key,
         type: "date",
         value: { type: "Data", value: "" }
@@ -2784,14 +2745,14 @@ function extractCustomPropsFromNode(node) {
     }
     if (t === "list" || t === "links" || t === "images" || t === "documents") {
       const safeList = (val || []).map((item) => ({
-        id: item.id || v4_default(),
+        id: item.id || uuidv4(),
         name: item.name ?? "",
         value: item.value ?? ""
       }));
-      return { id: v4_default(), key, type: t, value: safeList };
+      return { id: uuidv4(), key, type: t, value: safeList };
     }
     return {
-      id: v4_default(),
+      id: uuidv4(),
       key,
       type: t,
       value: t === "number" ? Number(val) || 0 : String(val ?? "")
@@ -3064,16 +3025,16 @@ var processDescriptionForSave = (text, existingSections = []) => {
       if (existingMatch) {
         finalUuid = existingMatch.id;
       } else {
-        finalUuid = v4_default();
+        finalUuid = uuidv4();
       }
     } else {
       finalUuid = numericMap.get(numStr);
       if (!finalUuid) {
-        finalUuid = v4_default();
+        finalUuid = uuidv4();
       }
     }
     if (usedIds.has(finalUuid)) {
-      finalUuid = v4_default();
+      finalUuid = uuidv4();
     }
     usedIds.add(finalUuid);
     processedSections.push({
@@ -3184,18 +3145,18 @@ function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
 function createTimelineEntry(actorId, description, type = "comment", extras = {}) {
   const { links = [], images = [], metadata = {} } = extras;
   return {
-    id: v4_default(),
+    id: uuidv4(),
     type,
     timestamp: Date.now(),
     actorId,
     description,
     links: links.map((l) => ({
-      id: l.id || v4_default(),
+      id: l.id || uuidv4(),
       name: l.name || "",
       value: l.value || ""
     })),
     images: images.map((img) => ({
-      id: img.id || v4_default(),
+      id: img.id || uuidv4(),
       name: img.name || "",
       value: img.value || ""
     }))
@@ -4422,6 +4383,7 @@ function XViewSidebar({
 
 // src/components/AncestryRelationshipPanel.jsx
 import React8, { useState as useState9, useEffect as useEffect8, useRef as useRef7 } from "react";
+import { v4 as uuidv43 } from "uuid";
 
 // src/components/CustomPropertyDisplay.jsx
 import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
@@ -5181,6 +5143,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
 }
 
 // src/components/DescriptionEditModal.jsx
+import { v4 as uuidv42 } from "uuid";
 var getNextSectionNumber = (currentText) => {
   const regex = /\*\/\s*(\d+)(?::[a-zA-Z0-9-]+)?\s*\//g;
   let max = 0;
@@ -5312,7 +5275,7 @@ function DescriptionEditModal({
     const el = textareaRef.current;
     if (!el) return;
     const nextNum = getNextSectionNumber(text);
-    const uniqueSuffix = v4_default().slice(0, 4);
+    const uniqueSuffix = uuidv42().slice(0, 4);
     insertAtCursor(`*/${nextNum}:${uniqueSuffix}/ `);
   };
   const handleImportSelect = (tags) => {
@@ -5323,7 +5286,7 @@ function DescriptionEditModal({
     let currentNum = getNextSectionNumber(currentText);
     let blockToInsert = "";
     tagsArray.forEach((tag) => {
-      const uniqueSuffix = v4_default().slice(0, 4);
+      const uniqueSuffix = uuidv42().slice(0, 4);
       blockToInsert += `
 */${currentNum}:${uniqueSuffix}/ ${tag}
 `;
@@ -6683,6 +6646,7 @@ import {
   FiLink as FiLink4,
   FiTrash2 as FiTrash22
 } from "react-icons/fi";
+import { v4 as uuidv44 } from "uuid";
 
 // src/components/AncestryPickerModal.jsx
 import React9, { useState as useState10, useMemo as useMemo7, useEffect as useEffect9 } from "react";
@@ -7719,7 +7683,7 @@ function CreateAncestryPanel({
         const nodeData = availableNodes.find((n) => String(n.id) === String(nodeId));
         const dirSuffix = direction === "left" ? "(Esq)" : "(Dir)";
         branch = {
-          id: v4_default(),
+          id: uuidv44(),
           name: `Ramifica\xE7\xE3o ${dirSuffix} de ${(nodeData == null ? void 0 : nodeData.name) || "Node"}`,
           description: "",
           description_sections: [],
@@ -8498,6 +8462,7 @@ function ImageViewer({ data, onClose }) {
 
 // src/components/InSceneCreationForm.jsx
 import React13, { useState as useState14, useEffect as useEffect13, useRef as useRef10 } from "react";
+import { v4 as uuidv45 } from "uuid";
 
 // src/components/ColorPicker.jsx
 import React12, { useState as useState13, useEffect as useEffect12, useRef as useRef9 } from "react";
@@ -9082,6 +9047,7 @@ function InSceneCreationForm({
 
 // src/components/InSceneVersionForm.jsx
 import React14, { useState as useState15, useEffect as useEffect14, useRef as useRef11 } from "react";
+import { v4 as uuidv46 } from "uuid";
 import { FiPlus as FiPlus4, FiMaximize2 as FiMaximize22, FiCheck as FiCheck8, FiEdit2 as FiEdit25 } from "react-icons/fi";
 function InSceneVersionForm({
   onSave,
@@ -9104,7 +9070,7 @@ function InSceneVersionForm({
   const [description, setDescription] = useState15("");
   const [customProps, setCustomProps] = useState15([
     {
-      id: v4_default(),
+      id: uuidv46(),
       key: "Date",
       type: "date",
       value: { type: "Data", value: "" },
@@ -9397,6 +9363,7 @@ function InSceneVersionForm({
 
 // src/components/InSceneQuestForm.jsx
 import React16, { useState as useState17, useRef as useRef12 } from "react";
+import { v4 as uuidv47 } from "uuid";
 import {
   FiPlus as FiPlus6,
   FiCheck as FiCheck9,
@@ -10321,6 +10288,7 @@ function InSceneQuestForm({
 
 // src/components/NodeDetailsPanel.jsx
 import React17, { useState as useState18, useEffect as useEffect15, useRef as useRef13 } from "react";
+import { v4 as uuidv48 } from "uuid";
 import { FiPlus as FiPlus7, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage3, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
@@ -10835,6 +10803,7 @@ function NodeDetailsPanel({
 
 // src/components/QuestDetailsPanel.jsx
 import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef14 } from "react";
+import { v4 as uuidv49 } from "uuid";
 import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4 } from "react-icons/fi";
 
 // src/components/QuestTimeline.jsx
@@ -11285,7 +11254,7 @@ ${noteText}` : noteText : entry.notes,
     }, 100);
   };
   const addLinkToNote = () => {
-    setNoteLinks([...noteLinks, { id: v4_default(), name: "", value: "" }]);
+    setNoteLinks([...noteLinks, { id: uuidv49(), name: "", value: "" }]);
   };
   const removeLinkFromNote = (id) => {
     setNoteLinks(noteLinks.filter((l) => l.id !== id));
@@ -11294,7 +11263,7 @@ ${noteText}` : noteText : entry.notes,
     setNoteLinks(noteLinks.map((l) => l.id === id ? { ...l, [field]: val } : l));
   };
   const addImageToNote = () => {
-    setNoteImages([...noteImages, { id: v4_default(), name: "Image", value: "" }]);
+    setNoteImages([...noteImages, { id: uuidv49(), name: "Image", value: "" }]);
   };
   const removeImageFromNote = (id) => {
     setNoteImages(noteImages.filter((img) => img.id !== id));
@@ -12171,6 +12140,7 @@ function MultiNodeContextMenu({
 
 // src/components/RelationshipDetailsPanel.jsx
 import React21, { useState as useState21, useEffect as useEffect18, useRef as useRef16, useMemo as useMemo9 } from "react";
+import { v4 as uuidv410 } from "uuid";
 import { FiPlus as FiPlus9, FiEdit2 as FiEdit29, FiLoader as FiLoader4, FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function RelationshipDetailsPanel({
   link,
@@ -12980,10 +12950,10 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/AncestryBoard.jsx
-import React26, { useState as useState25, useMemo as useMemo11, useEffect as useEffect21, useRef as useRef18 } from "react";
+import React28, { useState as useState27, useMemo as useMemo12, useEffect as useEffect23 } from "react";
 import {
   FiSearch as FiSearch8,
-  FiLayers as FiLayers6,
+  FiLayers as FiLayers7,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus10,
@@ -12993,173 +12963,418 @@ import {
   FiCheckCircle,
   FiLoader as FiLoader5,
   FiX as FiX8,
-  FiAlertTriangle
+  FiBox as FiBox2,
+  FiCheckSquare as FiCheckSquare4,
+  FiGitBranch as FiGitBranch4
 } from "react-icons/fi";
+import { v4 as uuidv411 } from "uuid";
+
+// src/components/RichGroupEditor.jsx
+import React27, { useEffect as useEffect22, useRef as useRef19, useState as useState26, useCallback as useCallback4 } from "react";
+
+// src/components/MentionPopover.jsx
+import React26, { useEffect as useEffect21, useRef as useRef18, useState as useState25, useMemo as useMemo11 } from "react";
+import { FiLayers as FiLayers6, FiCheckSquare as FiCheckSquare3, FiGitBranch as FiGitBranch3, FiBox } from "react-icons/fi";
+var TYPE_CONFIG = {
+  ancestry: { Icon: FiLayers6, color: "text-indigo-400", label: "Ancestralidade" },
+  quest: { Icon: FiCheckSquare3, color: "text-emerald-400", label: "Quest" },
+  version: { Icon: FiGitBranch3, color: "text-amber-400", label: "Vers\xE3o" },
+  node: { Icon: FiBox, color: "text-slate-400", label: "Node" }
+};
+function MentionPopover({ query, items, position, onSelect, onClose }) {
+  const [activeIndex, setActiveIndex] = useState25(0);
+  const listRef = useRef18(null);
+  const filtered = useMemo11(() => {
+    const term = (query || "").toLowerCase().trim();
+    if (!term) return items.slice(0, 8);
+    return items.filter(
+      (item) => (item.searchLabel || "").toLowerCase().includes(term) || (item.searchDesc || "").toLowerCase().includes(term)
+    ).slice(0, 8);
+  }, [items, query]);
+  useEffect21(() => {
+    setActiveIndex(0);
+  }, [query]);
+  useEffect21(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.min(i + 1, filtered.length - 1));
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.max(i - 1, 0));
+      } else if (e.key === "Enter" || e.key === "Tab") {
+        e.preventDefault();
+        if (filtered[activeIndex]) onSelect(filtered[activeIndex]);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        onClose();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown, true);
+    return () => window.removeEventListener("keydown", handleKeyDown, true);
+  }, [filtered, activeIndex, onSelect, onClose]);
+  useEffect21(() => {
+    if (listRef.current) {
+      const el = listRef.current.children[activeIndex];
+      if (el) el.scrollIntoView({ block: "nearest" });
+    }
+  }, [activeIndex]);
+  return /* @__PURE__ */ React26.createElement(
+    "div",
+    {
+      style: { top: position.top, left: position.left, position: "fixed", zIndex: 9999 },
+      className: "bg-slate-900 border border-white/10 rounded-xl shadow-2xl py-1.5 min-w-[260px] max-h-[240px] overflow-y-auto custom-scrollbar animate-in fade-in zoom-in-95 duration-100",
+      ref: listRef,
+      onMouseDown: (e) => e.preventDefault()
+    },
+    filtered.length === 0 ? /* @__PURE__ */ React26.createElement("div", { className: "px-4 py-3 text-xs text-slate-500" }, "Nenhum resultado para", " ", /* @__PURE__ */ React26.createElement("span", { className: "text-slate-300 font-medium" }, '"', query, '"')) : filtered.map((item, idx) => {
+      const config = TYPE_CONFIG[item.type] || TYPE_CONFIG.node;
+      const { Icon } = config;
+      return /* @__PURE__ */ React26.createElement(
+        "div",
+        {
+          key: item.id,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            onSelect(item);
+          },
+          onMouseEnter: () => setActiveIndex(idx),
+          className: `flex items-center gap-2.5 px-3 py-2 cursor-pointer text-sm transition-colors duration-100 ${idx === activeIndex ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5"}`
+        },
+        /* @__PURE__ */ React26.createElement(Icon, { size: 13, className: config.color }),
+        /* @__PURE__ */ React26.createElement("span", { className: "flex-1 truncate font-medium" }, item.searchLabel || "Sem Nome"),
+        /* @__PURE__ */ React26.createElement("span", { className: "text-[9px] px-1.5 py-0.5 rounded-full bg-white/5 text-slate-500 border border-white/5 uppercase tracking-wide shrink-0" }, config.label)
+      );
+    })
+  );
+}
+
+// src/components/RichGroupEditor.jsx
+var MENTION_BASE_STYLE = "display:inline-flex;align-items:center;padding:1px 7px;border-radius:5px;margin:0 2px;font-size:0.78em;font-weight:600;cursor:pointer;white-space:nowrap;vertical-align:middle;user-select:none;line-height:1.6;";
+var MENTION_TYPE_STYLE = {
+  ancestry: "background:rgba(99,102,241,0.18);color:#a5b4fc;border:1px solid rgba(99,102,241,0.35);",
+  quest: "background:rgba(16,185,129,0.18);color:#6ee7b7;border:1px solid rgba(16,185,129,0.35);",
+  version: "background:rgba(245,158,11,0.18);color:#fcd34d;border:1px solid rgba(245,158,11,0.35);",
+  node: "background:rgba(100,116,139,0.18);color:#94a3b8;border:1px solid rgba(100,116,139,0.35);"
+};
+function mentionStyle(type) {
+  return MENTION_BASE_STYLE + (MENTION_TYPE_STYLE[type] || MENTION_TYPE_STYLE.node);
+}
+function escapeHtml(str) {
+  return String(str || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function contentToHTML(content) {
+  if (!content || content.length === 0) return "";
+  return content.map((seg) => {
+    if (seg.type === "text") {
+      return escapeHtml(seg.value).replace(/\n/g, "<br>");
+    }
+    if (seg.type === "mention") {
+      const style = mentionStyle(seg.mentionType);
+      return `<span contenteditable="false" data-mention="true" data-id="${escapeHtml(String(seg.id))}" data-name="${escapeHtml(seg.name || "")}" data-mention-type="${escapeHtml(seg.mentionType || "node")}" style="${style}" title="Clique para focar na cena">@${escapeHtml(seg.name || "")}</span>`;
+    }
+    return "";
+  }).join("");
+}
+function domToContent(el) {
+  const segments = [];
+  function pushText(text) {
+    const clean = text.replace(/\u200B/g, "");
+    if (!clean) return;
+    const last = segments[segments.length - 1];
+    if (last && last.type === "text") {
+      last.value += clean;
+    } else {
+      segments.push({ type: "text", value: clean });
+    }
+  }
+  function walk(node) {
+    var _a;
+    if (node.nodeType === Node.TEXT_NODE) {
+      pushText(node.textContent);
+    } else if (node.nodeType === Node.ELEMENT_NODE) {
+      if (((_a = node.dataset) == null ? void 0 : _a.mention) === "true") {
+        segments.push({
+          type: "mention",
+          id: node.dataset.id,
+          name: node.dataset.name,
+          mentionType: node.dataset.mentionType
+        });
+      } else if (node.tagName === "BR") {
+        pushText("\n");
+      } else {
+        if (["DIV", "P"].includes(node.tagName) && segments.length > 0) {
+          pushText("\n");
+        }
+        node.childNodes.forEach(walk);
+      }
+    }
+  }
+  el.childNodes.forEach(walk);
+  return segments;
+}
+function RichGroupEditor({
+  content,
+  onChange,
+  onMentionClick,
+  searchItems,
+  readOnly,
+  placeholder
+}) {
+  const editorRef = useRef19(null);
+  const isMountedRef = useRef19(false);
+  const [mentionState, setMentionState] = useState26(null);
+  const [isEmpty, setIsEmpty] = useState26(true);
+  useEffect22(() => {
+    if (!isMountedRef.current && editorRef.current) {
+      editorRef.current.innerHTML = contentToHTML(content);
+      const hasContent = !!editorRef.current.innerText.replace(/\u200B/g, "").trim();
+      const hasMentions = !!editorRef.current.querySelector("[data-mention]");
+      setIsEmpty(!hasContent && !hasMentions);
+      isMountedRef.current = true;
+    }
+  }, []);
+  const getMentionContext = useCallback4(() => {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0) return null;
+    const range = selection.getRangeAt(0);
+    if (range.startContainer.nodeType !== Node.TEXT_NODE) return null;
+    const textBefore = range.startContainer.textContent.substring(0, range.startOffset);
+    const atIndex = textBefore.lastIndexOf("@");
+    if (atIndex === -1) return null;
+    const query = textBefore.substring(atIndex + 1);
+    if (query.includes("  ") || query.includes(".") || query.includes(",") || query.length > 40) {
+      return null;
+    }
+    const rect = range.getBoundingClientRect();
+    return {
+      query,
+      position: { top: rect.bottom + 6, left: rect.left }
+    };
+  }, []);
+  const handleInput = useCallback4(() => {
+    if (!editorRef.current) return;
+    const serialized = domToContent(editorRef.current);
+    onChange(serialized);
+    const text = editorRef.current.innerText.replace(/\u200B/g, "").trim();
+    const hasMentions = !!editorRef.current.querySelector("[data-mention]");
+    setIsEmpty(!text && !hasMentions);
+    const ctx = getMentionContext();
+    setMentionState(ctx);
+  }, [onChange, getMentionContext]);
+  const handleKeyDown = useCallback4(
+    (e) => {
+      if (mentionState && ["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape"].includes(e.key)) {
+        return;
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        const sel = window.getSelection();
+        const range = sel.getRangeAt(0);
+        const br = document.createElement("br");
+        range.deleteContents();
+        range.insertNode(br);
+        const afterBr = br.nextSibling || (() => {
+          const zws = document.createTextNode("\u200B");
+          br.parentNode.insertBefore(zws, br.nextSibling);
+          return zws;
+        })();
+        const newRange = document.createRange();
+        newRange.setStartBefore(afterBr);
+        newRange.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(newRange);
+        handleInput();
+      }
+    },
+    [mentionState, handleInput]
+  );
+  const insertMention = useCallback4(
+    (item) => {
+      if (!editorRef.current) return;
+      const sel = window.getSelection();
+      if (!sel || sel.rangeCount === 0) return;
+      const range = sel.getRangeAt(0);
+      const textNode = range.startContainer;
+      if (textNode.nodeType !== Node.TEXT_NODE) {
+        setMentionState(null);
+        return;
+      }
+      const cursorPos = range.startOffset;
+      const textContent = textNode.textContent;
+      const atIndex = textContent.lastIndexOf("@", cursorPos - 1);
+      if (atIndex === -1) {
+        setMentionState(null);
+        return;
+      }
+      const before = textContent.substring(0, atIndex);
+      const after = textContent.substring(cursorPos);
+      textNode.textContent = before;
+      const parent = textNode.parentNode;
+      const nextSib = textNode.nextSibling;
+      const span = document.createElement("span");
+      span.contentEditable = "false";
+      span.dataset.mention = "true";
+      span.dataset.id = item.id;
+      span.dataset.name = item.searchLabel || item.name || "";
+      span.dataset.mentionType = item.type;
+      span.style.cssText = mentionStyle(item.type);
+      span.title = "Clique para focar na cena";
+      span.textContent = `@${item.searchLabel || item.name || ""}`;
+      parent.insertBefore(span, nextSib);
+      const trailing = document.createTextNode(after || "\u200B");
+      parent.insertBefore(trailing, span.nextSibling);
+      const newRange = document.createRange();
+      newRange.setStart(trailing, after ? 0 : 1);
+      newRange.collapse(true);
+      sel.removeAllRanges();
+      sel.addRange(newRange);
+      const serialized = domToContent(editorRef.current);
+      onChange(serialized);
+      setMentionState(null);
+      setIsEmpty(false);
+    },
+    [onChange]
+  );
+  const handlePaste = useCallback4(
+    (e) => {
+      e.preventDefault();
+      const text = e.clipboardData.getData("text/plain");
+      if (text) {
+        document.execCommand("insertText", false, text);
+        handleInput();
+      }
+    },
+    [handleInput]
+  );
+  const handleClick = useCallback4(
+    (e) => {
+      const chip = e.target.closest("[data-mention='true']");
+      if (chip && onMentionClick) {
+        e.stopPropagation();
+        const id = chip.dataset.id;
+        const full = searchItems == null ? void 0 : searchItems.find((i) => String(i.id) === String(id));
+        if (full) {
+          onMentionClick(full);
+        } else {
+          onMentionClick({
+            id,
+            name: chip.dataset.name,
+            type: chip.dataset.mentionType,
+            searchLabel: chip.dataset.name
+          });
+        }
+        return;
+      }
+      setTimeout(() => {
+        const ctx = getMentionContext();
+        setMentionState(ctx);
+      }, 0);
+    },
+    [onMentionClick, getMentionContext, searchItems]
+  );
+  const handleBlur = useCallback4(() => {
+    setTimeout(() => setMentionState(null), 200);
+  }, []);
+  return /* @__PURE__ */ React27.createElement("div", { className: "relative" }, isEmpty && !readOnly && /* @__PURE__ */ React27.createElement("div", { className: "absolute top-0 left-0 text-sm text-slate-600 pointer-events-none select-none" }, placeholder || "Escreva sobre este grupo\u2026 ou digite @ para mencionar"), /* @__PURE__ */ React27.createElement(
+    "div",
+    {
+      ref: editorRef,
+      contentEditable: readOnly ? "false" : "true",
+      suppressContentEditableWarning: true,
+      onInput: handleInput,
+      onKeyDown: handleKeyDown,
+      onPaste: handlePaste,
+      onClick: handleClick,
+      onBlur: handleBlur,
+      className: `w-full min-h-[1.5rem] max-h-[250px] overflow-y-auto text-sm text-slate-200 focus:outline-none leading-relaxed ${!readOnly ? "cursor-text" : "cursor-default"}`,
+      style: { overflowWrap: "break-word", wordBreak: "break-word" }
+    }
+  ), mentionState && !readOnly && /* @__PURE__ */ React27.createElement(
+    MentionPopover,
+    {
+      query: mentionState.query,
+      items: searchItems || [],
+      position: mentionState.position,
+      onSelect: insertMention,
+      onClose: () => setMentionState(null)
+    }
+  ));
+}
+
+// src/components/AncestryBoard.jsx
 var GroupItem = ({
   group,
   index,
-  siblings,
   onUpdate,
   onDelete,
   onAddSubgroup,
   onIndent,
   onOutdent,
-  onRemoveAncestry,
-  onRequestPickAncestry,
-  pickingGroupId,
-  onPlayAncestry,
-  availableIds,
+  searchItems,
+  onMentionClick,
   canEdit
 }) => {
   const canIndent = index > 0;
-  const isPickingForThisGroup = pickingGroupId === group.id;
-  const textareaRef = useRef18(null);
-  const adjustHeight = () => {
-    const textarea = textareaRef.current;
-    if (textarea) {
-      textarea.style.height = "auto";
-      textarea.style.height = `${textarea.scrollHeight}px`;
-    }
+  const handleContentChange = (content) => {
+    onUpdate(group.id, { ...group, content });
   };
-  useEffect21(() => {
-    adjustHeight();
-  }, [group.text]);
-  return /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React26.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React26.createElement(
-    "div",
+  return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ React28.createElement(
+    RichGroupEditor,
     {
-      className: `
-                flex flex-col gap-2 py-2 px-3 transition-all duration-200
-                ${isPickingForThisGroup ? "bg-indigo-500/10 border-l-2 border-indigo-500" : "hover:bg-white/5 border-l-2 border-transparent hover:border-white/20"}
-            `
+      content: group.content,
+      onChange: handleContentChange,
+      onMentionClick,
+      searchItems,
+      readOnly: !canEdit,
+      placeholder: "Escreva sobre este grupo\u2026 ou @ para mencionar"
+    }
+  ), canEdit && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onAddSubgroup(group.id),
+      className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
+      title: "Criar Subgrupo"
     },
-    /* @__PURE__ */ React26.createElement(
-      "textarea",
-      {
-        ref: textareaRef,
-        className: `w-full bg-transparent text-sm text-slate-200 placeholder-slate-600 resize-none focus:outline-none focus:placeholder-slate-500 overflow-y-auto ${!canEdit ? "cursor-default" : ""}`,
-        rows: 1,
-        style: {
-          minHeight: "1.5rem",
-          maxHeight: "250px"
-        },
-        placeholder: canEdit ? "Escreva sobre este grupo..." : "",
-        value: group.text,
-        readOnly: !canEdit,
-        onChange: (e) => {
-          if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
-        }
-      }
-    ),
-    group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React26.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
-      const isValid = availableIds.has(String(anc.ancestry_id));
-      return /* @__PURE__ */ React26.createElement(
-        "div",
-        {
-          key: anc.ancestry_id,
-          className: `
-                                        flex items-center gap-2 rounded-md px-3 py-1.5 text-xs transition-all group/card border
-                                        ${isValid ? "bg-slate-800/60 border-white/10 hover:border-indigo-500/30 text-slate-200" : "bg-red-900/10 border-red-500/30 text-red-300/70 hover:bg-red-900/20"}
-                                    `,
-          title: isValid ? "" : "Esta ancestralidade foi removida ou n\xE3o existe mais."
-        },
-        isValid ? (
-          // [MANTIDO] Botão Play visível para todos
-          /* @__PURE__ */ React26.createElement(
-            "button",
-            {
-              onClick: () => onPlayAncestry(anc.ancestry_id),
-              className: "text-indigo-400 hover:text-white hover:bg-indigo-500 p-1 rounded-full transition-colors",
-              title: "Renderizar no cen\xE1rio"
-            },
-            /* @__PURE__ */ React26.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
-          )
-        ) : /* @__PURE__ */ React26.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React26.createElement(FiAlertTriangle, { size: 10 })),
-        /* @__PURE__ */ React26.createElement(
-          "span",
-          {
-            className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}`
-          },
-          anc.name
-        ),
-        canEdit && /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
-          "div",
-          {
-            className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}`
-          }
-        ), /* @__PURE__ */ React26.createElement(
-          "button",
-          {
-            onClick: () => onRemoveAncestry(group.id, anc.ancestry_id),
-            className: `${isValid ? "text-slate-500 hover:text-red-400" : "text-red-400 hover:text-red-200"} p-0.5 rounded transition-colors`,
-            title: "Remover men\xE7\xE3o"
-          },
-          /* @__PURE__ */ React26.createElement(FiX8, { size: 12 })
-        ))
-      );
-    })),
-    canEdit && /* @__PURE__ */ React26.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        onClick: () => onRequestPickAncestry(group.id),
-        className: `
-                                    flex items-center gap-1.5 px-2 py-1 rounded text-xs font-medium transition-colors
-                                    ${isPickingForThisGroup ? "text-indigo-300 animate-pulse" : "text-slate-500 hover:text-indigo-300 hover:bg-indigo-500/10"}
-                                `,
-        title: "Adicionar Ancestralidade a este grupo"
-      },
-      isPickingForThisGroup ? /* @__PURE__ */ React26.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React26.createElement(FiSearch8, { size: 12 }),
-      isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-    ), /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        onClick: () => onAddSubgroup(group.id),
-        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
-        title: "Criar Subgrupo"
-      },
-      /* @__PURE__ */ React26.createElement(FiPlus10, { size: 14 })
-    )), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        onClick: () => onIndent(group.id),
-        disabled: !canIndent,
-        className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
-        title: "Aninhar no grupo acima"
-      },
-      /* @__PURE__ */ React26.createElement(FiArrowRight2, { size: 14 })
-    ), /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        onClick: () => onOutdent(group.id),
-        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
-        title: "Desaninhar"
-      },
-      /* @__PURE__ */ React26.createElement(FiArrowLeft3, { size: 14 })
-    ), /* @__PURE__ */ React26.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        onClick: () => onDelete(group.id),
-        className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
-        title: "Remover Grupo"
-      },
-      /* @__PURE__ */ React26.createElement(FiTrash23, { size: 14 })
-    )))
-  ), group.children && group.children.length > 0 && /* @__PURE__ */ React26.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14 })
+  )), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onIndent(group.id),
+      disabled: !canIndent,
+      className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
+      title: "Aninhar no grupo acima"
+    },
+    /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 14 })
+  ), /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onOutdent(group.id),
+      className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
+      title: "Desaninhar"
+    },
+    /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 14 })
+  ), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onDelete(group.id),
+      className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
+      title: "Remover Grupo"
+    },
+    /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
+  )))), group.children && group.children.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-2" }, group.children.map((child, idx) => /* @__PURE__ */ React28.createElement(
     GroupItem,
     {
-      key: childGroup.id,
+      key: child.id,
       index: idx,
-      group: childGroup,
-      siblings: group.children,
+      group: child,
       onUpdate,
       onDelete,
       onAddSubgroup,
       onIndent,
       onOutdent,
-      onRemoveAncestry,
-      onRequestPickAncestry,
-      pickingGroupId,
-      onPlayAncestry,
-      availableIds,
+      searchItems,
+      onMentionClick,
       canEdit
     }
   ))));
@@ -13173,141 +13388,127 @@ function AncestryBoard({
   initialGroups = [],
   onSave,
   userRole
-  // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = useState25("");
-  const [groups, setGroups] = useState25([]);
-  const [isLoaded, setIsLoaded] = useState25(false);
-  const [pickingGroupId, setPickingGroupId] = useState25(null);
-  const [saveStatus, setSaveStatus] = useState25("idle");
-  const canEdit = useMemo11(() => {
-    return userRole !== "viewer";
-  }, [userRole]);
-  useEffect21(() => {
+  const [searchTerm, setSearchTerm] = useState27("");
+  const [groups, setGroups] = useState27([]);
+  const [isLoaded, setIsLoaded] = useState27(false);
+  const [saveStatus, setSaveStatus] = useState27("idle");
+  const canEdit = useMemo12(() => userRole !== "viewer", [userRole]);
+  useEffect23(() => {
     if (initialGroups && !isLoaded) {
-      setGroups(initialGroups);
+      const migrate = (list) => list.map((g) => ({
+        id: g.id || uuidv411(),
+        content: Array.isArray(g.content) ? g.content : [],
+        // descarta dados legados
+        children: migrate(g.children || [])
+      }));
+      setGroups(migrate(initialGroups));
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = useMemo11(() => {
+  const nodeNamesMap = useMemo12(() => {
     const map = /* @__PURE__ */ new Map();
-    if (availableNodes && Array.isArray(availableNodes)) {
-      availableNodes.forEach((node) => {
-        if (node && node.id) {
-          map.set(String(node.id), node.name);
-        }
-      });
-    }
+    availableNodes.forEach((n) => {
+      if (n == null ? void 0 : n.id) map.set(String(n.id), n.name);
+    });
     return map;
   }, [availableNodes]);
-  const availableIds = useMemo11(() => {
-    return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
-  }, [availableAncestries]);
-  const sanitizeGroups = (groupList) => {
-    return groupList.map((g) => ({
-      id: g.id,
-      text: g.text || "",
-      ancestries: (g.ancestries || []).map((a) => ({
-        ancestry_id: a.ancestry_id,
-        name: a.name
-      })),
-      children: sanitizeGroups(g.children || [])
-    }));
-  };
-  useEffect21(() => {
+  const allSearchableItems = useMemo12(() => {
+    const items = [];
+    availableAncestries.forEach((anc) => {
+      items.push({
+        ...anc,
+        id: String(anc.ancestry_id),
+        type: "ancestry",
+        searchLabel: anc.name || "",
+        searchDesc: anc.description || ""
+      });
+    });
+    availableNodes.forEach((node) => {
+      var _a;
+      let type = "node";
+      if (node.is_quest) type = "quest";
+      else if ((_a = node.version_node) == null ? void 0 : _a.is_version) type = "version";
+      items.push({
+        ...node,
+        id: String(node.id),
+        type,
+        searchLabel: node.name || node.raw_title || "",
+        searchDesc: node.description || ""
+      });
+    });
+    return items;
+  }, [availableAncestries, availableNodes]);
+  const filtered = useMemo12(() => {
+    const term = searchTerm.toLowerCase().trim();
+    return allSearchableItems.filter((item) => {
+      if (!term) return true;
+      const labelMatch = (item.searchLabel || "").toLowerCase().includes(term);
+      const descMatch = (item.searchDesc || "").toLowerCase().includes(term);
+      let parentMatch = false;
+      if (item.type === "ancestry") {
+        const parentName = nodeNamesMap.get(String(item.ancestral_node)) || "";
+        parentMatch = parentName.toLowerCase().includes(term);
+      }
+      return labelMatch || descMatch || parentMatch;
+    });
+  }, [allSearchableItems, searchTerm, nodeNamesMap]);
+  const sanitizeGroups = (list) => list.map((g) => ({
+    id: g.id,
+    content: g.content || [],
+    children: sanitizeGroups(g.children || [])
+  }));
+  useEffect23(() => {
     if (!isLoaded || !onSave) return;
-    const timeoutId = setTimeout(async () => {
+    const id = setTimeout(async () => {
       setSaveStatus("saving");
-      const cleanData = sanitizeGroups(groups);
       try {
-        await onSave(cleanData);
+        await onSave(sanitizeGroups(groups));
         setSaveStatus("saved");
-        setTimeout(() => {
-          setSaveStatus("idle");
-        }, 3e3);
-      } catch (error) {
-        console.error("Erro ao salvar board:", error);
+        setTimeout(() => setSaveStatus("idle"), 3e3);
+      } catch (err) {
+        console.error("Erro ao salvar board:", err);
         setSaveStatus("error");
       }
     }, 3e3);
-    return () => clearTimeout(timeoutId);
+    return () => clearTimeout(id);
   }, [groups, isLoaded, onSave]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (!isOpen) return;
-    const handleKeyDown = (e) => {
+    const handler = (e) => {
       if (e.key === "Escape") {
-        if (pickingGroupId) {
-          setPickingGroupId(null);
-        } else {
-          onClose();
-        }
+        onClose();
         e.preventDefault();
         e.stopPropagation();
       }
     };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, onClose, pickingGroupId]);
-  const filtered = useMemo11(() => {
-    const term = searchTerm.toLowerCase().trim();
-    return availableAncestries.filter((a) => {
-      if (!term) return true;
-      const nameMatch = a.name && a.name.toLowerCase().includes(term);
-      const descMatch = a.description && a.description.toLowerCase().includes(term);
-      const parentName = nodeNamesMap.get(String(a.ancestral_node)) || "";
-      const parentMatch = parentName.toLowerCase().includes(term);
-      return nameMatch || descMatch || parentMatch;
-    });
-  }, [availableAncestries, searchTerm, nodeNamesMap]);
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [isOpen, onClose]);
   const handleAddRootGroup = () => {
-    const newGroup = {
-      id: v4_default(),
-      text: "",
-      ancestries: [],
-      children: []
-    };
-    setGroups((prev) => [newGroup, ...prev]);
+    setGroups((prev) => [{ id: uuidv411(), content: [], children: [] }, ...prev]);
   };
   const handleAddSubgroup = (parentId) => {
-    const newGroup = {
-      id: v4_default(),
-      text: "",
-      ancestries: [],
-      children: []
-    };
-    const addRecursive = (list) => {
-      return list.map((g) => {
-        if (g.id === parentId) {
-          return { ...g, children: [newGroup, ...g.children] };
-        }
-        return { ...g, children: addRecursive(g.children) };
-      });
-    };
-    setGroups((prev) => addRecursive(prev));
+    const newGroup = { id: uuidv411(), content: [], children: [] };
+    const add = (list) => list.map(
+      (g) => g.id === parentId ? { ...g, children: [newGroup, ...g.children] } : { ...g, children: add(g.children) }
+    );
+    setGroups((prev) => add(prev));
   };
   const handleUpdateGroup = (id, newData) => {
-    const updateRecursive = (list) => {
-      return list.map((g) => {
-        if (g.id === id) return newData;
-        return { ...g, children: updateRecursive(g.children) };
-      });
-    };
-    setGroups((prev) => updateRecursive(prev));
+    const update = (list) => list.map(
+      (g) => g.id === id ? newData : { ...g, children: update(g.children) }
+    );
+    setGroups((prev) => update(prev));
   };
   const handleDeleteGroup = (id) => {
-    const deleteRecursive = (list) => {
-      return list.filter((g) => g.id !== id).map((g) => ({
-        ...g,
-        children: deleteRecursive(g.children)
-      }));
-    };
-    setGroups((prev) => deleteRecursive(prev));
+    const del = (list) => list.filter((g) => g.id !== id).map((g) => ({ ...g, children: del(g.children) }));
+    setGroups((prev) => del(prev));
   };
   const findGroupAndParent = (list, targetId, parent = null) => {
     for (let i = 0; i < list.length; i++) {
-      if (list[i].id === targetId) {
+      if (list[i].id === targetId)
         return { group: list[i], parent, index: i, siblings: list };
-      }
       if (list[i].children.length > 0) {
         const found = findGroupAndParent(list[i].children, targetId, list[i]);
         if (found) return found;
@@ -13317,216 +13518,119 @@ function AncestryBoard({
   };
   const handleIndent = (id) => {
     setGroups((prev) => {
-      const newList = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(newList, id);
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
       if (!found || found.index === 0) return prev;
       const { group, siblings, index } = found;
-      const prevSibling = siblings[index - 1];
       siblings.splice(index, 1);
-      prevSibling.children.push(group);
-      return newList;
+      siblings[index - 1].children.push(group);
+      return next;
     });
   };
   const handleOutdent = (id) => {
     setGroups((prev) => {
-      const newList = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(newList, id);
+      const next = JSON.parse(JSON.stringify(prev));
+      const found = findGroupAndParent(next, id);
       if (!found || !found.parent) return prev;
       const { group, siblings, index, parent } = found;
       siblings.splice(index, 1);
-      const parentFound = findGroupAndParent(newList, parent.id);
+      const parentFound = findGroupAndParent(next, parent.id);
       if (parentFound) {
         parentFound.siblings.splice(parentFound.index + 1, 0, group);
       } else {
-        newList.push(group);
+        next.push(group);
       }
-      return newList;
+      return next;
     });
   };
-  const handleRequestPick = (groupId) => {
-    setPickingGroupId((prev) => prev === groupId ? null : groupId);
-  };
-  const handleSelectAncestry = (ancestry) => {
-    if (pickingGroupId) {
-      setGroups((prev) => {
-        const addRecursive = (list) => {
-          return list.map((g) => {
-            if (g.id === pickingGroupId) {
-              const exists = g.ancestries.some(
-                (a) => a.ancestry_id === ancestry.ancestry_id
-              );
-              if (exists) return g;
-              return { ...g, ancestries: [...g.ancestries, ancestry] };
-            }
-            return { ...g, children: addRecursive(g.children) };
-          });
-        };
-        return addRecursive(prev);
-      });
-      setPickingGroupId(null);
-    } else {
-      const fullAncestry = availableAncestries.find(
-        (a) => a.ancestry_id === ancestry.ancestry_id
-      ) || ancestry;
-      onSelect(fullAncestry);
-    }
-  };
-  const handlePlayFromGroup = (ancestryId) => {
-    const fullAncestry = availableAncestries.find(
-      (a) => a.ancestry_id === ancestryId
-    );
-    if (fullAncestry && onSelect) {
-      onSelect(fullAncestry);
-    }
-  };
-  const handleRemoveAncestryFromGroup = (groupId, ancestryId) => {
-    setGroups((prev) => {
-      const removeRecursive = (list) => {
-        return list.map((g) => {
-          if (g.id === groupId) {
-            return {
-              ...g,
-              ancestries: g.ancestries.filter(
-                (a) => a.ancestry_id !== ancestryId
-              )
-            };
-          }
-          return { ...g, children: removeRecursive(g.children) };
-        });
-      };
-      return removeRecursive(prev);
-    });
+  const handleMentionClick = (item) => {
+    if (onSelect) onSelect(item);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "div",
     {
       className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-2",
       onClick: onClose
     },
-    /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: "bg-slate-950 border border-white/10 rounded-xl w-[98vw] h-[97vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React26.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React26.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React26.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React26.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
-        FiLoader5,
-        {
-          className: "animate-spin text-indigo-400",
-          size: 12
-        }
-      ), /* @__PURE__ */ React26.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React26.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React26.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React26.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React26.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React28.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React28.createElement(FiLayers7, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(FiLoader5, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-3" }, canEdit && /* @__PURE__ */ React28.createElement(
         "button",
         {
           onClick: handleAddRootGroup,
-          className: "\n                                    flex items-center gap-2 px-3 py-1.5 \n                                    bg-white/5 hover:bg-white/10 \n                                    border border-white/10 hover:border-white/20\n                                    backdrop-blur-sm\n                                    text-slate-200 hover:text-white\n                                    rounded-md transition-all duration-200\n                                    text-xs font-medium shadow-sm\n                                "
+          className: "flex items-center gap-2 px-3 py-1.5 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 backdrop-blur-sm text-slate-200 hover:text-white rounded-md transition-all duration-200 text-xs font-medium shadow-sm"
         },
-        /* @__PURE__ */ React26.createElement(FiPlus10, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ React26.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ React26.createElement(
+        /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ React28.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+      ), /* @__PURE__ */ React28.createElement(
         "button",
         {
           onClick: onClose,
           className: "w-8 h-8 rounded-lg flex items-center justify-center text-slate-400 hover:text-white hover:bg-white/10 transition-colors"
         },
-        "\xD7"
+        /* @__PURE__ */ React28.createElement(FiX8, { size: 16 })
       ))),
-      /* @__PURE__ */ React26.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React26.createElement(
-        "div",
+      /* @__PURE__ */ React28.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col border-r border-white/10 w-[20%] min-w-[280px] max-w-[460px] bg-slate-900 flex-none" }, /* @__PURE__ */ React28.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React28.createElement("div", { className: "relative group" }, /* @__PURE__ */ React28.createElement(FiSearch8, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500 group-focus-within:text-indigo-400 transition-colors" }), /* @__PURE__ */ React28.createElement(
+        "input",
         {
-          className: `
-                        flex flex-col border-r border-white/10 transition-all duration-300 flex-none
-                        ${pickingGroupId ? "w-[25%] border-indigo-500/30" : "w-[20%]"}
-                        min-w-[280px] max-w-[500px] bg-slate-900
-                    `
-        },
-        /* @__PURE__ */ React26.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React26.createElement("div", { className: "relative group" }, /* @__PURE__ */ React26.createElement(
-          FiSearch8,
-          {
-            className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}`
-          }
-        ), /* @__PURE__ */ React26.createElement(
-          "input",
+          type: "text",
+          placeholder: "Navegar nas ancestralidades e nodes\u2026",
+          className: "w-full rounded-md pl-9 pr-4 py-2 text-sm bg-slate-950 border border-white/10 text-slate-200 placeholder-slate-600 focus:outline-none focus:ring-1 focus:ring-indigo-500 transition-all",
+          value: searchTerm,
+          onChange: (e) => setSearchTerm(e.target.value),
+          autoFocus: true
+        }
+      ))), /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
+        const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
+        return /* @__PURE__ */ React28.createElement(
+          "div",
           {
-            type: "text",
-            placeholder: pickingGroupId ? "Pesquise para adicionar..." : "Pesquisar ancestralidade...",
-            className: `
-                                        w-full rounded-md pl-9 pr-4 py-2 text-sm transition-all focus:outline-none focus:ring-1 focus:ring-indigo-500 border
-                                        ${pickingGroupId ? "bg-indigo-950/30 border-indigo-500/30 text-white placeholder-indigo-300/50" : "bg-slate-950 border-white/10 text-slate-200 placeholder-slate-600"}
-                                    `,
-            value: searchTerm,
-            onChange: (e) => setSearchTerm(e.target.value),
-            autoFocus: !pickingGroupId
-          }
-        ))),
-        /* @__PURE__ */ React26.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
-          const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
-          const isPicking = !!pickingGroupId;
-          return /* @__PURE__ */ React26.createElement(
-            "div",
+            key: anc.id,
+            className: "group relative flex items-start gap-3 p-3 text-left rounded-lg border border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default transition-all duration-200"
+          },
+          /* @__PURE__ */ React28.createElement("div", { className: "mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border bg-slate-800 border-white/5 group-hover:bg-indigo-500 group-hover:text-white transition-all shadow-lg" }, anc.type === "quest" ? /* @__PURE__ */ React28.createElement(FiCheckSquare4, { size: 14, className: "text-emerald-400 group-hover:text-white" }) : anc.type === "version" ? /* @__PURE__ */ React28.createElement(FiGitBranch4, { size: 14, className: "text-amber-400 group-hover:text-white" }) : anc.type === "node" ? /* @__PURE__ */ React28.createElement(FiBox2, { size: 14, className: "text-slate-400 group-hover:text-white" }) : /* @__PURE__ */ React28.createElement(FiLayers7, { size: 14, className: "text-indigo-400 group-hover:text-white" })),
+          /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React28.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.searchLabel || "Sem Nome"), /* @__PURE__ */ React28.createElement("span", { className: "text-[9px] px-1.5 py-0.5 rounded-full bg-white/5 text-slate-500 border border-white/5 uppercase tracking-tighter" }, anc.type)), anc.type === "ancestry" && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React28.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React28.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.searchDesc && /* @__PURE__ */ React28.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.searchDesc)),
+          /* @__PURE__ */ React28.createElement(
+            "button",
             {
-              key: anc.ancestry_id,
-              onClick: () => {
-                if (isPicking) handleSelectAncestry(anc);
+              onClick: (e) => {
+                e.stopPropagation();
+                if (onSelect) onSelect(anc);
               },
-              className: `
-                                        group relative flex items-start gap-3 p-3 text-left rounded-lg border transition-all duration-200
-                                        ${isPicking ? "border-indigo-500/30 bg-indigo-500/5 hover:bg-indigo-500/20 hover:border-indigo-400 cursor-pointer" : "border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default"}
-                                    `
+              className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
+              title: "Focar no cen\xE1rio"
             },
-            /* @__PURE__ */ React26.createElement(
-              "div",
-              {
-                className: `
-                                        mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border transition-all shadow-lg
-                                        ${isPicking ? "bg-indigo-500 text-white border-indigo-400" : "bg-slate-800 text-indigo-400 border-white/5 group-hover:bg-indigo-500 group-hover:text-white"}
-                                    `
-              },
-              isPicking ? /* @__PURE__ */ React26.createElement(FiPlus10, { size: 16 }) : /* @__PURE__ */ React26.createElement(FiLayers6, { size: 14 })
-            ),
-            /* @__PURE__ */ React26.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React26.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ React26.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React26.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React26.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React26.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
-            !isPicking && /* @__PURE__ */ React26.createElement(
-              "button",
-              {
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handleSelectAncestry(anc);
-                },
-                className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
-                title: "Renderizar Ancestralidade"
-              },
-              /* @__PURE__ */ React26.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React26.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
-            )
-          );
-        }))
-      ), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React26.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React26.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React26.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React26.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React26.createElement(React26.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React26.createElement(
+            /* @__PURE__ */ React28.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React28.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
+          )
+        );
+      }))), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React28.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React28.createElement(
         GroupItem,
         {
           key: group.id,
           index,
           group,
-          siblings: groups,
           onUpdate: handleUpdateGroup,
           onDelete: handleDeleteGroup,
           onAddSubgroup: handleAddSubgroup,
           onIndent: handleIndent,
           onOutdent: handleOutdent,
-          onRemoveAncestry: handleRemoveAncestryFromGroup,
-          onRequestPickAncestry: handleRequestPick,
-          pickingGroupId,
-          onPlayAncestry: handlePlayFromGroup,
-          availableIds,
+          searchItems: allSearchableItems,
+          onMentionClick: handleMentionClick,
           canEdit
         }
       ))))),
-      /* @__PURE__ */ React26.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ React26.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React26.createElement("span", null, groups.length, " grupos raiz"))
+      /* @__PURE__ */ React28.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ React28.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React28.createElement("span", null, groups.length, " grupos raiz"))
     )
   );
 }
 
 // src/components/MilestoneManager.jsx
-import React27, { useState as useState26 } from "react";
+import React29, { useState as useState28 } 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,
@@ -13535,7 +13639,7 @@ function MilestoneManager({
   onUpdateMilestones = () => {
   }
 }) {
-  const [newMilestoneName, setNewMilestoneName] = useState26("");
+  const [newMilestoneName, setNewMilestoneName] = useState28("");
   const handleAddMilestone = () => {
     if (!newMilestoneName.trim()) return;
     const newMilestone = {
@@ -13560,27 +13664,27 @@ function MilestoneManager({
   };
   if (!isOpen) return null;
   const swallow = (e) => e.stopPropagation();
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React29.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(
+    /* @__PURE__ */ React29.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(
+      /* @__PURE__ */ React29.createElement("div", { className: "px-6 py-4 border-b border-white/10 flex items-center justify-between" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React29.createElement("div", { className: "p-2 rounded-lg bg-indigo-500/20 text-indigo-400" }, /* @__PURE__ */ React29.createElement(FiTarget4, { size: 20 })), /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h2", { className: "text-lg font-semibold text-slate-100" }, "Milestones"), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-400" }, "Gerencie os marcos do seu cen\xE1rio"))), /* @__PURE__ */ React29.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__ */ React29.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(
+      /* @__PURE__ */ React29.createElement("div", { className: "px-6 py-5 bg-white/5 border-b border-white/5" }, /* @__PURE__ */ React29.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React29.createElement(
         "input",
         {
           type: "text",
@@ -13590,47 +13694,47 @@ function MilestoneManager({
           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(
+      ), /* @__PURE__ */ React29.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 }),
+        /* @__PURE__ */ React29.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(
+      /* @__PURE__ */ React29.createElement("div", { className: "flex-1 overflow-y-auto px-6 py-4 custom-scrollbar" }, milestones.length > 0 ? /* @__PURE__ */ React29.createElement("div", { className: "space-y-3" }, milestones.map((ms) => /* @__PURE__ */ React29.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(
+        /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ React29.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(
+        ), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React29.createElement("span", { className: `text-sm font-medium truncate ${ms.status === "active" ? "text-slate-100" : "text-slate-400 line-through"}` }, ms.name), /* @__PURE__ */ React29.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, ms.status === "active" ? "Ativo" : "Inativo"))),
+        /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.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(
+          ms.status === "active" ? /* @__PURE__ */ React29.createElement(FiPauseCircle, { size: 18 }) : /* @__PURE__ */ React29.createElement(FiPlayCircle, { size: 18 })
+        ), /* @__PURE__ */ React29.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__ */ React29.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))))
+      ))) : /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-center justify-center py-12 text-center" }, /* @__PURE__ */ React29.createElement("div", { className: "p-4 rounded-full bg-slate-800/30 text-slate-600 mb-4" }, /* @__PURE__ */ React29.createElement(FiTarget4, { size: 40 })), /* @__PURE__ */ React29.createElement("h3", { className: "text-slate-400 font-medium" }, "Nenhum milestone definido"), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-slate-600 max-w-[200px] mt-1 italic" }, "Defina marcos importantes para orientar o progresso do projeto."))),
+      /* @__PURE__ */ React29.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__ */ React29.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React29.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Total:"), /* @__PURE__ */ React29.createElement("span", { className: "text-xs font-bold text-slate-300" }, milestones.length)), /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React29.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Ativos:"), /* @__PURE__ */ React29.createElement("span", { className: "text-xs font-bold text-indigo-400" }, milestones.filter((m) => m.status === "active").length))))
     )
   );
 }
@@ -13722,7 +13826,7 @@ function XViewScene({
   const searchParams = useSearchParams();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = useMemo12(() => {
+  const viewParams = useMemo13(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data) {
@@ -13731,7 +13835,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  useEffect22(() => {
+  useEffect24(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -13768,65 +13872,65 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = useMemo12(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = useMemo12(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = useMemo12(() => {
+  const sceneConfigId = useMemo13(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
+  const ownerId = useMemo13(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
+  const dbSaveUrl = useMemo13(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = useMemo12(() => {
+  const sceneSaveUrl = useMemo13(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = useMemo12(() => {
+  const ancestry_save_url = useMemo13(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = useRef19(null);
-  const parentDataRef = useRef19(null);
-  const ancestryDataRef = useRef19(null);
-  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({
+  const sceneDataRef = useRef20(null);
+  const parentDataRef = useRef20(null);
+  const ancestryDataRef = useRef20(null);
+  const [isLoading, setIsLoading] = useState29(true);
+  const [permissionStatus, setPermissionStatus] = useState29("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState29(null);
+  const [viewMembers, setViewMembers] = useState29([]);
+  const [isInitialized, setIsInitialized] = useState29(false);
+  const [sceneVersion, setSceneVersion] = useState29(0);
+  const [contextMenu, setContextMenu] = useState29({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = useState27({
+  const [multiContextMenu, setMultiContextMenu] = useState29({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = useState27({
+  const [relationshipMenu, setRelationshipMenu] = useState29({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = useState27({
+  const [creationMode, setCreationMode] = useState29({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = useState27({
+  const [versionMode, setVersionMode] = useState29({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = useState27({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState27(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState27(false);
-  const [ancestryMode, setAncestryMode] = useState27({
+  const [questMode, setQuestMode] = useState29({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState29(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState29(false);
+  const [ancestryMode, setAncestryMode] = useState29({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13837,42 +13941,42 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = useState27({
+  const [readingMode, setReadingMode] = useState29({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState27({
+  const [formPosition, setFormPosition] = useState29({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = useState27(null);
-  const [detailsLink, setDetailsLink] = useState27(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState27(null);
-  const [imageViewer, setImageViewer] = useState27({
+  const [detailsNode, setDetailsNode] = useState29(null);
+  const [detailsLink, setDetailsLink] = useState29(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState29(null);
+  const [imageViewer, setImageViewer] = useState29({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = useState27({
+  const [editingAncestryRel, setEditingAncestryRel] = useState29({
     visible: false,
     data: null,
     path: null
   });
-  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);
-  const stateRef = useRef19({
+  const [isImportModalOpen, setIsImportModalOpen] = useState29(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState29("");
+  const [invalidTargetError, setInvalidTargetError] = useState29(null);
+  const [highlightedNodeId, setHighlightedNodeId] = useState29(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState29(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState29([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState29(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState29(false);
+  const mountRef = useRef20(null);
+  const tooltipRef = useRef20(null);
+  const formRef = useRef20(null);
+  const stateRef = useRef20({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -13936,10 +14040,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  useEffect22(() => {
+  useEffect24(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  useEffect22(() => {
+  useEffect24(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -13962,10 +14066,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = useCallback4(() => {
+  const handleNavigateBack = useCallback5(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = useCallback4(
+  const handleConfirmImport = useCallback5(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -14093,7 +14197,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = useCallback4(
+  const tweenToTarget = useCallback5(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const { camera, controls, tweenGroup } = stateRef.current;
       if (!camera || !controls || !tweenGroup) return;
@@ -14119,7 +14223,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = useCallback4(
+  const buildFullAncestryTree = useCallback5(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -14204,7 +14308,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = useCallback4(() => {
+  const handleActivateTimeline = useCallback5(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -14364,7 +14468,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = useCallback5((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
       return;
@@ -14501,7 +14605,7 @@ function XViewScene({
       }
     });
   }, []);
-  useEffect22(() => {
+  useEffect24(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -14606,12 +14710,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = useCallback4((id) => {
+  const isNodeInView = useCallback5((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = useCallback4(
+  const addOrUpdateNodeMesh = useCallback5(
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
@@ -14652,7 +14756,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2, milestoneId }) => {
+  const handleActivateQuestLens = useCallback5(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -14866,7 +14970,7 @@ function XViewScene({
       camTween.start();
     }
   }, [addOrUpdateNodeMesh]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -15622,7 +15726,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = useCallback4((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = useCallback5((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -15670,7 +15774,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = useCallback4((newIntensity) => {
+  const handleGhostNodeIntensityChange = useCallback5((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -15691,7 +15795,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = useCallback4(
+  const handleDetailNodeIntensityChange = useCallback5(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -15847,7 +15951,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = useCallback4((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = useCallback5((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -15870,7 +15974,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = useMemo12(
+  const actionHandlerContext = useMemo13(
     () => {
       var _a2;
       return {
@@ -15931,7 +16035,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = useCallback4((questNode) => {
+  const handleStartQuestQuick = useCallback5((questNode) => {
     var _a2, _b2, _c2;
     if (!questNode || !actionHandlerContext) return;
     const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
@@ -15966,7 +16070,7 @@ function XViewScene({
     }
     setDetailsNode(updatedNode);
   }, [session, actionHandlerContext]);
-  const handleFinishQuestQuick = useCallback4((questNode) => {
+  const handleFinishQuestQuick = useCallback5((questNode) => {
     var _a2, _b2, _c2, _d2;
     if (!questNode || !actionHandlerContext) return;
     const {
@@ -16040,7 +16144,7 @@ function XViewScene({
       setDetailsNode(null);
     }
   }, [session, actionHandlerContext, viewMembers, detailsNode]);
-  const handleCancelQuest = useCallback4(() => {
+  const handleCancelQuest = useCallback5(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -16104,6 +16208,10 @@ function XViewScene({
         ownerId: ownerId2,
         datasetName: "Quests Internas (View)"
       });
+      sceneDataRef2.current.quest_nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      if (parentDataRef.current[sceneConfigId2]) {
+        parentDataRef.current[sceneConfigId2].nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      }
       const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
       const { graphGroup, ghostElements } = stateRef2.current;
       if (ghostElements.node && graphGroup) {
@@ -16193,7 +16301,7 @@ function XViewScene({
     }
     userActionHandlers.handleCancelConnection(context);
   };
-  const handleClearAncestryVisuals = useCallback4((ancestryId) => {
+  const handleClearAncestryVisuals = useCallback5((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -16211,7 +16319,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = useCallback4(
+  const handleRenderAncestry = useCallback5(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16705,7 +16813,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = useCallback4(
+  const handleRenderAbstractionTree = useCallback5(
     (ancestryObject, targetNodeId = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16793,7 +16901,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = useCallback4(
+  const handleReadModeBranchNav = useCallback5(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -16971,13 +17079,13 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = useCallback4((nodeId) => {
+  const handleReadModeHighlight = useCallback5((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = useMemo12(() => {
+  const activeNodeBranches = useMemo13(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -17021,7 +17129,7 @@ function XViewScene({
     readingMode.branchStack,
     ancestryDataRef.current
   ]);
-  const backNavigationInfo = useMemo12(() => {
+  const backNavigationInfo = useMemo13(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -17032,7 +17140,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = useMemo12(() => {
+  const getReadModeDisplayContext = useMemo13(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -17075,7 +17183,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = useMemo12(() => {
+  const readModeAbstractionTree = useMemo13(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -17094,7 +17202,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = useCallback4(
+  const handleStartReadingAncestry = useCallback5(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17137,7 +17245,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = useCallback4(
+  const handleReadModeSectionChange = useCallback5(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -17222,10 +17330,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = useCallback4(() => {
+  const handleCloseReadMode = useCallback5(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = useCallback4(
+  const handleAncestrySectionChange = useCallback5(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -17287,7 +17395,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = useCallback4(
+  const handleEditAncestry = useCallback5(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17342,7 +17450,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = useCallback4((pathToRemove) => {
+  const handleRemoveFromAncestry = useCallback5((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -17367,7 +17475,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = useCallback4(
+  const handleSaveAncestry = useCallback5(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -17603,7 +17711,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = useCallback4(
+  const handleDeleteAncestry = useCallback5(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -17685,18 +17793,70 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = useCallback4(() => {
+  const handleOpenAncestryBoard = useCallback5(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = useCallback4(
-    (ancestry) => {
+  const allAvailableNodes = useMemo13(() => {
+    if (!parentDataRef.current) return [];
+    return Object.values(parentDataRef.current).flatMap(
+      (fileData) => fileData.nodes || []
+    );
+  }, [sceneVersion, isInitialized]);
+  const allAvailableAncestries = useMemo13(() => {
+    return ancestryDataRef.current || [];
+  }, [sceneVersion, isInitialized]);
+  const handleOpenReference = useCallback5(
+    (referenceData) => {
+      const { type, id } = referenceData;
+      if (type === "node") {
+        const targetNode = allAvailableNodes.find(
+          (n) => String(n.id) === String(id)
+        );
+        if (targetNode) {
+          setAncestryLinkDetails(null);
+          setDetailsLink(null);
+          setDetailsNode(targetNode);
+          const sceneMesh = stateRef.current.nodeObjects[String(id)];
+          if (sceneMesh) {
+            tweenToTarget(sceneMesh);
+          }
+        } else {
+          alert("Node original n\xE3o encontrado neste contexto.");
+        }
+      } else if (type === "ancestry") {
+        const targetAncestry = allAvailableAncestries.find(
+          (a) => String(a.ancestry_id) === String(id)
+        );
+        if (targetAncestry) {
+          setDetailsNode(null);
+          setDetailsLink(null);
+          setAncestryLinkDetails(null);
+          handleEditAncestry(targetAncestry);
+        } else {
+          alert("Ancestralidade original n\xE3o encontrada neste contexto.");
+        }
+      }
+    },
+    [
+      allAvailableNodes,
+      allAvailableAncestries,
+      handleEditAncestry,
+      tweenToTarget
+    ]
+  );
+  const handleSelectAncestryFromBoard = useCallback5(
+    (item) => {
       setIsAncestryBoardOpen(false);
       setIsSidebarOpen(false);
-      handleStartReadingAncestry(ancestry);
+      if (item.type === "ancestry") {
+        handleStartReadingAncestry(item);
+      } else {
+        handleOpenReference({ type: "node", id: item.id });
+      }
     },
-    [handleStartReadingAncestry]
+    [handleStartReadingAncestry, handleOpenReference]
   );
-  const handleSaveAncestryBoard = useCallback4(
+  const handleSaveAncestryBoard = useCallback5(
     async (groups) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -17710,7 +17870,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
   );
-  const existingNodeTypes = useMemo12(() => {
+  const existingNodeTypes = useMemo13(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17722,7 +17882,7 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = useMemo12(() => {
+  const searchableDbNodes = useMemo13(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17737,7 +17897,7 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = useCallback4(
+  const handleAddExistingNode = useCallback5(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -17746,7 +17906,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = useCallback4(
+  const handleUpdateMilestones = useCallback5(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -17792,7 +17952,7 @@ function XViewScene({
       viewParams == null ? void 0 : viewParams.type
     ]
   );
-  const handleSaveCurrentView = useCallback4(async () => {
+  const handleSaveCurrentView = useCallback5(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -17835,61 +17995,13 @@ 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 = useMemo12(() => {
-    if (!parentDataRef.current) return [];
-    return Object.values(parentDataRef.current).flatMap(
-      (fileData) => fileData.nodes || []
-    );
-  }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = useMemo12(() => {
-    return ancestryDataRef.current || [];
-  }, [sceneVersion, isInitialized]);
-  const handleOpenReference = useCallback4(
-    (referenceData) => {
-      const { type, id } = referenceData;
-      if (type === "node") {
-        const targetNode = allAvailableNodes.find(
-          (n) => String(n.id) === String(id)
-        );
-        if (targetNode) {
-          setAncestryLinkDetails(null);
-          setDetailsLink(null);
-          setDetailsNode(targetNode);
-          const sceneMesh = stateRef.current.nodeObjects[String(id)];
-          if (sceneMesh) {
-            tweenToTarget(sceneMesh);
-          }
-        } else {
-          alert("Node original n\xE3o encontrado neste contexto.");
-        }
-      } else if (type === "ancestry") {
-        const targetAncestry = allAvailableAncestries.find(
-          (a) => String(a.ancestry_id) === String(id)
-        );
-        if (targetAncestry) {
-          setDetailsNode(null);
-          setDetailsLink(null);
-          setAncestryLinkDetails(null);
-          handleEditAncestry(targetAncestry);
-        } else {
-          alert("Ancestralidade original n\xE3o encontrada neste contexto.");
-        }
-      }
-    },
-    [
-      allAvailableNodes,
-      allAvailableAncestries,
-      handleEditAncestry,
-      tweenToTarget
-    ]
-  );
-  const handleToggleAncestryAddMode = useCallback4(() => {
+  const handleToggleAncestryAddMode = useCallback5(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const handleFocusNode = useCallback4(
+  const handleFocusNode = useCallback5(
     (nodeData) => {
       var _a2;
       if (!nodeData) return;
@@ -17905,7 +18017,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  const availableDatasets = useMemo12(() => {
+  const availableDatasets = useMemo13(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -17919,7 +18031,7 @@ function XViewScene({
     String(creationMode.sourceNodeData.id)
   )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  useEffect22(() => {
+  useEffect24(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -17942,7 +18054,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -17967,7 +18079,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  useEffect22(() => {
+  useEffect24(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -18090,10 +18202,10 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ React28.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ React30.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    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(
+    return /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React30.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React30.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React30.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -18103,7 +18215,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -18111,13 +18223,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__ */ 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(
+    )), /* @__PURE__ */ React30.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React30.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__ */ React30.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__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -18127,7 +18239,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React30.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -18139,7 +18251,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React30.createElement(
     "div",
     {
       ref: mountRef,
@@ -18151,7 +18263,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React28.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React30.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -18175,7 +18287,7 @@ function XViewScene({
         onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React28.createElement(
+    creationMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -18207,7 +18319,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React28.createElement(
+    versionMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -18233,7 +18345,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React28.createElement(
+    questMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -18261,7 +18373,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React28.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React30.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"}`,
@@ -18274,7 +18386,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -18285,7 +18397,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -18320,7 +18432,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React28.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React30.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -18356,7 +18468,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React28.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React30.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -18370,7 +18482,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -18396,7 +18508,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -18428,7 +18540,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React28.createElement(
+    detailsLink && /* @__PURE__ */ React30.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -18442,7 +18554,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React28.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React30.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -18453,7 +18565,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -18480,7 +18592,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -18513,7 +18625,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -18533,7 +18645,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -18551,14 +18663,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -18571,7 +18683,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -18580,7 +18692,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -18593,7 +18705,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ React28.createElement(
+    invalidTargetError && /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -18618,13 +18730,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ React28.createElement("style", null, `
+      /* @__PURE__ */ React30.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "svg",
         {
           width: "20",
@@ -18636,12 +18748,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__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__ */ React30.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React30.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React30.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ React28.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React30.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),