@lv-x-software-house/x_view 1.2.5-dev.30 → 1.2.5-dev.32

package/dist/index.mjs

@@ -3636,8 +3636,8 @@ function createTimelineEntry(actorId, description, type = "comment", extras = {}
 
 // src/components/CustomPropertyDisplay.jsx
 import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
-import { FiCheck as FiCheck2, FiX as FiX2, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown as FiChevronDown2, FiUpload, FiLoader as FiLoader2 } from "react-icons/fi";
-function CustomPropertyDisplay2({
+import { FiCheck, FiX, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
+function CustomPropertyDisplay({
   prop,
   onUpdate,
   onRemove,
@@ -3803,7 +3803,7 @@ function CustomPropertyDisplay2({
         className: "w-full flex items-center justify-between gap-2 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 hover:bg-slate-700/70 transition-colors"
       },
       /* @__PURE__ */ React3.createElement("span", { className: "truncate" }, currentTypeLabel),
-      /* @__PURE__ */ React3.createElement(FiChevronDown2, { className: `text-slate-400 transition-transform ${isTypeDropdownOpen ? "rotate-180" : ""}` })
+      /* @__PURE__ */ React3.createElement(FiChevronDown, { className: `text-slate-400 transition-transform ${isTypeDropdownOpen ? "rotate-180" : ""}` })
     ), isTypeDropdownOpen && /* @__PURE__ */ React3.createElement("ul", { className: "absolute right-0 top-full mt-1 z-50 w-32 bg-slate-800 border border-white/10 rounded-lg shadow-xl overflow-y-auto max-h-48 custom-scrollbar py-1" }, availableOptions.map((opt) => /* @__PURE__ */ React3.createElement("li", { key: opt.value }, /* @__PURE__ */ React3.createElement(
       "button",
       {
@@ -3922,12 +3922,12 @@ function CustomPropertyDisplay2({
               className: "flex-shrink-0 w-7 h-7 grid place-items-center bg-indigo-600/60 hover:bg-indigo-600 rounded-lg text-white text-xs transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
               title: "Upload de Arquivo"
             },
-            uploadingItemIndex === itemIndex ? /* @__PURE__ */ React3.createElement(FiLoader2, { className: "animate-spin" }) : /* @__PURE__ */ React3.createElement(FiUpload, { size: 12 })
+            uploadingItemIndex === itemIndex ? /* @__PURE__ */ React3.createElement(FiLoader, { className: "animate-spin" }) : /* @__PURE__ */ React3.createElement(FiUpload, { size: 12 })
           ), /* @__PURE__ */ React3.createElement("button", { type: "button", onClick: () => handleRemoveListItem(itemIndex), className: "flex-shrink-0 w-7 h-7 grid place-items-center bg-red-600/60 hover:bg-red-600 rounded-full text-xs font-bold transition-colors", "aria-label": "Remover item" }, "\xD7"))), /* @__PURE__ */ React3.createElement("button", { type: "button", onClick: () => handleAddListItem(), className: "mt-1 w-full px-2 py-1.5 bg-slate-700/70 hover:bg-slate-600 rounded-md transition-colors text-xs" }, "Adicionar Item"));
         default:
           return /* @__PURE__ */ React3.createElement("input", { type: "text", placeholder: "Valor", value: tempProp.value, onChange: (e) => handlePropChange("value", e.target.value), className: baseInput });
       }
-    })()), /* @__PURE__ */ React3.createElement("div", { className: "flex justify-end items-center gap-2 pt-1" }, /* @__PURE__ */ React3.createElement("button", { onClick: handleCancel, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiX2, { className: "text-red-400" })), /* @__PURE__ */ React3.createElement("button", { onClick: handleSave, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiCheck2, { className: "text-green-400" }))));
+    })()), /* @__PURE__ */ React3.createElement("div", { className: "flex justify-end items-center gap-2 pt-1" }, /* @__PURE__ */ React3.createElement("button", { onClick: handleCancel, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiX, { className: "text-red-400" })), /* @__PURE__ */ React3.createElement("button", { onClick: handleSave, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiCheck, { className: "text-green-400" }))));
   };
   const renderDisplayView = () => /* @__PURE__ */ React3.createElement("div", { className: "w-full space-y-2 text-sm" }, /* @__PURE__ */ React3.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React3.createElement("p", { className: "font-semibold text-slate-200" }, prop.key), /* @__PURE__ */ React3.createElement("span", { className: "text-xs capitalize bg-slate-700/50 px-2 py-0.5 rounded text-slate-400" }, prop.type)), /* @__PURE__ */ React3.createElement("div", { className: "text-slate-300 pl-1" }, (() => {
     switch (prop.type) {
@@ -3962,7 +3962,7 @@ function CustomPropertyDisplay2({
               style: { backgroundImage: `url(${item.value})` },
               title: isTextureMode ? "Usar esta imagem no node" : `Ver imagem: ${item.name}`
             }
-          ), isSelected && /* @__PURE__ */ React3.createElement("div", { className: "absolute -top-2 -right-2 bg-green-500 text-white rounded-full p-0.5 shadow-sm" }, /* @__PURE__ */ React3.createElement(FiCheck2, { size: 12 })));
+          ), isSelected && /* @__PURE__ */ React3.createElement("div", { className: "absolute -top-2 -right-2 bg-green-500 text-white rounded-full p-0.5 shadow-sm" }, /* @__PURE__ */ React3.createElement(FiCheck, { size: 12 })));
         }));
       case "links":
         return /* @__PURE__ */ React3.createElement("ul", { className: "space-y-1.5 max-h-40 overflow-y-auto custom-scrollbar" }, Array.isArray(prop.value) && prop.value.map((item) => /* @__PURE__ */ React3.createElement("li", { key: item.id }, /* @__PURE__ */ React3.createElement("a", { href: item.value, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 text-indigo-400 hover:text-indigo-300 hover:underline transition-colors" }, item.name, /* @__PURE__ */ React3.createElement(FiExternalLink, { className: "opacity-60", size: 12 })))));
@@ -3998,15 +3998,15 @@ function CustomPropertyDisplay2({
 }
 
 // src/components/AncestryRelationshipPanel.jsx
-import { FiPlus as FiPlus2, FiEdit2 as FiEdit23, FiBookOpen as FiBookOpen2 } from "react-icons/fi";
+import { FiPlus, FiEdit2 as FiEdit22, FiBookOpen } from "react-icons/fi";
 
 // src/components/DescriptionEditModal.jsx
 import React5, { useState as useState6, useEffect as useEffect5, useRef as useRef5, useMemo as useMemo4 } from "react";
-import { FiType, FiList, FiCode, FiLink as FiLink3, FiAtSign, FiSearch as FiSearch3, FiHexagon as FiHexagon2, FiGlobe, FiImage, FiCheckSquare } from "react-icons/fi";
+import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage as FiImage2, FiCheckSquare } from "react-icons/fi";
 
 // src/components/SectionImportModal.jsx
 import React4, { useState as useState5, useMemo as useMemo3, useRef as useRef4, useEffect as useEffect4 } from "react";
-import { FiSearch as FiSearch2, FiLayers as FiLayers2, FiHexagon, FiClock, FiCheck as FiCheck3, FiCopy, FiTerminal, FiChevronDown as FiChevronDown3, FiChevronRight, FiDownload, FiLink as FiLink2 } from "react-icons/fi";
+import { FiSearch, FiLayers as FiLayers2, FiHexagon, FiClock, FiCheck as FiCheck2, FiCopy, FiTerminal, FiChevronDown as FiChevronDown2, FiChevronRight, FiDownload, FiLink } from "react-icons/fi";
 var CodeBlock = ({ content, isActive, onClick }) => {
   const [isExpanded, setIsExpanded] = useState5(false);
   const [copied, setCopied] = useState5(false);
@@ -4037,7 +4037,7 @@ var CodeBlock = ({ content, isActive, onClick }) => {
         className: "flex items-center gap-2 cursor-pointer opacity-80 hover:opacity-100 transition-opacity",
         onClick: toggleExpand
       },
-      isLongCode ? isExpanded ? /* @__PURE__ */ React4.createElement(FiChevronDown3, { size: 14 }) : /* @__PURE__ */ React4.createElement(FiChevronRight, { size: 14 }) : /* @__PURE__ */ React4.createElement(FiTerminal, { size: 14 }),
+      isLongCode ? isExpanded ? /* @__PURE__ */ React4.createElement(FiChevronDown2, { size: 14 }) : /* @__PURE__ */ React4.createElement(FiChevronRight, { size: 14 }) : /* @__PURE__ */ React4.createElement(FiTerminal, { size: 14 }),
       /* @__PURE__ */ React4.createElement("span", { className: "text-xs font-mono font-medium text-slate-400" }, "Code")
     ), /* @__PURE__ */ React4.createElement(
       "button",
@@ -4046,7 +4046,7 @@ var CodeBlock = ({ content, isActive, onClick }) => {
         className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white",
         title: "Copiar c\xF3digo"
       },
-      copied ? /* @__PURE__ */ React4.createElement(FiCheck3, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ React4.createElement(FiCopy, { size: 12 }),
+      copied ? /* @__PURE__ */ React4.createElement(FiCheck2, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ React4.createElement(FiCopy, { size: 12 }),
       copied ? /* @__PURE__ */ React4.createElement("span", { className: "text-emerald-400" }, "Copiado") : /* @__PURE__ */ React4.createElement("span", null, "Copiar")
     )),
     /* @__PURE__ */ React4.createElement("div", { className: `relative ${!isExpanded && isLongCode ? "max-h-24 overflow-hidden" : ""}` }, /* @__PURE__ */ React4.createElement("pre", { className: "p-3 text-xs sm:text-sm font-mono text-slate-300 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React4.createElement("code", null, cleanContent)), !isExpanded && isLongCode && /* @__PURE__ */ React4.createElement(
@@ -4239,10 +4239,10 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
     if (isRef) {
       const resolved = resolveDescriptionReference(trimmed, availableNodes, availableAncestries);
       if (resolved == null ? void 0 : resolved.error) {
-        return /* @__PURE__ */ React4.createElement("div", { className: "my-2 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-200 text-xs flex gap-2 items-center" }, /* @__PURE__ */ React4.createElement(FiLink2, null), " Erro na refer\xEAncia: ", resolved.error);
+        return /* @__PURE__ */ React4.createElement("div", { className: "my-2 p-3 rounded border border-red-500/30 bg-red-500/10 text-red-200 text-xs flex gap-2 items-center" }, /* @__PURE__ */ React4.createElement(FiLink, null), " Erro na refer\xEAncia: ", resolved.error);
       }
       if (resolved) {
-        return /* @__PURE__ */ React4.createElement("div", { className: "my-2 relative group" }, /* @__PURE__ */ React4.createElement("div", { className: "absolute -left-3 top-0 bottom-0 w-1 bg-emerald-500/50 rounded-full" }), /* @__PURE__ */ React4.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React4.createElement("div", { className: "text-[10px] text-emerald-400 mb-1 flex items-center gap-1 opacity-70 select-none" }, /* @__PURE__ */ React4.createElement(FiLink2, null), " Vinculado de: ", /* @__PURE__ */ React4.createElement("span", { className: "font-semibold" }, resolved.sourceName)), /* @__PURE__ */ React4.createElement("div", { className: "text-slate-300 opacity-90" }, resolved.content.split("\n").map((line, i) => /* @__PURE__ */ React4.createElement("div", { key: i }, formatLineContent(line))))));
+        return /* @__PURE__ */ React4.createElement("div", { className: "my-2 relative group" }, /* @__PURE__ */ React4.createElement("div", { className: "absolute -left-3 top-0 bottom-0 w-1 bg-emerald-500/50 rounded-full" }), /* @__PURE__ */ React4.createElement("div", { className: "pl-2" }, /* @__PURE__ */ React4.createElement("div", { className: "text-[10px] text-emerald-400 mb-1 flex items-center gap-1 opacity-70 select-none" }, /* @__PURE__ */ React4.createElement(FiLink, null), " Vinculado de: ", /* @__PURE__ */ React4.createElement("span", { className: "font-semibold" }, resolved.sourceName)), /* @__PURE__ */ React4.createElement("div", { className: "text-slate-300 opacity-90" }, resolved.content.split("\n").map((line, i) => /* @__PURE__ */ React4.createElement("div", { key: i }, formatLineContent(line))))));
       }
     }
     return null;
@@ -4256,7 +4256,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
       onClick: swallow
     },
     /* @__PURE__ */ React4.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4 border-b border-white/5 bg-white/5" }, /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("h2", { className: "text-xl font-semibold tracking-tight" }, "Biblioteca de Se\xE7\xF5es"), /* @__PURE__ */ React4.createElement("p", { className: "text-xs text-slate-400" }, "Navegue e importe conte\xFAdo de outros Nodes ou Ancestralidades.")), /* @__PURE__ */ React4.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" }, "\xD7")),
-    /* @__PURE__ */ React4.createElement("div", { className: "flex flex-1 overflow-hidden relative" }, /* @__PURE__ */ React4.createElement("div", { className: "w-1/3 min-w-[280px] border-r border-white/10 flex flex-col bg-slate-900/50 relative z-20" }, /* @__PURE__ */ React4.createElement("div", { className: "p-3 border-b border-white/5" }, /* @__PURE__ */ React4.createElement("div", { className: "relative" }, /* @__PURE__ */ React4.createElement(FiSearch2, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" }), /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React4.createElement("div", { className: "flex flex-1 overflow-hidden relative" }, /* @__PURE__ */ React4.createElement("div", { className: "w-1/3 min-w-[280px] border-r border-white/10 flex flex-col bg-slate-900/50 relative z-20" }, /* @__PURE__ */ React4.createElement("div", { className: "p-3 border-b border-white/5" }, /* @__PURE__ */ React4.createElement("div", { className: "relative" }, /* @__PURE__ */ React4.createElement(FiSearch, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" }), /* @__PURE__ */ React4.createElement(
       "input",
       {
         ref: inputRef,
@@ -4387,7 +4387,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
       /* @__PURE__ */ React4.createElement(FiDownload, { className: "text-indigo-200" }),
       "Importar ",
       selectedIndices.size > 1 ? `${selectedIndices.size} Se\xE7\xF5es` : "Se\xE7\xE3o"
-    ))) : /* @__PURE__ */ React4.createElement("div", { className: "flex-1 flex flex-col items-center justify-center text-slate-500" }, /* @__PURE__ */ React4.createElement("div", { className: "w-16 h-16 rounded-full bg-white/5 flex items-center justify-center mb-4" }, /* @__PURE__ */ React4.createElement(FiSearch2, { size: 24, className: "opacity-50" })), /* @__PURE__ */ React4.createElement("p", null, "Selecione um item \xE0 esquerda para visualizar suas se\xE7\xF5es."))))
+    ))) : /* @__PURE__ */ React4.createElement("div", { className: "flex-1 flex flex-col items-center justify-center text-slate-500" }, /* @__PURE__ */ React4.createElement("div", { className: "w-16 h-16 rounded-full bg-white/5 flex items-center justify-center mb-4" }, /* @__PURE__ */ React4.createElement(FiSearch, { size: 24, className: "opacity-50" })), /* @__PURE__ */ React4.createElement("p", null, "Selecione um item \xE0 esquerda para visualizar suas se\xE7\xF5es."))))
   ));
 }
 
