@lv-x-software-house/x_view 1.2.6-dev.7 → 1.2.6-dev.9

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";
@@ -12950,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,
@@ -12963,175 +12963,416 @@ import {
   FiCheckCircle,
   FiLoader as FiLoader5,
   FiX as FiX8,
-  FiAlertTriangle,
-  FiBox,
-  FiCheckSquare as FiCheckSquare3,
-  FiGitBranch as FiGitBranch3
+  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.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 ? /* @__PURE__ */ React26.createElement(
-          "button",
-          {
-            onClick: () => onPlayAncestry(anc),
-            className: "text-indigo-400 hover:text-white hover:bg-indigo-500 p-1 rounded-full transition-colors",
-            title: "Focar 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(
-          "div",
-          {
-            className: `flex items-center gap-1.5 font-medium truncate max-w-[180px] ${!isValid && "line-through decoration-red-500/50"}`
-          },
-          !isValid ? null : anc.type === "node" ? /* @__PURE__ */ React26.createElement(FiBox, { size: 10, className: "text-slate-400" }) : anc.type === "quest" ? /* @__PURE__ */ React26.createElement(FiCheckSquare3, { size: 10, className: "text-emerald-400" }) : anc.type === "version" ? /* @__PURE__ */ React26.createElement(FiGitBranch3, { size: 10, className: "text-amber-400" }) : /* @__PURE__ */ React26.createElement(FiLayers6, { size: 10, className: "text-indigo-400" }),
-          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
     }
   ))));
