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

package/dist/index.mjs

@@ -1,10 +1,10 @@
 // src/XViewScene.jsx
-import React30, {
+import React28, {
   useCallback as useCallback4,
-  useEffect as useEffect24,
+  useEffect as useEffect22,
   useRef as useRef19,
-  useState as useState28,
-  useMemo as useMemo13
+  useState as useState27,
+  useMemo as useMemo12
 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
@@ -1053,6 +1053,8 @@ var userActionHandlers = {
       if (isCrossDataset) {
         graphDataRef.current[finalTargetDatasetId] = targetDataToUpdate;
       }
+      if (sceneDataRef.current.parent_dbs.some((db) => String(db.db_id) === String(sourceParentInfo.parentFileId))) {
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
       stateRef.current.nodeIdToParentFileMap.set(String(newNode.id), {
@@ -1251,6 +1253,9 @@ var userActionHandlers = {
         );
       }
       graphDataRef.current[parentFileId] = specificParentData;
+      if (isView && parentFileId === context.sceneConfigId) {
+        sceneDataRef.current.quest_nodes = [...specificParentData.nodes];
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
       setters.setSceneVersion((v) => v + 1);
@@ -2270,8 +2275,6 @@ var userActionHandlers = {
           milestones: sceneDataRef.current.milestones || [],
           quest_counter: sceneDataRef.current.quest_counter || 1
         };
-        sceneDataRef.current.quest_nodes = specificParentData.nodes;
-        sceneDataRef.current.quest_links = specificParentData.links;
         await context.actions.save_view_data(
           context.sceneSaveUrl,
           viewFilePayload
@@ -2284,6 +2287,10 @@ var userActionHandlers = {
         );
       }
       graphDataRef.current[parentFileId] = specificParentData;
+      if (isView && parentFileId === context.sceneConfigId) {
+        sceneDataRef.current.quest_nodes = [...specificParentData.nodes];
+        sceneDataRef.current.quest_counter = specificParentData.quest_counter || sceneDataRef.current.quest_counter;
+      }
       updateExistingNodeVisuals(stateRef.current, nodeToSave);
       setters.setSceneVersion((v) => v + 1);
       if (!keepOpen) {
@@ -12943,10 +12950,10 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/AncestryBoard.jsx
-import React28, { useState as useState26, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef18 } from "react";
+import React26, { useState as useState25, useMemo as useMemo11, useEffect as useEffect21, useRef as useRef18 } from "react";
 import {
-  FiSearch as FiSearch9,
-  FiLayers as FiLayers7,
+  FiSearch as FiSearch8,
+  FiLayers as FiLayers6,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus10,
@@ -12957,322 +12964,132 @@ import {
   FiLoader as FiLoader5,
   FiX as FiX8,
   FiAlertTriangle,
-  FiCheckSquare as FiCheckSquare4,
-  FiBox as FiBox2,
-  FiGitBranch as FiGitBranch4
-} from "react-icons/fi";
-import { v4 as uuidv411 } from "uuid";
-
-// src/components/MentionEditor.jsx
-import React27, { useMemo as useMemo11, useEffect as useEffect22 } from "react";
-import { useEditor, EditorContent, ReactRenderer } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import Mention from "@tiptap/extension-mention";
-import tippy from "tippy.js";
-
-// src/components/MentionList.jsx
-import React26, {
-  forwardRef,
-  useEffect as useEffect21,
-  useImperativeHandle,
-  useState as useState25
-} from "react";
-import {
-  FiLayers as FiLayers6,
-  FiCheckSquare as FiCheckSquare3,
   FiBox,
-  FiGitBranch as FiGitBranch3,
-  FiSearch as FiSearch8
+  FiCheckSquare as FiCheckSquare3,
+  FiGitBranch as FiGitBranch3
 } from "react-icons/fi";
-var MentionList = forwardRef((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState25(0);
-  const selectItem = (index) => {
-    const item = props.items[index];
-    if (item) {
-      props.command({ id: item.id, label: item.name, type: item.type });
-    }
-  };
-  const upHandler = () => {
-    setSelectedIndex(
-      (selectedIndex + props.items.length - 1) % props.items.length
-    );
-  };
-  const downHandler = () => {
-    setSelectedIndex((selectedIndex + 1) % props.items.length);
-  };
-  const enterHandler = () => {
-    selectItem(selectedIndex);
-  };
-  useEffect21(() => setSelectedIndex(0), [props.items]);
-  useImperativeHandle(ref, () => ({
-    onKeyDown: ({ event }) => {
-      if (event.key === "ArrowUp") {
-        upHandler();
-        return true;
-      }
-      if (event.key === "ArrowDown") {
-        downHandler();
-        return true;
-      }
-      if (event.key === "Enter") {
-        enterHandler();
-        return true;
-      }
-      return false;
-    }
-  }));
-  return /* @__PURE__ */ React26.createElement("div", { className: "z-[3000] bg-slate-900 border border-white/10 rounded-lg shadow-2xl overflow-hidden min-w-[280px] max-w-[400px] animate-in fade-in zoom-in-95 duration-200" }, /* @__PURE__ */ React26.createElement("div", { className: "p-2 border-b border-white/5 bg-slate-950/50 flex items-center gap-2" }, /* @__PURE__ */ React26.createElement(FiSearch8, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React26.createElement("span", { className: "text-[10px] uppercase tracking-wider font-bold text-slate-500" }, "Mencionar Recurso")), /* @__PURE__ */ React26.createElement("div", { className: "p-1 max-h-[300px] overflow-y-auto custom-scrollbar" }, props.items.length ? props.items.map((item, index) => {
-    const isQuest = item.type === "quest";
-    const isVersion = item.type === "version";
-    const isNode = item.type === "node";
-    let Icon = FiLayers6;
-    let colorClass = "text-indigo-400";
-    let badgeText = "Ancestralidade";
-    if (isQuest) {
-      Icon = FiCheckSquare3;
-      colorClass = "text-amber-400";
-      badgeText = "Quest";
-    } else if (isVersion) {
-      Icon = FiGitBranch3;
-      colorClass = "text-purple-400";
-      badgeText = "Vers\xE3o";
-    } else if (isNode) {
-      Icon = FiBox;
-      colorClass = "text-emerald-400";
-      badgeText = "Node";
-    }
-    return /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        className: `
-                  w-full flex items-center gap-3 px-3 py-2 text-left rounded-md transition-all
-                  ${index === selectedIndex ? "bg-indigo-500/20 border border-indigo-500/30 text-white" : "text-slate-400 hover:bg-white/5 border border-transparent"}
-                `,
-        key: item.id,
-        onClick: () => selectItem(index)
-      },
-      /* @__PURE__ */ React26.createElement("div", { className: `shrink-0 w-8 h-8 rounded border border-white/5 flex items-center justify-center bg-slate-800/50 ${colorClass}` }, /* @__PURE__ */ React26.createElement(Icon, { size: 14 })),
-      /* @__PURE__ */ React26.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React26.createElement("span", { className: "text-sm font-medium truncate" }, item.name), /* @__PURE__ */ React26.createElement("span", { className: `text-[9px] px-1 py-0.5 rounded border border-current opacity-60 ${colorClass}` }, badgeText)))
-    );
-  }) : /* @__PURE__ */ React26.createElement("div", { className: "p-4 text-center text-slate-500 text-sm italic" }, "Nenhum resultado encontrado...")));
-});
-MentionList.displayName = "MentionList";
-var MentionList_default = MentionList;
-
-// src/components/MentionEditor.jsx
-var CustomMention = Mention.extend({
-  addAttributes() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      type: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-mention-type"),
-        renderHTML: (attributes) => {
-          if (!attributes.type) {
-            return {};
-          }
-          return {
-            "data-mention-type": attributes.type
-          };
-        }
-      }
-    };
-  }
-});
-var MentionEditor = ({
-  initialValue = "",
-  onChange,
-  onPlay,
-  // Mantido para futura expansão se quisermos badges clicáveis reais no editor
-  availableItems = [],
-  canEdit = true,
-  placeholder = "Escreva algo... use @ para mencionar"
-}) => {
-  const parseInitialContent = (text) => {
-    if (!text) return "<p></p>";
-    const parts = text.split(/(\[\[MENTION:[^\]]+\]\])/g);
-    return parts.map((part) => {
-      const match = part.match(/\[\[MENTION:([^:]+):([^:]+):([^\]]+)\]\]/);
-      if (match) {
-        const [, type, id, label] = match;
-        return `<span data-type="mention" data-id="${id}" data-mention-type="${type}" data-label="${label}">@${label}</span>`;
-      }
-      return part;
-    }).join("");
-  };
-  const content = useMemo11(() => parseInitialContent(initialValue), [initialValue]);
-  const editor = useEditor({
-    extensions: [
-      StarterKit.configure({
-        heading: false,
-        bulletList: false,
-        orderedList: false,
-        codeBlock: false,
-        blockquote: false
-      }),
-      CustomMention.configure({
-        HTMLAttributes: {
-          class: "mention"
-        },
-        suggestion: {
-          items: ({ query }) => {
-            return availableItems.filter(
-              (item) => item.name.toLowerCase().includes(query.toLowerCase())
-            ).slice(0, 10);
-          },
-          render: () => {
-            let component;
-            let popup;
-            return {
-              onStart: (props) => {
-                component = new ReactRenderer(MentionList_default, {
-                  props,
-                  editor: props.editor
-                });
-                if (!props.clientRect) {
-                  return;
-                }
-                popup = tippy("body", {
-                  getReferenceClientRect: props.clientRect,
-                  appendTo: () => document.body,
-                  content: component.element,
-                  showOnCreate: true,
-                  interactive: true,
-                  trigger: "manual",
-                  placement: "bottom-start"
-                });
-              },
-              onUpdate(props) {
-                component.updateProps(props);
-                if (!props.clientRect) {
-                  return;
-                }
-                popup[0].setProps({
-                  getReferenceClientRect: props.clientRect
-                });
-              },
-              onKeyDown(props) {
-                var _a;
-                if (props.event.key === "Escape") {
-                  popup[0].hide();
-                  return true;
-                }
-                return (_a = component == null ? void 0 : component.ref) == null ? void 0 : _a.onKeyDown(props);
-              },
-              onExit() {
-                if (popup && popup[0]) popup[0].destroy();
-                if (component) component.destroy();
-              }
-            };
-          }
-        }
-      })
-    ],
-    content,
-    editable: canEdit,
-    onUpdate: ({ editor: editor2 }) => {
-      const serialize = (json) => {
-        if (!json.content) return "";
-        return json.content.map((block) => {
-          if (block.type === "paragraph") {
-            const inner = block.content ? block.content.map((node) => {
-              if (node.type === "text") return node.text;
-              if (node.type === "mention") {
-                return `[[MENTION:${node.attrs.type}:${node.attrs.id}:${node.attrs.label}]]`;
-              }
-              return "";
-            }).join("") : "";
-            return inner;
-          }
-          return "";
-        }).join("\n").trim();
-      };
-      const serialized = serialize(editor2.getJSON());
-      onChange(serialized);
-    }
-  });
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ React27.createElement("div", { className: "relative group/editor min-h-[1.5rem] w-full" }, /* @__PURE__ */ React27.createElement(
-    EditorContent,
-    {
-      editor,
-      className: "text-sm text-slate-200 placeholder-slate-600 focus:outline-none"
-    }
-  ), /* @__PURE__ */ React27.createElement("style", null, `
-        .tiptap p {
-          margin: 0;
-          min-height: 1.2em;
-        }
-        .tiptap .mention {
-          display: inline-flex;
-          align-items: center;
-          background-color: rgba(99, 102, 241, 0.15);
-          border: 1px solid rgba(99, 102, 241, 0.3);
-          border-radius: 4px;
-          padding: 0 4px;
-          color: #a5b4fc;
-          font-weight: 500;
-          cursor: pointer;
-          margin: 0 2px;
-          transition: all 0.2s;
-        }
-        .tiptap .mention:hover {
-          background-color: rgba(99, 102, 241, 0.25);
-          border-color: rgba(99, 102, 241, 0.5);
-          color: white;
-        }
-        .tiptap:focus {
-          outline: none;
-        }
-      `));
-};
-var MentionEditor_default = MentionEditor;
-
-// src/components/AncestryBoard.jsx
+import { v4 as uuidv411 } from "uuid";
 var GroupItem = ({
   group,
   index,
+  siblings,
   onUpdate,
   onDelete,
   onAddSubgroup,
   onIndent,
   onOutdent,
+  onRemoveAncestry,
+  onRequestPickAncestry,
+  pickingGroupId,
   onPlayAncestry,
-  availableMentionItems,
+  availableIds,
   canEdit
 }) => {
   const canIndent = index > 0;
-  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(
+  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`;
+    }
+  };
+  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",
     {
-      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"
+      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"}
+            `
     },
-    /* @__PURE__ */ React28.createElement(
-      MentionEditor_default,
+    /* @__PURE__ */ React26.createElement(
+      "textarea",
       {
-        initialValue: group.text,
-        onChange: (newText) => {
-          if (canEdit) onUpdate(group.id, { ...group, text: newText });
+        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"
         },
-        onPlay: onPlayAncestry,
-        availableItems: availableMentionItems,
-        canEdit,
-        placeholder: "Escreva sobre este grupo... use @ para mencionar"
+        placeholder: canEdit ? "Escreva sobre este grupo..." : "",
+        value: group.text,
+        readOnly: !canEdit,
+        onChange: (e) => {
+          if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
+        }
       }
     ),
-    canEdit && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-0 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
+    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: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-slate-500 hover:text-white hover:bg-white/10 rounded-md transition-colors",
+        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
         title: "Criar Subgrupo"
       },
-      /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14 }),
-      /* @__PURE__ */ React28.createElement("span", null, "Adicionar Subgrupo")
-    )), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React26.createElement(FiPlus10, { size: 14 })
+    )), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React26.createElement(
       "button",
       {
         onClick: () => onIndent(group.id),
@@ -13280,25 +13097,25 @@ var GroupItem = ({
         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(
+      /* @__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__ */ React28.createElement(FiArrowLeft3, { size: 14 })
-    ), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement(
+      /* @__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__ */ React28.createElement(FiTrash23, { size: 14 })
+      /* @__PURE__ */ React26.createElement(FiTrash23, { size: 14 })
     )))
-  ), group.children && group.children.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React28.createElement(
+  ), group.children && group.children.length > 0 && /* @__PURE__ */ React26.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React26.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -13310,8 +13127,11 @@ var GroupItem = ({
       onAddSubgroup,
       onIndent,
       onOutdent,
+      onRemoveAncestry,
+      onRequestPickAncestry,
+      pickingGroupId,
       onPlayAncestry,
-      availableMentionItems,
+      availableIds,
       canEdit
     }
   ))));
