@lv-x-software-house/x_view 1.2.6-dev.86 → 1.2.6-dev.88

package/dist/index.mjs

@@ -2698,7 +2698,9 @@ var IGNORED_KEYS = [
   "reviewStack",
   "timeline",
   "milestone_ids",
-  "dependency_ids"
+  "dependency_ids",
+  "quest_tree",
+  "quest_abstraction_tree"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -10711,7 +10713,146 @@ function InSceneQuestForm({
         title: isNameCopied ? "Nome Copiado!" : "Copiar nome formatado"
       },
       isNameCopied ? /* @__PURE__ */ React18.createElement(FiCheck9, { size: 10 }) : /* @__PURE__ */ React18.createElement(FiCopy3, { size: 10 })
-    ))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Status da Quest"), /* @__PURE__ */ React18.createElement("div", { className: "relative" }, /* @__PURE__ */ React18.createElement(
+    ))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-2 border-t border-white/5 pt-4" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Assignee (Respons\xE1vel)"), /* @__PURE__ */ React18.createElement("div", { className: "relative" }, /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        type: "button",
+        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__ */ React18.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18.createElement(FiUser2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React18.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__ */ React18.createElement(
+        FiChevronDown6,
+        {
+          className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}`
+        }
+      )
+    ), isAssigneeDropdownOpen && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+      "div",
+      {
+        className: "fixed inset-0 z-40",
+        onClick: () => {
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        }
+      }
+    ), /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React18.createElement(FiSearch5, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar membro...",
+        value: assigneeSearchQuery,
+        onChange: (e) => setAssigneeSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React18.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React18.createElement(
+      "li",
+      {
+        onClick: () => {
+          setAssigneeId("");
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!assigneeId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).map((member) => /* @__PURE__ */ React18.createElement(
+      "li",
+      {
+        key: member.id,
+        onClick: () => {
+          setAssigneeId(member.id);
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${assigneeId === member.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      member.name || member.email || member.id
+    )), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React18.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ React18.createElement("div", { className: "pt-4 border-t border-white/5" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React18.createElement(
+      "p",
+      {
+        className: "text-[10px] text-red-400 bg-red-400/10 px-2 py-1 rounded border border-red-400/20 max-w-[200px]",
+        title: docError
+      },
+      docError.length > 50 ? docError.substring(0, 47) + "..." : docError
+    ) : /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center justify-center text-slate-300 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: isLoadingDocs ? "Criando Documento..." : "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ React18.createElement(
+        AiOutlineLoading3Quarters2,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ React18.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleAddProp,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors"
+      },
+      /* @__PURE__ */ React18.createElement(FiPlus7, { size: 14 }),
+      " Adicionar"
+    ))), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React18.createElement(
+      CustomPropertyDisplay,
+      {
+        key: prop.id,
+        prop,
+        onUpdate: (updatedProp) => handleUpdateProp(index, updatedProp),
+        onRemove: () => handleRemoveProp(index),
+        onOpenImageViewer,
+        unavailableTypes: currentUsedTypes.filter(
+          (t) => t !== prop.type
+        ),
+        onUploadFile
+      }
+    )), /* @__PURE__ */ React18.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative pt-4 border-t border-white/5" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React18.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__ */ React18.createElement(
+      DescriptionDisplay,
+      {
+        description,
+        savedSections: [],
+        availableNodes,
+        availableAncestries,
+        onMentionClick,
+        onSaveDescription: (newDesc) => setDescription(newDesc)
+      }
+    ), /* @__PURE__ */ React18.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsDescriptionModalOpen(true),
+        className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors"
+      },
+      /* @__PURE__ */ React18.createElement(FiEdit26, { size: 14 })
+    )), !description && /* @__PURE__ */ React18.createElement(
+      "div",
+      {
+        onClick: () => setIsDescriptionModalOpen(true),
+        className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
+      },
+      "Adicionar descri\xE7\xE3o..."
+    ))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-4 border-t border-white/10 pt-4" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Status da Quest"), /* @__PURE__ */ React18.createElement("div", { className: "relative" }, /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "button",
@@ -10836,70 +10977,7 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ React18.createElement("span", { className: "truncate" }, q.raw_title || q.name),
       /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500" }, q.status || "Backlog")
-    ))))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Assignee (Respons\xE1vel)"), /* @__PURE__ */ React18.createElement("div", { className: "relative" }, /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        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__ */ React18.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18.createElement(FiUser2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React18.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__ */ React18.createElement(
-        FiChevronDown6,
-        {
-          className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}`
-        }
-      )
-    ), isAssigneeDropdownOpen && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
-      "div",
-      {
-        className: "fixed inset-0 z-40",
-        onClick: () => {
-          setIsAssigneeDropdownOpen(false);
-          setAssigneeSearchQuery("");
-        }
-      }
-    ), /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React18.createElement(FiSearch5, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React18.createElement(
-      "input",
-      {
-        type: "text",
-        autoFocus: true,
-        placeholder: "Buscar membro...",
-        value: assigneeSearchQuery,
-        onChange: (e) => setAssigneeSearchQuery(e.target.value),
-        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
-        onClick: (e) => e.stopPropagation()
-      }
-    )), /* @__PURE__ */ React18.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React18.createElement(
-      "li",
-      {
-        onClick: () => {
-          setAssigneeId("");
-          setIsAssigneeDropdownOpen(false);
-          setAssigneeSearchQuery("");
-        },
-        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!assigneeId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
-      },
-      "Nenhum"
-    ), viewMembers.filter((member) => {
-      const search = assigneeSearchQuery.toLowerCase();
-      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).map((member) => /* @__PURE__ */ React18.createElement(
-      "li",
-      {
-        key: member.id,
-        onClick: () => {
-          setAssigneeId(member.id);
-          setIsAssigneeDropdownOpen(false);
-          setAssigneeSearchQuery("");
-        },
-        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${assigneeId === member.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
-      },
-      member.name || member.email || member.id
-    )), viewMembers.filter((member) => {
-      const search = assigneeSearchQuery.toLowerCase();
-      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React18.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), !questDate && /* @__PURE__ */ React18.createElement(
+    ))))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), !questDate && /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "button",
@@ -11069,83 +11147,7 @@ function InSceneQuestForm({
         onChange: setReviewStack,
         viewMembers
       }
-    )), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React18.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__ */ React18.createElement(
-      DescriptionDisplay,
-      {
-        description,
-        savedSections: [],
-        availableNodes,
-        availableAncestries,
-        onMentionClick,
-        onSaveDescription: (newDesc) => setDescription(newDesc)
-      }
-    ), /* @__PURE__ */ React18.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setIsDescriptionModalOpen(true),
-        className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors"
-      },
-      /* @__PURE__ */ React18.createElement(FiEdit26, { size: 14 })
-    )), !description && /* @__PURE__ */ React18.createElement(
-      "div",
-      {
-        onClick: () => setIsDescriptionModalOpen(true),
-        className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
-      },
-      "Adicionar descri\xE7\xE3o..."
-    ))), /* @__PURE__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React18.createElement(
-      "p",
-      {
-        className: "text-[10px] text-red-400 bg-red-400/10 px-2 py-1 rounded border border-red-400/20 max-w-[200px]",
-        title: docError
-      },
-      docError.length > 50 ? docError.substring(0, 47) + "..." : docError
-    ) : /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: handleCreateGoogleDoc,
-        disabled: isLoadingDocs,
-        className: "flex items-center justify-center text-slate-300 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
-        title: isLoadingDocs ? "Criando Documento..." : "Criar Documento no Google Docs"
-      },
-      isLoadingDocs ? /* @__PURE__ */ React18.createElement(
-        AiOutlineLoading3Quarters2,
-        {
-          className: "animate-spin",
-          size: 18
-        }
-      ) : /* @__PURE__ */ React18.createElement(
-        GoogleDocsIcon_default,
-        {
-          size: 18,
-          className: "group-hover:scale-110 transition-transform"
-        }
-      )
-    )), /* @__PURE__ */ React18.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: handleAddProp,
-        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors"
-      },
-      /* @__PURE__ */ React18.createElement(FiPlus7, { size: 14 }),
-      " Adicionar"
-    ))), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React18.createElement(
-      CustomPropertyDisplay,
-      {
-        key: prop.id,
-        prop,
-        onUpdate: (updatedProp) => handleUpdateProp(index, updatedProp),
-        onRemove: () => handleRemoveProp(index),
-        onOpenImageViewer,
-        unavailableTypes: currentUsedTypes.filter(
-          (t) => t !== prop.type
-        ),
-        onUploadFile
-      }
-    )), /* @__PURE__ */ React18.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React18.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Tamanho no Node (Size)"), /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => /* @__PURE__ */ React18.createElement(
+    )), /* @__PURE__ */ React18.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Tamanho no Node (Size)"), /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => /* @__PURE__ */ React18.createElement(
       "button",
       {
         key: s,
@@ -11301,7 +11303,8 @@ function NodeDetailsPanel({
     }
   };
   useEffect16(() => {
-    if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
+    const isNewNode = (node == null ? void 0 : node.id) !== prevNodeIdRef.current;
+    if (isNewNode || !hasUnsavedChanges) {
       prevNodeIdRef.current = node == null ? void 0 : node.id;
       setName((node == null ? void 0 : node.name) ?? "");
       if (node == null ? void 0 : node.type) {
@@ -11321,7 +11324,7 @@ function NodeDetailsPanel({
       setSelectedImageUrl((node == null ? void 0 : node.textureImageUrl) ?? null);
       setHasUnsavedChanges(false);
     }
-  }, [node]);
+  }, [node, hasUnsavedChanges]);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   useEffect16(() => {
     if (!hasImages && useImageAsTexture) {
@@ -12135,7 +12138,8 @@ function QuestDetailsPanel({
   };
   useEffect17(() => {
     var _a2;
-    if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
+    const isNewNode = (node == null ? void 0 : node.id) !== prevNodeIdRef.current;
+    if (isNewNode || !hasUnsavedChanges) {
       prevNodeIdRef.current = node == null ? void 0 : node.id;
       const newRawTitle = (node == null ? void 0 : node.raw_title) || (((_a2 = node == null ? void 0 : node.name) == null ? void 0 : _a2.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
       setRawTitle(newRawTitle);
@@ -12162,7 +12166,7 @@ function QuestDetailsPanel({
       });
       setHasUnsavedChanges(false);
     }
-  }, [node]);
+  }, [node, hasUnsavedChanges]);
   useEffect17(() => {
     const validExistingTypes = existingTypes.filter((t) => t && typeof t === "string" && t.trim() !== "");
     if (typeInput.trim() === "") {
@@ -12566,40 +12570,180 @@ ${noteText}` : noteText : entry.notes,
         maxWidth: "92vw",
         ...style
       },
-      onPointerDown: swallow,
-      onPointerMove: swallow,
-      onPointerUp: swallow,
-      onClick: swallow,
-      onWheel: swallow,
-      onContextMenu: swallow,
-      onDoubleClick: swallow
-    },
-    /* @__PURE__ */ React21.createElement("div", { onPointerDown: (e) => {
-      e.stopPropagation();
-      handleResize(e);
-    }, className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors", title: "Arraste para redimensionar" }),
-    isReadMode ? /* @__PURE__ */ React21.createElement(
-      DescriptionReadModePanel,
+      onPointerDown: swallow,
+      onPointerMove: swallow,
+      onPointerUp: swallow,
+      onClick: swallow,
+      onWheel: swallow,
+      onContextMenu: swallow,
+      onDoubleClick: swallow
+    },
+    /* @__PURE__ */ React21.createElement("div", { onPointerDown: (e) => {
+      e.stopPropagation();
+      handleResize(e);
+    }, className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors", title: "Arraste para redimensionar" }),
+    isReadMode ? /* @__PURE__ */ React21.createElement(
+      DescriptionReadModePanel,
+      {
+        title: standardizedName || (node == null ? void 0 : node.name),
+        description,
+        savedSections: existingSections,
+        onBack: () => setIsReadMode(false),
+        onEdit: () => {
+          if (canEdit) {
+            setIsReadMode(false);
+            setIsDescriptionModalOpen(true);
+          }
+        },
+        onClose: handleCancel,
+        availableNodes,
+        availableAncestries,
+        onOpenReference,
+        onMentionClick,
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
+      }
+    ) : /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React21.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React21.createElement(FiTarget3, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React21.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React21.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__ */ React21.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React21.createElement(FiLink7, { size: 12 }))), /* @__PURE__ */ React21.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "Assignee (Respons\xE1vel)"), canEdit ? /* @__PURE__ */ React21.createElement("div", { className: "relative" }, /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        type: "button",
+        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__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiUser3, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React21.createElement("span", { className: "text-slate-200 font-medium" }, isAssigneeUndefined ? "Undefined" : (assigneeMember == null ? void 0 : assigneeMember.name) || (assigneeMember == null ? void 0 : assigneeMember.email) || "Nenhum")),
+      /* @__PURE__ */ React21.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
+    ), isAssigneeDropdownOpen && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsAssigneeDropdownOpen(false);
+      setAssigneeSearchQuery("");
+    } }), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiSearch7, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React21.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar membro...",
+        value: assigneeSearchQuery,
+        onChange: (e) => setAssigneeSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React21.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React21.createElement(
+      "li",
+      {
+        onClick: () => {
+          setAssigneeId("");
+          const newTimeline = [...timeline, createTimelineEntry(
+            (currentUser == null ? void 0 : currentUser.id) || "unknown",
+            `Status "${status}" - Respons\xE1vel: Nenhum`,
+            "status_changed"
+          )];
+          setTimeline(newTimeline);
+          setHasUnsavedChanges(true);
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!assigneeId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), isAssigneeUndefined && /* @__PURE__ */ React21.createElement(
+      "li",
+      {
+        onClick: () => {
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: "px-3 py-2.5 text-sm cursor-pointer bg-red-500/10 text-red-300 flex items-center gap-2"
+      },
+      "Undefined (Removido)"
+    ), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).map((member) => /* @__PURE__ */ React21.createElement(
+      "li",
+      {
+        key: member.id,
+        onClick: () => {
+          setAssigneeId(member.id);
+          const newTimeline = [...timeline, createTimelineEntry(
+            (currentUser == null ? void 0 : currentUser.id) || "unknown",
+            `Status "${status}" - Respons\xE1vel: ${member.name || member.email}`,
+            "status_changed"
+          )];
+          setTimeline(newTimeline);
+          setHasUnsavedChanges(true);
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${assigneeId === member.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      member.name || member.email || member.id
+    )))))) : /* @__PURE__ */ React21.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__ */ React21.createElement(FiUser3, { className: "opacity-50", size: 14 }), assigneeId ? assigneeMember ? assigneeMember.name || assigneeMember.email : "Undefined" : "Nenhum")), /* @__PURE__ */ React21.createElement("div", { className: "space-y-3 pt-4 border-t border-white/5" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiGitBranch4, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Estruturas Visuais"))), /* @__PURE__ */ React21.createElement("div", { className: "bg-slate-900/60 p-2 rounded-xl border border-white/10 flex flex-col gap-2" }, /* @__PURE__ */ React21.createElement(
+      "button",
       {
-        title: standardizedName || (node == null ? void 0 : node.name),
-        description,
-        savedSections: existingSections,
-        onBack: () => setIsReadMode(false),
-        onEdit: () => {
-          if (canEdit) {
-            setIsReadMode(false);
-            setIsDescriptionModalOpen(true);
+        type: "button",
+        onClick: () => {
+          if (setQuestTreeMode) {
+            const convertPersistedTree = (storedTree) => {
+              if (!storedTree) return null;
+              if (storedTree.node || storedTree.is_section) return storedTree;
+              const nodeId = storedTree.node_id;
+              if (!nodeId) return null;
+              const foundNode = availableNodes.find((n) => String(n.id) === String(nodeId)) || (String(nodeId) === String(node == null ? void 0 : node.id) ? node : null);
+              return {
+                node: foundNode ? { id: foundNode.id, name: foundNode.raw_title || foundNode.name } : { id: nodeId, name: `Node ${nodeId}` },
+                relationship: storedTree.relationship || {},
+                children: (storedTree.children || []).map(convertPersistedTree).filter(Boolean)
+              };
+            };
+            const rootNode = { id: node == null ? void 0 : node.id, name: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name) || "Quest Principal" };
+            const existingTree = (node == null ? void 0 : node.quest_tree) ? convertPersistedTree(node.quest_tree) : { node: rootNode, children: [] };
+            const existingAbstractionTree = (node == null ? void 0 : node.quest_abstraction_tree) ? convertPersistedTree(node.quest_abstraction_tree) : { node: rootNode, children: [] };
+            setQuestTreeMode((prev) => ({
+              ...prev,
+              isActive: true,
+              isAddingNodes: true,
+              questNodeId: node == null ? void 0 : node.id,
+              questNodeName: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name),
+              tree: existingTree,
+              abstraction_tree: existingAbstractionTree,
+              selectedParentId: rootNode.id
+            }));
           }
         },
-        onClose: handleCancel,
-        availableNodes,
-        availableAncestries,
-        onOpenReference,
-        onMentionClick,
-        onImageClick: handleImageClickFromText,
-        onSaveDescription: handleSaveDescriptionInline
-      }
-    ) : /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React21.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React21.createElement(FiTarget3, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React21.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React21.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__ */ React21.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React21.createElement(FiLink7, { size: 12 }))), /* @__PURE__ */ React21.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React21.createElement(
+        className: `flex items-center gap-2 px-3 py-2 bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-300 text-xs font-medium rounded-lg transition-colors w-full justify-center border border-indigo-500/20 ${!canEdit ? "opacity-50 pointer-events-none" : ""}`
+      },
+      /* @__PURE__ */ React21.createElement(FiGitBranch4, { className: "text-indigo-400" }),
+      " Configurar \xC1rvores"
+    ), /* @__PURE__ */ React21.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          if (handleRenderQuestTree) handleRenderQuestTree(node);
+        },
+        className: `flex-1 flex items-center justify-center gap-2 px-2 py-1.5 text-[11px] font-medium rounded-lg border transition-colors ${((_c = (_b = node == null ? void 0 : node.quest_tree) == null ? void 0 : _b.children) == null ? void 0 : _c.length) > 0 ? "bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-400 border-indigo-500/20" : "bg-slate-800 hover:bg-slate-700 text-slate-400 border-white/5"}`
+      },
+      "Renderizar Horizontal"
+    ), /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          if (handleRenderQuestAbstractionTree) handleRenderQuestAbstractionTree(node);
+        },
+        className: `flex-1 flex items-center justify-center gap-2 px-2 py-1.5 text-[11px] font-medium rounded-lg border transition-colors ${((_e = (_d = node == null ? void 0 : node.quest_abstraction_tree) == null ? void 0 : _d.children) == null ? void 0 : _e.length) > 0 ? "bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-400 border-indigo-500/20" : "bg-slate-800 hover:bg-slate-700 text-slate-400 border-white/5"}`
+      },
+      "Renderizar Vertical"
+    )))), /* @__PURE__ */ React21.createElement("div", { className: "pt-4 border-t border-white/5" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React21.createElement("p", { className: "text-[10px] text-red-400 bg-red-400/10 px-2 py-1 rounded border border-red-400/20 max-w-[200px]", title: docError }, docError.length > 50 ? docError.substring(0, 47) + "..." : docError) : /* @__PURE__ */ React21.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center justify-center text-slate-300 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: isLoadingDocs ? "Criando Documento..." : "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ React21.createElement(AiOutlineLoading3Quarters4, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React21.createElement(GoogleDocsIcon_default, { size: 18, className: "group-hover:scale-110 transition-transform" })
+    )), canEdit && /* @__PURE__ */ React21.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__ */ React21.createElement(FiPlus9, { size: 14 }), " Adicionar"))), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React21.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__ */ React21.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5 relative pt-4 border-t border-white/5" }, /* @__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(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ React21.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__ */ React21.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__ */ React21.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React21.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__ */ React21.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "space-y-1.5 pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React21.createElement(
       "input",
       {
         type: "text",
@@ -12608,7 +12752,7 @@ ${noteText}` : noteText : entry.notes,
         readOnly: !canEdit,
         className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}`
       }
-    ), /* @__PURE__ */ React21.createElement("div", { className: "pt-1 flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React21.createElement("div", { className: "pt-1 flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName), /* @__PURE__ */ React21.createElement(
       "button",
       {
         type: "button",
@@ -12822,83 +12966,7 @@ ${noteText}` : noteText : entry.notes,
         /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS3[s] } }), s),
         isDisabled && /* @__PURE__ */ React21.createElement(FiRepeat2, { className: "text-amber-400/60 rotate-180", size: 12 })
       );
-    }))))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300" }, "Assignee (Respons\xE1vel)"), canEdit ? /* @__PURE__ */ React21.createElement("div", { className: "relative" }, /* @__PURE__ */ React21.createElement(
-      "button",
-      {
-        type: "button",
-        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__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiUser3, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React21.createElement("span", { className: "text-slate-200 font-medium" }, isAssigneeUndefined ? "Undefined" : (assigneeMember == null ? void 0 : assigneeMember.name) || (assigneeMember == null ? void 0 : assigneeMember.email) || "Nenhum")),
-      /* @__PURE__ */ React21.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
-    ), isAssigneeDropdownOpen && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
-      setIsAssigneeDropdownOpen(false);
-      setAssigneeSearchQuery("");
-    } }), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiSearch7, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React21.createElement(
-      "input",
-      {
-        type: "text",
-        autoFocus: true,
-        placeholder: "Buscar membro...",
-        value: assigneeSearchQuery,
-        onChange: (e) => setAssigneeSearchQuery(e.target.value),
-        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
-        onClick: (e) => e.stopPropagation()
-      }
-    )), /* @__PURE__ */ React21.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React21.createElement(
-      "li",
-      {
-        onClick: () => {
-          setAssigneeId("");
-          const newTimeline = [...timeline, createTimelineEntry(
-            (currentUser == null ? void 0 : currentUser.id) || "unknown",
-            `Status "${status}" - Respons\xE1vel: Nenhum`,
-            "status_changed"
-          )];
-          setTimeline(newTimeline);
-          setHasUnsavedChanges(true);
-          setIsAssigneeDropdownOpen(false);
-          setAssigneeSearchQuery("");
-        },
-        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!assigneeId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
-      },
-      "Nenhum"
-    ), isAssigneeUndefined && /* @__PURE__ */ React21.createElement(
-      "li",
-      {
-        onClick: () => {
-          setIsAssigneeDropdownOpen(false);
-          setAssigneeSearchQuery("");
-        },
-        className: "px-3 py-2.5 text-sm cursor-pointer bg-red-500/10 text-red-300 flex items-center gap-2"
-      },
-      "Undefined (Removido)"
-    ), viewMembers.filter((member) => {
-      const search = assigneeSearchQuery.toLowerCase();
-      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).map((member) => /* @__PURE__ */ React21.createElement(
-      "li",
-      {
-        key: member.id,
-        onClick: () => {
-          setAssigneeId(member.id);
-          const newTimeline = [...timeline, createTimelineEntry(
-            (currentUser == null ? void 0 : currentUser.id) || "unknown",
-            `Status "${status}" - Respons\xE1vel: ${member.name || member.email}`,
-            "status_changed"
-          )];
-          setTimeline(newTimeline);
-          setHasUnsavedChanges(true);
-          setIsAssigneeDropdownOpen(false);
-          setAssigneeSearchQuery("");
-        },
-        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${assigneeId === member.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
-      },
-      member.name || member.email || member.id
-    )), viewMembers.filter((member) => {
-      const search = assigneeSearchQuery.toLowerCase();
-      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
-    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React21.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado"))))) : /* @__PURE__ */ React21.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__ */ React21.createElement(FiUser3, { className: "opacity-50", size: 14 }), assigneeId ? assigneeMember ? assigneeMember.name || assigneeMember.email : "Undefined" : "Nenhum")), /* @__PURE__ */ React21.createElement("div", { className: "pt-4 border-t border-white/5 mt-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiRepeat2, { className: `w-3.5 h-3.5 ${recurrenceConfig.enabled ? "text-indigo-400" : "text-slate-500"}` }), /* @__PURE__ */ React21.createElement("span", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Recorr\xEAncia")), /* @__PURE__ */ React21.createElement(
+    }))))), /* @__PURE__ */ React21.createElement("div", { className: "pt-4 border-t border-white/5 mt-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiRepeat2, { className: `w-3.5 h-3.5 ${recurrenceConfig.enabled ? "text-indigo-400" : "text-slate-500"}` }), /* @__PURE__ */ React21.createElement("span", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Recorr\xEAncia")), /* @__PURE__ */ React21.createElement(
       "button",
       {
         type: "button",
@@ -12986,7 +13054,7 @@ ${noteText}` : noteText : entry.notes,
         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__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiUser3, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiUser3, { className: "text-slate-400", size: 12 }), /* @__PURE__ */ React21.createElement("span", { className: "text-slate-200 font-medium" }, ((_f = viewMembers.find((m) => String(m.id) === String(returnAssigneeId))) == null ? void 0 : _f.name) || "Selecionar respons\xE1vel...")),
       /* @__PURE__ */ React21.createElement(FiChevronDown7, { className: `text-slate-400 transition-transform duration-200 ${isReturnDropdownOpen ? "rotate-180" : ""}`, size: 14 })
     ), isReturnDropdownOpen && /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
       setIsReturnDropdownOpen(false);
@@ -13030,68 +13098,7 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ React21.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__ */ React21.createElement("path", { d: "M12 19V5M5 12l7 7 7-7" })),
       "Retornar para Opera\xE7\xE3o"
-    ))), /* @__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(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ React21.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__ */ React21.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__ */ React21.createElement(FiBookOpen4, { size: 14 })), canEdit && /* @__PURE__ */ React21.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__ */ React21.createElement(FiEdit28, { size: 14 }))), canEdit && !description && /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "pt-2 border-t border-white/5 space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiGitBranch4, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Estruturas Visuais"))), /* @__PURE__ */ React21.createElement("div", { className: "bg-slate-900/60 p-2 rounded-xl border border-white/10 flex flex-col gap-2" }, /* @__PURE__ */ React21.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          if (setQuestTreeMode) {
-            const convertPersistedTree = (storedTree) => {
-              if (!storedTree) return null;
-              if (storedTree.node || storedTree.is_section) return storedTree;
-              const nodeId = storedTree.node_id;
-              if (!nodeId) return null;
-              const foundNode = availableNodes.find((n) => String(n.id) === String(nodeId)) || (String(nodeId) === String(node == null ? void 0 : node.id) ? node : null);
-              return {
-                node: foundNode ? { id: foundNode.id, name: foundNode.raw_title || foundNode.name } : { id: nodeId, name: `Node ${nodeId}` },
-                relationship: storedTree.relationship || {},
-                children: (storedTree.children || []).map(convertPersistedTree).filter(Boolean)
-              };
-            };
-            const rootNode = { id: node == null ? void 0 : node.id, name: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name) || "Quest Principal" };
-            const existingTree = (node == null ? void 0 : node.quest_tree) ? convertPersistedTree(node.quest_tree) : { node: rootNode, children: [] };
-            const existingAbstractionTree = (node == null ? void 0 : node.quest_abstraction_tree) ? convertPersistedTree(node.quest_abstraction_tree) : { node: rootNode, children: [] };
-            setQuestTreeMode((prev) => ({
-              ...prev,
-              isActive: true,
-              isAddingNodes: true,
-              questNodeId: node == null ? void 0 : node.id,
-              questNodeName: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name),
-              tree: existingTree,
-              abstraction_tree: existingAbstractionTree,
-              selectedParentId: rootNode.id
-            }));
-          }
-        },
-        className: `flex items-center gap-2 px-3 py-2 bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-300 text-xs font-medium rounded-lg transition-colors w-full justify-center border border-indigo-500/20 ${!canEdit ? "opacity-50 pointer-events-none" : ""}`
-      },
-      /* @__PURE__ */ React21.createElement(FiGitBranch4, { className: "text-indigo-400" }),
-      " Configurar \xC1rvores"
-    ), /* @__PURE__ */ React21.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React21.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          if (handleRenderQuestTree) {
-            handleRenderQuestTree(node);
-          }
-        },
-        className: `flex-1 flex items-center justify-center gap-2 px-2 py-1.5 text-[11px] font-medium rounded-lg border transition-colors ${((_d = (_c = node == null ? void 0 : node.quest_tree) == null ? void 0 : _c.children) == null ? void 0 : _d.length) > 0 ? "bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-400 border-indigo-500/20" : "bg-slate-800 hover:bg-slate-700 text-slate-400 border-white/5"}`
-      },
-      "Renderizar Horizontal"
-    ), /* @__PURE__ */ React21.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          if (handleRenderQuestAbstractionTree) {
-            handleRenderQuestAbstractionTree(node);
-          }
-        },
-        className: `flex-1 flex items-center justify-center gap-2 px-2 py-1.5 text-[11px] font-medium rounded-lg border transition-colors ${((_f = (_e = node == null ? void 0 : node.quest_abstraction_tree) == null ? void 0 : _e.children) == null ? void 0 : _f.length) > 0 ? "bg-indigo-500/10 hover:bg-indigo-500/30 text-indigo-400 border-indigo-500/20" : "bg-slate-800 hover:bg-slate-700 text-slate-400 border-white/5"}`
-      },
-      "Renderizar Vertical"
-    )))), /* @__PURE__ */ React21.createElement("div", { className: "pt-2 border-t border-white/5 space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiLink7, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Depend\xEAncias (Quest Chain)"))), /* @__PURE__ */ React21.createElement("div", { className: `relative w-full bg-slate-900/60 p-2 min-h-[42px] flex flex-wrap gap-2 rounded-xl border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/40" : ""} transition-all` }, dependencyIds.map((depId) => {
+    ))), /* @__PURE__ */ React21.createElement("div", { className: "pt-2 border-t border-white/5 space-y-3" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(FiLink7, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Depend\xEAncias (Quest Chain)"))), /* @__PURE__ */ React21.createElement("div", { className: `relative w-full bg-slate-900/60 p-2 min-h-[42px] flex flex-wrap gap-2 rounded-xl border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/40" : ""} transition-all` }, dependencyIds.map((depId) => {
       const depNode = availableNodes.find((n) => String(n.id) === String(depId));
       if (!depNode) return null;
       const isDone = depNode.status === "Done";
@@ -13147,36 +13154,7 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ React21.createElement("span", { className: "truncate" }, q.raw_title || q.name),
       /* @__PURE__ */ React21.createElement("span", { className: `text-[10px] px-1.5 py-0.5 rounded border ${q.status === "Done" ? "text-green-400 border-green-500/30" : "text-slate-500 border-white/5"}` }, q.status || "Backlog")
-    )) : /* @__PURE__ */ React21.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 px-3 py-2 bg-amber-500/5 rounded-lg border border-amber-500/10 animate-in fade-in slide-in-from-top-1" }, /* @__PURE__ */ React21.createElement(FiRepeat2, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ React21.createElement("p", { className: "text-[10px] text-amber-200/80 font-medium" }, "Esta quest est\xE1 bloqueada por ", blockedStatus.pendingDependencies.length, " tarefa(s) pendente(s)."))), /* @__PURE__ */ React21.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React21.createElement(
-      "p",
-      {
-        className: "text-[10px] text-red-400 bg-red-400/10 px-2 py-1 rounded border border-red-400/20 max-w-[200px]",
-        title: docError
-      },
-      docError.length > 50 ? docError.substring(0, 47) + "..." : docError
-    ) : /* @__PURE__ */ React21.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: handleCreateGoogleDoc,
-        disabled: isLoadingDocs,
-        className: "flex items-center justify-center text-slate-300 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
-        title: isLoadingDocs ? "Criando Documento..." : "Criar Documento no Google Docs"
-      },
-      isLoadingDocs ? /* @__PURE__ */ React21.createElement(
-        AiOutlineLoading3Quarters4,
-        {
-          className: "animate-spin",
-          size: 18
-        }
-      ) : /* @__PURE__ */ React21.createElement(
-        GoogleDocsIcon_default,
-        {
-          size: 18,
-          className: "group-hover:scale-110 transition-transform"
-        }
-      )
-    )), canEdit && /* @__PURE__ */ React21.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__ */ React21.createElement(FiPlus9, { size: 14 }), " Adicionar"))), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React21.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__ */ React21.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React21.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ React21.createElement(
+    )) : /* @__PURE__ */ React21.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 px-3 py-2 bg-amber-500/5 rounded-lg border border-amber-500/10 animate-in fade-in slide-in-from-top-1" }, /* @__PURE__ */ React21.createElement(FiRepeat2, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ React21.createElement("p", { className: "text-[10px] text-amber-200/80 font-medium" }, "Esta quest est\xE1 bloqueada por ", blockedStatus.pendingDependencies.length, " tarefa(s) pendente(s)."))), /* @__PURE__ */ React21.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ React21.createElement(
       "button",
       {
         type: "button",