@@ -4408,7 +4408,7 @@ var normalizeText = (text) => {
   if (!text) return "";
   return text.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 };
-function DescriptionEditModal2({
+function DescriptionEditModal({
   isOpen,
   title,
   initialValue,
@@ -4749,7 +4749,7 @@ ${space}${bullet} `);
         className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Inserir Imagem (Propriedade ou URL)"
       },
-      /* @__PURE__ */ React5.createElement(FiImage, { size: 12 }),
+      /* @__PURE__ */ React5.createElement(FiImage2, { size: 12 }),
       " Imagem"
     ), /* @__PURE__ */ React5.createElement(
       "button",
@@ -4767,7 +4767,7 @@ ${space}${bullet} `);
         className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Importar Se\xE7\xE3o de outro Node"
       },
-      /* @__PURE__ */ React5.createElement(FiLink3, { size: 12 }),
+      /* @__PURE__ */ React5.createElement(FiLink2, { size: 12 }),
       " Importar Se\xE7\xE3o"
     ), /* @__PURE__ */ React5.createElement(
       "button",
@@ -4789,7 +4789,7 @@ ${space}${bullet} `);
         autoFocus: true,
         className: "w-full flex-1 h-full bg-slate-800/70 p-4 text-sm leading-relaxed rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 custom-scrollbar font-mono resize-none"
       }
-    ), isMentionModalOpen && /* @__PURE__ */ React5.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm rounded-lg" }, /* @__PURE__ */ React5.createElement("div", { className: "w-[90%] max-w-[400px] max-h-[80%] flex flex-col bg-slate-900 border border-white/20 rounded-xl shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-150 relative" }, /* @__PURE__ */ React5.createElement("div", { className: "p-3 border-b border-white/10 flex items-center gap-2 bg-slate-950/50" }, /* @__PURE__ */ React5.createElement(FiSearch3, { className: "text-slate-400" }), /* @__PURE__ */ React5.createElement(
+    ), isMentionModalOpen && /* @__PURE__ */ React5.createElement("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm rounded-lg" }, /* @__PURE__ */ React5.createElement("div", { className: "w-[90%] max-w-[400px] max-h-[80%] flex flex-col bg-slate-900 border border-white/20 rounded-xl shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-150 relative" }, /* @__PURE__ */ React5.createElement("div", { className: "p-3 border-b border-white/10 flex items-center gap-2 bg-slate-950/50" }, /* @__PURE__ */ React5.createElement(FiSearch2, { className: "text-slate-400" }), /* @__PURE__ */ React5.createElement(
       "input",
       {
         type: "text",
@@ -4888,7 +4888,7 @@ ${space}${bullet} `);
 
 // src/components/DescriptionDisplay.jsx
 import React6, { useMemo as useMemo5, useState as useState7, useEffect as useEffect6, useRef as useRef6 } from "react";
-import { FiCopy as FiCopy2, FiCheck as FiCheck4, FiChevronDown as FiChevronDown4, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage2, FiSave } from "react-icons/fi";
+import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage3, FiSave } from "react-icons/fi";
 var CodeBlock2 = ({ content, isActive, onClick }) => {
   const [isExpanded, setIsExpanded] = useState7(false);
   const [copied, setCopied] = useState7(false);
@@ -4919,7 +4919,7 @@ var CodeBlock2 = ({ content, isActive, onClick }) => {
         className: "flex items-center gap-2 cursor-pointer opacity-80 hover:opacity-100 transition-opacity",
         onClick: toggleExpand
       },
-      isLongCode ? isExpanded ? /* @__PURE__ */ React6.createElement(FiChevronDown4, { size: 14 }) : /* @__PURE__ */ React6.createElement(FiChevronRight2, { size: 14 }) : /* @__PURE__ */ React6.createElement(FiTerminal2, { size: 14 }),
+      isLongCode ? isExpanded ? /* @__PURE__ */ React6.createElement(FiChevronDown3, { size: 14 }) : /* @__PURE__ */ React6.createElement(FiChevronRight2, { size: 14 }) : /* @__PURE__ */ React6.createElement(FiTerminal2, { size: 14 }),
       /* @__PURE__ */ React6.createElement("span", { className: "text-xs font-mono font-medium text-slate-400" }, "Code")
     ), /* @__PURE__ */ React6.createElement(
       "button",
@@ -4927,7 +4927,7 @@ var CodeBlock2 = ({ content, isActive, onClick }) => {
         onClick: handleCopy,
         className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white"
       },
-      copied ? /* @__PURE__ */ React6.createElement(FiCheck4, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ React6.createElement(FiCopy2, { size: 12 }),
+      copied ? /* @__PURE__ */ React6.createElement(FiCheck3, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ React6.createElement(FiCopy2, { size: 12 }),
       copied ? /* @__PURE__ */ React6.createElement("span", { className: "text-emerald-400" }, "Copiado") : /* @__PURE__ */ React6.createElement("span", null, "Copiar")
     )),
     /* @__PURE__ */ React6.createElement("div", { className: `relative ${!isExpanded && isLongCode ? "max-h-24 overflow-hidden" : ""}` }, /* @__PURE__ */ React6.createElement("pre", { className: "p-3 text-xs sm:text-sm font-mono text-slate-300 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React6.createElement("code", null, cleanContent)), !isExpanded && isLongCode && /* @__PURE__ */ React6.createElement(
@@ -4985,7 +4985,7 @@ var renderTextWithImages = (text, onImageClick) => {
           },
           className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5"
         },
-        /* @__PURE__ */ React6.createElement(FiImage2, { size: 11 }),
+        /* @__PURE__ */ React6.createElement(FiImage3, { size: 11 }),
         /* @__PURE__ */ React6.createElement("span", null, name)
       );
     }
@@ -5066,7 +5066,7 @@ var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionInd
                         ${isChecked ? "bg-indigo-500 border-indigo-500 shadow-[0_0_8px_rgba(99,102,241,0.4)]" : "border-slate-500 bg-slate-900/50 hover:border-slate-400 group-hover/checkbox:border-slate-400"}
                     `
       },
-      isChecked && /* @__PURE__ */ React6.createElement(FiCheck4, { size: 12, className: "text-white" })
+      isChecked && /* @__PURE__ */ React6.createElement(FiCheck3, { size: 12, className: "text-white" })
     ), /* @__PURE__ */ React6.createElement(
       "span",
       {
@@ -5092,7 +5092,7 @@ var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionInd
   }
   return /* @__PURE__ */ React6.createElement("span", { className: "break-words" }, processContent(line));
 };
-function DescriptionDisplay2({
+function DescriptionDisplay({
   description,
   savedSections,
   availableNodes = [],
@@ -5355,7 +5355,7 @@ function DescriptionDisplay2({
 import React7, { useState as useState8, useMemo as useMemo6, useEffect as useEffect7 } from "react";
 import {
   FiArrowLeft,
-  FiEdit2 as FiEdit22,
+  FiEdit2,
   FiLayers as FiLayers3,
   FiChevronLeft,
   FiChevronRight as FiChevronRight3,
@@ -5365,8 +5365,8 @@ import {
   FiAlignLeft,
   FiGitBranch,
   FiFolder,
-  FiLink as FiLink4,
-  FiCheck as FiCheck5
+  FiLink as FiLink3,
+  FiCheck as FiCheck4
 } from "react-icons/fi";
 var findNodePath = (tree, targetNodeId, currentPath = []) => {
   var _a;
@@ -5568,7 +5568,7 @@ function DescriptionReadModePanel({
         className: `p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-indigo-400"}`,
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Ancestralidade"
       },