@@ -13145,40 +13386,32 @@ 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(() => {
-    const ids = /* @__PURE__ */ new Set();
-    availableAncestries.forEach((a) => ids.add(String(a.ancestry_id)));
-    availableNodes.forEach((n) => ids.add(String(n.id)));
-    return ids;
-  }, [availableAncestries, availableNodes]);
-  const allSearchableItems = useMemo11(() => {
+  const allSearchableItems = useMemo12(() => {
     const items = [];
     availableAncestries.forEach((anc) => {
       items.push({
@@ -13204,117 +13437,76 @@ function AncestryBoard({
     });
     return items;
   }, [availableAncestries, availableNodes]);
-  const sanitizeGroups = (groupList) => {
-    return groupList.map((g) => ({
-      id: g.id,
-      text: g.text || "",
-      ancestries: (g.ancestries || []).map((a) => ({
-        id: a.id || a.ancestry_id,
-        ancestry_id: a.ancestry_id || a.id,
-        name: a.name,
-        type: a.type || "ancestry"
-      })),
-      children: sanitizeGroups(g.children || [])
-    }));
-  };
-  useEffect21(() => {
+  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 allSearchableItems.filter((item) => {
-      var _a, _b;
-      if (!term) return true;
-      const labelMatch = (_a = item.searchLabel) == null ? void 0 : _a.toLowerCase().includes(term);
-      const descMatch = (_b = item.searchDesc) == null ? void 0 : _b.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]);
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [isOpen, onClose]);
   const handleAddRootGroup = () => {
-    const newGroup = {
-      id: uuidv411(),
-      text: "",
-      ancestries: [],
-      children: []
-    };
-    setGroups((prev) => [newGroup, ...prev]);
+    setGroups((prev) => [{ id: uuidv411(), content: [], children: [] }, ...prev]);
   };
   const handleAddSubgroup = (parentId) => {
-    const newGroup = {
-      id: uuidv411(),
-      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;
@@ -13324,220 +13516,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) => String(a.id || a.ancestry_id) === String(ancestry.id)
-              );
-              if (exists) return g;
-              return {
-                ...g,
-                ancestries: [
-                  ...g.ancestries,
-                  {
-                    id: ancestry.id,
-                    ancestry_id: ancestry.id,
-                    name: ancestry.searchLabel,
-                    type: ancestry.type
-                  }
-                ]
-              };
-            }
-            return { ...g, children: addRecursive(g.children) };
-          });
-        };
-        return addRecursive(prev);
-      });
-      onSelect(ancestry);
-    }
-  };
-  const handlePlayFromGroup = (ancestry) => {
-    if (ancestry && onSelect) {
-      onSelect(ancestry);
-    }
-  };
-  const handleRemoveAncestryFromGroup = (groupId, ancestryId) => {
-    setGroups((prev) => {
-      const removeRecursive = (list) => {
-        return list.map((g) => {
-          if (g.id === groupId) {
-            return {
-              ...g,
-              ancestries: g.ancestries.filter(
-                (a) => String(a.id || a.ancestry_id) !== String(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 nodes ou ancestralidades..." : "Pesquisar no board...",
-            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.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"}
-                                          ${anc.type === "quest" ? "text-emerald-400" : anc.type === "version" ? "text-amber-400" : anc.type === "node" ? "text-slate-400" : "text-indigo-400"}
-                                      `
-              },
-              isPicking ? /* @__PURE__ */ React26.createElement(FiPlus10, { size: 16 }) : anc.type === "quest" ? /* @__PURE__ */ React26.createElement(FiCheckSquare3, { size: 14 }) : anc.type === "version" ? /* @__PURE__ */ React26.createElement(FiGitBranch3, { size: 14 }) : anc.type === "node" ? /* @__PURE__ */ React26.createElement(FiBox, { size: 14 }) : /* @__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.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-tighter" }, anc.type)), anc.type === "ancestry" && /* @__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.searchDesc && /* @__PURE__ */ React26.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.searchDesc)),
-            !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: "Focar no cen\xE1rio"
-              },
-              /* @__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,
@@ -13546,7 +13637,7 @@ function MilestoneManager({
   onUpdateMilestones = () => {
   }
 }) {
-  const [newMilestoneName, setNewMilestoneName] = useState26("");
+  const [newMilestoneName, setNewMilestoneName] = useState28("");
   const handleAddMilestone = () => {
     if (!newMilestoneName.trim()) return;
     const newMilestone = {
@@ -13571,27 +13662,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",
@@ -13601,47 +13692,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))))
     )
   );
 }
@@ -13733,7 +13824,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) {
@@ -13742,7 +13833,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;
@@ -13779,65 +13870,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,
@@ -13848,42 +13939,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: {}
@@ -13947,10 +14038,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();
@@ -13973,10 +14064,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 = [];
@@ -14104,7 +14195,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;
@@ -14130,7 +14221,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]));
@@ -14215,7 +14306,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) {
@@ -14375,7 +14466,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;
@@ -14512,7 +14603,7 @@ function XViewScene({
       }
     });
   }, []);
-  useEffect22(() => {
+  useEffect24(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -14617,12 +14708,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,
@@ -14663,7 +14754,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;
@@ -14877,7 +14968,7 @@ function XViewScene({
       camTween.start();
     }
   }, [addOrUpdateNodeMesh]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -15633,7 +15724,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,
@@ -15681,7 +15772,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;
@@ -15702,7 +15793,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;
@@ -15858,7 +15949,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);
@@ -15881,7 +15972,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = useMemo12(
+  const actionHandlerContext = useMemo13(
     () => {
       var _a2;
       return {
@@ -15942,7 +16033,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 || []);
@@ -15977,7 +16068,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 {
@@ -16051,7 +16142,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) {
@@ -16208,7 +16299,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)
@@ -16226,7 +16317,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
@@ -16720,7 +16811,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = useCallback4(
+  const handleRenderAbstractionTree = useCallback5(
     (ancestryObject, targetNodeId = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16808,7 +16899,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = useCallback4(
+  const handleReadModeBranchNav = useCallback5(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -16986,13 +17077,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(
@@ -17036,7 +17127,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];
@@ -17047,7 +17138,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) {
@@ -17090,7 +17181,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;
     }
@@ -17109,7 +17200,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = useCallback4(
+  const handleStartReadingAncestry = useCallback5(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17152,7 +17243,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = useCallback4(
+  const handleReadModeSectionChange = useCallback5(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -17237,10 +17328,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;
@@ -17302,7 +17393,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = useCallback4(
+  const handleEditAncestry = useCallback5(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17357,7 +17448,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;
@@ -17382,7 +17473,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;
@@ -17618,7 +17709,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.");
@@ -17700,10 +17791,58 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = useCallback4(() => {
+  const handleOpenAncestryBoard = useCallback5(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = useCallback4(
+  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);
@@ -17715,7 +17854,7 @@ function XViewScene({
     },
     [handleStartReadingAncestry, handleOpenReference]
   );
-  const handleSaveAncestryBoard = useCallback4(
+  const handleSaveAncestryBoard = useCallback5(
     async (groups) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -17729,7 +17868,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
   );
-  const existingNodeTypes = useMemo12(() => {
+  const existingNodeTypes = useMemo13(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17741,7 +17880,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 [];
     }
@@ -17756,7 +17895,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,
@@ -17765,7 +17904,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = useCallback4(
+  const handleUpdateMilestones = useCallback5(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -17811,7 +17950,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) {
@@ -17854,61 +17993,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;
@@ -17924,7 +18015,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;
@@ -17938,7 +18029,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)];
@@ -17961,7 +18052,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -17986,7 +18077,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  useEffect22(() => {
+  useEffect24(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -18109,10 +18200,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",
@@ -18122,7 +18213,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -18130,13 +18221,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",
@@ -18146,7 +18237,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React30.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -18158,7 +18249,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React30.createElement(
     "div",
     {
       ref: mountRef,
@@ -18170,7 +18261,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,
@@ -18194,7 +18285,7 @@ function XViewScene({
         onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React28.createElement(
+    creationMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -18226,7 +18317,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React28.createElement(
+    versionMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -18252,7 +18343,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React28.createElement(
+    questMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -18280,7 +18371,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"}`,
@@ -18293,7 +18384,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -18304,7 +18395,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,
@@ -18339,7 +18430,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React28.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React30.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -18375,7 +18466,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React28.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React30.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -18389,7 +18480,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -18415,7 +18506,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -18447,7 +18538,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React28.createElement(
+    detailsLink && /* @__PURE__ */ React30.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -18461,7 +18552,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React28.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React30.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -18472,7 +18563,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -18499,7 +18590,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -18532,7 +18623,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -18552,7 +18643,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -18570,14 +18661,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,
@@ -18590,7 +18681,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -18599,7 +18690,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -18612,7 +18703,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ React28.createElement(
+    invalidTargetError && /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -18637,13 +18728,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",
@@ -18655,12 +18746,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),