@@ -13325,20 +13145,23 @@ function AncestryBoard({
   initialGroups = [],
   onSave,
   userRole
+  // [NOVO] Recebe a role do usuário
 }) {
-  const [groups, setGroups] = useState26([]);
-  const [isLoaded, setIsLoaded] = useState26(false);
-  const [saveStatus, setSaveStatus] = useState26("idle");
-  const canEdit = useMemo12(() => {
+  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]);
-  useEffect23(() => {
+  useEffect21(() => {
     if (initialGroups && !isLoaded) {
       setGroups(initialGroups);
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = useMemo12(() => {
+  const nodeNamesMap = useMemo11(() => {
     const map = /* @__PURE__ */ new Map();
     if (availableNodes && Array.isArray(availableNodes)) {
       availableNodes.forEach((node) => {
@@ -13349,41 +13172,52 @@ function AncestryBoard({
     }
     return map;
   }, [availableNodes]);
-  const availableIds = useMemo12(() => {
-    return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
-  }, [availableAncestries]);
-  const availableMentionItems = useMemo12(() => {
-    const ancestries = availableAncestries.map((a) => ({
-      id: String(a.ancestry_id),
-      ancestry_id: a.ancestry_id,
-      name: a.name,
-      description: a.description,
-      type: "ancestry",
-      ancestral_node: a.ancestral_node,
-      is_private: a.is_private
-    }));
-    const nodes = availableNodes.map((n) => {
+  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 items = [];
+    availableAncestries.forEach((anc) => {
+      items.push({
+        ...anc,
+        id: String(anc.ancestry_id),
+        type: "ancestry",
+        searchLabel: anc.name || "",
+        searchDesc: anc.description || ""
+      });
+    });
+    availableNodes.forEach((node) => {
+      var _a;
       let type = "node";
-      if (n.is_quest) type = "quest";
-      else if (n.is_version) type = "version";
-      return {
-        id: String(n.id),
-        name: n.name,
-        description: n.description,
+      if (node.is_quest) type = "quest";
+      else if ((_a = node.version_node) == null ? void 0 : _a.is_version) type = "version";
+      items.push({
+        ...node,
+        id: String(node.id),
         type,
-        raw_node: n
-      };
+        searchLabel: node.name || node.raw_title || "",
+        searchDesc: node.description || ""
+      });
     });
-    return [...ancestries, ...nodes];
+    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 || [])
     }));
   };
-  useEffect23(() => {
+  useEffect21(() => {
     if (!isLoaded || !onSave) return;
     const timeoutId = setTimeout(async () => {
       setSaveStatus("saving");
@@ -13401,22 +13235,42 @@ function AncestryBoard({
     }, 3e3);
     return () => clearTimeout(timeoutId);
   }, [groups, isLoaded, onSave]);
-  useEffect23(() => {
+  useEffect21(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
-        onClose();
+        if (pickingGroupId) {
+          setPickingGroupId(null);
+        } else {
+          onClose();
+        }
         e.preventDefault();
         e.stopPropagation();
       }
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, onClose]);
+  }, [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]);
   const handleAddRootGroup = () => {
     const newGroup = {
       id: uuidv411(),
       text: "",
+      ancestries: [],
       children: []
     };
     setGroups((prev) => [newGroup, ...prev]);
@@ -13425,6 +13279,7 @@ function AncestryBoard({
     const newGroup = {
       id: uuidv411(),
       text: "",
+      ancestries: [],
       children: []
     };
     const addRecursive = (list) => {
@@ -13495,49 +13350,91 @@ function AncestryBoard({
       return newList;
     });
   };
-  const handlePlayFromGroup = (item) => {
-    let fullItem = item;
-    if (item.type === "ancestry" || !item.type) {
-      fullItem = availableAncestries.find(
-        (a) => String(a.ancestry_id) === String(item.id || item.ancestry_id)
-      ) || item;
-    } else {
-      fullItem = availableNodes.find(
-        (n) => String(n.id) === String(item.id)
-      ) || item;
+  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);
     }
-    if (fullItem && onSelect) {
-      onSelect(fullItem);
+  };
+  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);
+    });
+  };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-2",
       onClick: onClose
     },
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React26.createElement(
       "div",
       {
-        className: "bg-slate-950 border border-white/10 rounded-xl w-[90vw] max-w-[1200px] h-[90vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
+        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__ */ React28.createElement("div", { className: "h-14 px-6 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(
+      /* @__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__ */ 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(
+      ), /* @__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(
         "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                                "
         },
-        /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ React28.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React26.createElement(FiPlus10, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ React26.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+      ), /* @__PURE__ */ React26.createElement(
         "button",
         {
           onClick: onClose,
@@ -13545,36 +13442,102 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ React28.createElement("div", { className: "flex flex-1 overflow-hidden bg-slate-900/20" }, /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col flex-1" }, /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-8 max-w-[900px] mx-auto w-full space-y-6" }, groups.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-4 border-2 border-dashed border-white/5 rounded-2xl bg-slate-900/40 p-12" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 40, className: "opacity-10 text-indigo-400" }), /* @__PURE__ */ React28.createElement("div", { className: "text-center space-y-1" }, /* @__PURE__ */ React28.createElement("p", { className: "text-sm font-medium text-slate-300" }, "Nenhum grupo criado"), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-slate-500 max-w-[200px]" }, canEdit ? "Comece organizando sua narrativa criando o primeiro grupo." : "Este board ainda n\xE3o possui conte\xFAdo.")), canEdit && /* @__PURE__ */ React28.createElement(
-        "button",
+      /* @__PURE__ */ React26.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React26.createElement(
+        "div",
         {
-          onClick: handleAddRootGroup,
-          className: "mt-2 px-4 py-2 bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 rounded-lg border border-indigo-500/20 transition-all text-xs font-bold uppercase tracking-wider"
+          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
+                    `
         },
-        "Criar Primeiro Grupo"
-      )) : groups.map((group, index) => /* @__PURE__ */ React28.createElement(
+        /* @__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: 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,
+              onClick: () => {
+                if (isPicking) handleSelectAncestry(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"}
+                                    `
+            },
+            /* @__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(
         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,
-          availableMentionItems,
+          availableIds,
           canEdit
         }
       ))))),
-      /* @__PURE__ */ React28.createElement("div", { className: "px-6 py-3 border-t border-white/10 bg-slate-950/50 text-[10px] uppercase tracking-widest font-bold text-slate-600 flex justify-between items-center flex-shrink-0" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React28.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React28.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-indigo-500" }), " ", availableMentionItems.length, " RECURSOS DISPON\xCDVEIS"), /* @__PURE__ */ React28.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React28.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }), " ", groups.length, " GRUPOS PRINCIPAIS")), /* @__PURE__ */ React28.createElement("span", { className: "text-slate-700" }, "X.VIEW :: ANCESTRY BOARD ENGINE"))
+      /* @__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"))
     )
   );
 }
 
 // src/components/MilestoneManager.jsx
-import React29, { useState as useState27 } from "react";
+import React27, { useState as useState26 } from "react";
 import { FiTarget as FiTarget4, FiPlus as FiPlus11, FiTrash2 as FiTrash24, FiX as FiX9, FiCheck as FiCheck12, FiPauseCircle, FiPlayCircle } from "react-icons/fi";
 function MilestoneManager({
   isOpen,
@@ -13583,7 +13546,7 @@ function MilestoneManager({
   onUpdateMilestones = () => {
   }
 }) {
-  const [newMilestoneName, setNewMilestoneName] = useState27("");
+  const [newMilestoneName, setNewMilestoneName] = useState26("");
   const handleAddMilestone = () => {
     if (!newMilestoneName.trim()) return;
     const newMilestone = {
@@ -13608,27 +13571,27 @@ function MilestoneManager({
   };
   if (!isOpen) return null;
   const swallow = (e) => e.stopPropagation();
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React27.createElement(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/40 backdrop-blur-sm animate-in fade-in duration-300",
       onClick: onClose
     },
-    /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React27.createElement(
       "div",
       {
         className: "w-full max-w-lg bg-slate-900/90 backdrop-blur-xl border border-white/10 rounded-2xl shadow-2xl flex flex-col max-h-[85vh] animate-in zoom-in-95 duration-300",
         onClick: swallow
       },
-      /* @__PURE__ */ 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(
+      /* @__PURE__ */ React27.createElement("div", { className: "px-6 py-4 border-b border-white/10 flex items-center justify-between" }, /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React27.createElement("div", { className: "p-2 rounded-lg bg-indigo-500/20 text-indigo-400" }, /* @__PURE__ */ React27.createElement(FiTarget4, { size: 20 })), /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement("h2", { className: "text-lg font-semibold text-slate-100" }, "Milestones"), /* @__PURE__ */ React27.createElement("p", { className: "text-xs text-slate-400" }, "Gerencie os marcos do seu cen\xE1rio"))), /* @__PURE__ */ React27.createElement(
         "button",
         {
           onClick: onClose,
           className: "p-2 rounded-full hover:bg-white/10 text-slate-400 hover:text-white transition-colors"
         },
-        /* @__PURE__ */ React29.createElement(FiX9, { size: 20 })
+        /* @__PURE__ */ React27.createElement(FiX9, { size: 20 })
       )),
-      /* @__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(
+      /* @__PURE__ */ React27.createElement("div", { className: "px-6 py-5 bg-white/5 border-b border-white/5" }, /* @__PURE__ */ React27.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React27.createElement(
         "input",
         {
           type: "text",
@@ -13638,47 +13601,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__ */ React29.createElement(
+      ), /* @__PURE__ */ React27.createElement(
         "button",
         {
           onClick: handleAddMilestone,
           disabled: !newMilestoneName.trim(),
           className: "px-4 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-500 disabled:opacity-30 disabled:cursor-not-allowed text-white text-sm font-medium transition-all flex items-center gap-2 shadow-lg shadow-indigo-500/20 active:scale-95"
         },
-        /* @__PURE__ */ React29.createElement(FiPlus11, { size: 18 }),
+        /* @__PURE__ */ React27.createElement(FiPlus11, { size: 18 }),
         "Adicionar"
       ))),
-      /* @__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(
+      /* @__PURE__ */ React27.createElement("div", { className: "flex-1 overflow-y-auto px-6 py-4 custom-scrollbar" }, milestones.length > 0 ? /* @__PURE__ */ React27.createElement("div", { className: "space-y-3" }, milestones.map((ms) => /* @__PURE__ */ React27.createElement(
         "div",
         {
           key: ms.id,
           className: `group flex items-center justify-between p-4 rounded-xl border transition-all duration-200 ${ms.status === "active" ? "bg-slate-800/40 border-indigo-500/20 hover:border-indigo-500/40" : "bg-slate-900/40 border-white/5 opacity-60 grayscale-[0.3]"}`
         },
-        /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ React29.createElement(
+        /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ React27.createElement(
           "div",
           {
             className: `w-2 h-2 rounded-full shrink-0 ${ms.status === "active" ? "bg-indigo-400 shadow-[0_0_8px_rgba(129,140,248,0.6)]" : "bg-slate-600"}`
           }
-        ), /* @__PURE__ */ 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(
+        ), /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React27.createElement("span", { className: `text-sm font-medium truncate ${ms.status === "active" ? "text-slate-100" : "text-slate-400 line-through"}` }, ms.name), /* @__PURE__ */ React27.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, ms.status === "active" ? "Ativo" : "Inativo"))),
+        /* @__PURE__ */ React27.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React27.createElement(
           "button",
           {
             onClick: () => handleToggleMilestoneStatus(ms.id),
             className: `p-2 rounded-lg transition-all ${ms.status === "active" ? "hover:bg-slate-700 text-slate-400" : "hover:bg-indigo-500/20 text-indigo-400"}`,
             title: ms.status === "active" ? "Inativar" : "Ativar"
           },
-          ms.status === "active" ? /* @__PURE__ */ React29.createElement(FiPauseCircle, { size: 18 }) : /* @__PURE__ */ React29.createElement(FiPlayCircle, { size: 18 })
-        ), /* @__PURE__ */ React29.createElement(
+          ms.status === "active" ? /* @__PURE__ */ React27.createElement(FiPauseCircle, { size: 18 }) : /* @__PURE__ */ React27.createElement(FiPlayCircle, { size: 18 })
+        ), /* @__PURE__ */ React27.createElement(
           "button",
           {
             onClick: () => handleRemoveMilestone(ms.id),
             className: "p-2 rounded-lg hover:bg-red-500/20 text-slate-500 hover:text-red-400 transition-all",
             title: "Remover"
           },
-          /* @__PURE__ */ React29.createElement(FiTrash24, { size: 18 })
+          /* @__PURE__ */ React27.createElement(FiTrash24, { size: 18 })
         ))
-      ))) : /* @__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))))
+      ))) : /* @__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))))
     )
   );
 }
@@ -13764,13 +13727,13 @@ function XViewScene({
   check_user_permission,
   get_view_members
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = useMemo13(() => {
+  const viewParams = useMemo12(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data) {
@@ -13779,7 +13742,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  useEffect24(() => {
+  useEffect22(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -13816,21 +13779,21 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  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(() => {
+  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(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = useMemo13(() => {
+  const sceneSaveUrl = useMemo12(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = useMemo13(() => {
+  const ancestry_save_url = useMemo12(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
@@ -13839,42 +13802,42 @@ function XViewScene({
   const sceneDataRef = useRef19(null);
   const parentDataRef = useRef19(null);
   const ancestryDataRef = useRef19(null);
-  const [isLoading, setIsLoading] = useState28(true);
-  const [permissionStatus, setPermissionStatus] = useState28("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState28(null);
-  const [viewMembers, setViewMembers] = useState28([]);
-  const [isInitialized, setIsInitialized] = useState28(false);
-  const [sceneVersion, setSceneVersion] = useState28(0);
-  const [contextMenu, setContextMenu] = useState28({
+  const [isLoading, setIsLoading] = useState27(true);
+  const [permissionStatus, setPermissionStatus] = useState27("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState27(null);
+  const [viewMembers, setViewMembers] = useState27([]);
+  const [isInitialized, setIsInitialized] = useState27(false);
+  const [sceneVersion, setSceneVersion] = useState27(0);
+  const [contextMenu, setContextMenu] = useState27({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = useState28({
+  const [multiContextMenu, setMultiContextMenu] = useState27({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = useState28({
+  const [relationshipMenu, setRelationshipMenu] = useState27({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = useState28({
+  const [creationMode, setCreationMode] = useState27({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = useState28({
+  const [versionMode, setVersionMode] = useState27({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = useState28({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState28(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState28(false);
-  const [ancestryMode, setAncestryMode] = useState28({
+  const [questMode, setQuestMode] = useState27({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState27(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState27(false);
+  const [ancestryMode, setAncestryMode] = useState27({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13885,38 +13848,38 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = useState28({
+  const [readingMode, setReadingMode] = useState27({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState28({
+  const [formPosition, setFormPosition] = useState27({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = useState28(null);
-  const [detailsLink, setDetailsLink] = useState28(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState28(null);
-  const [imageViewer, setImageViewer] = useState28({
+  const [detailsNode, setDetailsNode] = useState27(null);
+  const [detailsLink, setDetailsLink] = useState27(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState27(null);
+  const [imageViewer, setImageViewer] = useState27({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = useState28({
+  const [editingAncestryRel, setEditingAncestryRel] = useState27({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = useState28(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState28("");
-  const [invalidTargetError, setInvalidTargetError] = useState28(null);
-  const [highlightedNodeId, setHighlightedNodeId] = useState28(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState28(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState28([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState28(false);
-  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState28(false);
+  const [isImportModalOpen, setIsImportModalOpen] = useState27(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState27("");
+  const [invalidTargetError, setInvalidTargetError] = useState27(null);
+  const [highlightedNodeId, setHighlightedNodeId] = useState27(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState27(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState27([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState27(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState27(false);
   const mountRef = useRef19(null);
   const tooltipRef = useRef19(null);
   const formRef = useRef19(null);
@@ -13984,10 +13947,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  useEffect24(() => {
+  useEffect22(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  useEffect24(() => {
+  useEffect22(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -14549,7 +14512,7 @@ function XViewScene({
       }
     });
   }, []);
-  useEffect24(() => {
+  useEffect22(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -14914,7 +14877,7 @@ function XViewScene({
       camTween.start();
     }
   }, [addOrUpdateNodeMesh]);
-  useEffect24(() => {
+  useEffect22(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -15918,7 +15881,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = useMemo13(
+  const actionHandlerContext = useMemo12(
     () => {
       var _a2;
       return {
@@ -16147,13 +16110,15 @@ function XViewScene({
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
       sceneDataRef2.current.quest_counter = currentCounter + 1;
-      sceneDataRef2.current.quest_nodes = sceneFileData.quest_nodes;
-      sceneDataRef2.current.quest_links = sceneFileData.quest_links;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
         ownerId: ownerId2,
         datasetName: "Quests Internas (View)"
       });
+      sceneDataRef2.current.quest_nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      if (parentDataRef.current[sceneConfigId2]) {
+        parentDataRef.current[sceneConfigId2].nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      }
       const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
       const { graphGroup, ghostElements } = stateRef2.current;
       if (ghostElements.node && graphGroup) {
@@ -17027,7 +16992,7 @@ function XViewScene({
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = useMemo13(() => {
+  const activeNodeBranches = useMemo12(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -17071,7 +17036,7 @@ function XViewScene({
     readingMode.branchStack,
     ancestryDataRef.current
   ]);
-  const backNavigationInfo = useMemo13(() => {
+  const backNavigationInfo = useMemo12(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -17082,7 +17047,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = useMemo13(() => {
+  const getReadModeDisplayContext = useMemo12(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -17125,7 +17090,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = useMemo13(() => {
+  const readModeAbstractionTree = useMemo12(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -17742,19 +17707,13 @@ function XViewScene({
     (item) => {
       setIsAncestryBoardOpen(false);
       setIsSidebarOpen(false);
-      if (item.type === "ancestry" || !item.type) {
+      if (item.type === "ancestry") {
         handleStartReadingAncestry(item);
       } else {
-        const nodeId = String(item.id);
-        const sceneMesh = stateRef.current.nodeObjects[nodeId];
-        if (sceneMesh) {
-          tweenToTarget(sceneMesh);
-        } else {
-          console.warn("Objeto n\xE3o encontrado na cena para foco:", nodeId);
-        }
+        handleOpenReference({ type: "node", id: item.id });
       }
     },
-    [handleStartReadingAncestry, tweenToTarget]
+    [handleStartReadingAncestry, handleOpenReference]
   );
   const handleSaveAncestryBoard = useCallback4(
     async (groups) => {
@@ -17770,7 +17729,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
   );
-  const existingNodeTypes = useMemo13(() => {
+  const existingNodeTypes = useMemo12(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17782,27 +17741,21 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = useMemo13(() => {
-    var _a2;
+  const searchableDbNodes = useMemo12(() => {
     if (!parentDataRef.current) {
       return [];
     }
-    const datasetsPool = Object.entries(parentDataRef.current).flatMap(([dbId, fileData]) => {
+    return Object.entries(parentDataRef.current).flatMap(([dbId, fileData]) => {
       const datasetName = fileData.dataset_name || `Dataset #${dbId.substring(0, 6)}`;
       return (fileData.nodes || []).map((node) => ({
         ...node,
         dataset_name: datasetName
       }));
+    }).filter((node) => {
+      var _a2;
+      return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
-    const questsPool = (((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || []).map((node) => ({
-      ...node,
-      dataset_name: "Quests Internas (View)"
-    }));
-    return [...datasetsPool, ...questsPool].filter((node) => {
-      var _a3;
-      return !((_a3 = node.version_node) == null ? void 0 : _a3.is_version);
-    });
-  }, [parentDataRef.current, (_b = sceneDataRef.current) == null ? void 0 : _b.quest_nodes, sceneVersion]);
+  }, [parentDataRef.current, sceneVersion]);
   const handleAddExistingNode = useCallback4(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
@@ -17901,13 +17854,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 = useMemo13(() => {
+  const allAvailableNodes = useMemo12(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap(
       (fileData) => fileData.nodes || []
     );
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = useMemo13(() => {
+  const allAvailableAncestries = useMemo12(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
   const handleOpenReference = useCallback4(
@@ -17971,7 +17924,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  const availableDatasets = useMemo13(() => {
+  const availableDatasets = useMemo12(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -17981,11 +17934,11 @@ function XViewScene({
       };
     });
   }, [sceneVersion, isInitialized]);
-  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_c = stateRef.current.nodeIdToParentFileMap.get(
+  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(
     String(creationMode.sourceNodeData.id)
-  )) == null ? void 0 : _c.parentFileId : null;
+  )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  useEffect24(() => {
+  useEffect22(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -18008,7 +17961,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  useEffect24(() => {
+  useEffect22(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -18033,7 +17986,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  useEffect24(() => {
+  useEffect22(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -18156,10 +18109,10 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ React30.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ React28.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    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(
+    return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React28.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React28.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React28.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -18169,7 +18122,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -18177,13 +18130,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__ */ 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(
+    )), /* @__PURE__ */ React28.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React28.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ React28.createElement(
       "button",
       {
         onClick: () => router.push("/dashboard/scenes"),
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium"
       },
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -18193,7 +18146,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React30.createElement(
+        /* @__PURE__ */ React28.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -18205,7 +18158,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React28.createElement(
     "div",
     {
       ref: mountRef,
@@ -18217,7 +18170,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React30.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React28.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -18237,11 +18190,11 @@ function XViewScene({
         onToggle: setIsSidebarOpen,
         userRole: userPermissionRole,
         viewMembers,
-        milestones: ((_d = sceneDataRef.current) == null ? void 0 : _d.milestones) || [],
+        milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
         onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React30.createElement(
+    creationMode.isActive && /* @__PURE__ */ React28.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -18262,8 +18215,8 @@ function XViewScene({
         },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.color,
-        sourceTypes: (_f = creationMode.sourceNodeData) == null ? void 0 : _f.type,
+        initialColor: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.color,
+        sourceTypes: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.type,
         onIntensityChange: handleGhostNodeIntensityChange,
         onUploadFile: upload_file_action,
         availableDatasets,
@@ -18273,7 +18226,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React30.createElement(
+    versionMode.isActive && /* @__PURE__ */ React28.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -18292,14 +18245,14 @@ function XViewScene({
           transition: "opacity 200ms ease-out"
         },
         refEl: formRef,
-        fixedType: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.type,
-        fixedColor: (_h = versionMode.sourceNodeData) == null ? void 0 : _h.color,
+        fixedType: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.type,
+        fixedColor: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.color,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React30.createElement(
+    questMode.isActive && /* @__PURE__ */ React28.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -18321,13 +18274,13 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_i = sceneDataRef.current) == null ? void 0 : _i.quest_counter) || 1,
+        questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
         viewMembers,
-        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
+        milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React30.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
@@ -18340,7 +18293,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -18351,7 +18304,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -18386,7 +18339,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React30.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React28.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -18422,7 +18375,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React30.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React28.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -18436,7 +18389,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -18458,11 +18411,11 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
         viewMembers,
         currentUser: session == null ? void 0 : session.user,
-        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
+        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -18494,7 +18447,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React30.createElement(
+    detailsLink && /* @__PURE__ */ React28.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -18508,7 +18461,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React30.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React28.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -18519,7 +18472,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -18546,7 +18499,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -18579,7 +18532,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -18599,7 +18552,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -18617,14 +18570,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -18637,29 +18590,29 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
         onClose: () => setIsMilestoneManagerOpen(false),
-        milestones: ((_l = sceneDataRef.current) == null ? void 0 : _l.milestones) || [],
+        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React28.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_m = sceneDataRef.current) == null ? void 0 : _m.parent_dbs) || [],
+        parentDbs: ((_l = sceneDataRef.current) == null ? void 0 : _l.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ React30.createElement(
+    invalidTargetError && /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -18684,13 +18637,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ React30.createElement("style", null, `
+      /* @__PURE__ */ React28.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement(
         "svg",
         {
           width: "20",
@@ -18702,12 +18655,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__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("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("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ React30.createElement(
+      /* @__PURE__ */ React28.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React28.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),