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

package/dist/index.mjs

@@ -1,11 +1,9 @@
-"use client";
-
 // src/XViewScene.jsx
 import React30, {
-  useCallback as useCallback4,
+  useCallback as useCallback5,
   useEffect as useEffect24,
-  useRef as useRef19,
-  useState as useState28,
+  useRef as useRef21,
+  useState as useState29,
   useMemo as useMemo13
 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -40,8 +38,8 @@ function defineAbilityFor(role) {
       can("read", "Versioning");
       can("read", "Node");
       can("read", "Scene");
-      can("read", "AncestryBoard");
-      can("read", "AncestryGroup");
+      can("read", "Boards");
+      can("read", "BoardGroups");
       can("dismiss", "Node");
       cannot("update", "Scene");
       cannot("import", "File");
@@ -54,10 +52,10 @@ function defineAbilityFor(role) {
       cannot("create", "Ancestry");
       cannot("update", "Ancestry");
       cannot("delete", "Ancestry");
-      cannot("create", "AncestryGroup");
-      cannot("update", "AncestryGroup");
-      cannot("delete", "AncestryGroup");
-      cannot("manage", "AncestryBoard");
+      cannot("create", "BoardGroups");
+      cannot("update", "BoardGroups");
+      cannot("delete", "BoardGroups");
+      cannot("manage", "Boards");
       cannot("update", "Node");
       break;
     case "link_viewer":
@@ -66,8 +64,8 @@ function defineAbilityFor(role) {
       can("read", "Versioning");
       cannot("read", "Scene");
       cannot("read", "Connection");
-      cannot("read", "AncestryBoard");
-      cannot("read", "AncestryGroup");
+      cannot("read", "Boards");
+      cannot("read", "BoardGroups");
       cannot("dismiss", "Node");
       cannot("manage", "all");
       break;
@@ -1055,6 +1053,8 @@ var userActionHandlers = {
       if (isCrossDataset) {
         graphDataRef.current[finalTargetDatasetId] = targetDataToUpdate;
       }
+      if (sceneDataRef.current.parent_dbs.some((db) => String(db.db_id) === String(sourceParentInfo.parentFileId))) {
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
       stateRef.current.nodeIdToParentFileMap.set(String(newNode.id), {
@@ -1253,6 +1253,9 @@ var userActionHandlers = {
         );
       }
       graphDataRef.current[parentFileId] = specificParentData;
+      if (isView && parentFileId === context.sceneConfigId) {
+        sceneDataRef.current.quest_nodes = [...specificParentData.nodes];
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
       setters.setSceneVersion((v) => v + 1);
@@ -2272,8 +2275,6 @@ var userActionHandlers = {
           milestones: sceneDataRef.current.milestones || [],
           quest_counter: sceneDataRef.current.quest_counter || 1
         };
-        sceneDataRef.current.quest_nodes = specificParentData.nodes;
-        sceneDataRef.current.quest_links = specificParentData.links;
         await context.actions.save_view_data(
           context.sceneSaveUrl,
           viewFilePayload
@@ -2286,6 +2287,10 @@ var userActionHandlers = {
         );
       }
       graphDataRef.current[parentFileId] = specificParentData;
+      if (isView && parentFileId === context.sceneConfigId) {
+        sceneDataRef.current.quest_nodes = [...specificParentData.nodes];
+        sceneDataRef.current.quest_counter = specificParentData.quest_counter || sceneDataRef.current.quest_counter;
+      }
       updateExistingNodeVisuals(stateRef.current, nodeToSave);
       setters.setSceneVersion((v) => v + 1);
       if (!keepOpen) {
@@ -3838,7 +3843,7 @@ function XViewSidebar({
   importSuccessMessage = "",
   onActivateTimeline = () => {
   },
-  onOpenAncestryBoard = () => {
+  onOpenBoards = () => {
   },
   viewType,
   viewName,
@@ -4339,12 +4344,12 @@ function XViewSidebar({
     ), /* @__PURE__ */ React2.createElement(
       "button",
       {
-        onClick: onOpenAncestryBoard,
+        onClick: onOpenBoards,
         className: buttonBaseClass,
-        title: "Abrir painel de Ancestralidades"
+        title: "Abrir painel de Boards"
       },
-      /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 12 12 17 22 12" })),
-      "Ancestry Board"
+      /* @__PURE__ */ React2.createElement(FiLayers, { size: 16 }),
+      "Boards"
     )), /* @__PURE__ */ React2.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ React2.createElement("section", { className: "space-y-3" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Milestones"), /* @__PURE__ */ React2.createElement(
       "button",
       {
@@ -12944,586 +12949,806 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
   );
 }
 
-// src/components/AncestryBoard.jsx
-import React28, { useState as useState26, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef18 } from "react";
+// src/components/Boards.jsx
+import React28, { useState as useState27, useMemo as useMemo12, useEffect as useEffect23, useRef as useRef20 } from "react";
 import {
-  FiSearch as FiSearch9,
+  FiSearch as FiSearch8,
   FiLayers as FiLayers7,
-  FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus10,
   FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight as FiArrowRight2,
+  FiArrowUp,
+  FiArrowDown,
   FiCheckCircle,
   FiLoader as FiLoader5,
   FiX as FiX8,
-  FiAlertTriangle,
-  FiCheckSquare as FiCheckSquare4,
   FiBox as FiBox2,
-  FiGitBranch as FiGitBranch4
+  FiCheckSquare as FiCheckSquare4,
+  FiGitBranch as FiGitBranch4,
+  FiFolder as FiFolder3,
+  FiChevronRight as FiChevronRight7,
+  FiCornerUpLeft as FiCornerUpLeft3
 } from "react-icons/fi";
 import { v4 as uuidv411 } from "uuid";
 
-// src/components/MentionEditor.jsx
-import React27, { useMemo as useMemo11, useEffect as useEffect22 } from "react";
-import { useEditor, EditorContent, ReactRenderer } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import Mention from "@tiptap/extension-mention";
-import tippy from "tippy.js";
+// src/components/RichGroupEditor.jsx
+import React27, { useEffect as useEffect22, useRef as useRef19, useState as useState26, useCallback as useCallback4 } from "react";
 
-// src/components/MentionList.jsx
-import React26, {
-  forwardRef,
-  useEffect as useEffect21,
-  useImperativeHandle,
-  useState as useState25
-} from "react";
-import {
-  FiLayers as FiLayers6,
-  FiCheckSquare as FiCheckSquare3,
-  FiBox,
-  FiGitBranch as FiGitBranch3,
-  FiSearch as FiSearch8
-} from "react-icons/fi";
-var MentionList = forwardRef((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState25(0);
-  const selectItem = (index) => {
-    const item = props.items[index];
-    if (item) {
-      props.command({ id: item.id, label: item.name, type: item.type });
-    }
-  };
-  const upHandler = () => {
-    setSelectedIndex(
-      (selectedIndex + props.items.length - 1) % props.items.length
-    );
-  };
-  const downHandler = () => {
-    setSelectedIndex((selectedIndex + 1) % props.items.length);
-  };
-  const enterHandler = () => {
-    selectItem(selectedIndex);
-  };
-  useEffect21(() => setSelectedIndex(0), [props.items]);
-  useImperativeHandle(ref, () => ({
-    onKeyDown: ({ event }) => {
-      if (event.key === "ArrowUp") {
-        upHandler();
-        return true;
-      }
-      if (event.key === "ArrowDown") {
-        downHandler();
-        return true;
-      }
-      if (event.key === "Enter") {
-        enterHandler();
-        return true;
+// src/components/MentionPopover.jsx
+import React26, { useEffect as useEffect21, useRef as useRef18, useState as useState25, useMemo as useMemo11 } from "react";
+import { FiLayers as FiLayers6, FiCheckSquare as FiCheckSquare3, FiGitBranch as FiGitBranch3, FiBox } from "react-icons/fi";
+var TYPE_CONFIG = {
+  ancestry: { Icon: FiLayers6, color: "text-indigo-400", label: "Ancestralidade" },
+  quest: { Icon: FiCheckSquare3, color: "text-emerald-400", label: "Quest" },
+  version: { Icon: FiGitBranch3, color: "text-amber-400", label: "Vers\xE3o" },
+  node: { Icon: FiBox, color: "text-slate-400", label: "Node" }
+};
+function MentionPopover({ query, items, position, onSelect, onClose }) {
+  const [activeIndex, setActiveIndex] = useState25(0);
+  const listRef = useRef18(null);
+  const filtered = useMemo11(() => {
+    const term = (query || "").toLowerCase().trim();
+    if (!term) return items.slice(0, 8);
+    return items.filter(
+      (item) => (item.searchLabel || "").toLowerCase().includes(term) || (item.searchDesc || "").toLowerCase().includes(term)
+    ).slice(0, 8);
+  }, [items, query]);
+  useEffect21(() => {
+    setActiveIndex(0);
+  }, [query]);
+  useEffect21(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.min(i + 1, filtered.length - 1));
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.max(i - 1, 0));
+      } else if (e.key === "Enter" || e.key === "Tab") {
+        e.preventDefault();
+        if (filtered[activeIndex]) onSelect(filtered[activeIndex]);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        onClose();
       }
-      return false;
-    }
-  }));
-  return /* @__PURE__ */ React26.createElement("div", { className: "z-[3000] bg-slate-900 border border-white/10 rounded-lg shadow-2xl overflow-hidden min-w-[280px] max-w-[400px] animate-in fade-in zoom-in-95 duration-200" }, /* @__PURE__ */ React26.createElement("div", { className: "p-2 border-b border-white/5 bg-slate-950/50 flex items-center gap-2" }, /* @__PURE__ */ React26.createElement(FiSearch8, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React26.createElement("span", { className: "text-[10px] uppercase tracking-wider font-bold text-slate-500" }, "Mencionar Recurso")), /* @__PURE__ */ React26.createElement("div", { className: "p-1 max-h-[300px] overflow-y-auto custom-scrollbar" }, props.items.length ? props.items.map((item, index) => {
-    const isQuest = item.type === "quest";
-    const isVersion = item.type === "version";
-    const isNode = item.type === "node";
-    let Icon = FiLayers6;
-    let colorClass = "text-indigo-400";
-    let badgeText = "Ancestralidade";
-    if (isQuest) {
-      Icon = FiCheckSquare3;
-      colorClass = "text-amber-400";
-      badgeText = "Quest";
-    } else if (isVersion) {
-      Icon = FiGitBranch3;
-      colorClass = "text-purple-400";
-      badgeText = "Vers\xE3o";
-    } else if (isNode) {
-      Icon = FiBox;
-      colorClass = "text-emerald-400";
-      badgeText = "Node";
-    }
-    return /* @__PURE__ */ React26.createElement(
-      "button",
-      {
-        className: `
-                  w-full flex items-center gap-3 px-3 py-2 text-left rounded-md transition-all
-                  ${index === selectedIndex ? "bg-indigo-500/20 border border-indigo-500/30 text-white" : "text-slate-400 hover:bg-white/5 border border-transparent"}
-                `,
-        key: item.id,
-        onClick: () => selectItem(index)
-      },
-      /* @__PURE__ */ React26.createElement("div", { className: `shrink-0 w-8 h-8 rounded border border-white/5 flex items-center justify-center bg-slate-800/50 ${colorClass}` }, /* @__PURE__ */ React26.createElement(Icon, { size: 14 })),
-      /* @__PURE__ */ React26.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React26.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React26.createElement("span", { className: "text-sm font-medium truncate" }, item.name), /* @__PURE__ */ React26.createElement("span", { className: `text-[9px] px-1 py-0.5 rounded border border-current opacity-60 ${colorClass}` }, badgeText)))
-    );
-  }) : /* @__PURE__ */ React26.createElement("div", { className: "p-4 text-center text-slate-500 text-sm italic" }, "Nenhum resultado encontrado...")));
-});
-MentionList.displayName = "MentionList";
-var MentionList_default = MentionList;
+    };
+    window.addEventListener("keydown", handleKeyDown, true);
+    return () => window.removeEventListener("keydown", handleKeyDown, true);
+  }, [filtered, activeIndex, onSelect, onClose]);
+  useEffect21(() => {
+    if (listRef.current) {
+      const el = listRef.current.children[activeIndex];
+      if (el) el.scrollIntoView({ block: "nearest" });
+    }
+  }, [activeIndex]);
+  return /* @__PURE__ */ React26.createElement(
+    "div",
+    {
+      style: { top: position.top, left: position.left, position: "fixed", zIndex: 9999 },
+      className: "bg-slate-900 border border-white/10 rounded-xl shadow-2xl py-1.5 min-w-[260px] max-h-[240px] overflow-y-auto custom-scrollbar animate-in fade-in zoom-in-95 duration-100",
+      ref: listRef,
+      onMouseDown: (e) => e.preventDefault()
+    },
+    filtered.length === 0 ? /* @__PURE__ */ React26.createElement("div", { className: "px-4 py-3 text-xs text-slate-500" }, "Nenhum resultado para", " ", /* @__PURE__ */ React26.createElement("span", { className: "text-slate-300 font-medium" }, '"', query, '"')) : filtered.map((item, idx) => {
+      const config = TYPE_CONFIG[item.type] || TYPE_CONFIG.node;
+      const { Icon } = config;
+      return /* @__PURE__ */ React26.createElement(
+        "div",
+        {
+          key: item.id,
+          onMouseDown: (e) => {
+            e.preventDefault();
+            onSelect(item);
+          },
+          onMouseEnter: () => setActiveIndex(idx),
+          className: `flex items-center gap-2.5 px-3 py-2 cursor-pointer text-sm transition-colors duration-100 ${idx === activeIndex ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5"}`
+        },
+        /* @__PURE__ */ React26.createElement(Icon, { size: 13, className: config.color }),
+        /* @__PURE__ */ React26.createElement("span", { className: "flex-1 truncate font-medium" }, item.searchLabel || "Sem Nome"),
+        /* @__PURE__ */ React26.createElement("span", { className: "text-[9px] px-1.5 py-0.5 rounded-full bg-white/5 text-slate-500 border border-white/5 uppercase tracking-wide shrink-0" }, config.label)
+      );
+    })
+  );
+}
 
-// src/components/MentionEditor.jsx
-var CustomMention = Mention.extend({
-  addAttributes() {
+// src/components/RichGroupEditor.jsx
+var MENTION_BASE_STYLE = "display:inline-flex;align-items:center;padding:1px 7px;border-radius:5px;margin:0 2px;font-size:0.78em;font-weight:600;cursor:pointer;white-space:nowrap;vertical-align:middle;user-select:none;line-height:1.6;";
+var MENTION_TYPE_STYLE = {
+  ancestry: "background:rgba(99,102,241,0.18);color:#a5b4fc;border:1px solid rgba(99,102,241,0.35);",
+  quest: "background:rgba(16,185,129,0.18);color:#6ee7b7;border:1px solid rgba(16,185,129,0.35);",
+  version: "background:rgba(245,158,11,0.18);color:#fcd34d;border:1px solid rgba(245,158,11,0.35);",
+  node: "background:rgba(100,116,139,0.18);color:#94a3b8;border:1px solid rgba(100,116,139,0.35);"
+};
+function mentionStyle(type) {
+  return MENTION_BASE_STYLE + (MENTION_TYPE_STYLE[type] || MENTION_TYPE_STYLE.node);
+}
+function escapeHtml(str) {
+  return String(str || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function contentToHTML(content) {
+  if (!content || content.length === 0) return "";
+  return content.map((seg) => {
+    if (seg.type === "text") {
+      return escapeHtml(seg.value).replace(/\n/g, "<br>");
+    }
+    if (seg.type === "mention") {
+      const style = mentionStyle(seg.mentionType);
+      return `<span contenteditable="false" data-mention="true" data-id="${escapeHtml(String(seg.id))}" data-name="${escapeHtml(seg.name || "")}" data-mention-type="${escapeHtml(seg.mentionType || "node")}" style="${style}" title="Clique para focar na cena">@${escapeHtml(seg.name || "")}</span>`;
+    }
+    return "";
+  }).join("");
+}
+function domToContent(el) {
+  const segments = [];
+  function pushText(text) {
+    const clean = text.replace(/\u200B/g, "");
+    if (!clean) return;
+    const last = segments[segments.length - 1];
+    if (last && last.type === "text") {
+      last.value += clean;
+    } else {
+      segments.push({ type: "text", value: clean });
+    }
+  }
+  function walk(node) {
     var _a;
-    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
-          };
+    if (node.nodeType === Node.TEXT_NODE) {
+      pushText(node.textContent);
+    } else if (node.nodeType === Node.ELEMENT_NODE) {
+      if (((_a = node.dataset) == null ? void 0 : _a.mention) === "true") {
+        segments.push({
+          type: "mention",
+          id: node.dataset.id,
+          name: node.dataset.name,
+          mentionType: node.dataset.mentionType
+        });
+      } else if (node.tagName === "BR") {
+        pushText("\n");
+      } else {
+        if (["DIV", "P"].includes(node.tagName) && segments.length > 0) {
+          pushText("\n");
         }
+        node.childNodes.forEach(walk);
       }
-    };
+    }
   }
-});
-var MentionEditor = ({
-  initialValue = "",
+  el.childNodes.forEach(walk);
+  return segments;
+}
+function RichGroupEditor({
+  content,
   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 = useMemo11(() => parseInitialContent(initialValue), [initialValue]);
-  const editor = useEditor({
-    extensions: [
-      StarterKit.configure({
-        heading: false,
-        bulletList: false,
-        orderedList: false,
-        codeBlock: false,
-        blockquote: false
-      }),
-      CustomMention.configure({
-        HTMLAttributes: {
-          class: "mention"
-        },
-        suggestion: {
-          items: ({ query }) => {
-            return availableItems.filter(
-              (item) => item.name.toLowerCase().includes(query.toLowerCase())
-            ).slice(0, 10);
-          },
-          render: () => {
-            let component;
-            let popup;
-            return {
-              onStart: (props) => {
-                component = new ReactRenderer(MentionList_default, {
-                  props,
-                  editor: props.editor
-                });
-                if (!props.clientRect) {
-                  return;
-                }
-                popup = tippy("body", {
-                  getReferenceClientRect: props.clientRect,
-                  appendTo: () => document.body,
-                  content: component.element,
-                  showOnCreate: true,
-                  interactive: true,
-                  trigger: "manual",
-                  placement: "bottom-start",
-                  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);
+  onMentionClick,
+  searchItems,
+  readOnly,
+  placeholder
+}) {
+  const editorRef = useRef19(null);
+  const isMountedRef = useRef19(false);
+  const dismissedTriggerRef = useRef19(null);
+  const [mentionState, setMentionState] = useState26(null);
+  const [isEmpty, setIsEmpty] = useState26(true);
+  useEffect22(() => {
+    if (!isMountedRef.current && editorRef.current) {
+      editorRef.current.innerHTML = contentToHTML(content);
+      const hasContent = !!editorRef.current.innerText.replace(/\u200B/g, "").trim();
+      const hasMentions = !!editorRef.current.querySelector("[data-mention]");
+      setIsEmpty(!hasContent && !hasMentions);
+      isMountedRef.current = true;
     }
-  });
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ React27.createElement("div", { className: "relative group/editor min-h-[1.5rem] w-full" }, /* @__PURE__ */ React27.createElement(
-    EditorContent,
-    {
-      editor,
-      className: "text-sm text-slate-200 placeholder-slate-600 focus:outline-none"
-    }
-  ), /* @__PURE__ */ React27.createElement("style", null, `
-        .tiptap p {
-          margin: 0;
-          min-height: 1.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;
+  }, []);
+  const getMentionContext = useCallback4(() => {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0) return null;
+    const range = selection.getRangeAt(0);
+    const node = range.startContainer;
+    if (node.nodeType !== Node.TEXT_NODE) return null;
+    const textBefore = node.textContent.substring(0, range.startOffset);
+    const atIndex = textBefore.lastIndexOf("@");
+    if (atIndex === -1) {
+      dismissedTriggerRef.current = null;
+      return null;
+    }
+    const charBeforeAt = atIndex > 0 ? textBefore[atIndex - 1] : null;
+    if (charBeforeAt && !/\s/.test(charBeforeAt)) {
+      return null;
+    }
+    if (dismissedTriggerRef.current && dismissedTriggerRef.current.node === node && dismissedTriggerRef.current.atIndex === atIndex) {
+      return null;
+    }
+    const query = textBefore.substring(atIndex + 1);
+    if (query.includes("  ") || query.includes(".") || query.includes(",") || query.length > 40) {
+      return null;
+    }
+    const rect = range.getBoundingClientRect();
+    return {
+      query,
+      position: { top: rect.bottom + 6, left: rect.left }
+    };
+  }, []);
+  const handleInput = useCallback4(() => {
+    if (!editorRef.current) return;
+    const serialized = domToContent(editorRef.current);
+    onChange(serialized);
+    const text = editorRef.current.innerText.replace(/\u200B/g, "").trim();
+    const hasMentions = !!editorRef.current.querySelector("[data-mention]");
+    setIsEmpty(!text && !hasMentions);
+    const ctx = getMentionContext();
+    setMentionState(ctx);
+  }, [onChange, getMentionContext]);
+  const handleKeyDown = useCallback4(
+    (e) => {
+      if (mentionState && ["ArrowDown", "ArrowUp", "Enter", "Tab", "Escape"].includes(e.key)) {
+        return;
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        const sel = window.getSelection();
+        const range = sel.getRangeAt(0);
+        const br = document.createElement("br");
+        range.deleteContents();
+        range.insertNode(br);
+        const afterBr = br.nextSibling || (() => {
+          const zws = document.createTextNode("\u200B");
+          br.parentNode.insertBefore(zws, br.nextSibling);
+          return zws;
+        })();
+        const newRange = document.createRange();
+        newRange.setStartBefore(afterBr);
+        newRange.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(newRange);
+        handleInput();
+      }
+    },
+    [mentionState, handleInput]
+  );
+  const insertMention = useCallback4(
+    (item) => {
+      if (!editorRef.current) return;
+      const sel = window.getSelection();
+      if (!sel || sel.rangeCount === 0) return;
+      const range = sel.getRangeAt(0);
+      const textNode = range.startContainer;
+      if (textNode.nodeType !== Node.TEXT_NODE) {
+        setMentionState(null);
+        return;
+      }
+      const cursorPos = range.startOffset;
+      const textContent = textNode.textContent;
+      const atIndex = textContent.lastIndexOf("@", cursorPos - 1);
+      if (atIndex === -1) {
+        setMentionState(null);
+        return;
+      }
+      const before = textContent.substring(0, atIndex);
+      const after = textContent.substring(cursorPos);
+      textNode.textContent = before;
+      const parent = textNode.parentNode;
+      const nextSib = textNode.nextSibling;
+      const span = document.createElement("span");
+      span.contentEditable = "false";
+      span.dataset.mention = "true";
+      span.dataset.id = item.id;
+      span.dataset.name = item.searchLabel || item.name || "";
+      span.dataset.mentionType = item.type;
+      span.style.cssText = mentionStyle(item.type);
+      span.title = "Clique para focar na cena";
+      span.textContent = `@${item.searchLabel || item.name || ""}`;
+      parent.insertBefore(span, nextSib);
+      const trailing = document.createTextNode(after || "\u200B");
+      parent.insertBefore(trailing, span.nextSibling);
+      const newRange = document.createRange();
+      newRange.setStart(trailing, after ? 0 : 1);
+      newRange.collapse(true);
+      sel.removeAllRanges();
+      sel.addRange(newRange);
+      const serialized = domToContent(editorRef.current);
+      onChange(serialized);
+      setMentionState(null);
+      setIsEmpty(false);
+    },
+    [onChange]
+  );
+  const handlePaste = useCallback4(
+    (e) => {
+      e.preventDefault();
+      const text = e.clipboardData.getData("text/plain");
+      if (text) {
+        document.execCommand("insertText", false, text);
+        handleInput();
+      }
+    },
+    [handleInput]
+  );
+  const handleClick = useCallback4(
+    (e) => {
+      const chip = e.target.closest("[data-mention='true']");
+      if (chip && onMentionClick) {
+        e.stopPropagation();
+        const id = chip.dataset.id;
+        const full = searchItems == null ? void 0 : searchItems.find((i) => String(i.id) === String(id));
+        if (full) {
+          onMentionClick(full);
+        } else {
+          onMentionClick({
+            id,
+            name: chip.dataset.name,
+            type: chip.dataset.mentionType,
+            searchLabel: chip.dataset.name
+          });
         }
-        .tiptap .mention[data-mention-type="version"] {
-          background: rgba(245, 158, 11, 0.15);
-          border-color: rgba(245, 158, 11, 0.3);
-          color: #fcd34d;
+        return;
+      }
+    },
+    [onMentionClick, getMentionContext, searchItems]
+  );
+  const handleBlur = useCallback4(() => {
+    setTimeout(() => setMentionState(null), 200);
+  }, []);
+  const handleMentionDismiss = useCallback4(() => {
+    const selection = window.getSelection();
+    if (selection && selection.rangeCount > 0) {
+      const range = selection.getRangeAt(0);
+      const node = range.startContainer;
+      if (node.nodeType === Node.TEXT_NODE) {
+        const textBefore = node.textContent.substring(0, range.startOffset);
+        const atIndex = textBefore.lastIndexOf("@");
+        if (atIndex !== -1) {
+          dismissedTriggerRef.current = { node, atIndex };
         }
+      }
+    }
+    setMentionState(null);
+  }, []);
+  return /* @__PURE__ */ React27.createElement("div", { className: "relative" }, isEmpty && !readOnly && /* @__PURE__ */ React27.createElement("div", { className: "absolute top-0 left-0 text-sm text-slate-600 pointer-events-none select-none" }, placeholder || "Escreva sobre este grupo\u2026 ou digite @ para mencionar"), /* @__PURE__ */ React27.createElement(
+    "div",
+    {
+      ref: editorRef,
+      contentEditable: readOnly ? "false" : "true",
+      suppressContentEditableWarning: true,
+      onInput: handleInput,
+      onKeyDown: handleKeyDown,
+      onPaste: handlePaste,
+      onClick: handleClick,
+      onBlur: handleBlur,
+      className: `w-full min-h-[1.5rem] max-h-[250px] overflow-y-auto text-sm text-slate-200 focus:outline-none leading-relaxed ${!readOnly ? "cursor-text" : "cursor-default"}`,
+      style: { overflowWrap: "break-word", wordBreak: "break-word" }
+    }
+  ), mentionState && !readOnly && /* @__PURE__ */ React27.createElement(
+    MentionPopover,
+    {
+      query: mentionState.query,
+      items: searchItems || [],
+      position: mentionState.position,
+      onSelect: insertMention,
+      onClose: handleMentionDismiss
+    }
+  ));
+}
 
-        .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;
-        }
-      `));
+// src/components/Boards.jsx
+var Tooltip = ({ text, children }) => {
+  if (!text) return children;
+  return /* @__PURE__ */ React28.createElement("div", { className: "relative group/tooltip" }, children, /* @__PURE__ */ React28.createElement("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-slate-900 border border-white/10 text-white text-[10px] rounded opacity-0 group-hover/tooltip:opacity-100 transition-opacity pointer-events-none whitespace-nowrap z-[3000] shadow-2xl" }, text));
 };
-var MentionEditor_default = MentionEditor;
-
-// src/components/AncestryBoard.jsx
-var GroupItem = ({
-  group,
+var BoardItem = ({
+  item,
   index,
+  prevItem,
+  nextItem,
   onUpdate,
   onDelete,
   onAddSubgroup,
   onIndent,
+  onIndentDown,
   onOutdent,
-  onPlayAncestry,
-  availableMentionItems,
-  canEdit
+  onMoveUp,
+  onMoveDown,
+  searchItems,
+  onMentionClick,
+  onEnterFolder,
+  canEdit,
+  isAtRoot = false
 }) => {
-  const canIndent = index > 0;
-  return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React28.createElement(
-    "div",
-    {
-      className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20"
-    },
-    /* @__PURE__ */ React28.createElement(
-      MentionEditor_default,
-      {
-        initialValue: group.text,
-        onChange: (newText) => {
-          if (canEdit) onUpdate(group.id, { ...group, text: newText });
-        },
-        onPlay: onPlayAncestry,
-        availableItems: availableMentionItems,
-        canEdit,
-        placeholder: "Escreva sobre este grupo... use @ para mencionar"
-      }
-    ),
-    canEdit && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-0 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
-      "button",
-      {
-        onClick: () => onAddSubgroup(group.id),
-        className: "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__ */ React28.createElement(FiPlus10, { size: 14 }),
-      /* @__PURE__ */ React28.createElement("span", null, "Adicionar Subgrupo")
-    )), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
-      "button",
-      {
-        onClick: () => onIndent(group.id),
-        disabled: !canIndent,
-        className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
-        title: "Aninhar no grupo acima"
-      },
-      /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 14 })
-    ), /* @__PURE__ */ React28.createElement(
-      "button",
-      {
-        onClick: () => onOutdent(group.id),
-        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
-        title: "Desaninhar"
-      },
-      /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 14 })
-    ), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement(
-      "button",
+  var _a;
+  const isFolder = item.type === "folder";
+  const canMoveUp = index > 0;
+  const canMoveDown = nextItem !== void 0;
+  const isNested = onOutdent !== void 0;
+  const getIndentUpTooltip = () => {
+    if (!prevItem) return null;
+    const typeLabel = prevItem.type === "folder" ? "pasta" : "grupo de texto";
+    return isFolder ? prevItem.type === "folder" ? "Aninhar na pasta acima" : null : `Mover para dentro do ${typeLabel} acima`;
+  };
+  const getIndentDownTooltip = () => {
+    if (!nextItem) return null;
+    const typeLabel = nextItem.type === "folder" ? "pasta" : "grupo de texto";
+    return isFolder ? nextItem.type === "folder" ? "Aninhar na pasta abaixo" : null : `Mover para dentro do ${typeLabel} abaixo`;
+  };
+  const showIndentUp = !!getIndentUpTooltip();
+  const showIndentDown = !!getIndentDownTooltip();
+  const handleContentChange = (content) => {
+    onUpdate(item.id, { ...item, content });
+  };
+  const handleNameChange = (e) => {
+    onUpdate(item.id, { ...item, name: e.target.value });
+  };
+  if (isFolder) {
+    return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement(
+      "div",
       {
-        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"
+        onClick: () => onEnterFolder(item.id),
+        className: "flex items-center gap-3 py-3 px-4 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-xl cursor-pointer transition-all duration-200 group/folder"
       },
-      /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
-    )))
-  ), group.children && group.children.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React28.createElement(
-    GroupItem,
-    {
-      key: childGroup.id,
-      index: idx,
-      group: childGroup,
-      siblings: group.children,
-      onUpdate,
-      onDelete,
-      onAddSubgroup,
-      onIndent,
-      onOutdent,
-      onPlayAncestry,
-      availableMentionItems,
-      canEdit
-    }
-  ))));
-};
-function AncestryBoard({
-  isOpen,
-  onClose,
-  onSelect,
-  availableAncestries = [],
-  availableNodes = [],
-  initialGroups = [],
-  onSave,
-  userRole
-}) {
-  const [groups, setGroups] = useState26([]);
-  const [isLoaded, setIsLoaded] = useState26(false);
-  const [saveStatus, setSaveStatus] = useState26("idle");
-  const canEdit = useMemo12(() => {
-    return userRole !== "viewer";
-  }, [userRole]);
-  useEffect23(() => {
-    if (initialGroups && !isLoaded) {
-      setGroups(initialGroups);
-      setIsLoaded(true);
-    }
-  }, [initialGroups, isLoaded]);
-  const nodeNamesMap = useMemo12(() => {
-    const map = /* @__PURE__ */ new Map();
-    if (availableNodes && Array.isArray(availableNodes)) {
-      availableNodes.forEach((node) => {
-        if (node && node.id) {
-          map.set(String(node.id), node.name);
+      /* @__PURE__ */ React28.createElement("div", { className: "w-10 h-10 rounded-lg bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-110 transition-transform" }, /* @__PURE__ */ React28.createElement(FiFolder3, { size: 20 })),
+      /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-0" }, canEdit ? /* @__PURE__ */ React28.createElement(
+        "input",
+        {
+          type: "text",
+          value: item.name,
+          onChange: handleNameChange,
+          onClick: (e) => e.stopPropagation(),
+          className: "bg-transparent border-none outline-none text-sm font-medium text-slate-200 w-full focus:text-white",
+          placeholder: "Nome da pasta..."
         }
-      });
-    }
-    return map;
-  }, [availableNodes]);
-  const availableIds = useMemo12(() => {
-    return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
-  }, [availableAncestries]);
-  const availableMentionItems = useMemo12(() => {
-    const ancestries = availableAncestries.map((a) => ({
-      id: String(a.ancestry_id),
-      ancestry_id: a.ancestry_id,
-      name: a.name,
-      description: a.description,
-      type: "ancestry",
-      ancestral_node: a.ancestral_node,
-      is_private: a.is_private
-    }));
-    const nodes = availableNodes.map((n) => {
-      let type = "node";
-      if (n.is_quest) type = "quest";
-      else if (n.is_version) type = "version";
-      return {
-        id: String(n.id),
-        name: n.name,
-        description: n.description,
-        type,
-        raw_node: n
-      };
-    });
-    return [...ancestries, ...nodes];
-  }, [availableAncestries, availableNodes]);
-  const sanitizeGroups = (groupList) => {
-    return groupList.map((g) => ({
-      id: g.id,
-      text: g.text || "",
-      children: sanitizeGroups(g.children || [])
-    }));
-  };
-  useEffect23(() => {
-    if (!isLoaded || !onSave) return;
-    const timeoutId = setTimeout(async () => {
-      setSaveStatus("saving");
-      const cleanData = sanitizeGroups(groups);
-      try {
-        await onSave(cleanData);
-        setSaveStatus("saved");
-        setTimeout(() => {
-          setSaveStatus("idle");
-        }, 3e3);
-      } catch (error) {
-        console.error("Erro ao salvar board:", error);
-        setSaveStatus("error");
-      }
-    }, 3e3);
-    return () => clearTimeout(timeoutId);
-  }, [groups, isLoaded, onSave]);
-  useEffect23(() => {
-    if (!isOpen) return;
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape") {
-        onClose();
-        e.preventDefault();
-        e.stopPropagation();
+      ) : /* @__PURE__ */ React28.createElement("span", { className: "text-sm font-medium text-slate-200" }, item.name), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 mt-0.5" }, /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider font-semibold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens"))),
+      /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 opacity-0 group-item/item:opacity-100 group-hover/folder:opacity-100 transition-opacity" }, canEdit && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-0.5 bg-slate-900/80 backdrop-blur-sm p-1 rounded-lg border border-white/5 shadow-xl" }, /* @__PURE__ */ React28.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            onMoveUp(item.id);
+          },
+          disabled: !canMoveUp,
+          className: `p-1.5 rounded transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
+        },
+        /* @__PURE__ */ React28.createElement(FiArrowUp, { size: 14 })
+      )), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Descer" }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            onMoveDown(item.id);
+          },
+          disabled: !canMoveDown,
+          className: `p-1.5 rounded transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
+        },
+        /* @__PURE__ */ React28.createElement(FiArrowDown, { size: 14 })
+      )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-0.5" }), showIndentUp && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentUpTooltip() }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            onIndent(item.id);
+          },
+          className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
+        },
+        /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 14 })
+      )), showIndentDown && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentDownTooltip() }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            onIndentDown(item.id);
+          },
+          className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
+        },
+        /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 14 })
+      )), !isAtRoot && /* @__PURE__ */ React28.createElement(Tooltip, { text: "Desaninhar / Recuar n\xEDvel" }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            onOutdent(item.id);
+          },
+          disabled: !onOutdent,
+          className: `p-1.5 rounded transition-colors ${!onOutdent ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
+        },
+        /* @__PURE__ */ React28.createElement(FiCornerUpLeft3, { size: 14 })
+      )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-0.5" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Remover Pasta" }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            onDelete(item.id);
+          },
+          className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
+        },
+        /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
+      ))), /* @__PURE__ */ React28.createElement(FiChevronRight7, { className: "text-slate-500 group-hover/folder:translate-x-1 transition-transform" }))
+    ));
+  }
+  return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ React28.createElement(
+    RichGroupEditor,
+    {
+      content: item.content,
+      onChange: handleContentChange,
+      onMentionClick,
+      searchItems,
+      readOnly: !canEdit,
+      placeholder: "Escreva sobre este grupo de texto\u2026 ou @ para mencionar"
+    }
+  ), canEdit && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onAddSubgroup(item.id, "text_group"),
+      className: "flex items-center gap-1 px-1.5 py-1 text-[10px] uppercase font-bold tracking-wider text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
+      title: "Criar Subgrupo de Texto"
+    },
+    /* @__PURE__ */ React28.createElement(FiPlus10, { size: 12 }),
+    /* @__PURE__ */ React28.createElement("span", null, "Subgrupo")
+  )), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React28.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onMoveUp(item.id),
+      disabled: !canMoveUp,
+      className: `p-1.5 rounded transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`
+    },
+    /* @__PURE__ */ React28.createElement(FiArrowUp, { size: 14 })
+  )), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Descer" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onMoveDown(item.id),
+      disabled: !canMoveDown,
+      className: `p-1.5 rounded transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`
+    },
+    /* @__PURE__ */ React28.createElement(FiArrowDown, { size: 14 })
+  )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), showIndentUp && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentUpTooltip() }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onIndent(item.id),
+      className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors"
+    },
+    /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 14 })
+  )), showIndentDown && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentDownTooltip() }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onIndentDown(item.id),
+      className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors"
+    },
+    /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 14 })
+  )), !isAtRoot && /* @__PURE__ */ React28.createElement(Tooltip, { text: "Desaninhar / Recuar n\xEDvel" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onOutdent(item.id),
+      disabled: !onOutdent,
+      className: `p-1.5 rounded transition-colors ${!onOutdent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`
+    },
+    /* @__PURE__ */ React28.createElement(FiCornerUpLeft3, { size: 14 })
+  )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Remover Grupo de Texto" }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => onDelete(item.id),
+      className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
+    },
+    /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
+  ))))), item.children && item.children.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-2" }, item.children.map((child, idx) => /* @__PURE__ */ React28.createElement(
+    BoardItem,
+    {
+      key: child.id,
+      index: idx,
+      prevItem: item.children[idx - 1],
+      nextItem: item.children[idx + 1],
+      item: child,
+      onUpdate,
+      onDelete,
+      onAddSubgroup,
+      onIndent,
+      onIndentDown,
+      onOutdent,
+      onMoveUp,
+      onMoveDown,
+      searchItems,
+      onMentionClick,
+      onEnterFolder,
+      canEdit,
+      isAtRoot: false
+    }
+  ))));
+};
+function Boards({
+  isOpen,
+  onClose,
+  onSelect,
+  availableAncestries = [],
+  availableNodes = [],
+  initialBoardItems = [],
+  onSave,
+  userRole
+}) {
+  const [boardItems, setBoardItems] = useState27([]);
+  const [isLoaded, setIsLoaded] = useState27(false);
+  const [saveStatus, setSaveStatus] = useState27("idle");
+  const [navigationStack, setNavigationStack] = useState27([]);
+  const lastSavedBoardItemsRef = useRef20(null);
+  const canEdit = useMemo12(() => userRole !== "viewer", [userRole]);
+  const sanitizeBoardItems = (list) => list.map((g) => ({
+    id: g.id,
+    type: g.type || "text_group",
+    name: g.name || "",
+    content: g.content || [],
+    children: sanitizeBoardItems(g.children || [])
+  }));
+  useEffect23(() => {
+    if (initialBoardItems && !isLoaded) {
+      const hasLegacyTypes = (list) => list.some(
+        (g) => g.type === "group" || hasLegacyTypes(g.children || [])
+      );
+      let preparedItems = [];
+      if (hasLegacyTypes(initialBoardItems)) {
+        console.warn("Legacy Boards detected. Resetting board to empty list.");
+        preparedItems = [];
+      } else {
+        const prepare = (list) => list.map((g) => ({
+          id: g.id || uuidv411(),
+          type: g.type || "text_group",
+          name: g.name || "",
+          content: Array.isArray(g.content) ? g.content : [],
+          children: prepare(g.children || [])
+        }));
+        preparedItems = prepare(initialBoardItems);
+      }
+      setBoardItems(preparedItems);
+      lastSavedBoardItemsRef.current = JSON.stringify(
+        sanitizeBoardItems(preparedItems)
+      );
+      setIsLoaded(true);
+    }
+  }, [initialBoardItems, isLoaded]);
+  const allSearchableItems = useMemo12(() => {
+    const items = [];
+    availableAncestries.forEach((anc) => {
+      items.push({
+        ...anc,
+        id: String(anc.ancestry_id),
+        type: "ancestry",
+        searchLabel: anc.name || "",
+        searchDesc: anc.description || ""
+      });
+    });
+    availableNodes.forEach((node) => {
+      var _a;
+      let type = "node";
+      if (node.is_quest) type = "quest";
+      else if ((_a = node.version_node) == null ? void 0 : _a.is_version) type = "version";
+      items.push({
+        ...node,
+        id: String(node.id),
+        type,
+        searchLabel: node.name || node.raw_title || "",
+        searchDesc: node.description || ""
+      });
+    });
+    return items;
+  }, [availableAncestries, availableNodes]);
+  useEffect23(() => {
+    if (!isLoaded || !onSave) return;
+    const id = setTimeout(async () => {
+      const currentSanitized = sanitizeBoardItems(boardItems);
+      const currentJson = JSON.stringify(currentSanitized);
+      if (currentJson === lastSavedBoardItemsRef.current) return;
+      setSaveStatus("saving");
+      try {
+        await onSave(currentSanitized);
+        lastSavedBoardItemsRef.current = currentJson;
+        setSaveStatus("saved");
+        setTimeout(() => setSaveStatus("idle"), 3e3);
+      } catch (err) {
+        console.error("Erro ao salvar board:", err);
+        setSaveStatus("error");
+      }
+    }, 3e3);
+    return () => clearTimeout(id);
+  }, [boardItems, isLoaded, onSave]);
+  const triggerInstantSave = async (updatedBoardItems) => {
+    if (!onSave) return;
+    const sanitized = sanitizeBoardItems(updatedBoardItems);
+    const sanitizedJson = JSON.stringify(sanitized);
+    lastSavedBoardItemsRef.current = sanitizedJson;
+    setSaveStatus("saving");
+    try {
+      await onSave(sanitized);
+      setSaveStatus("saved");
+      setTimeout(() => setSaveStatus("idle"), 3e3);
+    } catch (err) {
+      console.error("Erro ao salvar board:", err);
+      setSaveStatus("error");
+    }
+  };
+  useEffect23(() => {
+    if (!isOpen) return;
+    const handler = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+        e.preventDefault();
+        e.stopPropagation();
       }
     };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
   }, [isOpen, onClose]);
-  const handleAddRootGroup = () => {
-    const newGroup = {
-      id: uuidv411(),
-      text: "",
-      children: []
-    };
-    setGroups((prev) => [newGroup, ...prev]);
+  const currentPath = useMemo12(() => {
+    const path = [];
+    let currentLevel = boardItems;
+    for (const folderId of navigationStack) {
+      const folder = currentLevel.find((f) => f.id === folderId);
+      if (folder) {
+        path.push(folder);
+        currentLevel = folder.children;
+      }
+    }
+    return path;
+  }, [boardItems, navigationStack]);
+  const currentBoardItems = useMemo12(() => {
+    const lastFolder = currentPath[currentPath.length - 1];
+    return lastFolder ? lastFolder.children : boardItems;
+  }, [boardItems, currentPath]);
+  const navigateUp = () => {
+    setNavigationStack((prev) => prev.slice(0, -1));
+  };
+  const navigateTo = (folderId) => {
+    setNavigationStack((prev) => [...prev, folderId]);
+  };
+  const navigateToBreadcrumb = (index) => {
+    setNavigationStack((prev) => prev.slice(0, index + 1));
+  };
+  const navigateHome = () => {
+    setNavigationStack([]);
   };
-  const handleAddSubgroup = (parentId) => {
-    const newGroup = {
+  const handleAddItem = (type = "text_group") => {
+    const newItem = {
       id: uuidv411(),
-      text: "",
+      type,
+      name: type === "folder" ? "Nova Pasta" : "",
+      content: [],
       children: []
     };
-    const addRecursive = (list) => {
-      return list.map((g) => {
-        if (g.id === parentId) {
-          return { ...g, children: [newGroup, ...g.children] };
-        }
-        return { ...g, children: addRecursive(g.children) };
-      });
-    };
-    setGroups((prev) => addRecursive(prev));
+    if (navigationStack.length === 0) {
+      setBoardItems((prev) => [...prev, newItem]);
+    } else {
+      const parentId = navigationStack[navigationStack.length - 1];
+      const add = (list) => list.map(
+        (g) => g.id === parentId ? { ...g, children: [...g.children, newItem] } : { ...g, children: add(g.children) }
+      );
+      setBoardItems((prev) => add(prev));
+    }
   };
-  const handleUpdateGroup = (id, newData) => {
-    const updateRecursive = (list) => {
-      return list.map((g) => {
-        if (g.id === id) return newData;
-        return { ...g, children: updateRecursive(g.children) };
-      });
-    };
-    setGroups((prev) => updateRecursive(prev));
+  const handleAddSubgroup = (parentId, type = "text_group") => {
+    const add = (list) => list.map((g) => {
+      if (g.id === parentId) {
+        if (g.type === "text_group" && type === "folder") return g;
+        const newItem = {
+          id: uuidv411(),
+          type,
+          name: type === "folder" ? "Nova Pasta" : "",
+          content: [],
+          children: []
+        };
+        return { ...g, children: [...g.children, newItem] };
+      }
+      return { ...g, children: add(g.children) };
+    });
+    setBoardItems((prev) => add(prev));
   };
-  const handleDeleteGroup = (id) => {
-    const deleteRecursive = (list) => {
-      return list.filter((g) => g.id !== id).map((g) => ({
-        ...g,
-        children: deleteRecursive(g.children)
-      }));
-    };
-    setGroups((prev) => deleteRecursive(prev));
+  const handleUpdateItem = (id, newData) => {
+    const update = (list) => list.map(
+      (g) => g.id === id ? newData : { ...g, children: update(g.children) }
+    );
+    setBoardItems((prev) => update(prev));
+  };
+  const handleDeleteItem = (id) => {
+    const del = (list) => list.filter((g) => g.id !== id).map((g) => ({ ...g, children: del(g.children) }));
+    setBoardItems((prev) => del(prev));
   };
   const findGroupAndParent = (list, targetId, parent = null) => {
     for (let i = 0; i < list.length; i++) {
-      if (list[i].id === targetId) {
+      if (list[i].id === targetId)
         return { group: list[i], parent, index: i, siblings: list };
-      }
       if (list[i].children.length > 0) {
         const found = findGroupAndParent(list[i].children, targetId, list[i]);
         if (found) return found;
@@ -13532,47 +13757,72 @@ function AncestryBoard({
     return null;
   };
   const handleIndent = (id) => {
-    setGroups((prev) => {
-      const newList = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(newList, id);
-      if (!found || found.index === 0) return prev;
-      const { group, siblings, index } = found;
-      const prevSibling = siblings[index - 1];
-      siblings.splice(index, 1);
-      prevSibling.children.push(group);
-      return newList;
-    });
+    const next = JSON.parse(JSON.stringify(boardItems));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === 0) return;
+    const { group, siblings, index } = found;
+    const targetParent = siblings[index - 1];
+    if (group.type === "folder" && targetParent.type === "text_group") {
+      return;
+    }
+    siblings.splice(index, 1);
+    targetParent.children.push(group);
+    setBoardItems(next);
+    triggerInstantSave(next);
   };
-  const handleOutdent = (id) => {
-    setGroups((prev) => {
-      const newList = JSON.parse(JSON.stringify(prev));
-      const found = findGroupAndParent(newList, id);
-      if (!found || !found.parent) return prev;
-      const { group, siblings, index, parent } = found;
-      siblings.splice(index, 1);
-      const parentFound = findGroupAndParent(newList, parent.id);
-      if (parentFound) {
-        parentFound.siblings.splice(parentFound.index + 1, 0, group);
-      } else {
-        newList.push(group);
-      }
-      return newList;
-    });
+  const handleIndentDown = (id) => {
+    const next = JSON.parse(JSON.stringify(boardItems));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === found.siblings.length - 1) return;
+    const { group, siblings, index } = found;
+    const targetParent = siblings[index + 1];
+    if (group.type === "folder" && targetParent.type === "text_group") {
+      return;
+    }
+    siblings.splice(index, 1);
+    targetParent.children.push(group);
+    setBoardItems(next);
+    triggerInstantSave(next);
   };
-  const handlePlayFromGroup = (item) => {
-    let fullItem = item;
-    if (item.type === "ancestry" || !item.type) {
-      fullItem = availableAncestries.find(
-        (a) => String(a.ancestry_id) === String(item.id || item.ancestry_id)
-      ) || item;
+  const handleOutdent = (id) => {
+    const next = JSON.parse(JSON.stringify(boardItems));
+    const found = findGroupAndParent(next, id);
+    if (!found || !found.parent) return;
+    const { group, siblings, index, parent } = found;
+    siblings.splice(index, 1);
+    const parentFound = findGroupAndParent(next, parent.id);
+    if (parentFound) {
+      parentFound.siblings.splice(parentFound.index + 1, 0, group);
     } else {
-      fullItem = availableNodes.find(
-        (n) => String(n.id) === String(item.id)
-      ) || item;
-    }
-    if (fullItem && onSelect) {
-      onSelect(fullItem);
+      next.push(group);
     }
+    setBoardItems(next);
+    triggerInstantSave(next);
+  };
+  const handleMoveUp = (id) => {
+    const next = JSON.parse(JSON.stringify(boardItems));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === 0) return;
+    const { siblings, index } = found;
+    const item = siblings[index];
+    siblings.splice(index, 1);
+    siblings.splice(index - 1, 0, item);
+    setBoardItems(next);
+    triggerInstantSave(next);
+  };
+  const handleMoveDown = (id) => {
+    const next = JSON.parse(JSON.stringify(boardItems));
+    const found = findGroupAndParent(next, id);
+    if (!found || found.index === found.siblings.length - 1) return;
+    const { siblings, index } = found;
+    const item = siblings[index];
+    siblings.splice(index, 1);
+    siblings.splice(index + 1, 0, item);
+    setBoardItems(next);
+    triggerInstantSave(next);
+  };
+  const handleMentionClick = (item) => {
+    if (onSelect) onSelect(item);
   };
   if (!isOpen) return null;
   return /* @__PURE__ */ React28.createElement(
@@ -13584,61 +13834,92 @@ function AncestryBoard({
     /* @__PURE__ */ React28.createElement(
       "div",
       {
-        className: "bg-slate-950 border border-white/10 rounded-xl w-[90vw] max-w-[1200px] h-[90vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
+        className: "bg-slate-950 border border-white/10 rounded-xl w-full max-w-[calc(100vw-32px)] h-[97vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React28.createElement("div", { className: "h-14 px-6 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React28.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React28.createElement(FiLayers7, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React28.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React28.createElement(FiLayers7, { className: "text-indigo-400" }), "Boards"), saveStatus !== "idle" && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
         FiLoader5,
         {
           className: "animate-spin text-indigo-400",
           size: 12
         }
-      ), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-3" }, canEdit && /* @__PURE__ */ React28.createElement(
+      ), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-3" }, canEdit && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
         "button",
         {
-          onClick: handleAddRootGroup,
-          className: "\n                                    flex items-center gap-2 px-3 py-1.5 \n                                    bg-white/5 hover:bg-white/10 \n                                    border border-white/10 hover:border-white/20\n                                    backdrop-blur-sm\n                                    text-slate-200 hover:text-white\n                                    rounded-md transition-all duration-200\n                                    text-xs font-medium shadow-sm\n                                "
+          onClick: () => handleAddItem("folder"),
+          className: "flex items-center gap-2 px-3 py-1.5 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 backdrop-blur-sm text-slate-200 hover:text-white rounded-md transition-all duration-200 text-xs font-medium shadow-sm"
         },
-        /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ React28.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+        /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14, className: "text-amber-400" }),
+        /* @__PURE__ */ React28.createElement("span", { className: "hidden sm:inline" }, "Pasta")
       ), /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: () => handleAddItem("text_group"),
+          className: "flex items-center gap-2 px-3 py-1.5 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 backdrop-blur-sm text-slate-200 hover:text-white rounded-md transition-all duration-200 text-xs font-medium shadow-sm"
+        },
+        /* @__PURE__ */ React28.createElement(FiPlus10, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ React28.createElement("span", { className: "hidden sm:inline" }, "Texto")
+      )), /* @__PURE__ */ React28.createElement(
         "button",
         {
           onClick: onClose,
           className: "w-8 h-8 rounded-lg flex items-center justify-center text-slate-400 hover:text-white hover:bg-white/10 transition-colors"
         },
-        "\xD7"
+        /* @__PURE__ */ React28.createElement(FiX8, { size: 16 })
       ))),
-      /* @__PURE__ */ React28.createElement("div", { className: "flex flex-1 overflow-hidden bg-slate-900/20" }, /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col flex-1" }, /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-8 max-w-[900px] mx-auto w-full space-y-6" }, groups.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-4 border-2 border-dashed border-white/5 rounded-2xl bg-slate-900/40 p-12" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 40, className: "opacity-10 text-indigo-400" }), /* @__PURE__ */ React28.createElement("div", { className: "text-center space-y-1" }, /* @__PURE__ */ React28.createElement("p", { className: "text-sm font-medium text-slate-300" }, "Nenhum grupo criado"), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-slate-500 max-w-[200px]" }, canEdit ? "Comece organizando sua narrativa criando o primeiro grupo." : "Este board ainda n\xE3o possui conte\xFAdo.")), canEdit && /* @__PURE__ */ React28.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "h-10 px-6 bg-slate-900/40 border-b border-white/5 flex items-center gap-2 text-[10px] uppercase font-bold tracking-widest text-slate-500 overflow-x-auto no-scrollbar whitespace-nowrap" }, /* @__PURE__ */ React28.createElement(
         "button",
         {
-          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"
+          onClick: navigateHome,
+          className: `hover:text-white transition-colors flex items-center gap-1 ${navigationStack.length === 0 ? "text-indigo-400" : ""}`
         },
-        "Criar Primeiro Grupo"
-      )) : groups.map((group, index) => /* @__PURE__ */ React28.createElement(
-        GroupItem,
+        "Home"
+      ), currentPath.map((folder, idx) => /* @__PURE__ */ React28.createElement(React28.Fragment, { key: folder.id }, /* @__PURE__ */ React28.createElement(FiChevronRight7, { size: 10, className: "shrink-0" }), /* @__PURE__ */ React28.createElement(
+        "button",
         {
-          key: group.id,
+          onClick: () => navigateToBreadcrumb(idx),
+          className: `hover:text-white transition-colors ${idx === currentPath.length - 1 ? "text-indigo-400" : ""}`
+        },
+        folder.name || "Sem Nome"
+      ))), navigationStack.length > 0 && /* @__PURE__ */ React28.createElement("div", { className: "ml-auto" }, /* @__PURE__ */ React28.createElement(
+        "button",
+        {
+          onClick: navigateUp,
+          className: "flex items-center gap-1 px-2 py-1 rounded bg-white/5 hover:bg-white/10 text-slate-400 hover:text-white transition-all"
+        },
+        /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 10 }),
+        /* @__PURE__ */ React28.createElement("span", null, "Voltar")
+      ))),
+      /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto overflow-x-hidden custom-scrollbar bg-slate-950/30 p-6 space-y-4" }, currentBoardItems.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl bg-slate-900/20" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Esta pasta est\xE1 vazia.", /* @__PURE__ */ React28.createElement("br", null), "Use os bot\xF5es acima para criar conte\xFAdo.") : /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum conte\xFAdo dispon\xEDvel nesta pasta."))) : currentBoardItems.map((item, index) => /* @__PURE__ */ React28.createElement(
+        BoardItem,
+        {
+          key: item.id,
           index,
-          group,
-          onUpdate: handleUpdateGroup,
-          onDelete: handleDeleteGroup,
+          prevItem: currentBoardItems[index - 1],
+          nextItem: currentBoardItems[index + 1],
+          item,
+          onUpdate: handleUpdateItem,
+          onDelete: handleDeleteItem,
           onAddSubgroup: handleAddSubgroup,
           onIndent: handleIndent,
+          onIndentDown: handleIndentDown,
           onOutdent: handleOutdent,
-          onPlayAncestry: handlePlayFromGroup,
-          availableMentionItems,
-          canEdit
+          onMoveUp: handleMoveUp,
+          onMoveDown: handleMoveDown,
+          searchItems: allSearchableItems,
+          onMentionClick: handleMentionClick,
+          onEnterFolder: navigateTo,
+          canEdit,
+          isAtRoot: navigationStack.length === 0
         }
-      ))))),
-      /* @__PURE__ */ React28.createElement("div", { className: "px-6 py-3 border-t border-white/10 bg-slate-950/50 text-[10px] uppercase tracking-widest font-bold text-slate-600 flex justify-between items-center flex-shrink-0" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React28.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React28.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-indigo-500" }), " ", availableMentionItems.length, " RECURSOS DISPON\xCDVEIS"), /* @__PURE__ */ React28.createElement("span", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React28.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }), " ", groups.length, " GRUPOS PRINCIPAIS")), /* @__PURE__ */ React28.createElement("span", { className: "text-slate-700" }, "X.VIEW :: ANCESTRY BOARD ENGINE"))
+      ))),
+      /* @__PURE__ */ React28.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-end flex-shrink-0" }, /* @__PURE__ */ React28.createElement("span", null, currentBoardItems.length, " itens nesta visualiza\xE7\xE3o"))
     )
   );
 }
 
 // src/components/MilestoneManager.jsx
-import React29, { useState as useState27 } from "react";
+import React29, { useState as useState28 } from "react";
 import { FiTarget as FiTarget4, FiPlus as FiPlus11, FiTrash2 as FiTrash24, FiX as FiX9, FiCheck as FiCheck12, FiPauseCircle, FiPlayCircle } from "react-icons/fi";
 function MilestoneManager({
   isOpen,
@@ -13647,7 +13928,7 @@ function MilestoneManager({
   onUpdateMilestones = () => {
   }
 }) {
-  const [newMilestoneName, setNewMilestoneName] = useState27("");
+  const [newMilestoneName, setNewMilestoneName] = useState28("");
   const handleAddMilestone = () => {
     if (!newMilestoneName.trim()) return;
     const newMilestone = {
@@ -13821,14 +14102,14 @@ function XViewScene({
   get_ancestry_file,
   import_parent_file_modal_get,
   add_new_parent_file_to_scene_at_firebase_action,
-  get_ancestry_board_action,
-  save_ancestry_board_action,
+  get_boards_action,
+  save_boards_action,
   upload_file_action,
   delete_file_action,
   check_user_permission,
   get_view_members
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -13900,45 +14181,45 @@ function XViewScene({
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = useRef19(null);
-  const parentDataRef = useRef19(null);
-  const ancestryDataRef = useRef19(null);
-  const [isLoading, setIsLoading] = useState28(true);
-  const [permissionStatus, setPermissionStatus] = useState28("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState28(null);
-  const [viewMembers, setViewMembers] = useState28([]);
-  const [isInitialized, setIsInitialized] = useState28(false);
-  const [sceneVersion, setSceneVersion] = useState28(0);
-  const [contextMenu, setContextMenu] = useState28({
+  const sceneDataRef = useRef21(null);
+  const parentDataRef = useRef21(null);
+  const ancestryDataRef = useRef21(null);
+  const [isLoading, setIsLoading] = useState29(true);
+  const [permissionStatus, setPermissionStatus] = useState29("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState29(null);
+  const [viewMembers, setViewMembers] = useState29([]);
+  const [isInitialized, setIsInitialized] = useState29(false);
+  const [sceneVersion, setSceneVersion] = useState29(0);
+  const [contextMenu, setContextMenu] = useState29({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = useState28({
+  const [multiContextMenu, setMultiContextMenu] = useState29({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = useState28({
+  const [relationshipMenu, setRelationshipMenu] = useState29({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = useState28({
+  const [creationMode, setCreationMode] = useState29({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = useState28({
+  const [versionMode, setVersionMode] = useState29({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = useState28({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState28(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState28(false);
-  const [ancestryMode, setAncestryMode] = useState28({
+  const [questMode, setQuestMode] = useState29({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState29(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState29(false);
+  const [ancestryMode, setAncestryMode] = useState29({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -13949,42 +14230,42 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = useState28({
+  const [readingMode, setReadingMode] = useState29({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState28({
+  const [formPosition, setFormPosition] = useState29({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = useState28(null);
-  const [detailsLink, setDetailsLink] = useState28(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState28(null);
-  const [imageViewer, setImageViewer] = useState28({
+  const [detailsNode, setDetailsNode] = useState29(null);
+  const [detailsLink, setDetailsLink] = useState29(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState29(null);
+  const [imageViewer, setImageViewer] = useState29({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = useState28({
+  const [editingAncestryRel, setEditingAncestryRel] = useState29({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = useState28(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState28("");
-  const [invalidTargetError, setInvalidTargetError] = useState28(null);
-  const [highlightedNodeId, setHighlightedNodeId] = useState28(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState28(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState28([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState28(false);
-  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState28(false);
-  const mountRef = useRef19(null);
-  const tooltipRef = useRef19(null);
-  const formRef = useRef19(null);
-  const stateRef = useRef19({
+  const [isImportModalOpen, setIsImportModalOpen] = useState29(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState29("");
+  const [invalidTargetError, setInvalidTargetError] = useState29(null);
+  const [highlightedNodeId, setHighlightedNodeId] = useState29(null);
+  const [isBoardsOpen, setIsBoardsOpen] = useState29(false);
+  const [boardItems, setBoardItems] = useState29([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState29(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState29(false);
+  const mountRef = useRef21(null);
+  const tooltipRef = useRef21(null);
+  const formRef = useRef21(null);
+  const stateRef = useRef21({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -14074,10 +14355,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = useCallback4(() => {
+  const handleNavigateBack = useCallback5(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = useCallback4(
+  const handleConfirmImport = useCallback5(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -14205,7 +14486,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = useCallback4(
+  const tweenToTarget = useCallback5(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const { camera, controls, tweenGroup } = stateRef.current;
       if (!camera || !controls || !tweenGroup) return;
@@ -14231,7 +14512,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = useCallback4(
+  const buildFullAncestryTree = useCallback5(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -14316,7 +14597,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = useCallback4(() => {
+  const handleActivateTimeline = useCallback5(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -14476,7 +14757,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = useCallback5((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
       return;
@@ -14632,7 +14913,7 @@ function XViewScene({
           focusNodeId,
           focusAncestryId
         );
-        const boardPromise = get_ancestry_board_action && session ? get_ancestry_board_action(configPath, sceneType, session, ownerId2) : Promise.resolve({ success: false, data: [] });
+        const boardPromise = get_boards_action && session ? get_boards_action(configPath, sceneType, session, ownerId2) : Promise.resolve({ success: false, data: [] });
         const [sceneResponse, boardResponse] = await Promise.all([
           scenePromise,
           boardPromise
@@ -14683,10 +14964,10 @@ function XViewScene({
             (sceneResponse == null ? void 0 : sceneResponse.error) || "Resposta inv\xE1lida."
           );
         }
-        if (boardResponse == null ? void 0 : boardResponse.success) {
-          setAncestryBoardData(boardResponse.data);
+        if (boardResponse.success && boardResponse.data) {
+          setBoardItems(boardResponse.data);
         } else {
-          setAncestryBoardData([]);
+          setBoardItems([]);
         }
       } catch (error) {
         console.error("Erro cr\xEDtico no carregamento inicial:", error);
@@ -14712,18 +14993,18 @@ function XViewScene({
     ownerId,
     viewParams,
     get_scene_view_data,
-    get_ancestry_board_action,
+    get_boards_action,
     isInitialized,
     permissionStatus,
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = useCallback4((id) => {
+  const isNodeInView = useCallback5((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = useCallback4(
+  const addOrUpdateNodeMesh = useCallback5(
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
@@ -14764,7 +15045,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2, milestoneId }) => {
+  const handleActivateQuestLens = useCallback5(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
     const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !graphGroup) return;
@@ -15734,7 +16015,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = useCallback4((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = useCallback5((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -15782,7 +16063,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = useCallback4((newIntensity) => {
+  const handleGhostNodeIntensityChange = useCallback5((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -15803,7 +16084,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = useCallback4(
+  const handleDetailNodeIntensityChange = useCallback5(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -15959,7 +16240,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = useCallback4((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = useCallback5((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -16043,7 +16324,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = useCallback4((questNode) => {
+  const handleStartQuestQuick = useCallback5((questNode) => {
     var _a2, _b2, _c2;
     if (!questNode || !actionHandlerContext) return;
     const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
@@ -16078,7 +16359,7 @@ function XViewScene({
     }
     setDetailsNode(updatedNode);
   }, [session, actionHandlerContext]);
-  const handleFinishQuestQuick = useCallback4((questNode) => {
+  const handleFinishQuestQuick = useCallback5((questNode) => {
     var _a2, _b2, _c2, _d2;
     if (!questNode || !actionHandlerContext) return;
     const {
@@ -16152,7 +16433,7 @@ function XViewScene({
       setDetailsNode(null);
     }
   }, [session, actionHandlerContext, viewMembers, detailsNode]);
-  const handleCancelQuest = useCallback4(() => {
+  const handleCancelQuest = useCallback5(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -16211,13 +16492,15 @@ function XViewScene({
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
       sceneDataRef2.current.quest_counter = currentCounter + 1;
-      sceneDataRef2.current.quest_nodes = sceneFileData.quest_nodes;
-      sceneDataRef2.current.quest_links = sceneFileData.quest_links;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
         ownerId: ownerId2,
         datasetName: "Quests Internas (View)"
       });
+      sceneDataRef2.current.quest_nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      if (parentDataRef.current[sceneConfigId2]) {
+        parentDataRef.current[sceneConfigId2].nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      }
       const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
       const { graphGroup, ghostElements } = stateRef2.current;
       if (ghostElements.node && graphGroup) {
@@ -16307,7 +16590,7 @@ function XViewScene({
     }
     userActionHandlers.handleCancelConnection(context);
   };
-  const handleClearAncestryVisuals = useCallback4((ancestryId) => {
+  const handleClearAncestryVisuals = useCallback5((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -16325,7 +16608,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = useCallback4(
+  const handleRenderAncestry = useCallback5(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16819,7 +17102,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = useCallback4(
+  const handleRenderAbstractionTree = useCallback5(
     (ancestryObject, targetNodeId = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -16907,7 +17190,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = useCallback4(
+  const handleReadModeBranchNav = useCallback5(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -17085,7 +17368,7 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = useCallback4((nodeId) => {
+  const handleReadModeHighlight = useCallback5((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
@@ -17208,7 +17491,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = useCallback4(
+  const handleStartReadingAncestry = useCallback5(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17251,7 +17534,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = useCallback4(
+  const handleReadModeSectionChange = useCallback5(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -17336,10 +17619,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = useCallback4(() => {
+  const handleCloseReadMode = useCallback5(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = useCallback4(
+  const handleAncestrySectionChange = useCallback5(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -17401,7 +17684,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = useCallback4(
+  const handleEditAncestry = useCallback5(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -17456,7 +17739,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = useCallback4((pathToRemove) => {
+  const handleRemoveFromAncestry = useCallback5((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -17481,7 +17764,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = useCallback4(
+  const handleSaveAncestry = useCallback5(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -17717,7 +18000,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = useCallback4(
+  const handleDeleteAncestry = useCallback5(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -17799,40 +18082,82 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = useCallback4(() => {
-    setIsAncestryBoardOpen(true);
+  const handleOpenBoards = useCallback5(() => {
+    setIsBoardsOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = useCallback4(
+  const allAvailableNodes = useMemo13(() => {
+    if (!parentDataRef.current) return [];
+    return Object.values(parentDataRef.current).flatMap(
+      (fileData) => fileData.nodes || []
+    );
+  }, [sceneVersion, isInitialized]);
+  const allAvailableAncestries = useMemo13(() => {
+    return ancestryDataRef.current || [];
+  }, [sceneVersion, isInitialized]);
+  const handleOpenReference = useCallback5(
+    (referenceData) => {
+      const { type, id } = referenceData;
+      if (type === "node") {
+        const targetNode = allAvailableNodes.find(
+          (n) => String(n.id) === String(id)
+        );
+        if (targetNode) {
+          setAncestryLinkDetails(null);
+          setDetailsLink(null);
+          setDetailsNode(targetNode);
+          const sceneMesh = stateRef.current.nodeObjects[String(id)];
+          if (sceneMesh) {
+            tweenToTarget(sceneMesh);
+          }
+        } else {
+          alert("Node original n\xE3o encontrado neste contexto.");
+        }
+      } else if (type === "ancestry") {
+        const targetAncestry = allAvailableAncestries.find(
+          (a) => String(a.ancestry_id) === String(id)
+        );
+        if (targetAncestry) {
+          setDetailsNode(null);
+          setDetailsLink(null);
+          setAncestryLinkDetails(null);
+          handleEditAncestry(targetAncestry);
+        } else {
+          alert("Ancestralidade original n\xE3o encontrada neste contexto.");
+        }
+      }
+    },
+    [
+      allAvailableNodes,
+      allAvailableAncestries,
+      handleEditAncestry,
+      tweenToTarget
+    ]
+  );
+  const handleSelectAncestryFromBoard = useCallback5(
     (item) => {
-      setIsAncestryBoardOpen(false);
+      setIsBoardsOpen(false);
       setIsSidebarOpen(false);
-      if (item.type === "ancestry" || !item.type) {
+      if (item.type === "ancestry") {
         handleStartReadingAncestry(item);
       } else {
-        const nodeId = String(item.id);
-        const sceneMesh = stateRef.current.nodeObjects[nodeId];
-        if (sceneMesh) {
-          tweenToTarget(sceneMesh);
-        } else {
-          console.warn("Objeto n\xE3o encontrado na cena para foco:", nodeId);
-        }
+        handleOpenReference({ type: "node", id: item.id });
       }
     },
-    [handleStartReadingAncestry, tweenToTarget]
+    [handleStartReadingAncestry, handleOpenReference]
   );
-  const handleSaveAncestryBoard = useCallback4(
-    async (groups) => {
+  const handleSaveBoards = useCallback5(
+    async (boardItems2) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
-      await save_ancestry_board_action(
+      await save_boards_action(
         sceneConfigId,
         sceneType,
-        groups,
+        boardItems2,
         session,
         ownerId
       );
     },
-    [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
+    [sceneConfigId, viewParams, session, save_boards_action, ownerId]
   );
   const existingNodeTypes = useMemo13(() => {
     if (!parentDataRef.current) {
@@ -17847,27 +18172,21 @@ function XViewScene({
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
   const searchableDbNodes = useMemo13(() => {
-    var _a2;
     if (!parentDataRef.current) {
       return [];
     }
-    const datasetsPool = Object.entries(parentDataRef.current).flatMap(([dbId, fileData]) => {
+    return Object.entries(parentDataRef.current).flatMap(([dbId, fileData]) => {
       const datasetName = fileData.dataset_name || `Dataset #${dbId.substring(0, 6)}`;
       return (fileData.nodes || []).map((node) => ({
         ...node,
         dataset_name: datasetName
       }));
+    }).filter((node) => {
+      var _a2;
+      return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
-    const questsPool = (((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || []).map((node) => ({
-      ...node,
-      dataset_name: "Quests Internas (View)"
-    }));
-    return [...datasetsPool, ...questsPool].filter((node) => {
-      var _a3;
-      return !((_a3 = node.version_node) == null ? void 0 : _a3.is_version);
-    });
-  }, [parentDataRef.current, (_b = sceneDataRef.current) == null ? void 0 : _b.quest_nodes, sceneVersion]);
-  const handleAddExistingNode = useCallback4(
+  }, [parentDataRef.current, sceneVersion]);
+  const handleAddExistingNode = useCallback5(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -17876,7 +18195,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = useCallback4(
+  const handleUpdateMilestones = useCallback5(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -17922,7 +18241,7 @@ function XViewScene({
       viewParams == null ? void 0 : viewParams.type
     ]
   );
-  const handleSaveCurrentView = useCallback4(async () => {
+  const handleSaveCurrentView = useCallback5(async () => {
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -17965,61 +18284,13 @@ function XViewScene({
       console.error("Erro na chamada de save_view_data:", error);
     }
   }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
-  const allAvailableNodes = useMemo13(() => {
-    if (!parentDataRef.current) return [];
-    return Object.values(parentDataRef.current).flatMap(
-      (fileData) => fileData.nodes || []
-    );
-  }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = useMemo13(() => {
-    return ancestryDataRef.current || [];
-  }, [sceneVersion, isInitialized]);
-  const handleOpenReference = useCallback4(
-    (referenceData) => {
-      const { type, id } = referenceData;
-      if (type === "node") {
-        const targetNode = allAvailableNodes.find(
-          (n) => String(n.id) === String(id)
-        );
-        if (targetNode) {
-          setAncestryLinkDetails(null);
-          setDetailsLink(null);
-          setDetailsNode(targetNode);
-          const sceneMesh = stateRef.current.nodeObjects[String(id)];
-          if (sceneMesh) {
-            tweenToTarget(sceneMesh);
-          }
-        } else {
-          alert("Node original n\xE3o encontrado neste contexto.");
-        }
-      } else if (type === "ancestry") {
-        const targetAncestry = allAvailableAncestries.find(
-          (a) => String(a.ancestry_id) === String(id)
-        );
-        if (targetAncestry) {
-          setDetailsNode(null);
-          setDetailsLink(null);
-          setAncestryLinkDetails(null);
-          handleEditAncestry(targetAncestry);
-        } else {
-          alert("Ancestralidade original n\xE3o encontrada neste contexto.");
-        }
-      }
-    },
-    [
-      allAvailableNodes,
-      allAvailableAncestries,
-      handleEditAncestry,
-      tweenToTarget
-    ]
-  );
-  const handleToggleAncestryAddMode = useCallback4(() => {
+  const handleToggleAncestryAddMode = useCallback5(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const handleFocusNode = useCallback4(
+  const handleFocusNode = useCallback5(
     (nodeData) => {
       var _a2;
       if (!nodeData) return;
@@ -18045,9 +18316,9 @@ function XViewScene({
       };
     });
   }, [sceneVersion, isInitialized]);
-  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_c = stateRef.current.nodeIdToParentFileMap.get(
+  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(
     String(creationMode.sourceNodeData.id)
-  )) == null ? void 0 : _c.parentFileId : null;
+  )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   useEffect24(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
@@ -18137,7 +18408,7 @@ function XViewScene({
         setRelationshipMenu((prev) => ({ ...prev, visible: false }));
       }
       if (event.key.toLowerCase() === "q") {
-        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_b2 = context.versionMode) == null ? void 0 : _b2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen && !isSidebarOpen && !detailsNode && !detailsLink && !ancestryLinkDetails && !imageViewer.visible && !editingAncestryRel.visible && !questMode.isActive;
+        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_b2 = context.versionMode) == null ? void 0 : _b2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isBoardsOpen && !isSidebarOpen && !detailsNode && !detailsLink && !ancestryLinkDetails && !imageViewer.visible && !editingAncestryRel.visible && !questMode.isActive;
         if (isUiClear) {
           const isView = ((_c2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _c2.toLowerCase()) === "view";
           if (!isView) return;
@@ -18206,7 +18477,7 @@ function XViewScene({
     relationshipMenu.visible,
     readingMode.isActive,
     isImportModalOpen,
-    isAncestryBoardOpen,
+    isBoardsOpen,
     isSidebarOpen,
     detailsNode,
     detailsLink,
@@ -18293,7 +18564,7 @@ function XViewScene({
         importSuccessMessage,
         onActivateTimeline: handleActivateTimeline,
         onActivateQuestLens: handleActivateQuestLens,
-        onOpenAncestryBoard: handleOpenAncestryBoard,
+        onOpenBoards: handleOpenBoards,
         viewType: viewParams == null ? void 0 : viewParams.type,
         viewName: viewParams == null ? void 0 : viewParams.name,
         onNavigateBack: handleNavigateBack,
@@ -18301,7 +18572,7 @@ function XViewScene({
         onToggle: setIsSidebarOpen,
         userRole: userPermissionRole,
         viewMembers,
-        milestones: ((_d = sceneDataRef.current) == null ? void 0 : _d.milestones) || [],
+        milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
         onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
       }
     ),
@@ -18326,8 +18597,8 @@ function XViewScene({
         },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.color,
-        sourceTypes: (_f = creationMode.sourceNodeData) == null ? void 0 : _f.type,
+        initialColor: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.color,
+        sourceTypes: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.type,
         onIntensityChange: handleGhostNodeIntensityChange,
         onUploadFile: upload_file_action,
         availableDatasets,
@@ -18356,8 +18627,8 @@ function XViewScene({
           transition: "opacity 200ms ease-out"
         },
         refEl: formRef,
-        fixedType: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.type,
-        fixedColor: (_h = versionMode.sourceNodeData) == null ? void 0 : _h.color,
+        fixedType: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.type,
+        fixedColor: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.color,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries
@@ -18385,9 +18656,9 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_i = sceneDataRef.current) == null ? void 0 : _i.quest_counter) || 1,
+        questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
         viewMembers,
-        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
+        milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
@@ -18522,7 +18793,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
         viewMembers,
         currentUser: session == null ? void 0 : session.user,
-        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
+        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
@@ -18689,15 +18960,15 @@ function XViewScene({
       }
     ),
     /* @__PURE__ */ React30.createElement(
-      AncestryBoard,
+      Boards,
       {
-        isOpen: isAncestryBoardOpen,
-        onClose: () => setIsAncestryBoardOpen(false),
+        isOpen: isBoardsOpen,
+        onClose: () => setIsBoardsOpen(false),
         onSelect: handleSelectAncestryFromBoard,
         availableAncestries: allAvailableAncestries,
         availableNodes: allAvailableNodes,
-        initialGroups: ancestryBoardData,
-        onSave: handleSaveAncestryBoard,
+        initialBoardItems: boardItems,
+        onSave: handleSaveBoards,
         userRole: userPermissionRole
       }
     ),
@@ -18706,7 +18977,7 @@ function XViewScene({
       {
         isOpen: isMilestoneManagerOpen,
         onClose: () => setIsMilestoneManagerOpen(false),
-        milestones: ((_l = sceneDataRef.current) == null ? void 0 : _l.milestones) || [],
+        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
@@ -18717,7 +18988,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_m = sceneDataRef.current) == null ? void 0 : _m.parent_dbs) || [],
+        parentDbs: ((_l = sceneDataRef.current) == null ? void 0 : _l.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
@@ -18801,6 +19072,450 @@ 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_boards_logic(db_services, scene_id, type, boardItems, session, owner_id) {
+  try {
+    const targetOwnerId = owner_id || session.user.id;
+    return await db_services.save_boards(session, scene_id, type, boardItems, targetOwnerId);
+  } catch (error) {
+    console.error("Erro em save_boards_logic:", error);
+    return { success: false, error: error.message };
+  }
+}
+async function get_boards_logic(db_services, scene_id, type, session, owner_id) {
+  try {
+    const targetOwnerId = owner_id || session.user.id;
+    return await db_services.get_boards(session, scene_id, type, targetOwnerId);
+  } catch (error) {
+    console.error("Erro em get_boards_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 };
+  }
+}
 export {
-  XViewScene
+  XViewScene,
+  delete_uploaded_file_logic,
+  get_ancestry_file_logic,
+  get_boards_logic,
+  get_scene_view_data_logic,
+  get_single_parent_file_logic,
+  get_view_members_logic,
+  import_parent_file_modal_get_logic,
+  save_boards_logic,
+  save_view_data_logic,
+  x_view_add_new_parent_file_to_scene_at_firebase
 };