-      isLinkCopied ? /* @__PURE__ */ React7.createElement(FiCheck5, { size: 12 }) : /* @__PURE__ */ React7.createElement(FiLink4, { size: 12 })
+      isLinkCopied ? /* @__PURE__ */ React7.createElement(FiCheck4, { size: 12 }) : /* @__PURE__ */ React7.createElement(FiLink3, { size: 12 })
     )), /* @__PURE__ */ React7.createElement("h2", { className: "text-lg sm:text-xl font-semibold tracking-tight text-white truncate", title }, title || "Sem T\xEDtulo"))), /* @__PURE__ */ React7.createElement("div", { className: "flex items-center gap-2 flex-shrink-0" }, hasCustomProps && /* @__PURE__ */ React7.createElement(
       "button",
       {
@@ -5603,7 +5603,7 @@ function DescriptionReadModePanel({
         className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-slate-300 hover:text-white",
         title: "Editar Descri\xE7\xE3o / Estrutura"
       },
-      /* @__PURE__ */ React7.createElement(FiEdit22, { size: 16 })
+      /* @__PURE__ */ React7.createElement(FiEdit2, { size: 16 })
     ), /* @__PURE__ */ React7.createElement(
       "button",
       {
@@ -5647,7 +5647,7 @@ function DescriptionReadModePanel({
         targetRenderNodeId
       }
     ))) : showProperties ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300" }, customProperties.map((prop) => /* @__PURE__ */ React7.createElement(
-      CustomPropertyDisplay2,
+      CustomPropertyDisplay,
       {
         key: prop.id,
         prop,
@@ -5659,7 +5659,7 @@ function DescriptionReadModePanel({
         onOpenImageViewer: null
       }
     ))) : /* @__PURE__ */ React7.createElement(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         description,
         savedSections,
@@ -5808,7 +5808,7 @@ function AncestryRelationshipPanel({
           onSaveDescription: handleSaveDescriptionInline
         }
       ) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React8.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React8.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-cyan-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React8.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ React8.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ React8.createElement("button", { onClick: onClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React8.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ React8.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__ */ React8.createElement(
-        DescriptionDisplay2,
+        DescriptionDisplay,
         {
           description,
           savedSections: existingSections,
@@ -5827,7 +5827,7 @@ function AncestryRelationshipPanel({
           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__ */ React8.createElement(FiBookOpen2, { size: 14 })
+        /* @__PURE__ */ React8.createElement(FiBookOpen, { size: 14 })
       ), /* @__PURE__ */ React8.createElement(
         "button",
         {
@@ -5836,7 +5836,7 @@ function AncestryRelationshipPanel({
           className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
           title: "Editar descri\xE7\xE3o"
         },
-        /* @__PURE__ */ React8.createElement(FiEdit23, { size: 14 })
+        /* @__PURE__ */ React8.createElement(FiEdit22, { size: 14 })
       )), !description && /* @__PURE__ */ React8.createElement(
         "div",
         {
@@ -5844,8 +5844,8 @@ function AncestryRelationshipPanel({
           className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
         },
         "Adicionar descri\xE7\xE3o..."
-      )), /* @__PURE__ */ React8.createElement("p", { className: "text-xs text-slate-400 italic" }, "Esta descri\xE7\xE3o aparecer\xE1 ao passar o mouse sobre a linha de conex\xE3o na cena 3D.")), /* @__PURE__ */ React8.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React8.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React8.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__ */ React8.createElement(FiPlus2, { size: 14 }), " Adicionar")), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col gap-3 p-3 rounded-lg bg-black/20 border border-white/5" }, customProps.length === 0 && /* @__PURE__ */ React8.createElement("p", { className: "text-center text-sm text-slate-400 py-4" }, "Nenhuma propriedade adicional."), customProps.map((prop, idx) => /* @__PURE__ */ React8.createElement(
-        CustomPropertyDisplay2,
+      )), /* @__PURE__ */ React8.createElement("p", { className: "text-xs text-slate-400 italic" }, "Esta descri\xE7\xE3o aparecer\xE1 ao passar o mouse sobre a linha de conex\xE3o na cena 3D.")), /* @__PURE__ */ React8.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React8.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React8.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__ */ React8.createElement(FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ React8.createElement("div", { className: "flex flex-col gap-3 p-3 rounded-lg bg-black/20 border border-white/5" }, customProps.length === 0 && /* @__PURE__ */ React8.createElement("p", { className: "text-center text-sm text-slate-400 py-4" }, "Nenhuma propriedade adicional."), customProps.map((prop, idx) => /* @__PURE__ */ React8.createElement(
+        CustomPropertyDisplay,
         {
           key: prop.id,
           prop,
@@ -5858,7 +5858,7 @@ function AncestryRelationshipPanel({
       )), /* @__PURE__ */ React8.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React8.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__ */ React8.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" }, "Cancelar"), /* @__PURE__ */ React8.createElement("button", { onClick: handleSave, className: "px-4 py-2 rounded-lg bg-gradient-to-tr from-cyan-600 to-cyan-400 hover:from-cyan-500 hover:to-cyan-300 transition-colors font-semibold text-sm shadow-[0_8px_24px_rgba(45,212,191,0.35)]" }, "Salvar Altera\xE7\xF5es")))
     )
   ), isDescriptionModalOpen && /* @__PURE__ */ React8.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: "Editar Descri\xE7\xE3o da Rela\xE7\xE3o",
@@ -5877,11 +5877,11 @@ function AncestryRelationshipPanel({
 // src/components/CreateAncestryPanel.jsx
 import React10, { useState as useState11, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef8, useCallback as useCallback2 } from "react";
 import {
-  FiEdit2 as FiEdit24,
-  FiBookOpen as FiBookOpen3,
+  FiEdit2 as FiEdit23,
+  FiBookOpen as FiBookOpen2,
   FiFolder as FiFolder2,
   FiMousePointer,
-  FiCheck as FiCheck6,
+  FiCheck as FiCheck5,
   FiLayers as FiLayers5,
   FiArrowLeft as FiArrowLeft2,
   FiChevronLeft as FiChevronLeft2,
@@ -5889,15 +5889,15 @@ import {
   FiCornerUpLeft as FiCornerUpLeft2,
   FiCornerUpRight as FiCornerUpRight3,
   FiGitBranch as FiGitBranch2,
-  FiPlus as FiPlus3,
+  FiPlus as FiPlus2,
   FiLock,
-  FiLink as FiLink5,
+  FiLink as FiLink4,
   FiTrash2 as FiTrash22
 } from "react-icons/fi";
 
 // src/components/AncestryPickerModal.jsx
 import React9, { useState as useState10, useMemo as useMemo7, useEffect as useEffect9 } from "react";
-import { FiSearch as FiSearch4, FiLayers as FiLayers4, FiCornerUpRight as FiCornerUpRight2 } from "react-icons/fi";
+import { FiSearch as FiSearch3, FiLayers as FiLayers4, FiCornerUpRight as FiCornerUpRight2 } from "react-icons/fi";
 function AncestryPickerModal({
   isOpen,
   onClose,
@@ -5946,7 +5946,7 @@ function AncestryPickerModal({
     });
   }, [availableAncestries, searchTerm, currentAncestryId, nodeNamesMap]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React9.createElement("div", { className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-4", onClick: onClose }, /* @__PURE__ */ React9.createElement("div", { className: "bg-slate-900 border border-white/10 rounded-xl w-full max-w-md flex flex-col shadow-2xl overflow-hidden max-h-[80vh]", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React9.createElement("div", { className: "p-4 border-b border-white/10 bg-white/5" }, /* @__PURE__ */ React9.createElement("h3", { className: "text-lg font-semibold text-white mb-1" }, "Importar Ancestralidade"), /* @__PURE__ */ React9.createElement("p", { className: "text-xs text-slate-400" }, "Esta ancestralidade ser\xE1 carregada dinamicamente como uma ramifica\xE7\xE3o.")), /* @__PURE__ */ React9.createElement("div", { className: "p-3 border-b border-white/5" }, /* @__PURE__ */ React9.createElement("div", { className: "relative" }, /* @__PURE__ */ React9.createElement(FiSearch4, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" }), /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React9.createElement("div", { className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-4", onClick: onClose }, /* @__PURE__ */ React9.createElement("div", { className: "bg-slate-900 border border-white/10 rounded-xl w-full max-w-md flex flex-col shadow-2xl overflow-hidden max-h-[80vh]", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React9.createElement("div", { className: "p-4 border-b border-white/10 bg-white/5" }, /* @__PURE__ */ React9.createElement("h3", { className: "text-lg font-semibold text-white mb-1" }, "Importar Ancestralidade"), /* @__PURE__ */ React9.createElement("p", { className: "text-xs text-slate-400" }, "Esta ancestralidade ser\xE1 carregada dinamicamente como uma ramifica\xE7\xE3o.")), /* @__PURE__ */ React9.createElement("div", { className: "p-3 border-b border-white/5" }, /* @__PURE__ */ React9.createElement("div", { className: "relative" }, /* @__PURE__ */ React9.createElement(FiSearch3, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" }), /* @__PURE__ */ React9.createElement(
     "input",
     {
       type: "text",
@@ -6071,7 +6071,7 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
     level > 0 && isEditable && /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-1 animate-in fade-in duration-200" }, !nodeData.is_section && /* @__PURE__ */ React10.createElement("button", { onClick: (e) => {
       e.stopPropagation();
       onEditRelationship(path, nodeData.relationship || {});
-    }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-cyan-500/20 text-cyan-400 transition-colors flex-shrink-0", title: "Editar detalhes da rela\xE7\xE3o" }, /* @__PURE__ */ React10.createElement(FiEdit24, { size: 12 })), /* @__PURE__ */ React10.createElement("button", { onClick: (e) => {
+    }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-cyan-500/20 text-cyan-400 transition-colors flex-shrink-0", title: "Editar detalhes da rela\xE7\xE3o" }, /* @__PURE__ */ React10.createElement(FiEdit23, { size: 12 })), /* @__PURE__ */ React10.createElement("button", { onClick: (e) => {
       e.stopPropagation();
       onRemoveNode(path);
     }, className: "w-6 h-6 grid place-content-center rounded-full hover:bg-red-500/20 text-red-400 text-lg transition-colors flex-shrink-0", title: "Remover Node" }, "\xD7"))
@@ -7284,7 +7284,7 @@ function CreateAncestryPanel({
         className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-indigo-400"}`,
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Ancestralidade"
       },
-      isLinkCopied ? /* @__PURE__ */ React10.createElement(FiCheck6, { size: 12 }) : /* @__PURE__ */ React10.createElement(FiLink5, { size: 12 })
+      isLinkCopied ? /* @__PURE__ */ React10.createElement(FiCheck5, { size: 12 }) : /* @__PURE__ */ React10.createElement(FiLink4, { size: 12 })
     )), /* @__PURE__ */ React10.createElement(
       "input",
       {
@@ -7348,7 +7348,7 @@ function CreateAncestryPanel({
       /* @__PURE__ */ React10.createElement("div", { className: "w-4 h-4 border border-slate-500 rounded flex items-center justify-center" }),
       "Usar Ancestralidade Existente como Branch"
     ))), isContextLinked ? /* @__PURE__ */ React10.createElement("div", { className: "text-center py-8 text-slate-500 text-sm border-t border-white/5" }, /* @__PURE__ */ React10.createElement("p", null, "O conte\xFAdo desta ramifica\xE7\xE3o \xE9 provido por outra ancestralidade."), /* @__PURE__ */ React10.createElement("p", { className: "mt-1 text-xs" }, "Para editar, navegue at\xE9 a ancestralidade original ou desvincule.")) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "mb-4 space-y-1.5 relative" }, /* @__PURE__ */ React10.createElement("label", { className: "text-xs text-slate-400 font-medium ml-1" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React10.createElement("div", { className: "relative" }, /* @__PURE__ */ React10.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors z-10" }, /* @__PURE__ */ React10.createElement(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         key: branchStack.length > 0 ? branchStack[branchStack.length - 1].branchId : currentAncestryId || "root",
         description,
@@ -7374,7 +7374,7 @@ function CreateAncestryPanel({
         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__ */ React10.createElement(FiBookOpen3, { size: 14 })
+      /* @__PURE__ */ React10.createElement(FiBookOpen2, { size: 14 })
     ), /* @__PURE__ */ React10.createElement(
       "button",
       {
@@ -7383,7 +7383,7 @@ function CreateAncestryPanel({
         className: "p-2 text-slate-400 hover:text-white transition-colors",
         title: "Editar descri\xE7\xE3o"
       },
-      /* @__PURE__ */ React10.createElement(FiEdit24, { size: 14 })
+      /* @__PURE__ */ React10.createElement(FiEdit23, { size: 14 })
     )), !description && /* @__PURE__ */ React10.createElement(
       "div",
       {
@@ -7401,7 +7401,7 @@ function CreateAncestryPanel({
                                                         `,
         title: sideActions.left.label
       },
-      sideActions.left.type === "create" && /* @__PURE__ */ React10.createElement(FiPlus3, { size: 20 }),
+      sideActions.left.type === "create" && /* @__PURE__ */ React10.createElement(FiPlus2, { size: 20 }),
       sideActions.left.type === "open" && /* @__PURE__ */ React10.createElement(FiChevronLeft2, { size: 20 }),
       sideActions.left.type === "back" && /* @__PURE__ */ React10.createElement(FiCornerUpLeft2, { size: 18 })
     )), sideActions.right && /* @__PURE__ */ React10.createElement("div", { className: "absolute top-1/2 -translate-y-1/2 -right-6 z-20" }, /* @__PURE__ */ React10.createElement(
@@ -7414,7 +7414,7 @@ function CreateAncestryPanel({
                                                         `,
         title: sideActions.right.label
       },
-      sideActions.right.type === "create" && /* @__PURE__ */ React10.createElement(FiPlus3, { size: 18 }),
+      sideActions.right.type === "create" && /* @__PURE__ */ React10.createElement(FiPlus2, { size: 18 }),
       sideActions.right.type === "open" && /* @__PURE__ */ React10.createElement(FiChevronRight4, { size: 18 }),
       sideActions.right.type === "back" && /* @__PURE__ */ React10.createElement(FiCornerUpRight3, { size: 16 })
     )))), /* @__PURE__ */ React10.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React10.createElement("h3", { className: "text-sm font-medium text-slate-300" }, "Propriedades Adicionais"), /* @__PURE__ */ React10.createElement(
@@ -7424,10 +7424,10 @@ function CreateAncestryPanel({
         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__ */ React10.createElement(FiPlus3, { size: 14 }),
+      /* @__PURE__ */ React10.createElement(FiPlus2, { size: 14 }),
       " Adicionar"
     )), /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React10.createElement(
-      CustomPropertyDisplay2,
+      CustomPropertyDisplay,
       {
         key: prop.id,
         prop,
@@ -7452,7 +7452,7 @@ function CreateAncestryPanel({
         className: `p-1.5 rounded-md transition-colors ${isAddingNodes ? "bg-cyan-500 text-white shadow-lg shadow-cyan-500/30" : "bg-slate-700 text-slate-400 hover:text-white hover:bg-slate-600"}`,
         title: isAddingNodes ? "Concluir edi\xE7\xE3o da estrutura" : "Editar estrutura e adicionar nodes"
       },
-      isAddingNodes ? /* @__PURE__ */ React10.createElement(FiCheck6, { size: 14 }) : /* @__PURE__ */ React10.createElement(FiEdit24, { size: 14 })
+      isAddingNodes ? /* @__PURE__ */ React10.createElement(FiCheck5, { size: 14 }) : /* @__PURE__ */ React10.createElement(FiEdit23, { size: 14 })
     ))), /* @__PURE__ */ React10.createElement("div", { className: "p-4 space-y-2" }, isAddingNodes && /* @__PURE__ */ React10.createElement("div", { className: "mb-3 p-2 rounded bg-cyan-900/20 border border-cyan-500/20 text-xs text-cyan-200 flex items-start gap-2" }, /* @__PURE__ */ React10.createElement(FiMousePointer, { className: "mt-0.5 flex-shrink-0" }), /* @__PURE__ */ React10.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React10.createElement("span", null, "Clique nos nodes do cen\xE1rio para adicion\xE1-los como filhos de: ", /* @__PURE__ */ React10.createElement("strong", { className: "text-white underline decoration-dashed" }, getSelectedParentName())), /* @__PURE__ */ React10.createElement("span", { className: "opacity-75" }, "Arraste e solte itens na lista para reorganizar a hierarquia."))), activeTree && /* @__PURE__ */ React10.createElement(
       NodeItem,
       {
@@ -7517,7 +7517,7 @@ function CreateAncestryPanel({
           className: `p-1.5 rounded-md transition-colors ${ancestryMode.isAddingAbstractionNodes ? "bg-purple-500 text-white shadow-lg shadow-purple-500/30" : "bg-slate-700 text-slate-400 hover:text-white hover:bg-slate-600"}`,
           title: "Editar estrutura da abstra\xE7\xE3o"
         },
-        ancestryMode.isAddingAbstractionNodes ? /* @__PURE__ */ React10.createElement(FiCheck6, { size: 14 }) : /* @__PURE__ */ React10.createElement(FiEdit24, { size: 14 })
+        ancestryMode.isAddingAbstractionNodes ? /* @__PURE__ */ React10.createElement(FiCheck5, { size: 14 }) : /* @__PURE__ */ React10.createElement(FiEdit23, { size: 14 })
       ))),
       /* @__PURE__ */ React10.createElement("div", { className: "p-4 space-y-2" }, ancestryMode.isAddingAbstractionNodes && /* @__PURE__ */ React10.createElement("div", { className: "mb-3 p-2 rounded bg-purple-900/20 border border-purple-500/20 text-xs text-purple-200 flex items-start gap-2" }, /* @__PURE__ */ React10.createElement(FiMousePointer, { className: "mt-0.5 flex-shrink-0" }), /* @__PURE__ */ React10.createElement("span", null, "Clique nos nodes do cen\xE1rio para adicion\xE1-los. Arraste e solte para organizar a hierarquia.")), /* @__PURE__ */ React10.createElement(
         NodeItem,
@@ -7537,7 +7537,7 @@ function CreateAncestryPanel({
           isEditable: ancestryMode.isAddingAbstractionNodes
         }
       ))
-    ), branchStack.length === 0 && /* @__PURE__ */ React10.createElement("div", { className: "mt-3 flex items-center justify-end px-1" }, /* @__PURE__ */ React10.createElement("label", { className: "flex items-center gap-2 cursor-pointer group select-none" }, /* @__PURE__ */ React10.createElement("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${isPrivate ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}` }, isPrivate && /* @__PURE__ */ React10.createElement(FiCheck6, { size: 12, className: "text-white" })), /* @__PURE__ */ React10.createElement(
+    ), branchStack.length === 0 && /* @__PURE__ */ React10.createElement("div", { className: "mt-3 flex items-center justify-end px-1" }, /* @__PURE__ */ React10.createElement("label", { className: "flex items-center gap-2 cursor-pointer group select-none" }, /* @__PURE__ */ React10.createElement("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${isPrivate ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}` }, isPrivate && /* @__PURE__ */ React10.createElement(FiCheck5, { size: 12, className: "text-white" })), /* @__PURE__ */ React10.createElement(
       "input",
       {
         type: "checkbox",
@@ -7567,7 +7567,7 @@ function CreateAncestryPanel({
       availableNodes
     }
   ), isDescriptionModalOpen && /* @__PURE__ */ React10.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: branchStack.length > 0 ? "Editar Descri\xE7\xE3o da Ramifica\xE7\xE3o" : "Editar Descri\xE7\xE3o da Ancestralidade",
@@ -7586,7 +7586,7 @@ function CreateAncestryPanel({
 
 // src/components/ImageViewer.jsx
 import React11, { useState as useState12, useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useCallback as useCallback3 } from "react";
-import { FiX as FiX3, FiChevronLeft as FiChevronLeft3, FiChevronRight as FiChevronRight5 } from "react-icons/fi";
+import { FiX as FiX2, FiChevronLeft as FiChevronLeft3, FiChevronRight as FiChevronRight5 } from "react-icons/fi";
 function ImageViewer({ data, onClose }) {
   var _a;
   const { images = [], startIndex = 0, visible } = data;
@@ -7671,7 +7671,7 @@ function ImageViewer({ data, onClose }) {
           className: "absolute top-4 right-4 z-10 w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded-full text-white text-2xl transition-colors",
           "aria-label": "Fechar"
         },
-        /* @__PURE__ */ React11.createElement(FiX3, null)
+        /* @__PURE__ */ React11.createElement(FiX2, null)
       ),
       /* @__PURE__ */ React11.createElement("div", { className: "relative max-w-full max-h-full flex items-center justify-center" }, isLoading && /* @__PURE__ */ React11.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React11.createElement("div", { className: "h-10 w-10 border-2 border-white/40 border-t-white rounded-full animate-spin" })), loadedSrc && /* @__PURE__ */ React11.createElement(
         "img",
@@ -7713,7 +7713,7 @@ import React13, { useState as useState14, useEffect as useEffect13, useRef as us
 // src/components/ColorPicker.jsx
 import React12, { useState as useState13, useEffect as useEffect12, useRef as useRef9 } from "react";
 import { HexColorPicker } from "react-colorful";
-import { FiHash, FiCheck as FiCheck7 } from "react-icons/fi";
+import { FiHash, FiCheck as FiCheck6 } from "react-icons/fi";
 var PRESET_COLORS = [
   "#ef4444",
   "#f97316",
@@ -7782,7 +7782,7 @@ function ColorPicker({ color, onChange, disabled }) {
       style: { backgroundColor: preset },
       title: preset
     },
-    (color || "").toLowerCase() === (preset || "").toLowerCase() && /* @__PURE__ */ React12.createElement(FiCheck7, { className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`, size: 12 })
+    (color || "").toLowerCase() === (preset || "").toLowerCase() && /* @__PURE__ */ React12.createElement(FiCheck6, { className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`, size: 12 })
   )))), /* @__PURE__ */ React12.createElement("style", null, `
         .custom-react-colorful .react-colorful {
           width: 100%;
@@ -7808,13 +7808,13 @@ function ColorPicker({ color, onChange, disabled }) {
 
 // src/components/InSceneCreationForm.jsx
 import {
-  FiPlus as FiPlus4,
+  FiPlus as FiPlus3,
   FiMaximize2,
-  FiX as FiX4,
-  FiCheck as FiCheck8,
-  FiEdit2 as FiEdit25,
+  FiX as FiX3,
+  FiCheck as FiCheck7,
+  FiEdit2 as FiEdit24,
   FiSun,
-  FiChevronDown as FiChevronDown5
+  FiChevronDown as FiChevronDown4
 } from "react-icons/fi";
 function InSceneCreationForm({
   onSave,
@@ -8066,7 +8066,7 @@ function InSceneCreationForm({
           onClick: () => handleRemoveType(index),
           className: "hover:text-white transition-colors"
         },
-        /* @__PURE__ */ React13.createElement(FiX4, { size: 12 })
+        /* @__PURE__ */ React13.createElement(FiX3, { size: 12 })
       )
     )), /* @__PURE__ */ React13.createElement(
       "input",
@@ -8120,7 +8120,7 @@ function InSceneCreationForm({
       },
       /* @__PURE__ */ React13.createElement("span", { className: "truncate pr-2" }, selectedDatasetName),
       /* @__PURE__ */ React13.createElement(
-        FiChevronDown5,
+        FiChevronDown4,
         {
           className: `flex-shrink-0 text-slate-400 transition-transform ${isDatasetDropdownOpen ? "rotate-180" : ""}`
         }
@@ -8137,7 +8137,7 @@ function InSceneCreationForm({
       },
       ds.name
     )))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         description,
         savedSections: [],
@@ -8155,7 +8155,7 @@ function InSceneCreationForm({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
         title: "Editar descri\xE7\xE3o (Modo de Escrita)"
       },
-      /* @__PURE__ */ React13.createElement(FiEdit25, { size: 14 })
+      /* @__PURE__ */ React13.createElement(FiEdit24, { size: 14 })
     )), !description && /* @__PURE__ */ React13.createElement(
       "div",
       {
@@ -8178,7 +8178,7 @@ function InSceneCreationForm({
           {
             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 group-hover:border-slate-500"}`
           },
-          isSelected && /* @__PURE__ */ React13.createElement(FiCheck8, { size: 12, className: "text-white" })
+          isSelected && /* @__PURE__ */ React13.createElement(FiCheck7, { size: 12, className: "text-white" })
         ),
         /* @__PURE__ */ React13.createElement(
           "span",
@@ -8193,7 +8193,7 @@ function InSceneCreationForm({
       {
         className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${useImageAsTexture ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}`
       },
-      useImageAsTexture && /* @__PURE__ */ React13.createElement(FiCheck8, { size: 12, className: "text-white" })
+      useImageAsTexture && /* @__PURE__ */ React13.createElement(FiCheck7, { size: 12, className: "text-white" })
     ), /* @__PURE__ */ React13.createElement(
       "input",
       {
@@ -8240,10 +8240,10 @@ function InSceneCreationForm({
         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__ */ React13.createElement(FiPlus4, { size: 14 }),
+      /* @__PURE__ */ React13.createElement(FiPlus3, { size: 14 }),
       " Adicionar"
     )), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React13.createElement(
-      CustomPropertyDisplay2,
+      CustomPropertyDisplay,
       {
         key: prop.id,
         prop,
@@ -8275,7 +8275,7 @@ function InSceneCreationForm({
       "Salvar"
     )))
   ), isDescriptionModalOpen && /* @__PURE__ */ React13.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: "Editar Descri\xE7\xE3o do Node",
@@ -8293,7 +8293,7 @@ function InSceneCreationForm({
 
 // src/components/InSceneVersionForm.jsx
 import React14, { useState as useState15, useEffect as useEffect14, useRef as useRef11 } from "react";
-import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize22, FiCheck as FiCheck9, FiEdit2 as FiEdit26 } from "react-icons/fi";
+import { FiPlus as FiPlus4, FiMaximize2 as FiMaximize22, FiCheck as FiCheck8, FiEdit2 as FiEdit25 } from "react-icons/fi";
 function InSceneVersionForm({
   onSave,
   onCancel,
@@ -8464,7 +8464,7 @@ function InSceneVersionForm({
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60"
       }
     )), /* @__PURE__ */ React14.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React14.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React14.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React14.createElement(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         description,
         savedSections: [],
@@ -8482,7 +8482,7 @@ function InSceneVersionForm({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
         title: "Editar descri\xE7\xE3o (Modo de Escrita)"
       },
-      /* @__PURE__ */ React14.createElement(FiEdit26, { size: 14 })
+      /* @__PURE__ */ React14.createElement(FiEdit25, { size: 14 })
     )), !description && /* @__PURE__ */ React14.createElement(
       "div",
       {
@@ -8505,7 +8505,7 @@ function InSceneVersionForm({
           {
             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 group-hover:border-slate-500"}`
           },
-          isSelected && /* @__PURE__ */ React14.createElement(FiCheck9, { size: 12, className: "text-white" })
+          isSelected && /* @__PURE__ */ React14.createElement(FiCheck8, { size: 12, className: "text-white" })
         ),
         /* @__PURE__ */ React14.createElement(
           "span",
@@ -8520,7 +8520,7 @@ function InSceneVersionForm({
       {
         className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${useImageAsTexture ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}`
       },
-      useImageAsTexture && /* @__PURE__ */ React14.createElement(FiCheck9, { size: 12, className: "text-white" })
+      useImageAsTexture && /* @__PURE__ */ React14.createElement(FiCheck8, { size: 12, className: "text-white" })
     ), /* @__PURE__ */ React14.createElement(
       "input",
       {
@@ -8555,10 +8555,10 @@ function InSceneVersionForm({
         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__ */ React14.createElement(FiPlus5, { size: 14 }),
+      /* @__PURE__ */ React14.createElement(FiPlus4, { size: 14 }),
       " Adicionar"
     )), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React14.createElement(
-      CustomPropertyDisplay2,
+      CustomPropertyDisplay,
       {
         key: prop.id,
         prop,
@@ -8590,7 +8590,7 @@ function InSceneVersionForm({
       "Salvar"
     )))
   ), isDescriptionModalOpen && /* @__PURE__ */ React14.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: "Editar Descri\xE7\xE3o da Vers\xE3o",
@@ -8609,25 +8609,25 @@ function InSceneVersionForm({
 // src/components/InSceneQuestForm.jsx
 import React16, { useState as useState17, useRef as useRef12 } from "react";
 import {
-  FiPlus as FiPlus7,
-  FiCheck as FiCheck10,
-  FiEdit2 as FiEdit27,
-  FiTarget as FiTarget2,
-  FiX as FiX6,
-  FiChevronDown as FiChevronDown7,
-  FiUser as FiUser3,
-  FiSearch as FiSearch6
+  FiPlus as FiPlus6,
+  FiCheck as FiCheck9,
+  FiEdit2 as FiEdit26,
+  FiTarget,
+  FiX as FiX5,
+  FiChevronDown as FiChevronDown6,
+  FiUser as FiUser2,
+  FiSearch as FiSearch5
 } from "react-icons/fi";
 
 // src/components/QuestReviewStackEditor.jsx
 import React15, { useState as useState16 } from "react";
 import {
-  FiPlus as FiPlus6,
-  FiX as FiX5,
-  FiUser as FiUser2,
-  FiSearch as FiSearch5,
+  FiPlus as FiPlus5,
+  FiX as FiX4,
+  FiUser,
+  FiSearch as FiSearch4,
   FiChevronUp,
-  FiChevronDown as FiChevronDown6,
+  FiChevronDown as FiChevronDown5,
   FiStar
 } from "react-icons/fi";
 function QuestReviewStackEditor({
@@ -8680,10 +8680,10 @@ function QuestReviewStackEditor({
       onClick: () => setIsAdding(true),
       className: "flex items-center gap-1 px-2 py-1 text-[10px] bg-sky-500/20 text-sky-300 border border-sky-500/30 rounded hover:bg-sky-500/30 transition-colors"
     },
-    /* @__PURE__ */ React15.createElement(FiPlus6, { size: 10 }),
+    /* @__PURE__ */ React15.createElement(FiPlus5, { size: 10 }),
     " Adicionar Camada"
   )), isAdding && /* @__PURE__ */ React15.createElement("div", { className: "bg-slate-900/50 border border-sky-500/30 rounded-lg p-2 space-y-2 animate-in fade-in slide-in-from-top-1 duration-200" }, /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
-    FiSearch5,
+    FiSearch4,
     {
       className: "absolute left-2 top-1/2 -translate-y-1/2 text-slate-500",
       size: 12
@@ -8704,7 +8704,7 @@ function QuestReviewStackEditor({
       onClick: () => setIsAdding(false),
       className: "absolute right-2 top-1/2 -translate-y-1/2 text-slate-500 hover:text-white"
     },
-    /* @__PURE__ */ React15.createElement(FiX5, { size: 14 })
+    /* @__PURE__ */ React15.createElement(FiX4, { size: 14 })
   )), /* @__PURE__ */ React15.createElement("ul", { className: "max-h-32 overflow-y-auto custom-scrollbar space-y-1" }, filteredMembers.map((m) => /* @__PURE__ */ React15.createElement(
     "li",
     {
@@ -8712,7 +8712,7 @@ function QuestReviewStackEditor({
       onClick: () => handleAddReviewer(m.id),
       className: "px-2 py-1.5 hover:bg-white/5 rounded cursor-pointer text-xs flex items-center gap-2"
     },
-    /* @__PURE__ */ React15.createElement(FiUser2, { size: 12, className: "text-slate-400" }),
+    /* @__PURE__ */ React15.createElement(FiUser, { size: 12, className: "text-slate-400" }),
     /* @__PURE__ */ React15.createElement("span", { className: "truncate" }, m.name || m.email)
   )), filteredMembers.length === 0 && /* @__PURE__ */ React15.createElement("li", { className: "text-[10px] text-slate-500 text-center py-2 italic font-light" }, "Nenhum membro encontrado"))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, reviewStack.map((item, index) => {
     const member = viewMembers.find((m) => m.id === item.userId);
@@ -8740,7 +8740,7 @@ function QuestReviewStackEditor({
           disabled: index === reviewStack.length - 1,
           className: "hover:text-sky-400 disabled:opacity-20"
         },
-        /* @__PURE__ */ React15.createElement(FiChevronDown6, { size: 12 })
+        /* @__PURE__ */ React15.createElement(FiChevronDown5, { size: 12 })
       ))),
       /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
         "span",
@@ -8765,7 +8765,7 @@ function QuestReviewStackEditor({
           onClick: () => handleRemoveReviewer(index),
           className: "p-1.5 rounded hover:bg-red-500/20 text-slate-500 hover:text-red-400 transition-colors"
         },
-        /* @__PURE__ */ React15.createElement(FiX5, { size: 14 })
+        /* @__PURE__ */ React15.createElement(FiX4, { size: 14 })
       ))
     );
   }), reviewStack.length === 0 && !isAdding && /* @__PURE__ */ React15.createElement("div", { className: "py-6 border-2 border-dashed border-white/5 rounded-xl flex flex-col items-center justify-center gap-2" }, /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-slate-500 font-light italic" }, "Nenhum revisor definido"), !readOnly && /* @__PURE__ */ React15.createElement(
@@ -8929,7 +8929,7 @@ function InSceneQuestForm({
         }
       }
     ),
-    /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Nova quest")), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Criar Quest")), /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement(FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Nova quest")), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Criar Quest")), /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -8975,7 +8975,7 @@ function InSceneQuestForm({
         }
       ), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, status)),
       /* @__PURE__ */ React16.createElement(
-        FiChevronDown7,
+        FiChevronDown6,
         {
           className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}`
         }
@@ -9012,9 +9012,9 @@ function InSceneQuestForm({
         onClick: () => setIsAssigneeDropdownOpen(!isAssigneeDropdownOpen),
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiUser3, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _a.name) || ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.email) || "Nenhum")),
+      /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiUser2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _a.name) || ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.email) || "Nenhum")),
       /* @__PURE__ */ React16.createElement(
-        FiChevronDown7,
+        FiChevronDown6,
         {
           className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}`
         }
@@ -9028,7 +9028,7 @@ function InSceneQuestForm({
           setAssigneeSearchQuery("");
         }
       }
-    ), /* @__PURE__ */ React16.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React16.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiSearch6, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React16.createElement(
+    ), /* @__PURE__ */ React16.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React16.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiSearch5, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React16.createElement(
       "input",
       {
         type: "text",
@@ -9076,7 +9076,7 @@ function InSceneQuestForm({
         viewMembers
       }
     )), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React16.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React16.createElement(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         description,
         savedSections: [],
@@ -9092,7 +9092,7 @@ function InSceneQuestForm({
         onClick: () => setIsDescriptionModalOpen(true),
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors"
       },
-      /* @__PURE__ */ React16.createElement(FiEdit27, { size: 14 })
+      /* @__PURE__ */ React16.createElement(FiEdit26, { size: 14 })
     )), !description && /* @__PURE__ */ React16.createElement(
       "div",
       {
@@ -9107,10 +9107,10 @@ function InSceneQuestForm({
         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__ */ React16.createElement(FiPlus7, { size: 14 }),
+      /* @__PURE__ */ React16.createElement(FiPlus6, { size: 14 }),
       " Adicionar"
     )), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React16.createElement(
-      CustomPropertyDisplay2,
+      CustomPropertyDisplay,
       {
         key: prop.id,
         prop,
@@ -9138,7 +9138,7 @@ function InSceneQuestForm({
         {
           className: `w-4 h-4 rounded-[4px] border flex items-center justify-center transition-all duration-200 ${size === s ? "bg-indigo-500 border-indigo-500" : "border-slate-600 bg-transparent group-hover:border-slate-500"}`
         },
-        size === s && /* @__PURE__ */ React16.createElement(FiCheck10, { size: 12, className: "text-white" })
+        size === s && /* @__PURE__ */ React16.createElement(FiCheck9, { size: 12, className: "text-white" })
       ),
       /* @__PURE__ */ React16.createElement(
         "span",
@@ -9161,7 +9161,7 @@ function InSceneQuestForm({
           onClick: () => handleRemoveType(index),
           className: "hover:text-white transition-colors"
         },
-        /* @__PURE__ */ React16.createElement(FiX6, { size: 12 })
+        /* @__PURE__ */ React16.createElement(FiX5, { size: 12 })
       )
     )), /* @__PURE__ */ React16.createElement(
       "input",
@@ -9193,7 +9193,7 @@ function InSceneQuestForm({
       "Salvar Quest"
     )))
   ), isDescriptionModalOpen && /* @__PURE__ */ React16.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: "Editar Descri\xE7\xE3o da Quest",
@@ -9209,7 +9209,7 @@ function InSceneQuestForm({
 
 // src/components/NodeDetailsPanel.jsx
 import React17, { useState as useState18, useEffect as useEffect15, useRef as useRef13 } from "react";
-import { FiPlus as FiPlus8, FiMaximize2 as FiMaximize23, FiX as FiX7, FiCheck as FiCheck11, FiImage as FiImage3, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiSun as FiSun2, FiLink as FiLink6, FiDatabase } from "react-icons/fi";
+import { FiPlus as FiPlus7, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage4, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
   onClose,
@@ -9546,7 +9546,7 @@ function NodeDetailsPanel({
         className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-indigo-400"}`,
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para este Node"
       },
-      isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 })
+      isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck10, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink5, { 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 flex-shrink-0 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" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__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 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ React17.createElement(
       "button",
       {
@@ -9554,7 +9554,7 @@ function NodeDetailsPanel({
         onClick: () => handleRemoveType(index),
         className: "hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React17.createElement(FiX7, { size: 12 })
+      /* @__PURE__ */ React17.createElement(FiX6, { size: 12 })
     ))), canEdit && /* @__PURE__ */ React17.createElement(
       "input",
       {
@@ -9597,7 +9597,7 @@ function NodeDetailsPanel({
         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 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(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         description,
         savedSections: existingSections,
@@ -9616,7 +9616,7 @@ function NodeDetailsPanel({
         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 })
+      /* @__PURE__ */ React17.createElement(FiBookOpen3, { size: 14 })
     ), canEdit && /* @__PURE__ */ React17.createElement(
       "button",
       {
@@ -9625,7 +9625,7 @@ function NodeDetailsPanel({
         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 })
+      /* @__PURE__ */ React17.createElement(FiEdit27, { size: 14 })
     )), canEdit && !description && /* @__PURE__ */ React17.createElement(
       "div",
       {
@@ -9643,10 +9643,10 @@ function NodeDetailsPanel({
           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("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(FiCheck10, { 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: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Cor e Brilho"), canEdit && hasImages && /* @__PURE__ */ React17.createElement("label", { className: "flex items-center gap-2 cursor-pointer group" }, /* @__PURE__ */ React17.createElement("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${useImageAsTexture ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}` }, useImageAsTexture && /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12, className: "text-white" })), /* @__PURE__ */ React17.createElement(
+    }))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Cor e Brilho"), canEdit && hasImages && /* @__PURE__ */ React17.createElement("label", { className: "flex items-center gap-2 cursor-pointer group" }, /* @__PURE__ */ React17.createElement("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${useImageAsTexture ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}` }, useImageAsTexture && /* @__PURE__ */ React17.createElement(FiCheck10, { size: 12, className: "text-white" })), /* @__PURE__ */ React17.createElement(
       "input",
       {
         type: "checkbox",
@@ -9674,8 +9674,8 @@ function NodeDetailsPanel({
         className: `w-full h-1.5 bg-slate-700 rounded-lg appearance-none ${canEdit ? "cursor-pointer accent-indigo-500 hover:accent-indigo-400" : "cursor-default accent-slate-500"}`,
         title: `Intensidade do brilho: ${intensity}`
       }
-    ), /* @__PURE__ */ React17.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ React17.createElement("span", { className: `text-xs block mt-1 transition-opacity ${useImageAsTexture ? "opacity-40" : "text-slate-400"}` }, useImageAsTexture ? "Cor da borda (definida pela imagem)" : "Ajuste a cor e a intensidade do brilho.")), /* @__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(FiPlus8, { size: 14 }), " Adicionar")), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React17.createElement(
-      CustomPropertyDisplay2,
+    ), /* @__PURE__ */ React17.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ React17.createElement("span", { className: `text-xs block mt-1 transition-opacity ${useImageAsTexture ? "opacity-40" : "text-slate-400"}` }, useImageAsTexture ? "Cor da borda (definida pela imagem)" : "Ajuste a cor e a intensidade do brilho.")), /* @__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,
@@ -9698,11 +9698,11 @@ function NodeDetailsPanel({
                             ${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 && /* @__PURE__ */ React17.createElement(FiLoader2, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
   ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ React17.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: "Editar Descri\xE7\xE3o do Node",
@@ -9723,6 +9723,7 @@ function NodeDetailsPanel({
 
 // src/components/QuestDetailsPanel.jsx
 import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef14 } from "react";
+import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7 } from "react-icons/fi";
 
 // src/components/QuestTimeline.jsx
 import React18 from "react";
@@ -9734,19 +9735,19 @@ import {
   FiMessageSquare,
   FiAlertCircle,
   FiArrowRight,
-  FiTarget as FiTarget3,
+  FiTarget as FiTarget2,
   FiPlusCircle,
-  FiSearch as FiSearch7,
-  FiLink as FiLink7
+  FiSearch as FiSearch6,
+  FiLink as FiLink6
 } from "react-icons/fi";
 var EVENT_ICONS = {
   "quest_created": { icon: FiPlusCircle, color: "text-sky-400", bg: "bg-sky-400/10" },
   "assignee_changed": { icon: FiUserPlus, color: "text-indigo-400", bg: "bg-indigo-400/10" },
   "status_changed": { icon: FiRotateCcw, color: "text-amber-400", bg: "bg-amber-400/10" },
-  "review_cycle_started": { icon: FiSearch7, color: "text-purple-400", bg: "bg-purple-400/10" },
+  "review_cycle_started": { icon: FiSearch6, color: "text-purple-400", bg: "bg-purple-400/10" },
   "review_completed": { icon: FiCheckSquare2, color: "text-emerald-400", bg: "bg-emerald-400/10" },
   "comment": { icon: FiMessageSquare, color: "text-slate-400", bg: "bg-slate-400/10" },
-  "quest_finished": { icon: FiTarget3, color: "text-green-400", bg: "bg-green-400/10" },
+  "quest_finished": { icon: FiTarget2, color: "text-green-400", bg: "bg-green-400/10" },
   "default": { icon: FiGitCommit, color: "text-slate-500", bg: "bg-slate-500/10" }
 };
 function QuestTimeline({
@@ -9771,11 +9772,11 @@ function QuestTimeline({
   if (timeline.length === 0) {
     return /* @__PURE__ */ React18.createElement("div", { className: "py-6 flex flex-col items-center justify-center gap-2 border border-white/5 bg-white/5 rounded-xl" }, /* @__PURE__ */ React18.createElement(FiAlertCircle, { className: "text-slate-600", size: 16 }), /* @__PURE__ */ React18.createElement("p", { className: "text-[10px] text-slate-500 font-light uppercase tracking-widest" }, "Nenhum hist\xF3rico dispon\xEDvel"));
   }
-  return /* @__PURE__ */ React18.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider flex items-center gap-2" }, "Hist\xF3rico (Timeline)"), /* @__PURE__ */ React18.createElement("div", { className: "relative pl-6 space-y-6 before:content-[''] before:absolute before:left-[11px] before:top-2 before:bottom-2 before:w-[2px] before:bg-white/5" }, sortedTimeline.map((event, index) => {
+  return /* @__PURE__ */ React18.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider flex items-center gap-2" }, "Hist\xF3rico (Timeline)"), /* @__PURE__ */ React18.createElement("div", { className: "relative pl-10 space-y-6 before:content-[''] before:absolute before:left-[21px] before:top-2 before:bottom-2 before:w-[2px] before:bg-white/5" }, sortedTimeline.map((event, index) => {
     const config = EVENT_ICONS[event.type] || EVENT_ICONS.default;
     const Icon = config.icon;
     const actorName = getMemberName(event.actorId);
-    return /* @__PURE__ */ React18.createElement("div", { key: index, className: "relative animate-in fade-in slide-in-from-left-2 duration-300", style: { animationDelay: `${index * 50}ms` } }, /* @__PURE__ */ React18.createElement("div", { className: `absolute -left-[27px] top-0 w-8 h-8 rounded-full ${config.bg} flex items-center justify-center ring-4 ring-slate-950 border border-white/5` }, /* @__PURE__ */ React18.createElement(Icon, { className: config.iconColor || config.color, size: 14 })), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ React18.createElement("span", { className: "text-xs font-semibold text-slate-200" }, actorName), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500 tabular-nums" }, formatDate(event.timestamp))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-400 leading-relaxed" }, event.description), (event.from_status || event.to_status) && /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-1.5 py-1 px-2 rounded-md bg-white/5 border border-white/5 w-fit mt-2" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500" }, event.from_status || "?"), /* @__PURE__ */ React18.createElement(FiArrowRight, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-indigo-300 font-bold" }, event.to_status || "?")), event.metadata && Object.keys(event.metadata).length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "mt-2 text-[10px] grid grid-cols-2 gap-2 p-2 bg-slate-900/50 rounded border border-white/5" }, Object.entries(event.metadata).map(([key, value]) => /* @__PURE__ */ React18.createElement("div", { key, className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React18.createElement("span", { className: "text-slate-500 capitalize" }, key.replace(/_/g, " ")), /* @__PURE__ */ React18.createElement("span", { className: "text-slate-300 truncate font-mono" }, typeof value === "string" ? value : JSON.stringify(value))))), event.links && event.links.length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.links.map((link, lIdx) => /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React18.createElement("div", { key: index, className: "relative animate-in fade-in slide-in-from-left-2 duration-300", style: { animationDelay: `${index * 50}ms` } }, /* @__PURE__ */ React18.createElement("div", { className: `absolute -left-[35px] top-0 w-8 h-8 rounded-full ${config.bg} flex items-center justify-center ring-4 ring-slate-950 border border-white/5` }, /* @__PURE__ */ React18.createElement(Icon, { className: config.iconColor || config.color, size: 14 })), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ React18.createElement("span", { className: "text-xs font-semibold text-slate-200" }, actorName), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500 tabular-nums" }, formatDate(event.timestamp))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-400 leading-relaxed" }, event.description), (event.from_status || event.to_status) && /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-1.5 py-1 px-2 rounded-md bg-white/5 border border-white/5 w-fit mt-2" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500" }, event.from_status || "?"), /* @__PURE__ */ React18.createElement(FiArrowRight, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-indigo-300 font-bold" }, event.to_status || "?")), event.metadata && Object.keys(event.metadata).length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "mt-2 text-[10px] grid grid-cols-2 gap-2 p-2 bg-slate-900/50 rounded border border-white/5" }, Object.entries(event.metadata).map(([key, value]) => /* @__PURE__ */ React18.createElement("div", { key, className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React18.createElement("span", { className: "text-slate-500 capitalize" }, key.replace(/_/g, " ")), /* @__PURE__ */ React18.createElement("span", { className: "text-slate-300 truncate font-mono" }, typeof value === "string" ? value : JSON.stringify(value))))), event.links && event.links.length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.links.map((link, lIdx) => /* @__PURE__ */ React18.createElement(
       "a",
       {
         key: lIdx,
@@ -9784,7 +9785,7 @@ function QuestTimeline({
         rel: "noopener noreferrer",
         className: "flex items-center gap-1.5 px-2 py-1 rounded bg-white/5 border border-white/5 hover:bg-white/10 transition-colors text-[10px] text-sky-400 font-medium"
       },
-      /* @__PURE__ */ React18.createElement(FiLink7, { size: 10 }),
+      /* @__PURE__ */ React18.createElement(FiLink6, { size: 10 }),
       link.name || "Link"
     ))), event.images && event.images.length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.images.map((img, iIdx) => /* @__PURE__ */ React18.createElement(
       "button",
@@ -9795,7 +9796,7 @@ function QuestTimeline({
         className: "relative w-12 h-12 rounded border border-white/10 overflow-hidden hover:border-sky-500/50 transition-colors group"
       },
       /* @__PURE__ */ React18.createElement("img", { src: img.value, alt: img.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ React18.createElement("div", { className: "absolute inset-0 bg-slate-900/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity" }, /* @__PURE__ */ React18.createElement(FiSearch7, { size: 12, className: "text-white" }))
+      /* @__PURE__ */ React18.createElement("div", { className: "absolute inset-0 bg-slate-900/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity" }, /* @__PURE__ */ React18.createElement(FiSearch6, { size: 12, className: "text-white" }))
     )))));
   })));
 }
@@ -9858,6 +9859,8 @@ function QuestDetailsPanel({
   const [isLinkCopied, setIsLinkCopied] = useState19(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState19(false);
   const [noteText, setNoteText] = useState19("");
+  const [noteLinks, setNoteLinks] = useState19([]);
+  const [noteImages, setNoteImages] = useState19([]);
   const [isNoteFormOpen, setIsNoteFormOpen] = useState19(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
@@ -9993,7 +9996,10 @@ function QuestDetailsPanel({
     if (!noteText.trim() || isSaving) return;
     setIsSaving(true);
     const actorId = (currentUser == null ? void 0 : currentUser.id) || "unknown";
-    const newEntry = createTimelineEntry(actorId, noteText, "comment");
+    const newEntry = createTimelineEntry(actorId, noteText, "comment", {
+      links: noteLinks,
+      images: noteImages
+    });
     const updatedTimeline = [...timeline, newEntry];
     try {
       const nodeToSave = {
@@ -10004,6 +10010,8 @@ function QuestDetailsPanel({
       setTimeline(updatedTimeline);
       onDataUpdate(nodeToSave);
       setNoteText("");
+      setNoteLinks([]);
+      setNoteImages([]);
       setIsNoteFormOpen(false);
     } catch (error) {
       console.error("Erro ao adicionar nota:", error);
@@ -10011,6 +10019,24 @@ function QuestDetailsPanel({
       setIsSaving(false);
     }
   };
+  const addLinkToNote = () => {
+    setNoteLinks([...noteLinks, { id: v4_default(), name: "", value: "" }]);
+  };
+  const removeLinkFromNote = (id) => {
+    setNoteLinks(noteLinks.filter((l) => l.id !== id));
+  };
+  const updateLinkInNote = (id, field, val) => {
+    setNoteLinks(noteLinks.map((l) => l.id === id ? { ...l, [field]: val } : l));
+  };
+  const addImageToNote = () => {
+    setNoteImages([...noteImages, { id: v4_default(), name: "Image", value: "" }]);
+  };
+  const removeImageFromNote = (id) => {
+    setNoteImages(noteImages.filter((img) => img.id !== id));
+  };
+  const updateImageInNote = (id, val) => {
+    setNoteImages(noteImages.map((img) => img.id === id ? { ...img, value: val } : img));
+  };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
@@ -10177,7 +10203,7 @@ function QuestDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement(FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React19.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__ */ React19.createElement(FiCheck, { size: 12 }) : /* @__PURE__ */ React19.createElement(FiLink, { size: 12 }))), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React19.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 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__ */ 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" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React19.createElement(
+    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement(FiTarget3, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React19.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__ */ React19.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React19.createElement(FiLink7, { size: 12 }))), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React19.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 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__ */ 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" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
@@ -10195,7 +10221,7 @@ function QuestDetailsPanel({
         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__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("span", { className: "w-3 h-3 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]", style: { backgroundColor: QUEST_STATUS_COLORS3[status] } }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, status)),
-      canEdit && /* @__PURE__ */ React19.createElement(FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })
+      canEdit && /* @__PURE__ */ React19.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })
     ), isStatusDropdownOpen && canEdit && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsStatusDropdownOpen(false) }), /* @__PURE__ */ React19.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_COLORS3).map((s) => /* @__PURE__ */ React19.createElement(
       "li",
       {
@@ -10215,12 +10241,12 @@ function QuestDetailsPanel({
         onClick: () => setIsAssigneeDropdownOpen(!isAssigneeDropdownOpen),
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, isAssigneeUndefined ? "Undefined" : (assigneeMember == null ? void 0 : assigneeMember.name) || (assigneeMember == null ? void 0 : assigneeMember.email) || "Nenhum")),
-      /* @__PURE__ */ React19.createElement(FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
+      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser3, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, isAssigneeUndefined ? "Undefined" : (assigneeMember == null ? void 0 : assigneeMember.name) || (assigneeMember == null ? void 0 : assigneeMember.email) || "Nenhum")),
+      /* @__PURE__ */ React19.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
     ), isAssigneeDropdownOpen && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
       setIsAssigneeDropdownOpen(false);
       setAssigneeSearchQuery("");
-    } }), /* @__PURE__ */ React19.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React19.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiSearch, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React19.createElement(
+    } }), /* @__PURE__ */ React19.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React19.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiSearch7, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
@@ -10288,7 +10314,7 @@ function QuestDetailsPanel({
     )), viewMembers.filter((member) => {
       const search = assigneeSearchQuery.toLowerCase();
       return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React19.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado"))))) : /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 text-slate-400 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser, { className: "opacity-50", size: 14 }), assigneeId ? assigneeMember ? assigneeMember.name || assigneeMember.email : "Undefined" : "Nenhum")), /* @__PURE__ */ React19.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React19.createElement(
+    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React19.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado"))))) : /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 text-slate-400 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser3, { className: "opacity-50", size: 14 }), assigneeId ? assigneeMember ? assigneeMember.name || assigneeMember.email : "Undefined" : "Nenhum")), /* @__PURE__ */ React19.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React19.createElement(
       QuestReviewStackEditor,
       {
         reviewStack,
@@ -10306,12 +10332,12 @@ function QuestDetailsPanel({
         onClick: () => setIsReturnDropdownOpen(!isReturnDropdownOpen),
         className: "w-full bg-slate-800/80 p-2 text-xs rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-1 focus:ring-purple-400/50 transition-colors flex items-center justify-between"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _b.name) || "Selecionar respons\xE1vel...")),
-      /* @__PURE__ */ React19.createElement(FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
+      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiUser3, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, ((_b = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _b.name) || "Selecionar respons\xE1vel...")),
+      /* @__PURE__ */ React19.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
     ), isReturnDropdownOpen && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
       setIsReturnDropdownOpen(false);
       setReturnSearchQuery("");
-    } }), /* @__PURE__ */ React19.createElement("div", { className: "absolute bottom-full left-0 mb-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React19.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiSearch, { className: "text-slate-500", size: 12 }), /* @__PURE__ */ React19.createElement(
+    } }), /* @__PURE__ */ React19.createElement("div", { className: "absolute bottom-full left-0 mb-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React19.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(FiSearch7, { className: "text-slate-500", size: 12 }), /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
@@ -10350,14 +10376,14 @@ function QuestDetailsPanel({
       },
       /* @__PURE__ */ React19.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M12 19V5M5 12l7 7 7-7" })),
       "Retornar para Opera\xE7\xE3o"
-    ))), /* @__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, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__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", 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__ */ React19.createElement(FiBookOpen, { size: 14 })), canEdit && /* @__PURE__ */ React19.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__ */ React19.createElement(FiEdit2, { size: 14 }))), canEdit && !description && /* @__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__ */ 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(FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React19.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__ */ React19.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React19.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ React19.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, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__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", 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__ */ React19.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React19.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__ */ React19.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__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__ */ 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, 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__ */ React19.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React19.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
         onClick: () => setIsNoteFormOpen(!isNoteFormOpen),
         className: "flex items-center gap-1.5 px-2 py-1 text-[10px] rounded-md bg-white/5 hover:bg-white/10 border border-white/10 transition-colors text-slate-300"
       },
-      isNoteFormOpen ? /* @__PURE__ */ React19.createElement(FiX, { size: 12 }) : /* @__PURE__ */ React19.createElement(FiPlus, { size: 12 }),
+      isNoteFormOpen ? /* @__PURE__ */ React19.createElement(FiX7, { size: 12 }) : /* @__PURE__ */ React19.createElement(FiPlus8, { size: 12 }),
       isNoteFormOpen ? "Cancelar" : "Nova Nota"
     )), isNoteFormOpen && /* @__PURE__ */ React19.createElement("div", { className: "mb-6 p-4 rounded-xl bg-white/5 border border-white/5 space-y-3 animate-in fade-in slide-in-from-top-2" }, /* @__PURE__ */ React19.createElement(
       "textarea",
@@ -10367,7 +10393,34 @@ function QuestDetailsPanel({
         placeholder: "Escreva uma observa\xE7\xE3o no hist\xF3rico...",
         className: "w-full bg-slate-900/50 p-3 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-500/50 min-h-[80px] resize-none"
       }
-    ), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Links"), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: addLinkToNote, className: "text-indigo-400 hover:text-indigo-300 text-[10px] flex items-center gap-1 font-medium" }, /* @__PURE__ */ React19.createElement(FiPlus8, { size: 10 }), " Adicionar Link")), noteLinks.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, noteLinks.map((link) => /* @__PURE__ */ React19.createElement("div", { key: link.id, className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-1" }, /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "T\xEDtulo",
+        value: link.name,
+        onChange: (e) => updateLinkInNote(link.id, "name", e.target.value),
+        className: "w-1/3 bg-slate-950/50 border border-white/5 rounded px-2 py-1 text-[10px] focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "URL (https://...)",
+        value: link.value,
+        onChange: (e) => updateLinkInNote(link.id, "value", e.target.value),
+        className: "flex-1 bg-slate-950/50 border border-white/5 rounded px-2 py-1 text-[10px] focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: () => removeLinkFromNote(link.id), className: "text-slate-600 hover:text-red-400 transition-colors" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Imagens (URLs)"), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: addImageToNote, className: "text-indigo-400 hover:text-indigo-300 text-[10px] flex items-center gap-1 font-medium" }, /* @__PURE__ */ React19.createElement(FiPlus8, { size: 10 }), " Adicionar Imagem")), noteImages.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, noteImages.map((img) => /* @__PURE__ */ React19.createElement("div", { key: img.id, className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-1" }, /* @__PURE__ */ React19.createElement("div", { className: "flex-1 flex items-center gap-2 bg-slate-950/50 border border-white/5 rounded px-2 py-1" }, /* @__PURE__ */ React19.createElement(FiImage, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "URL da Imagem (https://...)",
+        value: img.value,
+        onChange: (e) => updateImageInNote(img.id, e.target.value),
+        className: "flex-1 bg-transparent text-[10px] focus:outline-none"
+      }
+    )), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: () => removeImageFromNote(img.id), className: "text-slate-600 hover:text-red-400 transition-colors" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })))))), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-end gap-2 pt-2" }, /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
@@ -10385,8 +10438,8 @@ function QuestDetailsPanel({
       }
     )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
       const isSelected = size === s;
-      return /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(FiCheck, { size: 12, className: "text-white" })), /* @__PURE__ */ React19.createElement("span", { className: `text-sm capitalize transition-colors ${isSelected ? "text-white font-medium" : "text-slate-400 " + (canEdit ? "group-hover:text-slate-300" : "")}` }, s));
-    }))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React19.createElement(FiX, { size: 12 })))), canEdit && /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(FiCheck11, { size: 12, className: "text-white" })), /* @__PURE__ */ React19.createElement("span", { className: `text-sm capitalize transition-colors ${isSelected ? "text-white font-medium" : "text-slate-400 " + (canEdit ? "group-hover:text-slate-300" : "")}` }, s));
+    }))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })))), canEdit && /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
@@ -10410,7 +10463,7 @@ function QuestDetailsPanel({
     ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ React19.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__ */ React19.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))))), currentDatasetName && /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__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: 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__ */ React19.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__ */ React19.createElement(FiLoader, { className: "animate-spin" }), isSaving ? "Salvando..." : "Salvar Quest")))
+    } }, suggestedType))))), currentDatasetName && /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React19.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__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: 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__ */ React19.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__ */ React19.createElement(FiLoader3, { className: "animate-spin" }), isSaving ? "Salvando..." : "Salvar Quest")))
   ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ React19.createElement(
     DescriptionEditModal,
     {
@@ -10749,7 +10802,7 @@ function RelationshipDetailsPanel({
                                             `
       }
     )))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React21.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__ */ React21.createElement(
-      DescriptionDisplay2,
+      DescriptionDisplay,
       {
         description,
         savedSections: existingSections,
@@ -10795,7 +10848,7 @@ function RelationshipDetailsPanel({
       /* @__PURE__ */ React21.createElement(FiPlus9, { size: 14 }),
       " Adicionar"
     )), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React21.createElement(
-      CustomPropertyDisplay2,
+      CustomPropertyDisplay,
       {
         key: prop.id,
         prop,
@@ -10829,7 +10882,7 @@ function RelationshipDetailsPanel({
       isSaving ? "Salvando..." : "Salvar"
     )))
   ), isDescriptionModalOpen && /* @__PURE__ */ React21.createElement(
-    DescriptionEditModal2,
+    DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
       title: "Editar Descri\xE7\xE3o da Rela\xE7\xE3o",
@@ -11294,7 +11347,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
         },
         /* @__PURE__ */ React25.createElement(FiBookOpen6, { size: 14 })
       )), /* @__PURE__ */ React25.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ React25.createElement(
-        DescriptionDisplay2,
+        DescriptionDisplay,
         {
           description,
           savedSections,
@@ -11303,7 +11356,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onImageClick: handleImageClickFromText
         }
       ))), customProps.length > 0 && /* @__PURE__ */ React25.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React25.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ React25.createElement(
-        CustomPropertyDisplay2,
+        CustomPropertyDisplay,
         {
           key: prop.id,
           prop,