@lv-x-software-house/x_view 1.2.4-dev.22 → 1.2.4-dev.24

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/XViewScene.jsx
-import React24, { useCallback as useCallback4, useEffect as useEffect21, useRef as useRef18, useState as useState24, useMemo as useMemo12 } from "react";
+import React25, { useCallback as useCallback4, useEffect as useEffect22, useRef as useRef19, useState as useState25, useMemo as useMemo12 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
 import CryptoJS from "crypto-js";
@@ -2849,7 +2849,9 @@ var IGNORED_KEYS = [
   "is_private",
   "abstraction_tree",
   "selectedAbstractionParentId",
-  "isAddingAbstractionNodes"
+  "isAddingAbstractionNodes",
+  "status",
+  "is_quest"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -8641,8 +8643,326 @@ function NodeDetailsPanel({
   ));
 }
 
+// src/components/QuestDetailsPanel.jsx
+import React17, { useState as useState18, useEffect as useEffect16, useRef as useRef14 } from "react";
+import { FiPlus as FiPlus7, FiX as FiX6, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink6, FiTarget as FiTarget2, FiChevronDown as FiChevronDown6 } from "react-icons/fi";
+var QUEST_STATUS_COLORS2 = {
+  "Backlog": "#64748b",
+  "In Progress": "#eab308",
+  "Review": "#a855f7",
+  "Done": "#22c55e"
+};
+function QuestDetailsPanel({
+  node,
+  onClose,
+  onSave,
+  onNameChange,
+  onColorChange,
+  onSizeChange,
+  onDataUpdate,
+  onOpenImageViewer,
+  existingTypes = [],
+  availableNodes = [],
+  availableAncestries = [],
+  onOpenReference,
+  onMentionClick,
+  onUploadFile,
+  userRole,
+  currentDatasetName
+}) {
+  const [name, setName] = useState18((node == null ? void 0 : node.name) ?? "");
+  const [types, setTypes] = useState18((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
+  const [typeInput, setTypeInput] = useState18("");
+  const [status, setStatus] = useState18((node == null ? void 0 : node.status) ?? "Backlog");
+  const [size, setSize] = useState18((node == null ? void 0 : node.size) ?? "medium");
+  const [description, setDescription] = useState18((node == null ? void 0 : node.description) ?? "");
+  const [intensity, setIntensity] = useState18((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState18(false);
+  const [customProps, setCustomProps] = useState18(() => extractCustomPropsFromNode(node || {}));
+  const [showTypeSuggestions, setShowTypeSuggestions] = useState18(false);
+  const [filteredTypes, setFilteredTypes] = useState18([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState18(false);
+  const [isReadMode, setIsReadMode] = useState18(false);
+  const [existingSections, setExistingSections] = useState18((node == null ? void 0 : node.description_sections) || []);
+  const [isSaving, setIsSaving] = useState18(false);
+  const [isLinkCopied, setIsLinkCopied] = useState18(false);
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
+    initialWidth: isReadMode ? 700 : 440,
+    minWidth: 320,
+    maxWidth: maxPanelW
+  });
+  useEffect16(() => {
+    setWidth(isReadMode ? 700 : 440);
+  }, [isReadMode, setWidth]);
+  const prevNodeIdRef = useRef14(null);
+  const propsEndRef = useRef14(null);
+  const canEdit = userRole !== "viewer";
+  const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
+  const handleImageClickFromText = (url, name2) => {
+    if (onOpenImageViewer) {
+      onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
+    }
+  };
+  useEffect16(() => {
+    if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
+      prevNodeIdRef.current = node == null ? void 0 : node.id;
+      setName((node == null ? void 0 : node.name) ?? "");
+      setTypes((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
+      setStatus((node == null ? void 0 : node.status) ?? "Backlog");
+      setSize((node == null ? void 0 : node.size) ?? "medium");
+      setDescription((node == null ? void 0 : node.description) ?? "");
+      setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+      setExistingSections((node == null ? void 0 : node.description_sections) || []);
+      setCustomProps(extractCustomPropsFromNode(node || {}));
+    }
+  }, [node]);
+  useEffect16(() => {
+    if (typeInput.trim() === "") {
+      setFilteredTypes(existingTypes.filter((t) => !types.includes(t)));
+    } else {
+      const lowercasedInput = typeInput.toLowerCase();
+      setFilteredTypes(
+        existingTypes.filter(
+          (t) => t.toLowerCase().includes(lowercasedInput) && !types.includes(t)
+        )
+      );
+    }
+  }, [typeInput, existingTypes, types]);
+  const handleCopyLink = () => {
+    if (!(node == null ? void 0 : node.id)) return;
+    const baseUrl = window.location.origin + window.location.pathname;
+    const fullUrl = `${baseUrl}?focus=${node.id}`;
+    navigator.clipboard.writeText(fullUrl).then(() => {
+      setIsLinkCopied(true);
+      setTimeout(() => setIsLinkCopied(false), 2e3);
+    }).catch((err) => {
+      console.error("Erro ao copiar link:", err);
+    });
+  };
+  const swallow = (e) => e.stopPropagation();
+  const handleNameChange = (e) => {
+    const v = e.target.value;
+    setName(v);
+    onNameChange == null ? void 0 : onNameChange(node.id, v);
+  };
+  const handleSizeChange = (newSize) => {
+    setSize(newSize);
+    onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+  };
+  const handleStatusChange = (newStatus) => {
+    setStatus(newStatus);
+    const newColor = QUEST_STATUS_COLORS2[newStatus];
+    onColorChange == null ? void 0 : onColorChange(node.id, newColor);
+    onDataUpdate == null ? void 0 : onDataUpdate({ ...node, status: newStatus, color: newColor });
+  };
+  const handleAddType = (newType) => {
+    const trimmed = newType.trim();
+    if (trimmed && !types.includes(trimmed)) {
+      setTypes([...types, trimmed]);
+      setTypeInput("");
+      setShowTypeSuggestions(false);
+    }
+  };
+  const handleRemoveType = (indexToRemove) => {
+    if (types[indexToRemove] === "quest") return;
+    setTypes(types.filter((_, index) => index !== indexToRemove));
+  };
+  const handleTypeInputKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddType(typeInput);
+    } else if (e.key === "Backspace" && typeInput === "" && types.length > 1) {
+      handleRemoveType(types.length - 1);
+    }
+  };
+  const handleAddProp = () => {
+    const newProp = createNewCustomProperty(customProps);
+    setCustomProps((p) => [...p, newProp]);
+    setTimeout(() => {
+      var _a;
+      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 100);
+  };
+  const handleRemoveProp = (i) => {
+    const newProps = customProps.filter((_, idx) => idx !== i);
+    setCustomProps(newProps);
+    triggerAutoSave({ customProps: newProps });
+  };
+  const handleUpdateProp = (index, updatedProp) => {
+    const newProps = [...customProps];
+    newProps[index] = updatedProp;
+    setCustomProps(newProps);
+    if (!updatedProp.isEditing) {
+      triggerAutoSave({ customProps: newProps });
+    }
+  };
+  const handleSaveDescriptionInline = (newDescription) => {
+    setDescription(newDescription);
+    onDataUpdate({ ...node, description: newDescription });
+    triggerAutoSave({ description: newDescription });
+  };
+  const handleSave = async (keepOpen = false, overrides = {}) => {
+    const currentName = overrides.name !== void 0 ? overrides.name : name;
+    const currentTypes = overrides.types !== void 0 ? overrides.types : types;
+    const currentDescription = overrides.description !== void 0 ? overrides.description : description;
+    const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
+    const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    if (!currentName.trim() || currentTypes.length === 0) {
+      alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
+      return;
+    }
+    setIsSaving(true);
+    try {
+      const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
+      const processedSections = processDescriptionForSave(currentDescription, currentExistingSections);
+      const dataToSave = {
+        id: node.id,
+        name: currentName.trim(),
+        type: currentTypes,
+        color: QUEST_STATUS_COLORS2[currentStatus],
+        status: currentStatus,
+        size,
+        description: currentDescription,
+        description_sections: processedSections,
+        useImageAsTexture: false,
+        textureImageUrl: null,
+        intensity,
+        is_quest: true,
+        ...extrasObj,
+        version_node: node.version_node
+      };
+      await onSave(dataToSave, keepOpen);
+      onDataUpdate(dataToSave);
+      if (!keepOpen) {
+        onClose();
+      }
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const triggerAutoSave = (overrides = {}) => {
+    handleSave(true, overrides);
+  };
+  const handleCancel = () => {
+    if (node) {
+      onNameChange == null ? void 0 : onNameChange(node.id, node.name);
+      onColorChange == null ? void 0 : onColorChange(node.id, node.color);
+      onSizeChange == null ? void 0 : onSizeChange(node.id, node.size || "medium");
+    }
+    onClose();
+  };
+  const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
+    "div",
+    {
+      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${panelWidth}px`, maxWidth: "92vw" },
+      onPointerDown: swallow,
+      onPointerMove: swallow,
+      onPointerUp: swallow,
+      onClick: swallow,
+      onWheel: swallow,
+      onContextMenu: swallow,
+      onDoubleClick: swallow
+    },
+    /* @__PURE__ */ React17.createElement("div", { onPointerDown: (e) => {
+      e.stopPropagation();
+      handleResize(e);
+    }, className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors", title: "Arraste para redimensionar" }),
+    isReadMode ? /* @__PURE__ */ React17.createElement(
+      DescriptionReadModePanel,
+      {
+        title: name || (node == null ? void 0 : node.name),
+        description,
+        savedSections: existingSections,
+        onBack: () => setIsReadMode(false),
+        onEdit: () => {
+          if (canEdit) {
+            setIsReadMode(false);
+            setIsDescriptionModalOpen(true);
+          }
+        },
+        onClose: handleCancel,
+        availableNodes,
+        availableAncestries,
+        onOpenReference,
+        onMentionClick,
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
+      }
+    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS2[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => canEdit && setIsStatusDropdownOpen(!isStatusDropdownOpen),
+        disabled: !canEdit,
+        className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 transition-colors flex items-center justify-between ${canEdit ? "hover:border-white/20 focus:ring-2 focus:ring-indigo-400/60 cursor-pointer" : "cursor-default opacity-80"}`
+      },
+      /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement("span", { className: "w-3 h-3 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]", style: { backgroundColor: QUEST_STATUS_COLORS2[status] } }), /* @__PURE__ */ React17.createElement("span", { className: "text-slate-200 font-medium" }, status)),
+      canEdit && /* @__PURE__ */ React17.createElement(FiChevronDown6, { className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })
+    ), isStatusDropdownOpen && canEdit && /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsStatusDropdownOpen(false) }), /* @__PURE__ */ React17.createElement("ul", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-800 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden" }, Object.keys(QUEST_STATUS_COLORS2).map((s) => /* @__PURE__ */ React17.createElement(
+      "li",
+      {
+        key: s,
+        onClick: () => {
+          handleStatusChange(s);
+          setIsStatusDropdownOpen(false);
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${status === s ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      /* @__PURE__ */ React17.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS2[s] } }),
+      s
+    )))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ React17.createElement("input", { type: "text", value: name, onChange: handleNameChange, readOnly: !canEdit, className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}` })), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React17.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React17.createElement(FiX6, { size: 12 })))), canEdit && /* @__PURE__ */ React17.createElement(
+      "input",
+      {
+        type: "text",
+        value: typeInput,
+        onChange: (e) => {
+          setTypeInput(e.target.value);
+          setShowTypeSuggestions(true);
+        },
+        onKeyDown: handleTypeInputKeyDown,
+        onClick: () => setShowTypeSuggestions(true),
+        onBlur: () => {
+          if (typeInput.trim()) {
+            handleAddType(typeInput);
+          }
+          setTimeout(() => setShowTypeSuggestions(false), 150);
+        },
+        className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200",
+        placeholder: "",
+        autoComplete: "off"
+      }
+    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ React17.createElement("ul", { className: "custom-scrollbar absolute top-full left-0 z-10 w-full mt-1 max-h-40 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-lg" }, filteredTypes.map((suggestedType, index) => /* @__PURE__ */ React17.createElement("li", { key: index, className: "px-3 py-2 text-sm text-slate-200 cursor-pointer hover:bg-indigo-600/50", onMouseDown: (e) => {
+      e.preventDefault();
+      handleAddType(suggestedType);
+    } }, suggestedType))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React17.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React17.createElement(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ React17.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => setIsReadMode(true), className: `p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors ${canEdit ? "border-r border-white/5" : ""}`, title: "Modo de Leitura" }, /* @__PURE__ */ React17.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors", title: "Editar descri\xE7\xE3o (Modo de Escrita)" }, /* @__PURE__ */ React17.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__PURE__ */ React17.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
+      const isSelected = size === s;
+      return /* @__PURE__ */ React17.createElement("button", { key: s, type: "button", onClick: () => canEdit && handleSizeChange(s), className: `flex items-center gap-2 group focus:outline-none ${canEdit ? "cursor-pointer" : "cursor-default opacity-80"}` }, /* @__PURE__ */ React17.createElement("div", { className: `w-4 h-4 rounded-[4px] border flex items-center justify-center transition-all duration-200 ${isSelected ? "bg-indigo-500 border-indigo-500 shadow-[0_0_10px_rgba(99,102,241,0.4)]" : "border-slate-600 bg-transparent " + (canEdit ? "group-hover:border-slate-500" : "")}` }, isSelected && /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12, className: "text-white" })), /* @__PURE__ */ React17.createElement("span", { className: `text-sm capitalize transition-colors ${isSelected ? "text-white font-medium" : "text-slate-400 " + (canEdit ? "group-hover:text-slate-300" : "")}` }, s));
+    }))), /* @__PURE__ */ React17.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React17.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ React17.createElement(FiPlus7, { size: 14 }), " Adicionar")), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React17.createElement(CustomPropertyDisplay, { key: prop.id, prop, onUpdate: canEdit ? (updatedProp) => handleUpdateProp(idx, updatedProp) : void 0, onRemove: canEdit ? () => handleRemoveProp(idx) : void 0, onOpenImageViewer, unavailableTypes: currentUsedTypes.filter((t) => t !== prop.type), isTextureMode: false, onUploadFile: canEdit ? onUploadFile : void 0, readOnly: !canEdit })), /* @__PURE__ */ React17.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React17.createElement("div", { className: "pt-3 mt-4 border-t border-white/10 flex items-center justify-end gap-2 text-xs text-slate-400" }, /* @__PURE__ */ React17.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React17.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ React17.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React17.createElement("button", { onClick: () => handleSave(false), disabled: isSaving, className: `px-4 py-2 rounded-lg transition-all font-semibold text-sm shadow-[0_8px_24px_rgba(99,102,241,0.35)] flex items-center gap-2 ${isSaving ? "bg-slate-700 text-slate-300 cursor-wait" : "bg-gradient-to-tr from-indigo-600 to-indigo-400 hover:from-indigo-500 hover:to-indigo-300 text-white"}` }, isSaving && /* @__PURE__ */ React17.createElement(FiLoader3, { className: "animate-spin" }), isSaving ? "Salvando..." : "Salvar Quest")))
+  ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ React17.createElement(
+    DescriptionEditModal,
+    {
+      isOpen: isDescriptionModalOpen,
+      title: "Editar Descri\xE7\xE3o da Quest",
+      initialValue: description,
+      onSave: (newDescription) => {
+        setDescription(newDescription);
+        onDataUpdate((prev) => ({ ...prev, description: newDescription }));
+        triggerAutoSave({ description: newDescription });
+      },
+      onClose: () => setIsDescriptionModalOpen(false),
+      availableNodes,
+      availableAncestries,
+      availableImages
+    }
+  ));
+}
+
 // src/components/MultiNodeContextMenu.jsx
-import React17, { useLayoutEffect as useLayoutEffect3, useRef as useRef14, useState as useState18, useEffect as useEffect16 } from "react";
+import React18, { useLayoutEffect as useLayoutEffect3, useRef as useRef15, useState as useState19, useEffect as useEffect17 } from "react";
 function MultiNodeContextMenu({
   data,
   userRole,
@@ -8651,9 +8971,9 @@ function MultiNodeContextMenu({
   onDismissOtherNodes,
   onDeleteNodes
 }) {
-  const menuRef = useRef14(null);
-  const [menuPos, setMenuPos] = useState18({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = useState18(false);
+  const menuRef = useRef15(null);
+  const [menuPos, setMenuPos] = useState19({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState19(false);
   const ability = defineAbilityFor(userRole);
   const canDelete = ability.can("delete", "Node");
   useLayoutEffect3(() => {
@@ -8669,7 +8989,7 @@ function MultiNodeContextMenu({
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
   }, [data]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (data.visible) {
       setIsConfirmingDelete(false);
     }
@@ -8684,7 +9004,7 @@ function MultiNodeContextMenu({
   const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150 truncate";
   const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150 truncate";
   const nodeCount = data.nodeIds.size;
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     "div",
     {
       ref: menuRef,
@@ -8698,28 +9018,28 @@ function MultiNodeContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React17.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
-    /* @__PURE__ */ React17.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React17.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ React17.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React17.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React17.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React17.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ React17.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ React17.createElement("p", { className: "text-[11px] text-slate-400 leading-tight" }, "Esta a\xE7\xE3o \xE9 irrevers\xEDvel. Todas as conex\xF5es associadas a eles ser\xE3o apagadas.")), /* @__PURE__ */ React17.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
+    /* @__PURE__ */ React18.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React18.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ React18.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React18.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ React18.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] text-slate-400 leading-tight" }, "Esta a\xE7\xE3o \xE9 irrevers\xEDvel. Todas as conex\xF5es associadas a eles ser\xE3o apagadas.")), /* @__PURE__ */ React18.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React18.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(false),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
       },
       "Cancelar"
-    ), /* @__PURE__ */ React17.createElement(
+    ), /* @__PURE__ */ React18.createElement(
       "button",
       {
         onClick: () => onDeleteNodes(data.nodeIds),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-red-500 hover:bg-red-600 rounded-md text-white transition-colors"
       },
       "Excluir"
-    ))) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React17.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React17.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React17.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React17.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__ */ React17.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React17.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React17.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React17.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React17.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ React17.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React17.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__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React17.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React17.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React17.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React17.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React17.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React17.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ React17.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__ */ React17.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React17.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React17.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React17.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React17.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
+    ))) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React18.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React18.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React18.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__ */ React18.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React18.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React18.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React18.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React18.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ React18.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React18.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__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React18.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React18.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React18.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React18.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React18.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React18.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ React18.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__ */ React18.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React18.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React18.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React18.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React18.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
   );
 }
 
 // src/components/RelationshipDetailsPanel.jsx
-import React18, { useState as useState19, useEffect as useEffect17, useRef as useRef15, useMemo as useMemo9 } from "react";
-import { FiPlus as FiPlus7, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4 } from "react-icons/fi";
+import React19, { useState as useState20, useEffect as useEffect18, useRef as useRef16, useMemo as useMemo9 } from "react";
+import { FiPlus as FiPlus8, FiEdit2 as FiEdit29, FiLoader as FiLoader4, FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function RelationshipDetailsPanel({
   link,
   onClose,
@@ -8733,19 +9053,19 @@ function RelationshipDetailsPanel({
   onUploadFile,
   userRole
 }) {
-  const [name, setName] = useState19((link == null ? void 0 : link.name) ?? "");
-  const [description, setDescription] = useState19((link == null ? void 0 : link.description) ?? "");
-  const [customProps, setCustomProps] = useState19(() => extractCustomPropsFromNode(link || {}));
-  const [existingSections, setExistingSections] = useState19((link == null ? void 0 : link.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState19(false);
-  const [isSaving, setIsSaving] = useState19(false);
-  const [isReadMode, setIsReadMode] = useState19(false);
-  const propsEndRef = useRef15(null);
+  const [name, setName] = useState20((link == null ? void 0 : link.name) ?? "");
+  const [description, setDescription] = useState20((link == null ? void 0 : link.description) ?? "");
+  const [customProps, setCustomProps] = useState20(() => extractCustomPropsFromNode(link || {}));
+  const [existingSections, setExistingSections] = useState20((link == null ? void 0 : link.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState20(false);
+  const [isSaving, setIsSaving] = useState20(false);
+  const [isReadMode, setIsReadMode] = useState20(false);
+  const propsEndRef = useRef16(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
     return ability.can("update", "Connection");
   }, [userRole]);
-  useEffect17(() => {
+  useEffect18(() => {
     setName((link == null ? void 0 : link.name) ?? "");
     setDescription((link == null ? void 0 : link.description) ?? "");
     setExistingSections((link == null ? void 0 : link.description_sections) || []);
@@ -8820,7 +9140,7 @@ function RelationshipDetailsPanel({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden transition-all duration-300 ease-out
@@ -8835,7 +9155,7 @@ function RelationshipDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    isReadMode ? /* @__PURE__ */ React18.createElement(
+    isReadMode ? /* @__PURE__ */ React19.createElement(
       DescriptionReadModePanel,
       {
         title: name || "Rela\xE7\xE3o",
@@ -8856,7 +9176,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React18.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React18.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React18.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React18.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React18.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React18.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React18.createElement(
+    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
@@ -8868,7 +9188,7 @@ function RelationshipDetailsPanel({
                                         ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                     `
       }
-    )), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React18.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React18.createElement(
+    )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React19.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React19.createElement(
       DescriptionDisplay,
       {
         description,
@@ -8880,7 +9200,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ), /* @__PURE__ */ React18.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React18.createElement(
+    ), /* @__PURE__ */ React19.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
@@ -8888,8 +9208,8 @@ function RelationshipDetailsPanel({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors border-r border-white/5",
         title: "Modo de Leitura"
       },
-      /* @__PURE__ */ React18.createElement(FiBookOpen4, { size: 14 })
-    ), canEdit && /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(FiBookOpen5, { size: 14 })
+    ), canEdit && /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
@@ -8897,15 +9217,15 @@ function RelationshipDetailsPanel({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
         title: "Editar descri\xE7\xE3o"
       },
-      /* @__PURE__ */ React18.createElement(FiEdit28, { size: 14 })
-    )), !description && canEdit && /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(FiEdit29, { size: 14 })
+    )), !description && canEdit && /* @__PURE__ */ React19.createElement(
       "div",
       {
         onClick: () => setIsDescriptionModalOpen(true),
         className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
       },
       "Adicionar descri\xE7\xE3o..."
-    ))), /* @__PURE__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React18.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ React18.createElement(FiPlus7, { size: 14 }), " Adicionar")), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React18.createElement(
+    ))), /* @__PURE__ */ React19.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ React19.createElement(FiPlus8, { size: 14 }), " Adicionar")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React19.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8917,7 +9237,7 @@ function RelationshipDetailsPanel({
         onUploadFile,
         disabled: !canEdit
       }
-    )), /* @__PURE__ */ React18.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React18.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React18.createElement("button", { onClick: onClose, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React18.createElement(
+    )), /* @__PURE__ */ React19.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React19.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React19.createElement("button", { onClick: onClose, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -8926,10 +9246,10 @@ function RelationshipDetailsPanel({
                                         ${isSaving ? "bg-slate-700 text-slate-300 cursor-wait" : "bg-gradient-to-tr from-teal-600 to-teal-400 hover:from-teal-500 hover:to-teal-300 text-white"}
                                     `
       },
-      isSaving && /* @__PURE__ */ React18.createElement(FiLoader3, { className: "animate-spin" }),
+      isSaving && /* @__PURE__ */ React19.createElement(FiLoader4, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
-  ), isDescriptionModalOpen && /* @__PURE__ */ React18.createElement(
+  ), isDescriptionModalOpen && /* @__PURE__ */ React19.createElement(
     DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
@@ -8950,7 +9270,7 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-import React19, { useLayoutEffect as useLayoutEffect4, useRef as useRef16, useState as useState20, useEffect as useEffect18, useMemo as useMemo10 } from "react";
+import React20, { useLayoutEffect as useLayoutEffect4, useRef as useRef17, useState as useState21, useEffect as useEffect19, useMemo as useMemo10 } from "react";
 function RelationshipContextMenu({
   data,
   userRole,
@@ -8960,9 +9280,9 @@ function RelationshipContextMenu({
   onDelete,
   onClose
 }) {
-  const menuRef = useRef16(null);
-  const [menuPos, setMenuPos] = useState20({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = useState20(false);
+  const menuRef = useRef17(null);
+  const [menuPos, setMenuPos] = useState21({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState21(false);
   const ability = useMemo10(() => defineAbilityFor(userRole), [userRole]);
   const sourceName = useMemo10(
     () => {
@@ -8991,7 +9311,7 @@ function RelationshipContextMenu({
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
   }, [data]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (data.visible) {
       setIsConfirmingDelete(false);
     }
@@ -9007,7 +9327,7 @@ function RelationshipContextMenu({
   const dangerButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-rose-500/20 text-rose-300 hover:text-rose-100 transition-colors duration-150 truncate";
   const canUpdate = ability.can("update", "Connection");
   const canDelete = ability.can("delete", "Connection");
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     "div",
     {
       ref: menuRef,
@@ -9021,29 +9341,29 @@ function RelationshipContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
-    /* @__PURE__ */ React19.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ React19.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React19.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ React19.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ React19.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ React19.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ React19.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ React19.createElement("strong", null, targetName), ".")), /* @__PURE__ */ React19.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
+    /* @__PURE__ */ React20.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React20.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ React20.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React20.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React20.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ React20.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ React20.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ React20.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ React20.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ React20.createElement("strong", null, targetName), ".")), /* @__PURE__ */ React20.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(false),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
       },
       "Cancelar"
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => onDelete == null ? void 0 : onDelete(data.linkObject),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-rose-600 hover:bg-rose-500 rounded-md text-white transition-colors"
       },
       "Excluir"
-    ))) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-teal-400/80 shadow-[0_0_12px_1px_rgba(45,212,191,0.5)]" }), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+    ))) : /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-teal-400/80 shadow-[0_0_12px_1px_rgba(45,212,191,0.5)]" }), /* @__PURE__ */ React20.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => onRelinkSource == null ? void 0 : onRelinkSource(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Source"
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9056,18 +9376,18 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React19.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }),
-        /* @__PURE__ */ React19.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })
+        /* @__PURE__ */ React20.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }),
+        /* @__PURE__ */ React20.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })
       ),
-      /* @__PURE__ */ React19.createElement("span", null, "Desconectar Source (", sourceName, ")")
-    ), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("span", null, "Desconectar Source (", sourceName, ")")
+    ), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => onRelinkTarget == null ? void 0 : onRelinkTarget(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Target"
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9080,21 +9400,21 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React19.createElement("polyline", { points: "16 3 21 3 21 8" }),
-        /* @__PURE__ */ React19.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
-        /* @__PURE__ */ React19.createElement("polyline", { points: "21 16 21 21 16 21" }),
-        /* @__PURE__ */ React19.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
-        /* @__PURE__ */ React19.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
+        /* @__PURE__ */ React20.createElement("polyline", { points: "16 3 21 3 21 8" }),
+        /* @__PURE__ */ React20.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
+        /* @__PURE__ */ React20.createElement("polyline", { points: "21 16 21 21 16 21" }),
+        /* @__PURE__ */ React20.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
+        /* @__PURE__ */ React20.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
       ),
-      /* @__PURE__ */ React19.createElement("span", null, "Desconectar Target (", targetName, ")")
-    ), /* @__PURE__ */ React19.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("span", null, "Desconectar Target (", targetName, ")")
+    ), /* @__PURE__ */ React20.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => onOpenDetails == null ? void 0 : onOpenDetails(data.linkObject),
         className: baseButtonClass,
         title: "Abrir detalhes da rela\xE7\xE3o"
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9107,19 +9427,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ React19.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-        /* @__PURE__ */ React19.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
+        /* @__PURE__ */ React20.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React20.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React20.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
       ),
-      /* @__PURE__ */ React19.createElement("span", null, "Abrir Detalhes")
-    ), canDelete && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("span", null, "Abrir Detalhes")
+    ), canDelete && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(true),
         className: dangerButtonClass,
         title: "Excluir esta conex\xE3o"
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9132,19 +9452,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React19.createElement("polyline", { points: "3 6 5 6 21 6" }),
-        /* @__PURE__ */ React19.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
-        /* @__PURE__ */ React19.createElement("path", { d: "M10 11v6" }),
-        /* @__PURE__ */ React19.createElement("path", { d: "M14 11v6" }),
-        /* @__PURE__ */ React19.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
+        /* @__PURE__ */ React20.createElement("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ React20.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
+        /* @__PURE__ */ React20.createElement("path", { d: "M10 11v6" }),
+        /* @__PURE__ */ React20.createElement("path", { d: "M14 11v6" }),
+        /* @__PURE__ */ React20.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
       ),
-      /* @__PURE__ */ React19.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
+      /* @__PURE__ */ React20.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
     )))))
   );
 }
 
 // src/components/LoadingScreen.jsx
-import React20 from "react";
+import React21 from "react";
 var styles = {
   loadingOverlay: {
     position: "fixed",
@@ -9176,11 +9496,11 @@ var styles = {
   `
 };
 function LoadingScreen() {
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("style", null, styles.keyframes), /* @__PURE__ */ React20.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ React20.createElement("div", { style: styles.spinner })));
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("style", null, styles.keyframes), /* @__PURE__ */ React21.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ React21.createElement("div", { style: styles.spinner })));
 }
 
 // src/components/ImportParentFileModal.jsx
