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

package/dist/index.mjs

@@ -1,10 +1,10 @@
 // src/XViewScene.jsx
-import React28, {
+import React30, {
   useCallback as useCallback4,
-  useEffect as useEffect22,
+  useEffect as useEffect24,
   useRef as useRef19,
-  useState as useState27,
-  useMemo as useMemo12
+  useState as useState28,
+  useMemo as useMemo13
 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
@@ -79,55 +79,7 @@ function defineAbilityFor(role) {
 
 // src/logic/x_view_utils.js
 import { useState, useCallback } from "react";
-
-// node_modules/uuid/dist/esm-node/rng.js
-import crypto from "crypto";
-var rnds8Pool = new Uint8Array(256);
-var poolPtr = rnds8Pool.length;
-function rng() {
-  if (poolPtr > rnds8Pool.length - 16) {
-    crypto.randomFillSync(rnds8Pool);
-    poolPtr = 0;
-  }
-  return rnds8Pool.slice(poolPtr, poolPtr += 16);
-}
-
-// node_modules/uuid/dist/esm-node/stringify.js
-var byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-// node_modules/uuid/dist/esm-node/native.js
-import crypto2 from "crypto";
-var native_default = {
-  randomUUID: crypto2.randomUUID
-};
-
-// node_modules/uuid/dist/esm-node/v4.js
-function v4(options, buf, offset) {
-  if (native_default.randomUUID && !buf && !options) {
-    return native_default.randomUUID();
-  }
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)();
-  rnds[6] = rnds[6] & 15 | 64;
-  rnds[8] = rnds[8] & 63 | 128;
-  if (buf) {
-    offset = offset || 0;
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-    return buf;
-  }
-  return unsafeStringify(rnds);
-}
-var v4_default = v4;
-
-// src/logic/x_view_utils.js
+import { v4 as uuidv4 } from "uuid";
 import * as THREE2 from "three";
 
 // src/logic/x_view_config.js
@@ -2480,15 +2432,15 @@ function createNewCustomProperty(existingProps = []) {
   switch (nextType) {
     case "links":
       nextKey = "Links";
-      nextValue = [{ id: v4_default(), name: "", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "", value: "" }];
       break;
     case "images":
       nextKey = "Images";
-      nextValue = [{ id: v4_default(), name: "1", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "1", value: "" }];
       break;
     case "documents":
       nextKey = "Documents";
-      nextValue = [{ id: v4_default(), name: "1", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "1", value: "" }];
       break;
     case "date":
       nextKey = "Date";
@@ -2498,14 +2450,14 @@ function createNewCustomProperty(existingProps = []) {
       nextValue = 0;
       break;
     case "list":
-      nextValue = [{ id: v4_default(), name: "", value: "" }];
+      nextValue = [{ id: uuidv4(), name: "", value: "" }];
       break;
     default:
       nextValue = "";
       break;
   }
   return {
-    id: v4_default(),
+    id: uuidv4(),
     key: nextKey,
     type: nextType,
     value: nextValue,
@@ -2750,7 +2702,7 @@ function extractCustomPropsFromNode(node) {
       if (val && typeof val === "object") {
         if ("date_interval" in val) {
           return {
-            id: v4_default(),
+            id: uuidv4(),
             key,
             type: "date",
             value: {
@@ -2762,7 +2714,7 @@ function extractCustomPropsFromNode(node) {
         }
         if ("year" in val) {
           return {
-            id: v4_default(),
+            id: uuidv4(),
             key,
             type: "date",
             value: { type: "Ano", value: val.year || "" }
@@ -2770,7 +2722,7 @@ function extractCustomPropsFromNode(node) {
         }
         if ("date" in val) {
           return {
-            id: v4_default(),
+            id: uuidv4(),
             key,
             type: "date",
             value: { type: "Data", value: val.date || "" }
@@ -2778,7 +2730,7 @@ function extractCustomPropsFromNode(node) {
         }
       }
       return {
-        id: v4_default(),
+        id: uuidv4(),
         key,
         type: "date",
         value: { type: "Data", value: "" }
@@ -2786,14 +2738,14 @@ function extractCustomPropsFromNode(node) {
     }
     if (t === "list" || t === "links" || t === "images" || t === "documents") {
       const safeList = (val || []).map((item) => ({
-        id: item.id || v4_default(),
+        id: item.id || uuidv4(),
         name: item.name ?? "",
         value: item.value ?? ""
       }));
-      return { id: v4_default(), key, type: t, value: safeList };
+      return { id: uuidv4(), key, type: t, value: safeList };
     }
     return {
-      id: v4_default(),
+      id: uuidv4(),
       key,
       type: t,
       value: t === "number" ? Number(val) || 0 : String(val ?? "")
@@ -3066,16 +3018,16 @@ var processDescriptionForSave = (text, existingSections = []) => {
       if (existingMatch) {
         finalUuid = existingMatch.id;
       } else {
-        finalUuid = v4_default();
+        finalUuid = uuidv4();
       }
     } else {
       finalUuid = numericMap.get(numStr);
       if (!finalUuid) {
-        finalUuid = v4_default();
+        finalUuid = uuidv4();
       }
     }
     if (usedIds.has(finalUuid)) {
-      finalUuid = v4_default();
+      finalUuid = uuidv4();
     }
     usedIds.add(finalUuid);
     processedSections.push({
@@ -3186,18 +3138,18 @@ function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
 function createTimelineEntry(actorId, description, type = "comment", extras = {}) {
   const { links = [], images = [], metadata = {} } = extras;
   return {
-    id: v4_default(),
+    id: uuidv4(),
     type,
     timestamp: Date.now(),
     actorId,
     description,
     links: links.map((l) => ({
-      id: l.id || v4_default(),
+      id: l.id || uuidv4(),
       name: l.name || "",
       value: l.value || ""
     })),
     images: images.map((img) => ({
-      id: img.id || v4_default(),
+      id: img.id || uuidv4(),
       name: img.name || "",
       value: img.value || ""
     }))
@@ -4424,6 +4376,7 @@ function XViewSidebar({
 
 // src/components/AncestryRelationshipPanel.jsx
 import React8, { useState as useState9, useEffect as useEffect8, useRef as useRef7 } from "react";
+import { v4 as uuidv43 } from "uuid";
 
 // src/components/CustomPropertyDisplay.jsx
 import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
@@ -5183,6 +5136,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
 }
 
 // src/components/DescriptionEditModal.jsx
+import { v4 as uuidv42 } from "uuid";
 var getNextSectionNumber = (currentText) => {
   const regex = /\*\/\s*(\d+)(?::[a-zA-Z0-9-]+)?\s*\//g;
   let max = 0;
@@ -5314,7 +5268,7 @@ function DescriptionEditModal({
     const el = textareaRef.current;
     if (!el) return;
     const nextNum = getNextSectionNumber(text);
-    const uniqueSuffix = v4_default().slice(0, 4);
+    const uniqueSuffix = uuidv42().slice(0, 4);
     insertAtCursor(`*/${nextNum}:${uniqueSuffix}/ `);
   };
   const handleImportSelect = (tags) => {
@@ -5325,7 +5279,7 @@ function DescriptionEditModal({
     let currentNum = getNextSectionNumber(currentText);
     let blockToInsert = "";
     tagsArray.forEach((tag) => {
-      const uniqueSuffix = v4_default().slice(0, 4);
+      const uniqueSuffix = uuidv42().slice(0, 4);
       blockToInsert += `
 */${currentNum}:${uniqueSuffix}/ ${tag}
 `;
@@ -6685,6 +6639,7 @@ import {
   FiLink as FiLink4,
   FiTrash2 as FiTrash22
 } from "react-icons/fi";
+import { v4 as uuidv44 } from "uuid";
 
 // src/components/AncestryPickerModal.jsx
 import React9, { useState as useState10, useMemo as useMemo7, useEffect as useEffect9 } from "react";
@@ -7721,7 +7676,7 @@ function CreateAncestryPanel({
         const nodeData = availableNodes.find((n) => String(n.id) === String(nodeId));
         const dirSuffix = direction === "left" ? "(Esq)" : "(Dir)";
         branch = {
-          id: v4_default(),
+          id: uuidv44(),
           name: `Ramifica\xE7\xE3o ${dirSuffix} de ${(nodeData == null ? void 0 : nodeData.name) || "Node"}`,
           description: "",
           description_sections: [],
@@ -8500,6 +8455,7 @@ function ImageViewer({ data, onClose }) {
 
 // src/components/InSceneCreationForm.jsx
 import React13, { useState as useState14, useEffect as useEffect13, useRef as useRef10 } from "react";
+import { v4 as uuidv45 } from "uuid";
 
 // src/components/ColorPicker.jsx
 import React12, { useState as useState13, useEffect as useEffect12, useRef as useRef9 } from "react";
@@ -9084,6 +9040,7 @@ function InSceneCreationForm({
 
 // src/components/InSceneVersionForm.jsx
 import React14, { useState as useState15, useEffect as useEffect14, useRef as useRef11 } from "react";
+import { v4 as uuidv46 } from "uuid";
 import { FiPlus as FiPlus4, FiMaximize2 as FiMaximize22, FiCheck as FiCheck8, FiEdit2 as FiEdit25 } from "react-icons/fi";
 function InSceneVersionForm({
   onSave,
@@ -9106,7 +9063,7 @@ function InSceneVersionForm({
   const [description, setDescription] = useState15("");
   const [customProps, setCustomProps] = useState15([
     {
-      id: v4_default(),
+      id: uuidv46(),
       key: "Date",
       type: "date",
       value: { type: "Data", value: "" },
@@ -9399,6 +9356,7 @@ function InSceneVersionForm({
 
 // src/components/InSceneQuestForm.jsx
 import React16, { useState as useState17, useRef as useRef12 } from "react";
+import { v4 as uuidv47 } from "uuid";
 import {
   FiPlus as FiPlus6,
   FiCheck as FiCheck9,
@@ -10323,6 +10281,7 @@ function InSceneQuestForm({
 
 // src/components/NodeDetailsPanel.jsx
 import React17, { useState as useState18, useEffect as useEffect15, useRef as useRef13 } from "react";
+import { v4 as uuidv48 } from "uuid";
 import { FiPlus as FiPlus7, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage3, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
@@ -10837,6 +10796,7 @@ function NodeDetailsPanel({
 
 // src/components/QuestDetailsPanel.jsx
 import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef14 } from "react";
+import { v4 as uuidv49 } from "uuid";
 import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4 } from "react-icons/fi";
 
 // src/components/QuestTimeline.jsx
@@ -11287,7 +11247,7 @@ ${noteText}` : noteText : entry.notes,
     }, 100);
   };
   const addLinkToNote = () => {
-    setNoteLinks([...noteLinks, { id: v4_default(), name: "", value: "" }]);
+    setNoteLinks([...noteLinks, { id: uuidv49(), name: "", value: "" }]);
   };
   const removeLinkFromNote = (id) => {
     setNoteLinks(noteLinks.filter((l) => l.id !== id));
@@ -11296,7 +11256,7 @@ ${noteText}` : noteText : entry.notes,
     setNoteLinks(noteLinks.map((l) => l.id === id ? { ...l, [field]: val } : l));
   };
   const addImageToNote = () => {
-    setNoteImages([...noteImages, { id: v4_default(), name: "Image", value: "" }]);
+    setNoteImages([...noteImages, { id: uuidv49(), name: "Image", value: "" }]);
   };
   const removeImageFromNote = (id) => {
     setNoteImages(noteImages.filter((img) => img.id !== id));
@@ -12173,6 +12133,7 @@ function MultiNodeContextMenu({
 
 // src/components/RelationshipDetailsPanel.jsx
 import React21, { useState as useState21, useEffect as useEffect18, useRef as useRef16, useMemo as useMemo9 } from "react";
+import { v4 as uuidv410 } from "uuid";
 import { FiPlus as FiPlus9, FiEdit2 as FiEdit29, FiLoader as FiLoader4, FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function RelationshipDetailsPanel({
   link,
@@ -12982,10 +12943,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 useState26, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef18 } from "react";
 import {
-  FiSearch as FiSearch8,
-  FiLayers as FiLayers6,
+  FiSearch as FiSearch9,
+  FiLayers as FiLayers7,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus10,
@@ -12996,151 +12957,322 @@ 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
+  FiGitBranch as FiGitBranch3,
+  FiSearch as FiSearch8
 } 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
 var GroupItem = ({
   group,
   index,
-  siblings,
   onUpdate,
   onDelete,
   onAddSubgroup,
   onIndent,
   onOutdent,
-  onRemoveAncestry,
-  onRequestPickAncestry,
-  pickingGroupId,
   onPlayAncestry,
-  availableIds,
+  availableMentionItems,
   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`;
-    }
-  };
-  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(
+  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
-                ${isPickingForThisGroup ? "bg-indigo-500/10 border-l-2 border-indigo-500" : "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 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20"
     },
-    /* @__PURE__ */ React26.createElement(
-      "textarea",
+    /* @__PURE__ */ React28.createElement(
+      MentionEditor_default,
       {
-        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"
+        initialValue: group.text,
+        onChange: (newText) => {
+          if (canEdit) onUpdate(group.id, { ...group, text: newText });
         },
-        placeholder: canEdit ? "Escreva sobre este grupo..." : "",
-        value: group.text,
-        readOnly: !canEdit,
-        onChange: (e) => {
-          if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
-        }
+        onPlay: onPlayAncestry,
+        availableItems: availableMentionItems,
+        canEdit,
+        placeholder: "Escreva sobre este grupo... use @ para mencionar"
       }
     ),
-    group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React26.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
-      const isValid = anc.type === "ancestry" || !anc.type ? availableIds.has(String(anc.ancestry_id || anc.id)) : true;
-      const isAncestry = anc.type === "ancestry" || !anc.type;
-      const itemId = isAncestry ? anc.ancestry_id : anc.id;
-      let Icon = FiLayers6;
-      let colorClass = "text-indigo-400";
-      if (anc.type === "quest") {
-        Icon = FiCheckSquare3;
-        colorClass = "text-amber-400";
-      } else if (anc.type === "version") {
-        Icon = FiGitBranch3;
-        colorClass = "text-purple-400";
-      } else if (anc.type === "node") {
-        Icon = FiBox;
-        colorClass = "text-emerald-400";
-      }
-      return /* @__PURE__ */ React26.createElement(
-        "div",
-        {
-          key: `${anc.type || "ancestry"}-${itemId}`,
-          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 informa\xE7\xE3o n\xE3o est\xE1 mais dispon\xEDvel neste contexto."
-        },
-        isValid ? /* @__PURE__ */ React26.createElement(
-          "button",
-          {
-            onClick: () => onPlayAncestry(anc),
-            className: `${colorClass} hover:text-white hover:bg-current/20 p-1 rounded transition-colors flex items-center justify-center`,
-            title: "Focar no cen\xE1rio"
-          },
-          /* @__PURE__ */ React26.createElement(Icon, { size: 12 }),
-          /* @__PURE__ */ React26.createElement(
-            FiPlay,
-            {
-              size: 8,
-              className: "ml-0.5 fill-current opacity-0 group-hover/card:opacity-100 transition-opacity"
-            }
-          )
-        ) : /* @__PURE__ */ React26.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React26.createElement(FiAlertTriangle, { size: 10 })),
-        /* @__PURE__ */ React26.createElement(
-          "span",
-          {
-            className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}`
-          },
-          anc.name
-        ),
-        canEdit && /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
-          "div",
-          {
-            className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}`
-          }
-        ), /* @__PURE__ */ React26.createElement(
-          "button",
-          {
-            onClick: () => onRemoveAncestry(group.id, itemId),
-            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 Men\xE7\xE3o a este grupo"
-      },
-      isPickingForThisGroup ? /* @__PURE__ */ React26.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React26.createElement(FiSearch8, { size: 12 }),
-      isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-    ), /* @__PURE__ */ React26.createElement(
+    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(
       "button",
       {
         onClick: () => onAddSubgroup(group.id),
-        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
+        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",
         title: "Criar Subgrupo"
       },
-      /* @__PURE__ */ React26.createElement(FiPlus10, { size: 14 })
-    )), /* @__PURE__ */ React26.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React26.createElement(
+      /* @__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(
       "button",
       {
         onClick: () => onIndent(group.id),
@@ -13148,25 +13280,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__ */ React26.createElement(FiArrowRight2, { size: 14 })
-    ), /* @__PURE__ */ React26.createElement(
+      /* @__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__ */ React26.createElement(FiArrowLeft3, { size: 14 })
-    ), /* @__PURE__ */ React26.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React26.createElement(
+      /* @__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__ */ React26.createElement(FiTrash23, { size: 14 })
+      /* @__PURE__ */ React28.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(
+  ), group.children && group.children.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React28.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -13178,11 +13310,8 @@ var GroupItem = ({
       onAddSubgroup,
       onIndent,
       onOutdent,
-      onRemoveAncestry,
-      onRequestPickAncestry,
-      pickingGroupId,
       onPlayAncestry,
-      availableIds,
+      availableMentionItems,
       canEdit
     }
   ))));
@@ -13197,21 +13326,19 @@ function AncestryBoard({
   onSave,
   userRole
 }) {
-  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(() => {
+  const [groups, setGroups] = useState26([]);
+  const [isLoaded, setIsLoaded] = useState26(false);
+  const [saveStatus, setSaveStatus] = useState26("idle");
+  const canEdit = useMemo12(() => {
     return userRole !== "viewer";
   }, [userRole]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (initialGroups && !isLoaded) {
       setGroups(initialGroups);
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = useMemo11(() => {
+  const nodeNamesMap = useMemo12(() => {
     const map = /* @__PURE__ */ new Map();
     if (availableNodes && Array.isArray(availableNodes)) {
       availableNodes.forEach((node) => {
@@ -13222,10 +13349,10 @@ function AncestryBoard({
     }
     return map;
   }, [availableNodes]);
-  const availableIds = useMemo11(() => {
+  const availableIds = useMemo12(() => {
     return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
   }, [availableAncestries]);
-  const allMentionableItems = useMemo11(() => {
+  const availableMentionItems = useMemo12(() => {
     const ancestries = availableAncestries.map((a) => ({
       id: String(a.ancestry_id),
       ancestry_id: a.ancestry_id,
@@ -13253,16 +13380,10 @@ function AncestryBoard({
     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,
-        name: a.name,
-        type: a.type || "ancestry"
-      })),
       children: sanitizeGroups(g.children || [])
     }));
   };
-  useEffect21(() => {
+  useEffect23(() => {
     if (!isLoaded || !onSave) return;
     const timeoutId = setTimeout(async () => {
       setSaveStatus("saving");
@@ -13280,50 +13401,30 @@ function AncestryBoard({
     }, 3e3);
     return () => clearTimeout(timeoutId);
   }, [groups, isLoaded, onSave]);
-  useEffect21(() => {
+  useEffect23(() => {
     if (!isOpen) return;
     const handleKeyDown = (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 allMentionableItems.filter((item) => {
-      if (!term) return true;
-      const nameMatch = item.name && item.name.toLowerCase().includes(term);
-      const descMatch = item.description && item.description.toLowerCase().includes(term);
-      let parentMatch = false;
-      if (item.type === "ancestry") {
-        const parentName = nodeNamesMap.get(String(item.ancestral_node)) || "";
-        parentMatch = parentName.toLowerCase().includes(term);
-      }
-      return nameMatch || descMatch || parentMatch;
-    });
-  }, [allMentionableItems, searchTerm, nodeNamesMap]);
+  }, [isOpen, onClose]);
   const handleAddRootGroup = () => {
     const newGroup = {
-      id: v4_default(),
+      id: uuidv411(),
       text: "",
-      ancestries: [],
       children: []
     };
     setGroups((prev) => [newGroup, ...prev]);
   };
   const handleAddSubgroup = (parentId) => {
     const newGroup = {
-      id: v4_default(),
+      id: uuidv411(),
       text: "",
-      ancestries: [],
       children: []
     };
     const addRecursive = (list) => {
@@ -13394,42 +13495,6 @@ function AncestryBoard({
       return newList;
     });
   };
-  const handleRequestPick = (groupId) => {
-    setPickingGroupId((prev) => prev === groupId ? null : groupId);
-  };
-  const handleSelectAncestry = (item) => {
-    if (pickingGroupId) {
-      setGroups((prev) => {
-        const addRecursive = (list) => {
-          return list.map((g) => {
-            if (g.id === pickingGroupId) {
-              const currentId = item.id;
-              const exists = g.ancestries.some(
-                (a) => (a.id || a.ancestry_id) === currentId && a.type === item.type
-              );
-              if (exists) return g;
-              return { ...g, ancestries: [...g.ancestries, item] };
-            }
-            return { ...g, children: addRecursive(g.children) };
-          });
-        };
-        return addRecursive(prev);
-      });
-      setPickingGroupId(null);
-    } else {
-      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;
-      }
-      onSelect(fullItem);
-    }
-  };
   const handlePlayFromGroup = (item) => {
     let fullItem = item;
     if (item.type === "ancestry" || !item.type) {
@@ -13445,52 +13510,34 @@ function AncestryBoard({
       onSelect(fullItem);
     }
   };
-  const handleRemoveAncestryFromGroup = (groupId, itemId) => {
-    setGroups((prev) => {
-      const removeRecursive = (list) => {
-        return list.map((g) => {
-          if (g.id === groupId) {
-            return {
-              ...g,
-              ancestries: g.ancestries.filter(
-                (a) => (a.id || a.ancestry_id) !== itemId
-              )
-            };
-          }
-          return { ...g, children: removeRecursive(g.children) };
-        });
-      };
-      return removeRecursive(prev);
-    });
-  };
   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",
+        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",
         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(
+      /* @__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(
         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("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                                "
         },
-        /* @__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,
@@ -13498,127 +13545,36 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ React26.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React26.createElement(
-        "div",
+      /* @__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",
         {
-          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
-                    `
+          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"
         },
-        /* @__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 para adicionar..." : "Pesquisar (Ancestralidades e Nodes)",
-            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((item) => {
-          const isPicking = !!pickingGroupId;
-          const isQuest = item.type === "quest";
-          const isVersion = item.type === "version";
-          const isNode = item.type === "node";
-          let Icon = FiLayers6;
-          let colorClass = "bg-slate-800 text-indigo-400 border-white/5";
-          let pickingColorClass = "bg-indigo-500 text-white border-indigo-400";
-          let hoverClass = "hover:bg-indigo-600/10 hover:border-indigo-500/30";
-          let badge = null;
-          if (isQuest) {
-            Icon = FiCheckSquare3;
-            colorClass = "bg-slate-800 text-amber-400 border-white/5";
-            pickingColorClass = "bg-amber-500 text-white border-amber-400";
-            hoverClass = "hover:bg-amber-500/10 hover:border-amber-500/30";
-            badge = "Quest";
-          } else if (isVersion) {
-            Icon = FiGitBranch3;
-            colorClass = "bg-slate-800 text-purple-400 border-white/5";
-            pickingColorClass = "bg-purple-500 text-white border-purple-400";
-            hoverClass = "hover:bg-purple-500/10 hover:border-purple-500/30";
-            badge = "Ver";
-          } else if (isNode) {
-            Icon = FiBox;
-            colorClass = "bg-slate-800 text-emerald-400 border-white/5";
-            pickingColorClass = "bg-emerald-500 text-white border-emerald-400";
-            hoverClass = "hover:bg-emerald-500/10 hover:border-emerald-500/30";
-            badge = "Node";
-          }
-          return /* @__PURE__ */ React26.createElement(
-            "div",
-            {
-              key: `${item.type}-${item.id}`,
-              onClick: () => {
-                if (isPicking) handleSelectAncestry(item);
-              },
-              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 ${hoverClass} 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 ? pickingColorClass : `${colorClass} group-hover:bg-opacity-80`}
-                                    `
-              },
-              isPicking ? /* @__PURE__ */ React26.createElement(FiPlus10, { size: 16 }) : /* @__PURE__ */ React26.createElement(Icon, { 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" }, item.name || "Sem Nome"), badge && /* @__PURE__ */ React26.createElement("span", { className: `text-[9px] px-1 py-0.5 rounded ${isQuest ? "bg-amber-500/10 text-amber-400" : isVersion ? "bg-purple-500/10 text-purple-400" : "bg-emerald-500/10 text-emerald-400"} border border-current opacity-50` }, badge), item.is_private && /* @__PURE__ */ React26.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), item.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]" }, nodeNamesMap.get(String(item.ancestral_node)) || "Node Desconhecido")), item.description && /* @__PURE__ */ React26.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, item.description)),
-            !isPicking && /* @__PURE__ */ React26.createElement(
-              "button",
-              {
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handleSelectAncestry(item);
-                },
-                className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
-                title: "Renderizar / Focar"
-              },
-              /* @__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(
+        "Criar Primeiro Grupo"
+      )) : 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,
+          availableMentionItems,
           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-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"))
     )
   );
 }
 
 // src/components/MilestoneManager.jsx
-import React27, { useState as useState26 } from "react";
+import React29, { useState as useState27 } 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,
@@ -13627,7 +13583,7 @@ function MilestoneManager({
   onUpdateMilestones = () => {
   }
 }) {
-  const [newMilestoneName, setNewMilestoneName] = useState26("");
+  const [newMilestoneName, setNewMilestoneName] = useState27("");
   const handleAddMilestone = () => {
     if (!newMilestoneName.trim()) return;
     const newMilestone = {
@@ -13652,27 +13608,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",
@@ -13682,47 +13638,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))))
     )
   );
 }
@@ -13814,7 +13770,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) {
@@ -13823,7 +13779,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;
@@ -13860,21 +13816,21 @@ 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}`;
     }
@@ -13883,42 +13839,42 @@ function XViewScene({
   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 [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({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = useState27({
+  const [multiContextMenu, setMultiContextMenu] = useState28({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = useState27({
+  const [relationshipMenu, setRelationshipMenu] = useState28({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = useState27({
+  const [creationMode, setCreationMode] = useState28({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = useState27({
+  const [versionMode, setVersionMode] = useState28({
     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] = useState28({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState28(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState28(false);
+  const [ancestryMode, setAncestryMode] = useState28({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13929,38 +13885,38 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = useState27({
+  const [readingMode, setReadingMode] = useState28({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState27({
+  const [formPosition, setFormPosition] = useState28({
     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] = useState28(null);
+  const [detailsLink, setDetailsLink] = useState28(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState28(null);
+  const [imageViewer, setImageViewer] = useState28({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = useState27({
+  const [editingAncestryRel, setEditingAncestryRel] = useState28({
     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 [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 mountRef = useRef19(null);
   const tooltipRef = useRef19(null);
   const formRef = useRef19(null);
@@ -14028,10 +13984,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();
@@ -14593,7 +14549,7 @@ function XViewScene({
       }
     });
   }, []);
-  useEffect22(() => {
+  useEffect24(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -14958,7 +14914,7 @@ function XViewScene({
       camTween.start();
     }
   }, [addOrUpdateNodeMesh]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -15962,7 +15918,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = useMemo12(
+  const actionHandlerContext = useMemo13(
     () => {
       var _a2;
       return {
@@ -17071,7 +17027,7 @@ function XViewScene({
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = useMemo12(() => {
+  const activeNodeBranches = useMemo13(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -17115,7 +17071,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];
@@ -17126,7 +17082,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) {
@@ -17169,7 +17125,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;
     }
@@ -17814,7 +17770,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
   );
-  const existingNodeTypes = useMemo12(() => {
+  const existingNodeTypes = useMemo13(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17826,7 +17782,7 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = useMemo12(() => {
+  const searchableDbNodes = useMemo13(() => {
     var _a2;
     if (!parentDataRef.current) {
       return [];
@@ -17945,13 +17901,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(() => {
+  const allAvailableNodes = useMemo13(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap(
       (fileData) => fileData.nodes || []
     );
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = useMemo12(() => {
+  const allAvailableAncestries = useMemo13(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
   const handleOpenReference = useCallback4(
@@ -18015,7 +17971,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;
@@ -18029,7 +17985,7 @@ function XViewScene({
     String(creationMode.sourceNodeData.id)
   )) == null ? void 0 : _c.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)];
@@ -18052,7 +18008,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  useEffect22(() => {
+  useEffect24(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -18077,7 +18033,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  useEffect22(() => {
+  useEffect24(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -18200,10 +18156,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",
@@ -18213,7 +18169,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -18221,13 +18177,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",
@@ -18237,7 +18193,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React28.createElement(
+        /* @__PURE__ */ React30.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -18249,7 +18205,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React30.createElement(
     "div",
     {
       ref: mountRef,
@@ -18261,7 +18217,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,
@@ -18285,7 +18241,7 @@ function XViewScene({
         onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React28.createElement(
+    creationMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -18317,7 +18273,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React28.createElement(
+    versionMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -18343,7 +18299,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React28.createElement(
+    questMode.isActive && /* @__PURE__ */ React30.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -18371,7 +18327,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"}`,
@@ -18384,7 +18340,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React30.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -18395,7 +18351,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,
@@ -18430,7 +18386,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React28.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React30.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -18466,7 +18422,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React28.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React30.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -18480,7 +18436,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -18506,7 +18462,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React28.createElement(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -18538,7 +18494,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React28.createElement(
+    detailsLink && /* @__PURE__ */ React30.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -18552,7 +18508,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React28.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React30.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -18563,7 +18519,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -18590,7 +18546,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -18623,7 +18579,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -18643,7 +18599,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -18661,14 +18617,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,
@@ -18681,7 +18637,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -18690,7 +18646,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React30.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -18703,7 +18659,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ React28.createElement(
+    invalidTargetError && /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -18728,13 +18684,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",
@@ -18746,12 +18702,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),