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

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -29,24 +30,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.js
 var index_exports = {};
 __export(index_exports, {
-  XViewScene: () => XViewScene,
-  delete_uploaded_file_logic: () => delete_uploaded_file_logic,
-  get_ancestry_board_logic: () => get_ancestry_board_logic,
-  get_ancestry_file_logic: () => get_ancestry_file_logic,
-  get_scene_view_data_logic: () => get_scene_view_data_logic,
-  get_single_parent_file_logic: () => get_single_parent_file_logic,
-  get_view_members_logic: () => get_view_members_logic,
-  import_parent_file_modal_get_logic: () => import_parent_file_modal_get_logic,
-  save_ancestry_board_logic: () => save_ancestry_board_logic,
-  save_view_data_logic: () => save_view_data_logic,
-  x_view_add_new_parent_file_to_scene_at_firebase: () => x_view_add_new_parent_file_to_scene_at_firebase
+  XViewScene: () => XViewScene
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/XViewScene.jsx
-var import_react29 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
-var import_react30 = require("next-auth/react");
+var import_react33 = require("next-auth/react");
 var import_crypto_js = __toESM(require("crypto-js"));
 var THREE3 = __toESM(require("three"));
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls.js");
@@ -118,55 +109,7 @@ function defineAbilityFor(role) {
 
 // src/logic/x_view_utils.js
 var import_react = require("react");
-
-// node_modules/uuid/dist/esm-node/rng.js
-var import_crypto = __toESM(require("crypto"));
-var rnds8Pool = new Uint8Array(256);
-var poolPtr = rnds8Pool.length;
-function rng() {
-  if (poolPtr > rnds8Pool.length - 16) {
-    import_crypto.default.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
-var import_crypto2 = __toESM(require("crypto"));
-var native_default = {
-  randomUUID: import_crypto2.default.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
+var import_uuid = require("uuid");
 var THREE2 = __toESM(require("three"));
 
 // src/logic/x_view_config.js
@@ -2519,15 +2462,15 @@ function createNewCustomProperty(existingProps = []) {
   switch (nextType) {
     case "links":
       nextKey = "Links";
-      nextValue = [{ id: v4_default(), name: "", value: "" }];
+      nextValue = [{ id: (0, import_uuid.v4)(), name: "", value: "" }];
       break;
     case "images":
       nextKey = "Images";
-      nextValue = [{ id: v4_default(), name: "1", value: "" }];
+      nextValue = [{ id: (0, import_uuid.v4)(), name: "1", value: "" }];
       break;
     case "documents":
       nextKey = "Documents";
-      nextValue = [{ id: v4_default(), name: "1", value: "" }];
+      nextValue = [{ id: (0, import_uuid.v4)(), name: "1", value: "" }];
       break;
     case "date":
       nextKey = "Date";
@@ -2537,14 +2480,14 @@ function createNewCustomProperty(existingProps = []) {
       nextValue = 0;
       break;
     case "list":
-      nextValue = [{ id: v4_default(), name: "", value: "" }];
+      nextValue = [{ id: (0, import_uuid.v4)(), name: "", value: "" }];
       break;
     default:
       nextValue = "";
       break;
   }
   return {
-    id: v4_default(),
+    id: (0, import_uuid.v4)(),
     key: nextKey,
     type: nextType,
     value: nextValue,
@@ -2789,7 +2732,7 @@ function extractCustomPropsFromNode(node) {
       if (val && typeof val === "object") {
         if ("date_interval" in val) {
           return {
-            id: v4_default(),
+            id: (0, import_uuid.v4)(),
             key,
             type: "date",
             value: {
@@ -2801,7 +2744,7 @@ function extractCustomPropsFromNode(node) {
         }
         if ("year" in val) {
           return {
-            id: v4_default(),
+            id: (0, import_uuid.v4)(),
             key,
             type: "date",
             value: { type: "Ano", value: val.year || "" }
@@ -2809,7 +2752,7 @@ function extractCustomPropsFromNode(node) {
         }
         if ("date" in val) {
           return {
-            id: v4_default(),
+            id: (0, import_uuid.v4)(),
             key,
             type: "date",
             value: { type: "Data", value: val.date || "" }
@@ -2817,7 +2760,7 @@ function extractCustomPropsFromNode(node) {
         }
       }
       return {
-        id: v4_default(),
+        id: (0, import_uuid.v4)(),
         key,
         type: "date",
         value: { type: "Data", value: "" }
@@ -2825,14 +2768,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 || (0, import_uuid.v4)(),
         name: item.name ?? "",
         value: item.value ?? ""
       }));
-      return { id: v4_default(), key, type: t, value: safeList };
+      return { id: (0, import_uuid.v4)(), key, type: t, value: safeList };
     }
     return {
-      id: v4_default(),
+      id: (0, import_uuid.v4)(),
       key,
       type: t,
       value: t === "number" ? Number(val) || 0 : String(val ?? "")
@@ -3105,16 +3048,16 @@ var processDescriptionForSave = (text, existingSections = []) => {
       if (existingMatch) {
         finalUuid = existingMatch.id;
       } else {
-        finalUuid = v4_default();
+        finalUuid = (0, import_uuid.v4)();
       }
     } else {
       finalUuid = numericMap.get(numStr);
       if (!finalUuid) {
-        finalUuid = v4_default();
+        finalUuid = (0, import_uuid.v4)();
       }
     }
     if (usedIds.has(finalUuid)) {
-      finalUuid = v4_default();
+      finalUuid = (0, import_uuid.v4)();
     }
     usedIds.add(finalUuid);
     processedSections.push({
@@ -3225,18 +3168,18 @@ function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
 function createTimelineEntry(actorId, description, type = "comment", extras = {}) {
   const { links = [], images = [], metadata = {} } = extras;
   return {
-    id: v4_default(),
+    id: (0, import_uuid.v4)(),
     type,
     timestamp: Date.now(),
     actorId,
     description,
     links: links.map((l) => ({
-      id: l.id || v4_default(),
+      id: l.id || (0, import_uuid.v4)(),
       name: l.name || "",
       value: l.value || ""
     })),
     images: images.map((img) => ({
-      id: img.id || v4_default(),
+      id: img.id || (0, import_uuid.v4)(),
       name: img.name || "",
       value: img.value || ""
     }))
@@ -4463,6 +4406,7 @@ function XViewSidebar({
 
 // src/components/AncestryRelationshipPanel.jsx
 var import_react9 = __toESM(require("react"));
+var import_uuid3 = require("uuid");
 
 // src/components/CustomPropertyDisplay.jsx
 var import_react4 = __toESM(require("react"));
@@ -5222,6 +5166,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
 }
 
 // src/components/DescriptionEditModal.jsx
+var import_uuid2 = require("uuid");
 var getNextSectionNumber = (currentText) => {
   const regex = /\*\/\s*(\d+)(?::[a-zA-Z0-9-]+)?\s*\//g;
   let max = 0;
@@ -5353,7 +5298,7 @@ function DescriptionEditModal({
     const el = textareaRef.current;
     if (!el) return;
     const nextNum = getNextSectionNumber(text);
-    const uniqueSuffix = v4_default().slice(0, 4);
+    const uniqueSuffix = (0, import_uuid2.v4)().slice(0, 4);
     insertAtCursor(`*/${nextNum}:${uniqueSuffix}/ `);
   };
   const handleImportSelect = (tags) => {
@@ -5364,7 +5309,7 @@ function DescriptionEditModal({
     let currentNum = getNextSectionNumber(currentText);
     let blockToInsert = "";
     tagsArray.forEach((tag) => {
-      const uniqueSuffix = v4_default().slice(0, 4);
+      const uniqueSuffix = (0, import_uuid2.v4)().slice(0, 4);
       blockToInsert += `
 */${currentNum}:${uniqueSuffix}/ ${tag}
 `;
@@ -6693,6 +6638,7 @@ function AncestryRelationshipPanel({
 // src/components/CreateAncestryPanel.jsx
 var import_react11 = __toESM(require("react"));
 var import_fi10 = require("react-icons/fi");
+var import_uuid4 = require("uuid");
 
 // src/components/AncestryPickerModal.jsx
 var import_react10 = __toESM(require("react"));
@@ -7729,7 +7675,7 @@ function CreateAncestryPanel({
         const nodeData = availableNodes.find((n) => String(n.id) === String(nodeId));
         const dirSuffix = direction === "left" ? "(Esq)" : "(Dir)";
         branch = {
-          id: v4_default(),
+          id: (0, import_uuid4.v4)(),
           name: `Ramifica\xE7\xE3o ${dirSuffix} de ${(nodeData == null ? void 0 : nodeData.name) || "Node"}`,
           description: "",
           description_sections: [],
@@ -8508,6 +8454,7 @@ function ImageViewer({ data, onClose }) {
 
 // src/components/InSceneCreationForm.jsx
 var import_react14 = __toESM(require("react"));
+var import_uuid5 = require("uuid");
 
 // src/components/ColorPicker.jsx
 var import_react13 = __toESM(require("react"));
@@ -9084,6 +9031,7 @@ function InSceneCreationForm({
 
 // src/components/InSceneVersionForm.jsx
 var import_react15 = __toESM(require("react"));
+var import_uuid6 = require("uuid");
 var import_fi14 = require("react-icons/fi");
 function InSceneVersionForm({
   onSave,
@@ -9106,7 +9054,7 @@ function InSceneVersionForm({
   const [description, setDescription] = (0, import_react15.useState)("");
   const [customProps, setCustomProps] = (0, import_react15.useState)([
     {
-      id: v4_default(),
+      id: (0, import_uuid6.v4)(),
       key: "Date",
       type: "date",
       value: { type: "Data", value: "" },
@@ -9399,6 +9347,7 @@ function InSceneVersionForm({
 
 // src/components/InSceneQuestForm.jsx
 var import_react17 = __toESM(require("react"));
+var import_uuid7 = require("uuid");
 var import_fi16 = require("react-icons/fi");
 
 // src/components/QuestReviewStackEditor.jsx
@@ -10304,6 +10253,7 @@ function InSceneQuestForm({
 
 // src/components/NodeDetailsPanel.jsx
 var import_react18 = __toESM(require("react"));
+var import_uuid8 = require("uuid");
 var import_fi17 = require("react-icons/fi");
 function NodeDetailsPanel({
   node,
@@ -10818,6 +10768,7 @@ function NodeDetailsPanel({
 
 // src/components/QuestDetailsPanel.jsx
 var import_react20 = __toESM(require("react"));
+var import_uuid9 = require("uuid");
 var import_fi19 = require("react-icons/fi");
 
 // src/components/QuestTimeline.jsx
@@ -11256,7 +11207,7 @@ ${noteText}` : noteText : entry.notes,
     }, 100);
   };
   const addLinkToNote = () => {
-    setNoteLinks([...noteLinks, { id: v4_default(), name: "", value: "" }]);
+    setNoteLinks([...noteLinks, { id: (0, import_uuid9.v4)(), name: "", value: "" }]);
   };
   const removeLinkFromNote = (id) => {
     setNoteLinks(noteLinks.filter((l) => l.id !== id));
@@ -11265,7 +11216,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: (0, import_uuid9.v4)(), name: "Image", value: "" }]);
   };
   const removeImageFromNote = (id) => {
     setNoteImages(noteImages.filter((img) => img.id !== id));
@@ -12142,6 +12093,7 @@ function MultiNodeContextMenu({
 
 // src/components/RelationshipDetailsPanel.jsx
 var import_react22 = __toESM(require("react"));
+var import_uuid10 = require("uuid");
 var import_fi20 = require("react-icons/fi");
 function RelationshipDetailsPanel({
   link,
@@ -12951,149 +12903,371 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/AncestryBoard.jsx
+var import_react30 = __toESM(require("react"));
+var import_fi23 = require("react-icons/fi");
+var import_uuid11 = require("uuid");
+
+// src/components/MentionEditor.jsx
+var import_react28 = __toESM(require("react"));
+var import_react29 = require("@tiptap/react");
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
+var import_extension_mention = __toESM(require("@tiptap/extension-mention"));
+var import_tippy = __toESM(require("tippy.js"));
+
+// src/components/MentionList.jsx
 var import_react27 = __toESM(require("react"));
 var import_fi22 = require("react-icons/fi");
+var MentionList = (0, import_react27.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react27.useState)(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);
+  };
+  (0, import_react27.useEffect)(() => setSelectedIndex(0), [props.items]);
+  (0, import_react27.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__ */ import_react27.default.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__ */ import_react27.default.createElement("div", { className: "p-2 border-b border-white/5 bg-slate-950/50 flex items-center gap-2" }, /* @__PURE__ */ import_react27.default.createElement(import_fi22.FiSearch, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-[10px] uppercase tracking-wider font-bold text-slate-500" }, "Mencionar Recurso")), /* @__PURE__ */ import_react27.default.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 = import_fi22.FiLayers;
+    let colorClass = "text-indigo-400";
+    let badgeText = "Ancestralidade";
+    if (isQuest) {
+      Icon = import_fi22.FiCheckSquare;
+      colorClass = "text-amber-400";
+      badgeText = "Quest";
+    } else if (isVersion) {
+      Icon = import_fi22.FiGitBranch;
+      colorClass = "text-purple-400";
+      badgeText = "Vers\xE3o";
+    } else if (isNode) {
+      Icon = import_fi22.FiBox;
+      colorClass = "text-emerald-400";
+      badgeText = "Node";
+    }
+    return /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.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__ */ import_react27.default.createElement(Icon, { size: 14 })),
+      /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-sm font-medium truncate" }, item.name), /* @__PURE__ */ import_react27.default.createElement("span", { className: `text-[9px] px-1 py-0.5 rounded border border-current opacity-60 ${colorClass}` }, badgeText)))
+    );
+  }) : /* @__PURE__ */ import_react27.default.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 = import_extension_mention.default.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
+          };
+        }
+      },
+      label: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-label"),
+        renderHTML: (attributes) => {
+          if (!attributes.label) {
+            return {};
+          }
+          return {
+            "data-label": attributes.label
+          };
+        }
+      }
+    };
+  }
+});
+var MentionEditor = ({
+  initialValue = "",
+  onChange,
+  onPlay,
+  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 = (0, import_react28.useMemo)(() => parseInitialContent(initialValue), [initialValue]);
+  const editor = (0, import_react29.useEditor)({
+    extensions: [
+      import_starter_kit.default.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 import_react29.ReactRenderer(MentionList_default, {
+                  props,
+                  editor: props.editor
+                });
+                if (!props.clientRect) {
+                  return;
+                }
+                popup = (0, import_tippy.default)("body", {
+                  getReferenceClientRect: props.clientRect,
+                  appendTo: () => document.body,
+                  content: component.element,
+                  showOnCreate: true,
+                  interactive: true,
+                  trigger: "manual",
+                  placement: "bottom-start",
+                  theme: "x-view-dark"
+                });
+              },
+              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__ */ import_react28.default.createElement("div", { className: "relative group/editor min-h-[1.5rem] w-full" }, /* @__PURE__ */ import_react28.default.createElement(
+    import_react29.EditorContent,
+    {
+      editor,
+      className: "text-sm text-slate-200 placeholder-slate-600 focus:outline-none"
+    }
+  ), /* @__PURE__ */ import_react28.default.createElement("style", null, `
+        .tiptap p {
+          margin: 0;
+          min-height: 1.25rem;
+          line-height: 1.5;
+        }
+        .tiptap .mention {
+          display: inline-flex;
+          align-items: center;
+          background: rgba(99, 102, 241, 0.12);
+          border: 1px solid rgba(99, 102, 241, 0.25);
+          border-radius: 6px;
+          padding: 1px 6px;
+          color: #a5b4fc;
+          font-weight: 600;
+          cursor: pointer;
+          margin: 0 1px;
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+          transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+          font-size: 0.85rem;
+          text-decoration: none;
+          vertical-align: baseline;
+        }
+        .tiptap .mention:hover {
+          background: rgba(99, 102, 241, 0.22);
+          border-color: rgba(99, 102, 241, 0.5);
+          color: #fff;
+          transform: translateY(-1px);
+          box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
+        }
+        .tiptap .mention::before {
+          content: "";
+          display: inline-block;
+          width: 12px;
+          height: 12px;
+          margin-right: 4px;
+          background-size: contain;
+          background-repeat: no-repeat;
+          opacity: 0.8;
+          filter: brightness(1.2);
+        }
+
+        /* Type specific styles */
+        .tiptap .mention[data-mention-type="ancestry"] {
+          background: rgba(139, 92, 246, 0.15);
+          border-color: rgba(139, 92, 246, 0.3);
+          color: #c4b5fd;
+        }
+        .tiptap .mention[data-mention-type="quest"] {
+          background: rgba(16, 185, 129, 0.15);
+          border-color: rgba(16, 185, 129, 0.3);
+          color: #6ee7b7;
+        }
+        .tiptap .mention[data-mention-type="node"] {
+          background: rgba(59, 130, 246, 0.15);
+          border-color: rgba(59, 130, 246, 0.3);
+          color: #93c5fd;
+        }
+        .tiptap .mention[data-mention-type="version"] {
+          background: rgba(245, 158, 11, 0.15);
+          border-color: rgba(245, 158, 11, 0.3);
+          color: #fcd34d;
+        }
+
+        .tiptap:focus {
+          outline: none;
+        }
+        
+        .ProseMirror-placeholder:first-child::before {
+          content: attr(data-placeholder);
+          float: left;
+          color: #475569;
+          pointer-events: none;
+          height: 0;
+          font-style: italic;
+        }
+      `));
+};
+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 = (0, import_react27.useRef)(null);
-  const adjustHeight = () => {
-    const textarea = textareaRef.current;
-    if (textarea) {
-      textarea.style.height = "auto";
-      textarea.style.height = `${textarea.scrollHeight}px`;
-    }
-  };
-  (0, import_react27.useEffect)(() => {
-    adjustHeight();
-  }, [group.text]);
-  return /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.createElement(
-      "textarea",
+    /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.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 = import_fi22.FiLayers;
-      let colorClass = "text-indigo-400";
-      if (anc.type === "quest") {
-        Icon = import_fi22.FiCheckSquare;
-        colorClass = "text-amber-400";
-      } else if (anc.type === "version") {
-        Icon = import_fi22.FiGitBranch;
-        colorClass = "text-purple-400";
-      } else if (anc.type === "node") {
-        Icon = import_fi22.FiBox;
-        colorClass = "text-emerald-400";
-      }
-      return /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.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__ */ import_react27.default.createElement(Icon, { size: 12 }),
-          /* @__PURE__ */ import_react27.default.createElement(
-            import_fi22.FiPlay,
-            {
-              size: 8,
-              className: "ml-0.5 fill-current opacity-0 group-hover/card:opacity-100 transition-opacity"
-            }
-          )
-        ) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ import_react27.default.createElement(import_fi22.FiAlertTriangle, { size: 10 })),
-        /* @__PURE__ */ import_react27.default.createElement(
-          "span",
-          {
-            className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}`
-          },
-          anc.name
-        ),
-        canEdit && /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
-          "div",
-          {
-            className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}`
-          }
-        ), /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement(import_fi22.FiX, { size: 12 })
-        ))
-      );
-    })),
-    canEdit && /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement(import_fi22.FiCheckCircle, { size: 12 }) : /* @__PURE__ */ import_react27.default.createElement(import_fi22.FiSearch, { size: 12 }),
-      isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-    ), /* @__PURE__ */ import_react27.default.createElement(
+    canEdit && /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.createElement(import_fi22.FiPlus, { size: 14 })
-    )), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react27.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiPlus, { size: 14 }),
+      /* @__PURE__ */ import_react30.default.createElement("span", null, "Adicionar Subgrupo")
+    )), /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react30.default.createElement(
       "button",
       {
         onClick: () => onIndent(group.id),
@@ -13101,25 +13275,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__ */ import_react27.default.createElement(import_fi22.FiArrowRight, { size: 14 })
-    ), /* @__PURE__ */ import_react27.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiArrowRight, { size: 14 })
+    ), /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.createElement(import_fi22.FiArrowLeft, { size: 14 })
-    ), /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ import_react27.default.createElement(
+      /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiArrowLeft, { size: 14 })
+    ), /* @__PURE__ */ import_react30.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.createElement(import_fi22.FiTrash2, { size: 14 })
+      /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiTrash2, { size: 14 })
     )))
-  ), group.children && group.children.length > 0 && /* @__PURE__ */ import_react27.default.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ import_react27.default.createElement(
+  ), group.children && group.children.length > 0 && /* @__PURE__ */ import_react30.default.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ import_react30.default.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -13131,11 +13305,8 @@ var GroupItem = ({
       onAddSubgroup,
       onIndent,
       onOutdent,
-      onRemoveAncestry,
-      onRequestPickAncestry,
-      pickingGroupId,
       onPlayAncestry,
-      availableIds,
+      availableMentionItems,
       canEdit
     }
   ))));
@@ -13150,21 +13321,19 @@ function AncestryBoard({
   onSave,
   userRole
 }) {
-  const [searchTerm, setSearchTerm] = (0, import_react27.useState)("");
-  const [groups, setGroups] = (0, import_react27.useState)([]);
-  const [isLoaded, setIsLoaded] = (0, import_react27.useState)(false);
-  const [pickingGroupId, setPickingGroupId] = (0, import_react27.useState)(null);
-  const [saveStatus, setSaveStatus] = (0, import_react27.useState)("idle");
-  const canEdit = (0, import_react27.useMemo)(() => {
+  const [groups, setGroups] = (0, import_react30.useState)([]);
+  const [isLoaded, setIsLoaded] = (0, import_react30.useState)(false);
+  const [saveStatus, setSaveStatus] = (0, import_react30.useState)("idle");
+  const canEdit = (0, import_react30.useMemo)(() => {
     return userRole !== "viewer";
   }, [userRole]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (initialGroups && !isLoaded) {
       setGroups(initialGroups);
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = (0, import_react27.useMemo)(() => {
+  const nodeNamesMap = (0, import_react30.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     if (availableNodes && Array.isArray(availableNodes)) {
       availableNodes.forEach((node) => {
@@ -13175,10 +13344,10 @@ function AncestryBoard({
     }
     return map;
   }, [availableNodes]);
-  const availableIds = (0, import_react27.useMemo)(() => {
+  const availableIds = (0, import_react30.useMemo)(() => {
     return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
   }, [availableAncestries]);
-  const allMentionableItems = (0, import_react27.useMemo)(() => {
+  const availableMentionItems = (0, import_react30.useMemo)(() => {
     const ancestries = availableAncestries.map((a) => ({
       id: String(a.ancestry_id),
       ancestry_id: a.ancestry_id,
@@ -13206,16 +13375,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 || [])
     }));
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!isLoaded || !onSave) return;
     const timeoutId = setTimeout(async () => {
       setSaveStatus("saving");
@@ -13233,50 +13396,30 @@ function AncestryBoard({
     }, 3e3);
     return () => clearTimeout(timeoutId);
   }, [groups, isLoaded, onSave]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     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 = (0, import_react27.useMemo)(() => {
-    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: (0, import_uuid11.v4)(),
       text: "",
-      ancestries: [],
       children: []
     };
     setGroups((prev) => [newGroup, ...prev]);
   };
   const handleAddSubgroup = (parentId) => {
     const newGroup = {
-      id: v4_default(),
+      id: (0, import_uuid11.v4)(),
       text: "",
-      ancestries: [],
       children: []
     };
     const addRecursive = (list) => {
@@ -13347,42 +13490,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) {
@@ -13398,52 +13505,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__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     "div",
     {
       className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-2",
       onClick: onClose
     },
-    /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react27.default.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ import_react27.default.createElement(import_fi22.FiLayers, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
-        import_fi22.FiLoader,
+      /* @__PURE__ */ import_react30.default.createElement("div", { className: "h-14 px-6 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react30.default.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiLayers, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement(
+        import_fi23.FiLoader,
         {
           className: "animate-spin text-indigo-400",
           size: 12
         }
-      ), /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(import_fi22.FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ import_react27.default.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ import_react27.default.createElement(
+      ), /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex items-center gap-3" }, canEdit && /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.createElement(import_fi22.FiPlus, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ import_react27.default.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ import_react27.default.createElement(
+        /* @__PURE__ */ import_react30.default.createElement(import_fi23.FiPlus, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ import_react30.default.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+      ), /* @__PURE__ */ import_react30.default.createElement(
         "button",
         {
           onClick: onClose,
@@ -13451,128 +13540,37 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ import_react27.default.createElement(
-        "div",
+      /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex flex-1 overflow-hidden bg-slate-900/20" }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "flex flex-col flex-1" }, /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.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__ */ import_react30.default.createElement(import_fi23.FiLayers, { size: 40, className: "opacity-10 text-indigo-400" }), /* @__PURE__ */ import_react30.default.createElement("div", { className: "text-center space-y-1" }, /* @__PURE__ */ import_react30.default.createElement("p", { className: "text-sm font-medium text-slate-300" }, "Nenhum grupo criado"), /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.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__ */ import_react27.default.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react27.default.createElement(
-          import_fi22.FiSearch,
-          {
-            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__ */ import_react27.default.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__ */ import_react27.default.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 = import_fi22.FiLayers;
-          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 = import_fi22.FiCheckSquare;
-            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 = import_fi22.FiGitBranch;
-            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 = import_fi22.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__ */ import_react27.default.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__ */ import_react27.default.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__ */ import_react27.default.createElement(import_fi22.FiPlus, { size: 16 }) : /* @__PURE__ */ import_react27.default.createElement(Icon, { size: 14 })
-            ),
-            /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ import_react27.default.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, item.name || "Sem Nome"), badge && /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.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__ */ import_react27.default.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__ */ import_react27.default.createElement(import_fi22.FiCornerUpRight, { size: 10 }), /* @__PURE__ */ import_react27.default.createElement("span", { className: "truncate max-w-[120px]" }, nodeNamesMap.get(String(item.ancestral_node)) || "Node Desconhecido")), item.description && /* @__PURE__ */ import_react27.default.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, item.description)),
-            !isPicking && /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ import_react27.default.createElement(import_fi22.FiPlay, { size: 14, className: "ml-0.5" }))
-            )
-          );
-        }))
-      ), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ import_react27.default.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__ */ import_react27.default.createElement(import_fi22.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ import_react27.default.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ import_react27.default.createElement(
+        "Criar Primeiro Grupo"
+      )) : groups.map((group, index) => /* @__PURE__ */ import_react30.default.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__ */ import_react27.default.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__ */ import_react27.default.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ import_react27.default.createElement("span", null, groups.length, " grupos raiz"))
+      /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react30.default.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-indigo-500" }), " ", availableMentionItems.length, " RECURSOS DISPON\xCDVEIS"), /* @__PURE__ */ import_react30.default.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }), " ", groups.length, " GRUPOS PRINCIPAIS")), /* @__PURE__ */ import_react30.default.createElement("span", { className: "text-slate-700" }, "X.VIEW :: ANCESTRY BOARD ENGINE"))
     )
   );
 }
 
 // src/components/MilestoneManager.jsx
-var import_react28 = __toESM(require("react"));
-var import_fi23 = require("react-icons/fi");
+var import_react31 = __toESM(require("react"));
+var import_fi24 = require("react-icons/fi");
 function MilestoneManager({
   isOpen,
   onClose,
@@ -13580,7 +13578,7 @@ function MilestoneManager({
   onUpdateMilestones = () => {
   }
 }) {
-  const [newMilestoneName, setNewMilestoneName] = (0, import_react28.useState)("");
+  const [newMilestoneName, setNewMilestoneName] = (0, import_react31.useState)("");
   const handleAddMilestone = () => {
     if (!newMilestoneName.trim()) return;
     const newMilestone = {
@@ -13605,27 +13603,27 @@ function MilestoneManager({
   };
   if (!isOpen) return null;
   const swallow = (e) => e.stopPropagation();
-  return /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement("div", { className: "px-6 py-4 border-b border-white/10 flex items-center justify-between" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "p-2 rounded-lg bg-indigo-500/20 text-indigo-400" }, /* @__PURE__ */ import_react28.default.createElement(import_fi23.FiTarget, { size: 20 })), /* @__PURE__ */ import_react28.default.createElement("div", null, /* @__PURE__ */ import_react28.default.createElement("h2", { className: "text-lg font-semibold text-slate-100" }, "Milestones"), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-xs text-slate-400" }, "Gerencie os marcos do seu cen\xE1rio"))), /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react31.default.createElement("div", { className: "px-6 py-4 border-b border-white/10 flex items-center justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "p-2 rounded-lg bg-indigo-500/20 text-indigo-400" }, /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiTarget, { size: 20 })), /* @__PURE__ */ import_react31.default.createElement("div", null, /* @__PURE__ */ import_react31.default.createElement("h2", { className: "text-lg font-semibold text-slate-100" }, "Milestones"), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-xs text-slate-400" }, "Gerencie os marcos do seu cen\xE1rio"))), /* @__PURE__ */ import_react31.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "p-2 rounded-full hover:bg-white/10 text-slate-400 hover:text-white transition-colors"
         },
-        /* @__PURE__ */ import_react28.default.createElement(import_fi23.FiX, { size: 20 })
+        /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiX, { size: 20 })
       )),
-      /* @__PURE__ */ import_react28.default.createElement("div", { className: "px-6 py-5 bg-white/5 border-b border-white/5" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react31.default.createElement("div", { className: "px-6 py-5 bg-white/5 border-b border-white/5" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react31.default.createElement(
         "input",
         {
           type: "text",
@@ -13635,47 +13633,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__ */ import_react28.default.createElement(
+      ), /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement(import_fi23.FiPlus, { size: 18 }),
+        /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiPlus, { size: 18 }),
         "Adicionar"
       ))),
-      /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex-1 overflow-y-auto px-6 py-4 custom-scrollbar" }, milestones.length > 0 ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "space-y-3" }, milestones.map((ms) => /* @__PURE__ */ import_react28.default.createElement(
+      /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex-1 overflow-y-auto px-6 py-4 custom-scrollbar" }, milestones.length > 0 ? /* @__PURE__ */ import_react31.default.createElement("div", { className: "space-y-3" }, milestones.map((ms) => /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ import_react28.default.createElement(
+        /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: `text-sm font-medium truncate ${ms.status === "active" ? "text-slate-100" : "text-slate-400 line-through"}` }, ms.name), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, ms.status === "active" ? "Ativo" : "Inativo"))),
-        /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react28.default.createElement(
+        ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-sm font-medium truncate ${ms.status === "active" ? "text-slate-100" : "text-slate-400 line-through"}` }, ms.name), /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, ms.status === "active" ? "Ativo" : "Inativo"))),
+        /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement(import_fi23.FiPauseCircle, { size: 18 }) : /* @__PURE__ */ import_react28.default.createElement(import_fi23.FiPlayCircle, { size: 18 })
-        ), /* @__PURE__ */ import_react28.default.createElement(
+          ms.status === "active" ? /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiPauseCircle, { size: 18 }) : /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiPlayCircle, { size: 18 })
+        ), /* @__PURE__ */ import_react31.default.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__ */ import_react28.default.createElement(import_fi23.FiTrash2, { size: 18 })
+          /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiTrash2, { size: 18 })
         ))
-      ))) : /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex flex-col items-center justify-center py-12 text-center" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "p-4 rounded-full bg-slate-800/30 text-slate-600 mb-4" }, /* @__PURE__ */ import_react28.default.createElement(import_fi23.FiTarget, { size: 40 })), /* @__PURE__ */ import_react28.default.createElement("h3", { className: "text-slate-400 font-medium" }, "Nenhum milestone definido"), /* @__PURE__ */ import_react28.default.createElement("p", { className: "text-xs text-slate-600 max-w-[200px] mt-1 italic" }, "Defina marcos importantes para orientar o progresso do projeto."))),
-      /* @__PURE__ */ import_react28.default.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__ */ import_react28.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Total:"), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-xs font-bold text-slate-300" }, milestones.length)), /* @__PURE__ */ import_react28.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Ativos:"), /* @__PURE__ */ import_react28.default.createElement("span", { className: "text-xs font-bold text-indigo-400" }, milestones.filter((m) => m.status === "active").length))))
+      ))) : /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col items-center justify-center py-12 text-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "p-4 rounded-full bg-slate-800/30 text-slate-600 mb-4" }, /* @__PURE__ */ import_react31.default.createElement(import_fi24.FiTarget, { size: 40 })), /* @__PURE__ */ import_react31.default.createElement("h3", { className: "text-slate-400 font-medium" }, "Nenhum milestone definido"), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-xs text-slate-600 max-w-[200px] mt-1 italic" }, "Defina marcos importantes para orientar o progresso do projeto."))),
+      /* @__PURE__ */ import_react31.default.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__ */ import_react31.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Total:"), /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-xs font-bold text-slate-300" }, milestones.length)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-widest" }, "Ativos:"), /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-xs font-bold text-indigo-400" }, milestones.filter((m) => m.status === "active").length))))
     )
   );
 }
@@ -13762,12 +13760,12 @@ function XViewScene({
   get_view_members
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const { data: session, status } = (0, import_react30.useSession)();
+  const { data: session, status } = (0, import_react33.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = (0, import_react29.useMemo)(() => {
+  const viewParams = (0, import_react32.useMemo)(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data) {
@@ -13776,7 +13774,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -13813,65 +13811,65 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = (0, import_react29.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = (0, import_react29.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = (0, import_react29.useMemo)(() => {
+  const sceneConfigId = (0, import_react32.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
+  const ownerId = (0, import_react32.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
+  const dbSaveUrl = (0, import_react32.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = (0, import_react29.useMemo)(() => {
+  const sceneSaveUrl = (0, import_react32.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = (0, import_react29.useMemo)(() => {
+  const ancestry_save_url = (0, import_react32.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = (0, import_react29.useRef)(null);
-  const parentDataRef = (0, import_react29.useRef)(null);
-  const ancestryDataRef = (0, import_react29.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react29.useState)(true);
-  const [permissionStatus, setPermissionStatus] = (0, import_react29.useState)("loading");
-  const [userPermissionRole, setUserPermissionRole] = (0, import_react29.useState)(null);
-  const [viewMembers, setViewMembers] = (0, import_react29.useState)([]);
-  const [isInitialized, setIsInitialized] = (0, import_react29.useState)(false);
-  const [sceneVersion, setSceneVersion] = (0, import_react29.useState)(0);
-  const [contextMenu, setContextMenu] = (0, import_react29.useState)({
+  const sceneDataRef = (0, import_react32.useRef)(null);
+  const parentDataRef = (0, import_react32.useRef)(null);
+  const ancestryDataRef = (0, import_react32.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react32.useState)(true);
+  const [permissionStatus, setPermissionStatus] = (0, import_react32.useState)("loading");
+  const [userPermissionRole, setUserPermissionRole] = (0, import_react32.useState)(null);
+  const [viewMembers, setViewMembers] = (0, import_react32.useState)([]);
+  const [isInitialized, setIsInitialized] = (0, import_react32.useState)(false);
+  const [sceneVersion, setSceneVersion] = (0, import_react32.useState)(0);
+  const [contextMenu, setContextMenu] = (0, import_react32.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = (0, import_react29.useState)({
+  const [multiContextMenu, setMultiContextMenu] = (0, import_react32.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = (0, import_react29.useState)({
+  const [relationshipMenu, setRelationshipMenu] = (0, import_react32.useState)({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = (0, import_react29.useState)({
+  const [creationMode, setCreationMode] = (0, import_react32.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = (0, import_react29.useState)({
+  const [versionMode, setVersionMode] = (0, import_react32.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = (0, import_react29.useState)({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react29.useState)(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react29.useState)(false);
-  const [ancestryMode, setAncestryMode] = (0, import_react29.useState)({
+  const [questMode, setQuestMode] = (0, import_react32.useState)({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react32.useState)(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react32.useState)(false);
+  const [ancestryMode, setAncestryMode] = (0, import_react32.useState)({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13882,42 +13880,42 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = (0, import_react29.useState)({
+  const [readingMode, setReadingMode] = (0, import_react32.useState)({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = (0, import_react29.useState)({
+  const [formPosition, setFormPosition] = (0, import_react32.useState)({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = (0, import_react29.useState)(null);
-  const [detailsLink, setDetailsLink] = (0, import_react29.useState)(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react29.useState)(null);
-  const [imageViewer, setImageViewer] = (0, import_react29.useState)({
+  const [detailsNode, setDetailsNode] = (0, import_react32.useState)(null);
+  const [detailsLink, setDetailsLink] = (0, import_react32.useState)(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react32.useState)(null);
+  const [imageViewer, setImageViewer] = (0, import_react32.useState)({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react29.useState)({
+  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react32.useState)({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react29.useState)(false);
-  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react29.useState)("");
-  const [invalidTargetError, setInvalidTargetError] = (0, import_react29.useState)(null);
-  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react29.useState)(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react29.useState)(false);
-  const [ancestryBoardData, setAncestryBoardData] = (0, import_react29.useState)([]);
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react29.useState)(false);
-  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react29.useState)(false);
-  const mountRef = (0, import_react29.useRef)(null);
-  const tooltipRef = (0, import_react29.useRef)(null);
-  const formRef = (0, import_react29.useRef)(null);
-  const stateRef = (0, import_react29.useRef)({
+  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react32.useState)(false);
+  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react32.useState)("");
+  const [invalidTargetError, setInvalidTargetError] = (0, import_react32.useState)(null);
+  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react32.useState)(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react32.useState)(false);
+  const [ancestryBoardData, setAncestryBoardData] = (0, import_react32.useState)([]);
+  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react32.useState)(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react32.useState)(false);
+  const mountRef = (0, import_react32.useRef)(null);
+  const tooltipRef = (0, import_react32.useRef)(null);
+  const formRef = (0, import_react32.useRef)(null);
+  const stateRef = (0, import_react32.useRef)({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -13981,10 +13979,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -14007,10 +14005,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = (0, import_react29.useCallback)(() => {
+  const handleNavigateBack = (0, import_react32.useCallback)(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = (0, import_react29.useCallback)(
+  const handleConfirmImport = (0, import_react32.useCallback)(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -14138,7 +14136,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = (0, import_react29.useCallback)(
+  const tweenToTarget = (0, import_react32.useCallback)(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const { camera, controls, tweenGroup } = stateRef.current;
       if (!camera || !controls || !tweenGroup) return;
@@ -14164,7 +14162,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = (0, import_react29.useCallback)(
+  const buildFullAncestryTree = (0, import_react32.useCallback)(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -14249,7 +14247,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = (0, import_react29.useCallback)(() => {
+  const handleActivateTimeline = (0, import_react32.useCallback)(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -14409,7 +14407,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = (0, import_react29.useCallback)((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = (0, import_react32.useCallback)((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
       return;
@@ -14546,7 +14544,7 @@ function XViewScene({
       }
     });
   }, []);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -14651,12 +14649,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = (0, import_react29.useCallback)((id) => {
+  const isNodeInView = (0, import_react32.useCallback)((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = (0, import_react29.useCallback)(
+  const addOrUpdateNodeMesh = (0, import_react32.useCallback)(
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
@@ -14697,7 +14695,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = (0, import_react29.useCallback)(({ assigneeId, status: status2, milestoneId }) => {
+  const handleActivateQuestLens = (0, import_react32.useCallback)(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -14911,7 +14909,7 @@ function XViewScene({
       camTween.start();
     }
   }, [addOrUpdateNodeMesh]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -15667,7 +15665,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = (0, import_react29.useCallback)((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = (0, import_react32.useCallback)((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -15715,7 +15713,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = (0, import_react29.useCallback)((newIntensity) => {
+  const handleGhostNodeIntensityChange = (0, import_react32.useCallback)((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -15736,7 +15734,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = (0, import_react29.useCallback)(
+  const handleDetailNodeIntensityChange = (0, import_react32.useCallback)(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -15892,7 +15890,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = (0, import_react29.useCallback)((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = (0, import_react32.useCallback)((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -15915,7 +15913,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react29.useMemo)(
+  const actionHandlerContext = (0, import_react32.useMemo)(
     () => {
       var _a2;
       return {
@@ -15976,7 +15974,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = (0, import_react29.useCallback)((questNode) => {
+  const handleStartQuestQuick = (0, import_react32.useCallback)((questNode) => {
     var _a2, _b2, _c2;
     if (!questNode || !actionHandlerContext) return;
     const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
@@ -16011,7 +16009,7 @@ function XViewScene({
     }
     setDetailsNode(updatedNode);
   }, [session, actionHandlerContext]);
-  const handleFinishQuestQuick = (0, import_react29.useCallback)((questNode) => {
+  const handleFinishQuestQuick = (0, import_react32.useCallback)((questNode) => {
     var _a2, _b2, _c2, _d2;
     if (!questNode || !actionHandlerContext) return;
     const {
@@ -16085,7 +16083,7 @@ function XViewScene({
       setDetailsNode(null);
     }
   }, [session, actionHandlerContext, viewMembers, detailsNode]);
-  const handleCancelQuest = (0, import_react29.useCallback)(() => {
+  const handleCancelQuest = (0, import_react32.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -16240,7 +16238,7 @@ function XViewScene({
     }
     userActionHandlers.handleCancelConnection(context);
   };
-  const handleClearAncestryVisuals = (0, import_react29.useCallback)((ancestryId) => {
+  const handleClearAncestryVisuals = (0, import_react32.useCallback)((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -16258,7 +16256,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = (0, import_react29.useCallback)(
+  const handleRenderAncestry = (0, import_react32.useCallback)(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16752,7 +16750,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = (0, import_react29.useCallback)(
+  const handleRenderAbstractionTree = (0, import_react32.useCallback)(
     (ancestryObject, targetNodeId = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16840,7 +16838,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = (0, import_react29.useCallback)(
+  const handleReadModeBranchNav = (0, import_react32.useCallback)(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -17018,13 +17016,13 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = (0, import_react29.useCallback)((nodeId) => {
+  const handleReadModeHighlight = (0, import_react32.useCallback)((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = (0, import_react29.useMemo)(() => {
+  const activeNodeBranches = (0, import_react32.useMemo)(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -17068,7 +17066,7 @@ function XViewScene({
     readingMode.branchStack,
     ancestryDataRef.current
   ]);
-  const backNavigationInfo = (0, import_react29.useMemo)(() => {
+  const backNavigationInfo = (0, import_react32.useMemo)(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -17079,7 +17077,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = (0, import_react29.useMemo)(() => {
+  const getReadModeDisplayContext = (0, import_react32.useMemo)(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -17122,7 +17120,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = (0, import_react29.useMemo)(() => {
+  const readModeAbstractionTree = (0, import_react32.useMemo)(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -17141,7 +17139,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = (0, import_react29.useCallback)(
+  const handleStartReadingAncestry = (0, import_react32.useCallback)(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17184,7 +17182,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = (0, import_react29.useCallback)(
+  const handleReadModeSectionChange = (0, import_react32.useCallback)(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -17269,10 +17267,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = (0, import_react29.useCallback)(() => {
+  const handleCloseReadMode = (0, import_react32.useCallback)(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = (0, import_react29.useCallback)(
+  const handleAncestrySectionChange = (0, import_react32.useCallback)(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -17334,7 +17332,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = (0, import_react29.useCallback)(
+  const handleEditAncestry = (0, import_react32.useCallback)(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17389,7 +17387,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = (0, import_react29.useCallback)((pathToRemove) => {
+  const handleRemoveFromAncestry = (0, import_react32.useCallback)((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -17414,7 +17412,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = (0, import_react29.useCallback)(
+  const handleSaveAncestry = (0, import_react32.useCallback)(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -17650,7 +17648,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = (0, import_react29.useCallback)(
+  const handleDeleteAncestry = (0, import_react32.useCallback)(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -17732,10 +17730,10 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = (0, import_react29.useCallback)(() => {
+  const handleOpenAncestryBoard = (0, import_react32.useCallback)(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = (0, import_react29.useCallback)(
+  const handleSelectAncestryFromBoard = (0, import_react32.useCallback)(
     (item) => {
       setIsAncestryBoardOpen(false);
       setIsSidebarOpen(false);
@@ -17753,7 +17751,7 @@ function XViewScene({
     },
     [handleStartReadingAncestry, tweenToTarget]
   );
-  const handleSaveAncestryBoard = (0, import_react29.useCallback)(
+  const handleSaveAncestryBoard = (0, import_react32.useCallback)(
     async (groups) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -17767,7 +17765,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
   );
-  const existingNodeTypes = (0, import_react29.useMemo)(() => {
+  const existingNodeTypes = (0, import_react32.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -17779,7 +17777,7 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = (0, import_react29.useMemo)(() => {
+  const searchableDbNodes = (0, import_react32.useMemo)(() => {
     var _a2;
     if (!parentDataRef.current) {
       return [];
@@ -17800,7 +17798,7 @@ function XViewScene({
       return !((_a3 = node.version_node) == null ? void 0 : _a3.is_version);
     });
   }, [parentDataRef.current, (_b = sceneDataRef.current) == null ? void 0 : _b.quest_nodes, sceneVersion]);
-  const handleAddExistingNode = (0, import_react29.useCallback)(
+  const handleAddExistingNode = (0, import_react32.useCallback)(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -17809,7 +17807,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = (0, import_react29.useCallback)(
+  const handleUpdateMilestones = (0, import_react32.useCallback)(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -17855,7 +17853,7 @@ function XViewScene({
       viewParams == null ? void 0 : viewParams.type
     ]
   );
-  const handleSaveCurrentView = (0, import_react29.useCallback)(async () => {
+  const handleSaveCurrentView = (0, import_react32.useCallback)(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -17898,16 +17896,16 @@ 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 = (0, import_react29.useMemo)(() => {
+  const allAvailableNodes = (0, import_react32.useMemo)(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap(
       (fileData) => fileData.nodes || []
     );
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = (0, import_react29.useMemo)(() => {
+  const allAvailableAncestries = (0, import_react32.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = (0, import_react29.useCallback)(
+  const handleOpenReference = (0, import_react32.useCallback)(
     (referenceData) => {
       const { type, id } = referenceData;
       if (type === "node") {
@@ -17946,13 +17944,13 @@ function XViewScene({
       tweenToTarget
     ]
   );
-  const handleToggleAncestryAddMode = (0, import_react29.useCallback)(() => {
+  const handleToggleAncestryAddMode = (0, import_react32.useCallback)(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const handleFocusNode = (0, import_react29.useCallback)(
+  const handleFocusNode = (0, import_react32.useCallback)(
     (nodeData) => {
       var _a2;
       if (!nodeData) return;
@@ -17968,7 +17966,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  const availableDatasets = (0, import_react29.useMemo)(() => {
+  const availableDatasets = (0, import_react32.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -17982,7 +17980,7 @@ function XViewScene({
     String(creationMode.sourceNodeData.id)
   )) == null ? void 0 : _c.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -18005,7 +18003,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -18030,7 +18028,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -18153,10 +18151,10 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ import_react29.default.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ import_react32.default.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react29.default.createElement(
+    return /* @__PURE__ */ import_react32.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react32.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -18166,7 +18164,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -18174,13 +18172,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__ */ import_react29.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react29.default.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__ */ import_react29.default.createElement(
+    )), /* @__PURE__ */ import_react32.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react32.default.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__ */ import_react32.default.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__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -18190,7 +18188,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ import_react29.default.createElement(
+        /* @__PURE__ */ import_react32.default.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -18202,7 +18200,7 @@ function XViewScene({
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ import_react29.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(
     "div",
     {
       ref: mountRef,
@@ -18214,7 +18212,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react29.default.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react32.default.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -18238,7 +18236,7 @@ function XViewScene({
         onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ import_react29.default.createElement(
+    creationMode.isActive && /* @__PURE__ */ import_react32.default.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -18270,7 +18268,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ import_react29.default.createElement(
+    versionMode.isActive && /* @__PURE__ */ import_react32.default.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -18296,7 +18294,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ import_react29.default.createElement(
+    questMode.isActive && /* @__PURE__ */ import_react32.default.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -18324,7 +18322,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react29.default.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react32.default.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"}`,
@@ -18337,7 +18335,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -18348,7 +18346,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -18383,7 +18381,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react29.default.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react32.default.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -18419,7 +18417,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ import_react29.default.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ import_react32.default.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -18433,7 +18431,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react29.default.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react32.default.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -18459,7 +18457,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react29.default.createElement(
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react32.default.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -18491,7 +18489,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react29.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react32.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -18505,7 +18503,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react29.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react32.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -18516,7 +18514,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -18543,7 +18541,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -18576,7 +18574,7 @@ function XViewScene({
         onFinishQuest: handleFinishQuestQuick
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -18596,7 +18594,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -18614,14 +18612,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -18634,7 +18632,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -18643,7 +18641,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ import_react29.default.createElement(
+    /* @__PURE__ */ import_react32.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -18656,7 +18654,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ import_react29.default.createElement(
+    invalidTargetError && /* @__PURE__ */ import_react32.default.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -18681,13 +18679,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ import_react29.default.createElement("style", null, `
+      /* @__PURE__ */ import_react32.default.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement(
         "svg",
         {
           width: "20",
@@ -18699,12 +18697,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react29.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ import_react29.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-        /* @__PURE__ */ import_react29.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        /* @__PURE__ */ import_react32.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react32.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react32.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ import_react29.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ import_react29.default.createElement(
+      /* @__PURE__ */ import_react32.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ import_react32.default.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),
@@ -18734,451 +18732,7 @@ function XViewScene({
     )
   );
 }
-
-// src/x_view_server_logic.js
-async function save_view_data_logic(db_services, filename, data) {
-  try {
-    const saveResult = await db_services.save_file(filename, data);
-    return saveResult;
-  } catch (error) {
-    console.error("catch (error) em save_view_data_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function get_scene_view_data_logic(db_services, scene_config, owner_id, type, session, focusNodeId = null, focusAncestryId = null) {
-  var _a, _b;
-  try {
-    if (!session || !session.user) {
-      return { success: false, error: "Usu\xE1rio n\xE3o autenticado." };
-    }
-    const membershipCheck = await db_services.check_membership(owner_id, type, scene_config, session.user.id);
-    const isFullMember = membershipCheck.success && membershipCheck.isValidMember;
-    if (!isFullMember && !focusNodeId && !focusAncestryId) {
-      return { success: false, error: "Acesso Negado: Voc\xEA n\xE3o possui permiss\xE3o para acessar este cen\xE1rio." };
-    }
-    const sceneResponse = await db_services.get_file(`x_view_scenes/${owner_id}/${scene_config}`);
-    if (!sceneResponse || !sceneResponse.success) {
-      console.error("Falha ao buscar dados da cena:", sceneResponse == null ? void 0 : sceneResponse.error);
-      return { success: false, error: `N\xE3o foi poss\xEDvel carregar o arquivo da cena: ${scene_config}` };
-    }
-    const sceneData = sceneResponse.data;
-    const parentDbObjects = sceneData.parent_dbs || [];
-    if (type && type.toLowerCase().includes("database")) {
-      const selfExists = parentDbObjects.some((db) => String(db.db_id) === String(scene_config));
-      if (!selfExists) {
-        parentDbObjects.push({ db_id: scene_config, owner_id });
-      }
-    }
-    const parentResponsesPromises = parentDbObjects.map(
-      (db_info) => db_services.get_file(`x_view_dbs/${db_info.owner_id}/${db_info.db_id}`)
-    );
-    const parentResponsesResults = await Promise.allSettled(parentResponsesPromises);
-    const parentData = {};
-    for (let i = 0; i < parentResponsesResults.length; i++) {
-      const result = parentResponsesResults[i];
-      const db_info = parentDbObjects[i];
-      if (result.status === "fulfilled" && ((_a = result.value) == null ? void 0 : _a.success)) {
-        parentData[db_info.db_id] = result.value.data;
-      } else {
-        console.warn(
-          `Arquivo pai n\xE3o carregado: ${db_info.db_id}. Pode ter sido deletado.`,
-          result.status === "rejected" ? result.reason : (_b = result.value) == null ? void 0 : _b.error
-        );
-      }
-    }
-    if (type && type.toLowerCase() === "view") {
-      parentData[scene_config] = {
-        dataset_name: "Quests Internas (View)",
-        nodes: sceneData.quest_nodes || [],
-        links: sceneData.quest_links || []
-      };
-    }
-    const allNodes = Object.values(parentData).flatMap((db) => db.nodes || []);
-    const allLinks = Object.values(parentData).flatMap((db) => db.links || []);
-    const parentNodeMap = new Map(allNodes.map((node) => [String(node.id), node]));
-    const parentLinkMap = new Map(allLinks.map((link) => [`${link.source}-${link.target}`, link]));
-    const validatedNodes = (sceneData.nodes || []).map((sceneNode) => {
-      var _a2, _b2;
-      const nodeTypes = Array.isArray(sceneNode.type) ? sceneNode.type : [sceneNode.type];
-      if (nodeTypes.includes("quest")) {
-        const dbQuestNode = (_b2 = (_a2 = parentData[scene_config]) == null ? void 0 : _a2.nodes) == null ? void 0 : _b2.find((qn) => String(qn.id) === String(sceneNode.id));
-        if (dbQuestNode) {
-          return { ...sceneNode, ...dbQuestNode };
-        }
-        return sceneNode;
-      }
-      const dbNode = parentNodeMap.get(String(sceneNode.id));
-      if (dbNode) {
-        return { ...sceneNode, ...dbNode };
-      }
-      return null;
-    }).filter(Boolean);
-    const validNodeIdsInScene = new Set(validatedNodes.map((node) => String(node.id)));
-    const validatedLinks = (sceneData.links || []).filter((sceneLink) => {
-      const linkExistsInParent = parentLinkMap.has(`${sceneLink.source}-${sceneLink.target}`);
-      const nodesAreValidForScene = validNodeIdsInScene.has(String(sceneLink.source)) && validNodeIdsInScene.has(String(sceneLink.target));
-      return linkExistsInParent && nodesAreValidForScene;
-    }).map((sceneLink) => parentLinkMap.get(`${sceneLink.source}-${sceneLink.target}`));
-    const validatedSceneData = {
-      ...sceneData,
-      nodes: validatedNodes,
-      links: validatedLinks
-    };
-    const ancestryFilePaths = [];
-    ancestryFilePaths.push({
-      path: `x_view_ancestry/${owner_id}/${scene_config}`,
-      source_id: scene_config,
-      owner_id,
-      isSceneFile: true
-    });
-    parentDbObjects.forEach((db_info) => {
-      ancestryFilePaths.push({
-        path: `x_view_ancestry/${db_info.owner_id}/${db_info.db_id}`,
-        source_id: db_info.db_id,
-        owner_id: db_info.owner_id,
-        isSceneFile: false
-      });
-    });
-    const ancestryPromises = ancestryFilePaths.map((file) => db_services.get_file(file.path));
-    const ancestryResults = await Promise.allSettled(ancestryPromises);
-    const ancestriesFromSceneFile = [];
-    const ancestriesFromDbFiles = [];
-    ancestryResults.forEach((result, index) => {
-      var _a2;
-      const fileInfo = ancestryFilePaths[index];
-      if (result.status === "fulfilled" && ((_a2 = result.value) == null ? void 0 : _a2.success) && Array.isArray(result.value.data)) {
-        const ancestriesFromFile = result.value.data.map((ancestry) => {
-          const existingSource = ancestry._source_file_id;
-          const existingOwner = ancestry._source_owner_id;
-          const isImportedItem = existingSource && existingSource !== fileInfo.source_id;
-          return {
-            ...ancestry,
-            _source_file_id: isImportedItem ? existingSource : fileInfo.source_id,
-            _source_owner_id: isImportedItem ? existingOwner : fileInfo.owner_id
-          };
-        });
-        if (fileInfo.isSceneFile) {
-          ancestriesFromSceneFile.push(...ancestriesFromFile);
-        } else {
-          ancestriesFromDbFiles.push(...ancestriesFromFile);
-        }
-      }
-    });
-    const ancestryMap = /* @__PURE__ */ new Map();
-    ancestriesFromDbFiles.forEach((anc) => ancestryMap.set(anc.ancestry_id, anc));
-    ancestriesFromSceneFile.forEach((anc) => ancestryMap.set(anc.ancestry_id, anc));
-    let ancestryData = Array.from(ancestryMap.values());
-    const externalSourcesToRefresh = /* @__PURE__ */ new Map();
-    ancestryData.forEach((anc) => {
-      const targetSourceId = anc._source_file_id || anc._imported_from_view_id;
-      const targetOwnerId = anc._source_owner_id || anc._imported_from_view_owner_id;
-      if (targetSourceId && targetSourceId !== scene_config && targetOwnerId) {
-        const isAlreadyLoadedAsParent = parentDbObjects.some((db) => String(db.db_id) === String(targetSourceId));
-        if (!isAlreadyLoadedAsParent) {
-          const key = `${targetOwnerId}/${targetSourceId}`;
-          externalSourcesToRefresh.set(key, {
-            owner_id: targetOwnerId,
-            source_id: targetSourceId,
-            key
-          });
-        }
-      }
-    });
-    const successfullyFetchedSources = /* @__PURE__ */ new Set();
-    const failedSources = /* @__PURE__ */ new Set();
-    if (externalSourcesToRefresh.size > 0) {
-      const refreshPromises = Array.from(externalSourcesToRefresh.values()).map(
-        (src) => db_services.get_file(`x_view_ancestry/${src.owner_id}/${src.source_id}`).then((res) => ({ ...res, _meta_key: src.key }))
-      );
-      const refreshResults = await Promise.allSettled(refreshPromises);
-      const freshAncestryMap = /* @__PURE__ */ new Map();
-      refreshResults.forEach((result) => {
-        var _a2, _b2;
-        if (result.status === "fulfilled" && ((_a2 = result.value) == null ? void 0 : _a2.success) && Array.isArray(result.value.data)) {
-          successfullyFetchedSources.add(result.value._meta_key);
-          result.value.data.forEach((freshAnc) => {
-            if (!freshAnc.is_private) {
-              freshAncestryMap.set(String(freshAnc.ancestry_id), freshAnc);
-            }
-          });
-        } else if (result.status === "fulfilled" && !((_b2 = result.value) == null ? void 0 : _b2.success)) {
-          failedSources.add(result.value._meta_key);
-        }
-      });
-      ancestryData = ancestryData.filter((localAnc) => {
-        const targetSourceId = localAnc._source_file_id || localAnc._imported_from_view_id;
-        const targetOwnerId = localAnc._source_owner_id || localAnc._imported_from_view_owner_id;
-        if (!targetSourceId || targetSourceId === scene_config) return true;
-        const key = `${targetOwnerId}/${targetSourceId}`;
-        if (failedSources.has(key)) {
-          return false;
-        }
-        if (externalSourcesToRefresh.has(key) && successfullyFetchedSources.has(key)) {
-          const stillExists = freshAncestryMap.has(String(localAnc.ancestry_id));
-          return stillExists;
-        }
-        return true;
-      }).map((localAnc) => {
-        const freshVersion = freshAncestryMap.get(String(localAnc.ancestry_id));
-        if (freshVersion) {
-          return {
-            ...freshVersion,
-            _imported_from_view_id: localAnc._imported_from_view_id,
-            _imported_from_view_owner_id: localAnc._imported_from_view_owner_id,
-            _origin_db_ids: localAnc._origin_db_ids,
-            _source_file_id: localAnc._source_file_id,
-            _source_owner_id: localAnc._source_owner_id
-          };
-        }
-        return localAnc;
-      });
-    }
-    const ancestryFilePath = `x_view_ancestry/${owner_id}/${scene_config}`;
-    const parentNodeIds = new Set(allNodes.map((node) => String(node.id)));
-    const pruneTree = (node) => {
-      if (!node) return null;
-      if (node.is_section) {
-        const validChildren2 = (node.children || []).map((child) => pruneTree(child)).filter(Boolean);
-        return { ...node, children: validChildren2 };
-      }
-      if (!parentNodeIds.has(String(node.node_id))) {
-        return null;
-      }
-      const validChildren = (node.children || []).map((child) => pruneTree(child)).filter(Boolean);
-      let validBranches = [];
-      if (node.parallel_branches) {
-        validBranches = node.parallel_branches.map((branch) => ({
-          ...branch,
-          tree: pruneTree(branch.tree)
-        })).filter((b) => b.tree !== null);
-      }
-      return {
-        ...node,
-        children: validChildren,
-        parallel_branches: validBranches
-      };
-    };
-    const originalAncestryDataString = JSON.stringify(Array.from(ancestryMap.values()));
-    const cleanedAncestryData = ancestryData.map((ancestry) => {
-      if (!parentNodeIds.has(String(ancestry.ancestral_node))) return null;
-      const cleanedTree = pruneTree(ancestry.tree);
-      if (!cleanedTree) return null;
-      let cleanedAbstraction = null;
-      if (ancestry.abstraction_tree) {
-        cleanedAbstraction = pruneTree(ancestry.abstraction_tree);
-      }
-      return {
-        ...ancestry,
-        tree: cleanedTree,
-        abstraction_tree: cleanedAbstraction
-      };
-    }).filter(Boolean);
-    if (JSON.stringify(cleanedAncestryData) !== originalAncestryDataString) {
-      ancestryData = cleanedAncestryData;
-      try {
-        await db_services.save_file(ancestryFilePath, ancestryData);
-      } catch (saveError) {
-        console.error("Falha ao salvar o arquivo de ancestralidade da cena atualizado:", saveError);
-      }
-    }
-    if (!isFullMember) {
-      const requiredNodeIds = /* @__PURE__ */ new Set();
-      const requiredAncestryIds = /* @__PURE__ */ new Set();
-      if (focusNodeId) requiredNodeIds.add(String(focusNodeId));
-      if (focusAncestryId) requiredAncestryIds.add(String(focusAncestryId));
-      const allNodesFromDb = Object.values(parentData).flatMap((db) => db.nodes || []);
-      const extractDependenciesFromText = (text) => {
-        if (!text) return;
-        const mentionRegex = /\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g;
-        const refRegex = /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g;
-        let match;
-        while ((match = mentionRegex.exec(text)) !== null) {
-          requiredNodeIds.add(match[1]);
-        }
-        while ((match = refRegex.exec(text)) !== null) {
-          if (match[1] === "node") requiredNodeIds.add(match[2]);
-          if (match[1] === "ancestry") requiredAncestryIds.add(match[2]);
-        }
-      };
-      const extractTreeDependencies = (treeItem) => {
-        var _a2;
-        if (!treeItem) return;
-        if (treeItem.node_id) requiredNodeIds.add(String(treeItem.node_id));
-        if ((_a2 = treeItem.node) == null ? void 0 : _a2.id) requiredNodeIds.add(String(treeItem.node.id));
-        if (treeItem.children) {
-          treeItem.children.forEach(extractTreeDependencies);
-        }
-        if (treeItem.parallel_branches) {
-          treeItem.parallel_branches.forEach((branch) => {
-            if (branch.linked_ancestry_id) {
-              requiredAncestryIds.add(String(branch.linked_ancestry_id));
-            }
-            if (branch.description) extractDependenciesFromText(branch.description);
-            if (branch.description_sections) {
-              branch.description_sections.forEach((s) => extractDependenciesFromText(s.content));
-            }
-            extractTreeDependencies(branch.tree);
-          });
-        }
-      };
-      let previousSize;
-      do {
-        previousSize = requiredNodeIds.size + requiredAncestryIds.size;
-        requiredAncestryIds.forEach((ancId) => {
-          const anc = ancestryData.find((a) => String(a.ancestry_id) === ancId);
-          if (anc && !anc.is_private) {
-            if (anc.description) extractDependenciesFromText(anc.description);
-            if (anc.description_sections) {
-              anc.description_sections.forEach((s) => extractDependenciesFromText(s.content));
-            }
-            extractTreeDependencies(anc.tree);
-            extractTreeDependencies(anc.abstraction_tree);
-          }
-        });
-        requiredNodeIds.forEach((nodeId) => {
-          const node = allNodesFromDb.find((n) => String(n.id) === nodeId);
-          if (node) {
-            if (node.description) extractDependenciesFromText(node.description);
-            if (node.description_sections) {
-              node.description_sections.forEach((s) => extractDependenciesFromText(s.content));
-            }
-          }
-        });
-      } while (requiredNodeIds.size + requiredAncestryIds.size > previousSize);
-      const restrictedSceneData = { ...validatedSceneData, nodes: [], links: [] };
-      const restrictedParentData = {};
-      const restrictedAncestryData = ancestryData.filter((a) => requiredAncestryIds.has(String(a.ancestry_id)) && !a.is_private);
-      for (const [dbId, dbContent] of Object.entries(parentData)) {
-        const filteredNodes = (dbContent.nodes || []).filter((n) => requiredNodeIds.has(String(n.id)));
-        if (filteredNodes.length > 0) {
-          restrictedParentData[dbId] = { ...dbContent, nodes: filteredNodes, links: [] };
-        }
-      }
-      if (focusNodeId) {
-        const mainNode = allNodesFromDb.find((n) => String(n.id) === String(focusNodeId));
-        if (mainNode) {
-          restrictedSceneData.nodes = [mainNode];
-        }
-      }
-      return {
-        success: true,
-        data: {
-          scene: restrictedSceneData,
-          parent: restrictedParentData,
-          ancestry: restrictedAncestryData
-        }
-      };
-    }
-    return {
-      success: true,
-      data: { scene: validatedSceneData, parent: parentData, ancestry: ancestryData }
-    };
-  } catch (error) {
-    console.error("Erro em get_scene_view_data_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function import_parent_file_modal_get_logic(db_services, session) {
-  try {
-    const call_firestore_get_x_view_data = await db_services.get_firestore_data(session);
-    const x_view_databases = call_firestore_get_x_view_data.data.sub_collections.x_view_databases || [];
-    const x_views = call_firestore_get_x_view_data.data.sub_collections.x_views || [];
-    return {
-      success: true,
-      data: {
-        databases: x_view_databases,
-        views: x_views
-      }
-    };
-  } catch (error) {
-    console.error("catch (error) em import_parent_file_modal_get_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function get_single_parent_file_logic(db_services, file_id, session) {
-  try {
-    const call_GCP_cloud_storage_get_file = await db_services.get_file(`x_view_dbs/${session.user.id}/${file_id}`);
-    return call_GCP_cloud_storage_get_file;
-  } catch (error) {
-    console.error("catch (error) em get_single_parent_file_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function x_view_add_new_parent_file_to_scene_at_firebase(file_id, session, new_parent, db_services) {
-  try {
-    const update_data = {
-      scene_id: file_id,
-      new_parent,
-      session
-    };
-    const call_firestore_add_new_parent_file_to_scene_at_firebase = await db_services.add_new_parent_file_to_scene_at_firebase(update_data);
-    return call_firestore_add_new_parent_file_to_scene_at_firebase;
-  } catch (error) {
-    console.error("catch (error) em get_single_parent_file_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function get_ancestry_file_logic(db_services, file_id, owner_id) {
-  try {
-    const path = `x_view_ancestry/${owner_id}/${file_id}`;
-    const call_GCP_cloud_storage_get_file = await db_services.get_file(path);
-    return call_GCP_cloud_storage_get_file;
-  } catch (error) {
-    console.error("catch (error) em get_ancestry_file_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function save_ancestry_board_logic(db_services, scene_id, type, groups, session, owner_id) {
-  try {
-    const targetOwnerId = owner_id || session.user.id;
-    return await db_services.save_ancestry_board(session, scene_id, type, groups, targetOwnerId);
-  } catch (error) {
-    console.error("Erro em save_ancestry_board_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function get_ancestry_board_logic(db_services, scene_id, type, session, owner_id) {
-  try {
-    const targetOwnerId = owner_id || session.user.id;
-    return await db_services.get_ancestry_board(session, scene_id, type, targetOwnerId);
-  } catch (error) {
-    console.error("Erro em get_ancestry_board_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function delete_uploaded_file_logic(db_services, fileUrl) {
-  try {
-    if (db_services.delete_public_file) {
-      return await db_services.delete_public_file(fileUrl);
-    }
-    return { success: false, error: "Servi\xE7o de dele\xE7\xE3o n\xE3o configurado." };
-  } catch (error) {
-    console.error("Erro em delete_uploaded_file_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
-async function get_view_members_logic(db_services, ownerId, type, itemId) {
-  try {
-    if (!db_services.get_view_members) {
-      return { success: false, error: "Servi\xE7o de busca de membros n\xE3o configurado." };
-    }
-    return await db_services.get_view_members(ownerId, type, itemId);
-  } catch (error) {
-    console.error("Erro em get_view_members_logic:", error);
-    return { success: false, error: error.message };
-  }
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  XViewScene,
-  delete_uploaded_file_logic,
-  get_ancestry_board_logic,
-  get_ancestry_file_logic,
-  get_scene_view_data_logic,
-  get_single_parent_file_logic,
-  get_view_members_logic,
-  import_parent_file_modal_get_logic,
-  save_ancestry_board_logic,
-  save_view_data_logic,
-  x_view_add_new_parent_file_to_scene_at_firebase
+  XViewScene
 });