-import React21, { useEffect as useEffect19, useState as useState21 } from "react";
+import React22, { useEffect as useEffect20, useState as useState22 } from "react";
 function ImportParentFileModal({
   isOpen,
   onClose,
@@ -9191,12 +9511,12 @@ function ImportParentFileModal({
   onFetchAvailableFiles,
   currentViewName
 }) {
-  const [activeTab, setActiveTab] = useState21("databases");
-  const [availableDbs, setAvailableDbs] = useState21([]);
-  const [availableViews, setAvailableViews] = useState21([]);
-  const [selectedItem, setSelectedItem] = useState21(null);
-  const [isLoading, setIsLoading] = useState21(false);
-  useEffect19(() => {
+  const [activeTab, setActiveTab] = useState22("databases");
+  const [availableDbs, setAvailableDbs] = useState22([]);
+  const [availableViews, setAvailableViews] = useState22([]);
+  const [selectedItem, setSelectedItem] = useState22(null);
+  const [isLoading, setIsLoading] = useState22(false);
+  useEffect20(() => {
     if (isOpen && session && onFetchAvailableFiles) {
       const fetchData = async () => {
         setIsLoading(true);
@@ -9232,7 +9552,7 @@ function ImportParentFileModal({
       fetchData();
     }
   }, [isOpen, session, parentDbs, onFetchAvailableFiles, currentViewName]);
-  useEffect19(() => {
+  useEffect20(() => {
     setSelectedItem(null);
   }, [activeTab]);
   if (!isOpen) {
@@ -9261,13 +9581,13 @@ function ImportParentFileModal({
   const swallow = (e) => e.stopPropagation();
   const currentList = activeTab === "databases" ? availableDbs : availableViews;
   const emptyMessage = activeTab === "databases" ? "Nenhum novo arquivo parent dispon\xEDvel." : "Nenhuma view dispon\xEDvel para importa\xE7\xE3o.";
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(
     "div",
     {
       className: "ui-overlay fixed inset-0 z-[1200] flex items-center justify-center bg-black/60 backdrop-blur-sm",
       onClick: onClose
     },
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement(
       "div",
       {
         className: "ui-overlay relative rounded-2xl border border-white/10 bg-slate-950/80 shadow-[0_20px_80px_rgba(0,0,0,0.6)] text-white w-[min(92vw,500px)] flex flex-col max-h-[85vh]",
@@ -9279,14 +9599,14 @@ function ImportParentFileModal({
         onContextMenu: swallow,
         onDoubleClick: swallow
       },
-      /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ React22.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ React22.createElement(
         "button",
         {
           onClick: onClose,
           className: "p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
           title: "Fechar"
         },
-        /* @__PURE__ */ React21.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React22.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React22.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -9295,14 +9615,14 @@ function ImportParentFileModal({
           }
         ))
       )),
-      /* @__PURE__ */ React21.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ React22.createElement(
         "button",
         {
           onClick: () => setActiveTab("databases"),
           className: `flex-1 py-3 text-sm font-medium border-b-2 transition-colors ${activeTab === "databases" ? "border-indigo-500 text-white" : "border-transparent text-slate-400 hover:text-slate-200"}`
         },
         "Arquivos Parent"
-      ), /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React22.createElement(
         "button",
         {
           onClick: () => setActiveTab("views"),
@@ -9310,24 +9630,24 @@ function ImportParentFileModal({
         },
         "Views (Ancestralidades)"
       )),
-      /* @__PURE__ */ React21.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ React21.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ React21.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ React22.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ React22.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ React22.createElement(
         "div",
         {
           key: item.id,
           onClick: () => setSelectedItem(item),
           className: `px-4 py-3 rounded-lg border cursor-pointer transition-all duration-150 flex flex-col gap-1 ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "bg-indigo-600 border-indigo-500 shadow-lg" : "bg-slate-800/60 border-white/10 hover:border-white/20 hover:bg-slate-800"}`
         },
-        /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ React21.createElement("span", { className: "text-[10px] px-1.5 py-0.5 rounded bg-black/30 text-indigo-300 border border-indigo-500/30" }, "VIEW")),
-        item.description && /* @__PURE__ */ React21.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
-      )) : /* @__PURE__ */ React21.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
-      /* @__PURE__ */ React21.createElement("div", { className: "px-6 py-4 border-t border-white/10 flex justify-end gap-3 flex-shrink-0 bg-slate-900/50" }, /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React22.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ React22.createElement("span", { className: "text-[10px] px-1.5 py-0.5 rounded bg-black/30 text-indigo-300 border border-indigo-500/30" }, "VIEW")),
+        item.description && /* @__PURE__ */ React22.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
+      )) : /* @__PURE__ */ React22.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
+      /* @__PURE__ */ React22.createElement("div", { className: "px-6 py-4 border-t border-white/10 flex justify-end gap-3 flex-shrink-0 bg-slate-900/50" }, /* @__PURE__ */ React22.createElement(
         "button",
         {
           onClick: onClose,
           className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm text-slate-300"
         },
         "Cancelar"
-      ), /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React22.createElement(
         "button",
         {
           onClick: handleConfirm,
@@ -9341,8 +9661,8 @@ function ImportParentFileModal({
 }
 
 // src/components/AncestryLinkDetailsPanel.jsx
-import React22, { useState as useState22 } from "react";
-import { FiBookOpen as FiBookOpen5 } from "react-icons/fi";
+import React23, { useState as useState23 } from "react";
+import { FiBookOpen as FiBookOpen6 } from "react-icons/fi";
 function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
   var _a, _b, _c, _d;
   const relationshipData = data.relationship || {};
@@ -9351,21 +9671,21 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
   const customProps = extractCustomPropsFromNode(relationshipData);
   const sourceName = ((_b = (_a = data.sourceNode) == null ? void 0 : _a.userData) == null ? void 0 : _b.name) || "Origem";
   const targetName = ((_d = (_c = data.targetNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) || "Destino";
-  const [isReadMode, setIsReadMode] = useState22(false);
+  const [isReadMode, setIsReadMode] = useState23(false);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
       onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "ui-overlay fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-[1200]",
       onClick: onClose,
       onPointerDown: swallow
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       "div",
       {
         className: `relative group rounded-2xl border border-white/10 bg-slate-950/80 shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col max-h-[calc(100vh-4rem)] transition-all duration-300 ease-out
@@ -9373,7 +9693,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
                 `,
         onClick: swallow
       },
-      isReadMode ? /* @__PURE__ */ React22.createElement(
+      isReadMode ? /* @__PURE__ */ React23.createElement(
         DescriptionReadModePanel,
         {
           title: `${sourceName} \u2794 ${targetName}`,
@@ -9385,15 +9705,15 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React22.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React22.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React22.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React22.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React22.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React22.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React22.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React22.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React22.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React22.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React22.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React22.createElement(
+      ) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React23.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React23.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React23.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React23.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React23.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React23.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
           className: "p-1 text-slate-400 hover:text-white transition-colors",
           title: "Modo de Leitura"
         },
-        /* @__PURE__ */ React22.createElement(FiBookOpen5, { size: 14 })
-      )), /* @__PURE__ */ React22.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ React22.createElement(
+        /* @__PURE__ */ React23.createElement(FiBookOpen6, { size: 14 })
+      )), /* @__PURE__ */ React23.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ React23.createElement(
         DescriptionDisplay,
         {
           description,
@@ -9402,7 +9722,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ))), customProps.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React22.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ React22.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ React22.createElement(
+      ))), customProps.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React23.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ React23.createElement(
         CustomPropertyDisplay,
         {
           key: prop.id,
@@ -9411,25 +9731,25 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onOpenImageViewer,
           onUploadFile
         }
-      )))), !description && customProps.length === 0 && /* @__PURE__ */ React22.createElement("div", { className: "py-8 text-center text-slate-500 text-sm italic border border-dashed border-white/10 rounded-lg" }, "Nenhum detalhe adicional dispon\xEDvel para esta conex\xE3o."), /* @__PURE__ */ React22.createElement("div", { className: "mt-4 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg text-xs text-blue-200/80 text-center" }, 'Para editar esta conex\xE3o, utilize o menu "Editar Ancestralidade".')))
+      )))), !description && customProps.length === 0 && /* @__PURE__ */ React23.createElement("div", { className: "py-8 text-center text-slate-500 text-sm italic border border-dashed border-white/10 rounded-lg" }, "Nenhum detalhe adicional dispon\xEDvel para esta conex\xE3o."), /* @__PURE__ */ React23.createElement("div", { className: "mt-4 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg text-xs text-blue-200/80 text-center" }, 'Para editar esta conex\xE3o, utilize o menu "Editar Ancestralidade".')))
     )
   );
 }
 
 // src/components/AncestryBoard.jsx
-import React23, { useState as useState23, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef17 } from "react";
+import React24, { useState as useState24, useMemo as useMemo11, useEffect as useEffect21, useRef as useRef18 } from "react";
 import {
   FiSearch as FiSearch4,
   FiLayers as FiLayers6,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
-  FiPlus as FiPlus8,
+  FiPlus as FiPlus9,
   FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight,
   FiCheckCircle,
-  FiLoader as FiLoader4,
-  FiX as FiX6,
+  FiLoader as FiLoader5,
+  FiX as FiX7,
   FiAlertTriangle
 } from "react-icons/fi";
 var GroupItem = ({
@@ -9451,7 +9771,7 @@ var GroupItem = ({
 }) => {
   const canIndent = index > 0;
   const isPickingForThisGroup = pickingGroupId === group.id;
-  const textareaRef = useRef17(null);
+  const textareaRef = useRef18(null);
   const adjustHeight = () => {
     const textarea = textareaRef.current;
     if (textarea) {
@@ -9459,13 +9779,13 @@ var GroupItem = ({
       textarea.style.height = `${textarea.scrollHeight}px`;
     }
   };
-  useEffect20(() => {
+  useEffect21(() => {
     adjustHeight();
   }, [group.text]);
-  return /* @__PURE__ */ React23.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__ */ React23.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React23.createElement("div", { className: `
+  return /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React24.createElement("div", { className: `
                 flex flex-col gap-2 py-2 px-3 transition-all duration-200
                 ${isPickingForThisGroup ? "bg-indigo-500/10 border-l-2 border-indigo-500" : "hover:bg-white/5 border-l-2 border-transparent hover:border-white/20"}
-            ` }, /* @__PURE__ */ React23.createElement(
+            ` }, /* @__PURE__ */ React24.createElement(
     "textarea",
     {
       ref: textareaRef,
@@ -9482,9 +9802,9 @@ var GroupItem = ({
         if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
       }
     }
-  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
+  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
     const isValid = availableIds.has(String(anc.ancestry_id));
-    return /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React24.createElement(
       "div",
       {
         key: anc.ancestry_id,
@@ -9496,28 +9816,28 @@ var GroupItem = ({
       },
       isValid ? (
         // [MANTIDO] Botão Play visível para todos
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           "button",
           {
             onClick: () => onPlayAncestry(anc.ancestry_id),
             className: "text-indigo-400 hover:text-white hover:bg-indigo-500 p-1 rounded-full transition-colors",
             title: "Renderizar no cen\xE1rio"
           },
-          /* @__PURE__ */ React23.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
+          /* @__PURE__ */ React24.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
         )
-      ) : /* @__PURE__ */ React23.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React23.createElement(FiAlertTriangle, { size: 10 })),
-      /* @__PURE__ */ React23.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
-      canEdit && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ React23.createElement(
+      ) : /* @__PURE__ */ React24.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React24.createElement(FiAlertTriangle, { size: 10 })),
+      /* @__PURE__ */ React24.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
+      canEdit && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ React24.createElement(
         "button",
         {
           onClick: () => onRemoveAncestry(group.id, anc.ancestry_id),
           className: `${isValid ? "text-slate-500 hover:text-red-400" : "text-red-400 hover:text-red-200"} p-0.5 rounded transition-colors`,
           title: "Remover men\xE7\xE3o"
         },
-        /* @__PURE__ */ React23.createElement(FiX6, { size: 12 })
+        /* @__PURE__ */ React24.createElement(FiX7, { size: 12 })
       ))
     );
-  })), canEdit && /* @__PURE__ */ React23.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__ */ React23.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React23.createElement(
+  })), canEdit && /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React24.createElement(
     "button",
     {
       onClick: () => onRequestPickAncestry(group.id),
@@ -9527,17 +9847,17 @@ var GroupItem = ({
                                 `,
       title: "Adicionar Ancestralidade a este grupo"
     },
-    isPickingForThisGroup ? /* @__PURE__ */ React23.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React23.createElement(FiSearch4, { size: 12 }),
+    isPickingForThisGroup ? /* @__PURE__ */ React24.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React24.createElement(FiSearch4, { size: 12 }),
     isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-  ), /* @__PURE__ */ React23.createElement(
+  ), /* @__PURE__ */ React24.createElement(
     "button",
     {
       onClick: () => onAddSubgroup(group.id),
       className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
       title: "Criar Subgrupo"
     },
-    /* @__PURE__ */ React23.createElement(FiPlus8, { size: 14 })
-  )), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(FiPlus9, { size: 14 })
+  )), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React24.createElement(
     "button",
     {
       onClick: () => onIndent(group.id),
@@ -9545,24 +9865,24 @@ var GroupItem = ({
       className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
       title: "Aninhar no grupo acima"
     },
-    /* @__PURE__ */ React23.createElement(FiArrowRight, { size: 14 })
-  ), /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(FiArrowRight, { size: 14 })
+  ), /* @__PURE__ */ React24.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__ */ React23.createElement(FiArrowLeft3, { size: 14 })
-  ), /* @__PURE__ */ React23.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(FiArrowLeft3, { size: 14 })
+  ), /* @__PURE__ */ React24.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React24.createElement(
     "button",
     {
       onClick: () => onDelete(group.id),
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ React23.createElement(FiTrash23, { size: 14 })
-  )))), group.children && group.children.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(FiTrash23, { size: 14 })
+  )))), group.children && group.children.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React24.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -9594,15 +9914,15 @@ function AncestryBoard({
   userRole
   // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = useState23("");
-  const [groups, setGroups] = useState23([]);
-  const [isLoaded, setIsLoaded] = useState23(false);
-  const [pickingGroupId, setPickingGroupId] = useState23(null);
-  const [saveStatus, setSaveStatus] = useState23("idle");
+  const [searchTerm, setSearchTerm] = useState24("");
+  const [groups, setGroups] = useState24([]);
+  const [isLoaded, setIsLoaded] = useState24(false);
+  const [pickingGroupId, setPickingGroupId] = useState24(null);
+  const [saveStatus, setSaveStatus] = useState24("idle");
   const canEdit = useMemo11(() => {
     return userRole !== "viewer";
   }, [userRole]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (initialGroups && !isLoaded) {
       setGroups(initialGroups);
       setIsLoaded(true);
@@ -9633,7 +9953,7 @@ function AncestryBoard({
       children: sanitizeGroups(g.children || [])
     }));
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (!isLoaded || !onSave) return;
     const timeoutId = setTimeout(async () => {
       setSaveStatus("saving");
@@ -9651,7 +9971,7 @@ function AncestryBoard({
     }, 3e3);
     return () => clearTimeout(timeoutId);
   }, [groups, isLoaded, onSave]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -9806,27 +10126,27 @@ function AncestryBoard({
     });
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement(
     "div",
     {
       className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-2",
       onClick: onClose
     },
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       "div",
       {
         className: "bg-slate-950 border border-white/10 rounded-xl w-[98vw] h-[97vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React23.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React23.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React23.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__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(FiLoader4, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React23.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React24.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React24.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React24.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React24.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React24.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__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(FiLoader5, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React24.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React24.createElement(
         "button",
         {
           onClick: handleAddRootGroup,
           className: "\n                                    flex items-center gap-2 px-3 py-1.5 \n                                    bg-white/5 hover:bg-white/10 \n                                    border border-white/10 hover:border-white/20\n                                    backdrop-blur-sm\n                                    text-slate-200 hover:text-white\n                                    rounded-md transition-all duration-200\n                                    text-xs font-medium shadow-sm\n                                "
         },
-        /* @__PURE__ */ React23.createElement(FiPlus8, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ React23.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(FiPlus9, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ React24.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+      ), /* @__PURE__ */ React24.createElement(
         "button",
         {
           onClick: onClose,
@@ -9834,11 +10154,11 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ React23.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React23.createElement("div", { className: `
+      /* @__PURE__ */ React24.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React24.createElement("div", { className: `
                         flex flex-col border-r border-white/10 transition-all duration-300 flex-none
                         ${pickingGroupId ? "w-[25%] border-indigo-500/30" : "w-[20%]"}
                         min-w-[280px] max-w-[500px] bg-slate-900
-                    ` }, /* @__PURE__ */ React23.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React23.createElement("div", { className: "relative group" }, /* @__PURE__ */ React23.createElement(FiSearch4, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ React23.createElement(
+                    ` }, /* @__PURE__ */ React24.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React24.createElement("div", { className: "relative group" }, /* @__PURE__ */ React24.createElement(FiSearch4, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ React24.createElement(
         "input",
         {
           type: "text",
@@ -9851,10 +10171,10 @@ function AncestryBoard({
           onChange: (e) => setSearchTerm(e.target.value),
           autoFocus: !pickingGroupId
         }
-      ))), /* @__PURE__ */ React23.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
+      ))), /* @__PURE__ */ React24.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
         const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
         const isPicking = !!pickingGroupId;
-        return /* @__PURE__ */ React23.createElement(
+        return /* @__PURE__ */ React24.createElement(
           "div",
           {
             key: anc.ancestry_id,
@@ -9866,12 +10186,12 @@ function AncestryBoard({
                                         ${isPicking ? "border-indigo-500/30 bg-indigo-500/5 hover:bg-indigo-500/20 hover:border-indigo-400 cursor-pointer" : "border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default"}
                                     `
           },
-          /* @__PURE__ */ React23.createElement("div", { className: `
+          /* @__PURE__ */ React24.createElement("div", { className: `
                                         mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border transition-all shadow-lg
                                         ${isPicking ? "bg-indigo-500 text-white border-indigo-400" : "bg-slate-800 text-indigo-400 border-white/5 group-hover:bg-indigo-500 group-hover:text-white"}
-                                    ` }, isPicking ? /* @__PURE__ */ React23.createElement(FiPlus8, { size: 16 }) : /* @__PURE__ */ React23.createElement(FiLayers6, { size: 14 })),
-          /* @__PURE__ */ React23.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React23.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ React23.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React23.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React23.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
-          !isPicking && /* @__PURE__ */ React23.createElement(
+                                    ` }, isPicking ? /* @__PURE__ */ React24.createElement(FiPlus9, { size: 16 }) : /* @__PURE__ */ React24.createElement(FiLayers6, { size: 14 })),
+          /* @__PURE__ */ React24.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React24.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ React24.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React24.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React24.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React24.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
+          !isPicking && /* @__PURE__ */ React24.createElement(
             "button",
             {
               onClick: (e) => {
@@ -9881,10 +10201,10 @@ function AncestryBoard({
               className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
               title: "Renderizar Ancestralidade"
             },
-            /* @__PURE__ */ React23.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React23.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
+            /* @__PURE__ */ React24.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React24.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
           )
         );
-      }))), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React23.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React23.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React23.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React23.createElement(React23.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React23.createElement(
+      }))), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React24.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React24.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React24.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React24.createElement(React24.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React24.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React24.createElement(React24.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React24.createElement(
         GroupItem,
         {
           key: group.id,
@@ -9904,7 +10224,7 @@ function AncestryBoard({
           canEdit
         }
       ))))),
-      /* @__PURE__ */ React23.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ React23.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React23.createElement("span", null, groups.length, " grupos raiz"))
+      /* @__PURE__ */ React24.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ React24.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React24.createElement("span", null, groups.length, " grupos raiz"))
     )
   );
 }
@@ -9998,7 +10318,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  useEffect21(() => {
+  useEffect22(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -10048,45 +10368,45 @@ function XViewScene({
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = useRef18(null);
-  const parentDataRef = useRef18(null);
-  const ancestryDataRef = useRef18(null);
-  const [isLoading, setIsLoading] = useState24(true);
-  const [permissionStatus, setPermissionStatus] = useState24("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState24(null);
-  const [isInitialized, setIsInitialized] = useState24(false);
-  const [sceneVersion, setSceneVersion] = useState24(0);
-  const [contextMenu, setContextMenu] = useState24({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = useState24({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = useState24({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = useState24({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = useState24({ isActive: false, sourceNodeData: null });
-  const [questMode, setQuestMode] = useState24({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState24(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState24(false);
-  const [ancestryMode, setAncestryMode] = useState24({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-  const [readingMode, setReadingMode] = useState24({
+  const sceneDataRef = useRef19(null);
+  const parentDataRef = useRef19(null);
+  const ancestryDataRef = useRef19(null);
+  const [isLoading, setIsLoading] = useState25(true);
+  const [permissionStatus, setPermissionStatus] = useState25("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState25(null);
+  const [isInitialized, setIsInitialized] = useState25(false);
+  const [sceneVersion, setSceneVersion] = useState25(0);
+  const [contextMenu, setContextMenu] = useState25({ visible: false, x: 0, y: 0, nodeData: null });
+  const [multiContextMenu, setMultiContextMenu] = useState25({ visible: false, x: 0, y: 0, nodeIds: null });
+  const [relationshipMenu, setRelationshipMenu] = useState25({ visible: false, x: 0, y: 0, linkObject: null });
+  const [creationMode, setCreationMode] = useState25({ isActive: false, sourceNodeData: null });
+  const [versionMode, setVersionMode] = useState25({ isActive: false, sourceNodeData: null });
+  const [questMode, setQuestMode] = useState25({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState25(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState25(false);
+  const [ancestryMode, setAncestryMode] = useState25({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+  const [readingMode, setReadingMode] = useState25({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState24({ left: 16, top: 16, opacity: 0 });
-  const [detailsNode, setDetailsNode] = useState24(null);
-  const [detailsLink, setDetailsLink] = useState24(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState24(null);
-  const [imageViewer, setImageViewer] = useState24({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = useState24({ visible: false, data: null, path: null });
-  const [isImportModalOpen, setIsImportModalOpen] = useState24(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState24("");
-  const [highlightedNodeId, setHighlightedNodeId] = useState24(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState24(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState24([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState24(false);
-  const mountRef = useRef18(null);
-  const tooltipRef = useRef18(null);
-  const formRef = useRef18(null);
-  const stateRef = useRef18({
+  const [formPosition, setFormPosition] = useState25({ left: 16, top: 16, opacity: 0 });
+  const [detailsNode, setDetailsNode] = useState25(null);
+  const [detailsLink, setDetailsLink] = useState25(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState25(null);
+  const [imageViewer, setImageViewer] = useState25({ visible: false, images: [], startIndex: 0 });
+  const [editingAncestryRel, setEditingAncestryRel] = useState25({ visible: false, data: null, path: null });
+  const [isImportModalOpen, setIsImportModalOpen] = useState25(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState25("");
+  const [highlightedNodeId, setHighlightedNodeId] = useState25(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState25(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState25([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState25(false);
+  const mountRef = useRef19(null);
+  const tooltipRef = useRef19(null);
+  const formRef = useRef19(null);
+  const stateRef = useRef19({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -10131,10 +10451,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  useEffect21(() => {
+  useEffect22(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  useEffect21(() => {
+  useEffect22(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -10631,7 +10951,7 @@ function XViewScene({
       }
     });
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -10735,7 +11055,7 @@ function XViewScene({
     }
     return mesh;
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -13106,7 +13426,7 @@ function XViewScene({
   }, [sceneVersion, isInitialized]);
   const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(String(creationMode.sourceNodeData.id))) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  useEffect21(() => {
+  useEffect22(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -13120,7 +13440,7 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusNodeId, hasFocusedInitial, tweenToTarget]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find((a) => String(a.ancestry_id) === String(focusAncestryId));
@@ -13134,7 +13454,7 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
-  useEffect21(() => {
+  useEffect22(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
@@ -13235,20 +13555,20 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ React24.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ React25.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React24.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React24.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React24.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-16 h-16 mx-auto" }, /* @__PURE__ */ React24.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }))), /* @__PURE__ */ React24.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React24.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ React24.createElement(
+    return /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React25.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React25.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React25.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-16 h-16 mx-auto" }, /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }))), /* @__PURE__ */ React25.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React25.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ React25.createElement(
       "button",
       {
         onClick: () => router.push("/dashboard/scenes"),
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium"
       },
-      /* @__PURE__ */ React24.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-5 h-5" }, /* @__PURE__ */ React24.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
+      /* @__PURE__ */ React25.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-5 h-5" }, /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     "div",
     {
       ref: mountRef,
@@ -13260,7 +13580,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React24.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React25.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -13280,7 +13600,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React24.createElement(
+    creationMode.isActive && /* @__PURE__ */ React25.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -13305,7 +13625,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React24.createElement(
+    versionMode.isActive && /* @__PURE__ */ React25.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -13324,7 +13644,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React24.createElement(
+    questMode.isActive && /* @__PURE__ */ React25.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -13341,13 +13661,13 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React24.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React25.createElement(
       "div",
       {
         className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
         style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${readModeWidth}px`, maxWidth: "92vw" }
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -13358,7 +13678,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -13393,7 +13713,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React24.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React25.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -13420,7 +13740,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React24.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React25.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -13434,7 +13754,28 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && /* @__PURE__ */ React24.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React25.createElement(
+      QuestDetailsPanel,
+      {
+        node: detailsNode,
+        onClose: () => setDetailsNode(null),
+        onSave: (data) => userActionHandlers.handleSaveNodeDetails(actionHandlerContext, data),
+        onNameChange: handleDetailNodeNameChange,
+        onColorChange: handleDetailNodeColorChange,
+        onSizeChange: handleDetailNodeSizeChange,
+        onDataUpdate: setDetailsNode,
+        onOpenImageViewer: handleOpenImageViewer,
+        existingTypes: existingNodeTypes,
+        availableNodes: allAvailableNodes,
+        availableAncestries: allAvailableAncestries,
+        onOpenReference: handleOpenReference,
+        onMentionClick: handleAddExistingNode,
+        onUploadFile: upload_file_action,
+        userRole: userPermissionRole,
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
+      }
+    ),
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React25.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -13461,7 +13802,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React24.createElement(
+    detailsLink && /* @__PURE__ */ React25.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -13475,7 +13816,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React24.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React25.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -13486,7 +13827,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -13513,7 +13854,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -13536,7 +13877,7 @@ function XViewScene({
         onFocusNode: handleFocusNode
       }
     ),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -13547,7 +13888,7 @@ function XViewScene({
         onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(actionHandlerContext, ids)
       }
     ),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -13565,8 +13906,8 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React24.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
+    /* @__PURE__ */ React25.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -13579,7 +13920,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,