@lv-x-software-house/x_view 1.2.6-dev.59 → 1.2.6-dev.61

package/dist/index.js

@@ -8943,6 +8943,8 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
 
 // src/components/InSceneCreationForm.jsx
 var import_fi13 = require("react-icons/fi");
+var import_si = require("react-icons/si");
+var import_ai = require("react-icons/ai");
 function InSceneCreationForm({
   onSave,
   onCancel,
@@ -8963,7 +8965,8 @@ function InSceneCreationForm({
   onUploadFile,
   availableDatasets = [],
   sourceNodeDatasetId,
-  viewType
+  viewType,
+  create_google_doc_action
 }) {
   var _a;
   const [name, setName] = (0, import_react14.useState)("");
@@ -8983,6 +8986,7 @@ function InSceneCreationForm({
     sourceNodeDatasetId || ""
   );
   const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = (0, import_react14.useState)(false);
+  const [isLoadingDocs, setIsLoadingDocs] = (0, import_react14.useState)(false);
   const datasetDropdownRef = (0, import_react14.useRef)(null);
   (0, import_react14.useEffect)(() => {
     if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
@@ -9121,6 +9125,33 @@ function InSceneCreationForm({
     setSelectedImageUrl(url);
     onImageChange == null ? void 0 : onImageChange(true, url);
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!name.trim()) {
+      alert("Por favor, insira um nome para o node antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(name);
+      if (res.success) {
+        const newProp = {
+          id: (0, import_uuid5.v4)(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: (0, import_uuid5.v4)(), name: "Abrir Documento", value: res.link }]
+        };
+        setCustomProps((prev) => [...prev, newProp]);
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!name.trim() || types.length === 0) {
@@ -9360,7 +9391,18 @@ function InSceneCreationForm({
         className: `text-xs block mt-1 transition-opacity ${useImageAsTexture ? "opacity-40" : "text-slate-400"}`
       },
       useImageAsTexture ? "Cor da borda (definida pela imagem)" : "Selecione a cor e ajuste o brilho."
-    )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react14.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react14.default.createElement(
+    )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react14.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ import_react14.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ import_react14.default.createElement(import_ai.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react14.default.createElement(import_si.SiGoogledocs, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), /* @__PURE__ */ import_react14.default.createElement(
       "button",
       {
         type: "button",
@@ -9369,7 +9411,7 @@ function InSceneCreationForm({
       },
       /* @__PURE__ */ import_react14.default.createElement(import_fi13.FiPlus, { size: 14 }),
       " Adicionar"
-    )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ import_react14.default.createElement(
+    ))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ import_react14.default.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -9738,6 +9780,8 @@ function InSceneVersionForm({
 var import_react17 = __toESM(require("react"));
 var import_uuid7 = require("uuid");
 var import_fi16 = require("react-icons/fi");
+var import_si2 = require("react-icons/si");
+var import_ai2 = require("react-icons/ai");
 
 // src/components/QuestReviewStackEditor.jsx
 var import_react16 = __toESM(require("react"));
@@ -9919,7 +9963,8 @@ function InSceneQuestForm({
   session = null,
   milestones = [],
   onUpdateMilestones = () => {
-  }
+  },
+  create_google_doc_action
 }) {
   var _a, _b;
   const [name, setName] = (0, import_react17.useState)("");
@@ -9947,6 +9992,7 @@ function InSceneQuestForm({
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react17.useState)(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react17.useState)("");
   const [isNameCopied, setIsNameCopied] = (0, import_react17.useState)(false);
+  const [isLoadingDocs, setIsLoadingDocs] = (0, import_react17.useState)(false);
   const [customProps, setCustomProps] = (0, import_react17.useState)([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react17.useState)(false);
   const propsEndRef = (0, import_react17.useRef)(null);
@@ -10034,6 +10080,33 @@ function InSceneQuestForm({
       console.error("Erro ao copiar nome:", err);
     });
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!name.trim()) {
+      alert("Por favor, insira um t\xEDtulo para a quest antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(standardizedName);
+      if (res.success) {
+        const newProp = {
+          id: (0, import_uuid7.v4)(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: (0, import_uuid7.v4)(), name: "Abrir Documento", value: res.link }]
+        };
+        setCustomProps((prev) => [...prev, newProp]);
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -10552,7 +10625,18 @@ function InSceneQuestForm({
         className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
       },
       "Adicionar descri\xE7\xE3o..."
-    ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react17.default.createElement(
+    ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ import_react17.default.createElement(import_ai2.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react17.default.createElement(import_si2.SiGoogledocs, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
         type: "button",
@@ -10561,7 +10645,7 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ import_react17.default.createElement(import_fi16.FiPlus, { size: 14 }),
       " Adicionar"
-    )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ import_react17.default.createElement(
+    ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ import_react17.default.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -10663,6 +10747,8 @@ function InSceneQuestForm({
 var import_react18 = __toESM(require("react"));
 var import_uuid8 = require("uuid");
 var import_fi17 = require("react-icons/fi");
+var import_si3 = require("react-icons/si");
+var import_ai3 = require("react-icons/ai");
 function NodeDetailsPanel({
   node,
   onClose,
@@ -10681,7 +10767,8 @@ function NodeDetailsPanel({
   onIntensityChange,
   onUploadFile,
   userRole,
-  currentDatasetName
+  currentDatasetName,
+  create_google_doc_action
 }) {
   const [name, setName] = (0, import_react18.useState)((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = (0, import_react18.useState)([]);
@@ -10697,6 +10784,7 @@ function NodeDetailsPanel({
   const [isReadMode, setIsReadMode] = (0, import_react18.useState)(false);
   const [existingSections, setExistingSections] = (0, import_react18.useState)((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
+  const [isLoadingDocs, setIsLoadingDocs] = (0, import_react18.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react18.useState)(false);
   const [useImageAsTexture, setUseImageAsTexture] = (0, import_react18.useState)(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
@@ -10851,6 +10939,36 @@ function NodeDetailsPanel({
       triggerAutoSave({ customProps: newProps });
     }
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!name.trim()) {
+      alert("Por favor, insira um nome para o node antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(name);
+      if (res.success) {
+        const newProp = {
+          id: (0, import_uuid8.v4)(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: (0, import_uuid8.v4)(), name: "Abrir Documento", value: res.link }]
+        };
+        const updatedProps = [...customProps, newProp];
+        setCustomProps(updatedProps);
+        setHasUnsavedChanges(true);
+        triggerAutoSave({ customProps: updatedProps });
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleToggleImageMode = () => {
     setUseImageAsTexture(newValue);
     setHasUnsavedChanges(true);
@@ -11127,7 +11245,27 @@ 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__ */ import_react18.default.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(import_fi17.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react18.default.createElement(
+    ), /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ import_react18.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ import_react18.default.createElement(import_ai3.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react18.default.createElement(import_si3.SiGoogledocs, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), canEdit && /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(import_fi17.FiPlus, { size: 14 }),
+      " Adicionar"
+    ))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react18.default.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -11251,6 +11389,8 @@ function QuestTimeline({
 }
 
 // src/components/QuestDetailsPanel.jsx
+var import_si4 = require("react-icons/si");
+var import_ai4 = require("react-icons/ai");
 var QUEST_STATUS_COLORS3 = {
   "Backlog": "#64748b",
   "In Progress": "#eab308",
@@ -11279,7 +11419,8 @@ function QuestDetailsPanel({
   milestones = [],
   onUpdateMilestones = () => {
   },
-  onFocusNode
+  onFocusNode,
+  create_google_doc_action
 }) {
   var _a, _b;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
@@ -11313,6 +11454,7 @@ function QuestDetailsPanel({
   const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react20.useState)(false);
   const [isNameCopied, setIsNameCopied] = (0, import_react20.useState)(false);
+  const [isLoadingDocs, setIsLoadingDocs] = (0, import_react20.useState)(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react20.useState)(false);
   const [questDate, setQuestDate] = (0, import_react20.useState)((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = (0, import_react20.useState)("");
@@ -11713,6 +11855,36 @@ ${noteText}` : noteText : entry.notes,
       triggerAutoSave({ customProps: newProps });
     }
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!rawTitle.trim()) {
+      alert("Por favor, insira um t\xEDtulo para a quest antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(standardizedName);
+      if (res.success) {
+        const newProp = {
+          id: (0, import_uuid9.v4)(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: (0, import_uuid9.v4)(), name: "Abrir Documento", value: res.link }]
+        };
+        const updatedProps = [...customProps, newProp];
+        setCustomProps(updatedProps);
+        setHasUnsavedChanges(true);
+        triggerAutoSave({ customProps: updatedProps });
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
     setHasUnsavedChanges(true);
@@ -12318,7 +12490,18 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ import_react20.default.createElement("span", { className: "truncate" }, q.raw_title || q.name),
       /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(import_fi19.FiRepeat, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(import_fi19.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ import_react20.default.createElement(
+    )) : /* @__PURE__ */ import_react20.default.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(import_fi19.FiRepeat, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ import_react20.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ import_react20.default.createElement(import_ai4.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react20.default.createElement(import_si4.SiGoogledocs, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), canEdit && /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(import_fi19.FiPlus, { size: 14 }), " Adicionar"))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ import_react20.default.createElement(
       "button",
       {
         type: "button",
@@ -12533,7 +12716,8 @@ function RelationshipDetailsPanel({
   onOpenReference,
   onMentionClick,
   onUploadFile,
-  userRole
+  userRole,
+  onHighlight
 }) {
   const [name, setName] = (0, import_react22.useState)((link == null ? void 0 : link.name) ?? "");
   const [description, setDescription] = (0, import_react22.useState)((link == null ? void 0 : link.description) ?? "");
@@ -12563,6 +12747,11 @@ function RelationshipDetailsPanel({
     setTargetLabel((link == null ? void 0 : link.target_label) ?? "");
     setHasUnsavedChanges(false);
   }, [link]);
+  (0, import_react22.useEffect)(() => {
+    return () => {
+      if (onHighlight) onHighlight(null);
+    };
+  }, [onHighlight]);
   const swallow = (e) => e.stopPropagation();
   const handleAddProp = () => {
     if (!canEdit) return;
@@ -12609,10 +12798,8 @@ function RelationshipDetailsPanel({
         isCurved: link.isCurved,
         curveOffset: link.curveOffset
       };
-      if (currentSourceLabel.trim())
-        dataToSave.source_label = currentSourceLabel.trim();
-      if (currentTargetLabel.trim())
-        dataToSave.target_label = currentTargetLabel.trim();
+      dataToSave.source_label = currentSourceLabel.trim();
+      dataToSave.target_label = currentTargetLabel.trim();
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
       setHasUnsavedChanges(false);
@@ -12742,6 +12929,8 @@ function RelationshipDetailsPanel({
         },
         placeholder: "Ex: Conceitos",
         disabled: !canEdit,
+        onFocus: () => onHighlight == null ? void 0 : onHighlight(link.source),
+        onBlur: () => onHighlight == null ? void 0 : onHighlight(null),
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
                                                 ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                             `
@@ -12757,6 +12946,8 @@ function RelationshipDetailsPanel({
         },
         placeholder: "Ex: Refer\xEAncias",
         disabled: !canEdit,
+        onFocus: () => onHighlight == null ? void 0 : onHighlight(link.target),
+        onBlur: () => onHighlight == null ? void 0 : onHighlight(null),
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
                                                 ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                             `
@@ -13256,7 +13447,7 @@ function ImportParentFileModal({
 // src/components/AncestryLinkDetailsPanel.jsx
 var import_react26 = __toESM(require("react"));
 var import_fi21 = require("react-icons/fi");
-function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
+function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile, onHighlight }) {
   var _a, _b, _c, _d;
   const relationshipData = data.relationship || {};
   const description = relationshipData.description || "";
@@ -13265,6 +13456,11 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
   const sourceName = ((_b = (_a = data.sourceNode) == null ? void 0 : _a.userData) == null ? void 0 : _b.name) || "Origem";
   const targetName = ((_d = (_c = data.targetNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) || "Destino";
   const [isReadMode, setIsReadMode] = (0, import_react26.useState)(false);
+  import_react26.default.useEffect(() => {
+    return () => {
+      if (onHighlight) onHighlight(null);
+    };
+  }, [onHighlight]);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
@@ -13298,7 +13494,23 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react26.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ import_react26.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react26.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react26.default.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ import_react26.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react26.default.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ import_react26.default.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__ */ import_react26.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react26.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react26.default.createElement(
+      ) : /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react26.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react26.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ import_react26.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react26.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react26.default.createElement(
+        "span",
+        {
+          className: "truncate max-w-[150px] cursor-help hover:text-blue-400 transition-colors",
+          onMouseEnter: () => onHighlight == null ? void 0 : onHighlight(data.source),
+          onMouseLeave: () => onHighlight == null ? void 0 : onHighlight(null)
+        },
+        sourceName
+      ), /* @__PURE__ */ import_react26.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react26.default.createElement(
+        "span",
+        {
+          className: "truncate max-w-[150px] cursor-help hover:text-blue-400 transition-colors",
+          onMouseEnter: () => onHighlight == null ? void 0 : onHighlight(data.target),
+          onMouseLeave: () => onHighlight == null ? void 0 : onHighlight(null)
+        },
+        targetName
+      ))), /* @__PURE__ */ import_react26.default.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__ */ import_react26.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react26.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react26.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react26.default.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
@@ -14527,7 +14739,8 @@ function XViewScene({
   upload_file_action,
   delete_file_action,
   check_user_permission,
-  get_view_members
+  get_view_members,
+  create_google_doc_action
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { data: session, status } = (0, import_react32.useSession)();
@@ -19247,7 +19460,8 @@ function XViewScene({
         sourceNodeDatasetId,
         viewType: viewParams == null ? void 0 : viewParams.type,
         availableNodes: allAvailableNodes,
-        availableAncestries: allAvailableAncestries
+        availableAncestries: allAvailableAncestries,
+        create_google_doc_action
       }
     ),
     versionMode.isActive && /* @__PURE__ */ import_react31.default.createElement(
@@ -19301,7 +19515,8 @@ function XViewScene({
         questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
         viewMembers,
         milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
-        onUpdateMilestones: handleUpdateMilestones
+        onUpdateMilestones: handleUpdateMilestones,
+        create_google_doc_action
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react31.default.createElement(
@@ -19436,7 +19651,8 @@ function XViewScene({
         viewMembers,
         currentUser: session == null ? void 0 : session.user,
         milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
-        onUpdateMilestones: handleUpdateMilestones
+        onUpdateMilestones: handleUpdateMilestones,
+        create_google_doc_action
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react31.default.createElement(
@@ -19468,7 +19684,8 @@ function XViewScene({
         onIntensityChange: handleDetailNodeIntensityChange,
         onUploadFile: upload_file_action,
         userRole: userPermissionRole,
-        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
+        create_google_doc_action
       }
     ),
     detailsLink && /* @__PURE__ */ import_react31.default.createElement(
@@ -19482,7 +19699,8 @@ function XViewScene({
         onOpenReference: handleOpenReference,
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        onHighlight: handleReadModeHighlight
       }
     ),
     ancestryLinkDetails && /* @__PURE__ */ import_react31.default.createElement(
@@ -19493,7 +19711,8 @@ function XViewScene({
         onOpenImageViewer: handleOpenImageViewer,
         onOpenReference: handleOpenReference,
         onMentionClick: handleAddExistingNode,
-        onUploadFile: upload_file_action
+        onUploadFile: upload_file_action,
+        onHighlight: handleReadModeHighlight
       }
     ),
     /* @__PURE__ */ import_react31.default.createElement(

package/dist/index.mjs

@@ -8943,6 +8943,8 @@ import {
   FiSun,
   FiChevronDown as FiChevronDown4
 } from "react-icons/fi";
+import { SiGoogledocs } from "react-icons/si";
+import { AiOutlineLoading3Quarters } from "react-icons/ai";
 function InSceneCreationForm({
   onSave,
   onCancel,
@@ -8963,7 +8965,8 @@ function InSceneCreationForm({
   onUploadFile,
   availableDatasets = [],
   sourceNodeDatasetId,
-  viewType
+  viewType,
+  create_google_doc_action
 }) {
   var _a;
   const [name, setName] = useState14("");
@@ -8983,6 +8986,7 @@ function InSceneCreationForm({
     sourceNodeDatasetId || ""
   );
   const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState14(false);
+  const [isLoadingDocs, setIsLoadingDocs] = useState14(false);
   const datasetDropdownRef = useRef10(null);
   useEffect13(() => {
     if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
@@ -9121,6 +9125,33 @@ function InSceneCreationForm({
     setSelectedImageUrl(url);
     onImageChange == null ? void 0 : onImageChange(true, url);
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!name.trim()) {
+      alert("Por favor, insira um nome para o node antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(name);
+      if (res.success) {
+        const newProp = {
+          id: uuidv45(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: uuidv45(), name: "Abrir Documento", value: res.link }]
+        };
+        setCustomProps((prev) => [...prev, newProp]);
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!name.trim() || types.length === 0) {
@@ -9360,7 +9391,18 @@ function InSceneCreationForm({
         className: `text-xs block mt-1 transition-opacity ${useImageAsTexture ? "opacity-40" : "text-slate-400"}`
       },
       useImageAsTexture ? "Cor da borda (definida pela imagem)" : "Selecione a cor e ajuste o brilho."
-    )), /* @__PURE__ */ React13.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React13.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React13.createElement(
+    )), /* @__PURE__ */ React13.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React13.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React13.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ React13.createElement(AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React13.createElement(SiGoogledocs, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), /* @__PURE__ */ React13.createElement(
       "button",
       {
         type: "button",
@@ -9369,7 +9411,7 @@ function InSceneCreationForm({
       },
       /* @__PURE__ */ React13.createElement(FiPlus3, { size: 14 }),
       " Adicionar"
-    )), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React13.createElement(
+    ))), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React13.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -9750,6 +9792,8 @@ import {
   FiRepeat,
   FiCopy as FiCopy3
 } from "react-icons/fi";
+import { SiGoogledocs as SiGoogledocs2 } from "react-icons/si";
+import { AiOutlineLoading3Quarters as AiOutlineLoading3Quarters2 } from "react-icons/ai";
 
 // src/components/QuestReviewStackEditor.jsx
 import React15, { useState as useState16 } from "react";
@@ -9939,7 +9983,8 @@ function InSceneQuestForm({
   session = null,
   milestones = [],
   onUpdateMilestones = () => {
-  }
+  },
+  create_google_doc_action
 }) {
   var _a, _b;
   const [name, setName] = useState17("");
@@ -9967,6 +10012,7 @@ function InSceneQuestForm({
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState17(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = useState17("");
   const [isNameCopied, setIsNameCopied] = useState17(false);
+  const [isLoadingDocs, setIsLoadingDocs] = useState17(false);
   const [customProps, setCustomProps] = useState17([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
   const propsEndRef = useRef12(null);
@@ -10054,6 +10100,33 @@ function InSceneQuestForm({
       console.error("Erro ao copiar nome:", err);
     });
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!name.trim()) {
+      alert("Por favor, insira um t\xEDtulo para a quest antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(standardizedName);
+      if (res.success) {
+        const newProp = {
+          id: uuidv47(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: uuidv47(), name: "Abrir Documento", value: res.link }]
+        };
+        setCustomProps((prev) => [...prev, newProp]);
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -10572,7 +10645,18 @@ function InSceneQuestForm({
         className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
       },
       "Adicionar descri\xE7\xE3o..."
-    ))), /* @__PURE__ */ React16.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React16.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ React16.createElement(
+    ))), /* @__PURE__ */ React16.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React16.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ React16.createElement(AiOutlineLoading3Quarters2, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React16.createElement(SiGoogledocs2, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -10581,7 +10665,7 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ React16.createElement(FiPlus6, { size: 14 }),
       " Adicionar"
-    )), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React16.createElement(
+    ))), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React16.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -10683,6 +10767,8 @@ function InSceneQuestForm({
 import React17, { useState as useState18, useEffect as useEffect15, useRef as useRef13 } from "react";
 import { v4 as uuidv48 } from "uuid";
 import { FiPlus as FiPlus7, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage3, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
+import { SiGoogledocs as SiGoogledocs3 } from "react-icons/si";
+import { AiOutlineLoading3Quarters as AiOutlineLoading3Quarters3 } from "react-icons/ai";
 function NodeDetailsPanel({
   node,
   onClose,
@@ -10701,7 +10787,8 @@ function NodeDetailsPanel({
   onIntensityChange,
   onUploadFile,
   userRole,
-  currentDatasetName
+  currentDatasetName,
+  create_google_doc_action
 }) {
   const [name, setName] = useState18((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = useState18([]);
@@ -10717,6 +10804,7 @@ function NodeDetailsPanel({
   const [isReadMode, setIsReadMode] = useState18(false);
   const [existingSections, setExistingSections] = useState18((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = useState18(false);
+  const [isLoadingDocs, setIsLoadingDocs] = useState18(false);
   const [isLinkCopied, setIsLinkCopied] = useState18(false);
   const [useImageAsTexture, setUseImageAsTexture] = useState18(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
@@ -10871,6 +10959,36 @@ function NodeDetailsPanel({
       triggerAutoSave({ customProps: newProps });
     }
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!name.trim()) {
+      alert("Por favor, insira um nome para o node antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(name);
+      if (res.success) {
+        const newProp = {
+          id: uuidv48(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: uuidv48(), name: "Abrir Documento", value: res.link }]
+        };
+        const updatedProps = [...customProps, newProp];
+        setCustomProps(updatedProps);
+        setHasUnsavedChanges(true);
+        triggerAutoSave({ customProps: updatedProps });
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleToggleImageMode = () => {
     setUseImageAsTexture(newValue);
     setHasUnsavedChanges(true);
@@ -11147,7 +11265,27 @@ 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(FiPlus7, { size: 14 }), " Adicionar")), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React17.createElement(
+    ), /* @__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"), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React17.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ React17.createElement(AiOutlineLoading3Quarters3, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React17.createElement(SiGoogledocs3, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), 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,
@@ -11283,6 +11421,8 @@ function QuestTimeline({
 }
 
 // src/components/QuestDetailsPanel.jsx
+import { SiGoogledocs as SiGoogledocs4 } from "react-icons/si";
+import { AiOutlineLoading3Quarters as AiOutlineLoading3Quarters4 } from "react-icons/ai";
 var QUEST_STATUS_COLORS3 = {
   "Backlog": "#64748b",
   "In Progress": "#eab308",
@@ -11311,7 +11451,8 @@ function QuestDetailsPanel({
   milestones = [],
   onUpdateMilestones = () => {
   },
-  onFocusNode
+  onFocusNode,
+  create_google_doc_action
 }) {
   var _a, _b;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
@@ -11345,6 +11486,7 @@ function QuestDetailsPanel({
   const [isSaving, setIsSaving] = useState19(false);
   const [isLinkCopied, setIsLinkCopied] = useState19(false);
   const [isNameCopied, setIsNameCopied] = useState19(false);
+  const [isLoadingDocs, setIsLoadingDocs] = useState19(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState19(false);
   const [questDate, setQuestDate] = useState19((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = useState19("");
@@ -11745,6 +11887,36 @@ ${noteText}` : noteText : entry.notes,
       triggerAutoSave({ customProps: newProps });
     }
   };
+  const handleCreateGoogleDoc = async () => {
+    if (!rawTitle.trim()) {
+      alert("Por favor, insira um t\xEDtulo para a quest antes de criar o documento.");
+      return;
+    }
+    if (!create_google_doc_action) return;
+    try {
+      setIsLoadingDocs(true);
+      const res = await create_google_doc_action(standardizedName);
+      if (res.success) {
+        const newProp = {
+          id: uuidv49(),
+          key: "Google Docs",
+          type: "links",
+          value: [{ id: uuidv49(), name: "Abrir Documento", value: res.link }]
+        };
+        const updatedProps = [...customProps, newProp];
+        setCustomProps(updatedProps);
+        setHasUnsavedChanges(true);
+        triggerAutoSave({ customProps: updatedProps });
+      } else {
+        alert("Erro ao criar documento: " + res.error);
+      }
+    } catch (error) {
+      console.error(error);
+      alert("Erro ao processar cria\xE7\xE3o do documento.");
+    } finally {
+      setIsLoadingDocs(false);
+    }
+  };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
     setHasUnsavedChanges(true);
@@ -12350,7 +12522,18 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ React19.createElement("span", { className: "truncate" }, q.raw_title || q.name),
       /* @__PURE__ */ React19.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__ */ React19.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ React19.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__ */ React19.createElement(FiRepeat2, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ React19.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__ */ 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(
+    )) : /* @__PURE__ */ React19.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ React19.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__ */ React19.createElement(FiRepeat2, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ React19.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__ */ 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"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCreateGoogleDoc,
+        disabled: isLoadingDocs,
+        className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-indigo-600/20 hover:bg-indigo-600/30 text-indigo-300 border border-indigo-500/30 transition-all disabled:opacity-50 disabled:cursor-not-allowed group",
+        title: "Criar Documento no Google Docs"
+      },
+      isLoadingDocs ? /* @__PURE__ */ React19.createElement(AiOutlineLoading3Quarters4, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React19.createElement(SiGoogledocs4, { size: 14, className: "group-hover:scale-110 transition-transform" }),
+      isLoadingDocs ? "Criando..." : "Google Doc"
+    ), 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",
@@ -12565,7 +12748,8 @@ function RelationshipDetailsPanel({
   onOpenReference,
   onMentionClick,
   onUploadFile,
-  userRole
+  userRole,
+  onHighlight
 }) {
   const [name, setName] = useState21((link == null ? void 0 : link.name) ?? "");
   const [description, setDescription] = useState21((link == null ? void 0 : link.description) ?? "");
@@ -12595,6 +12779,11 @@ function RelationshipDetailsPanel({
     setTargetLabel((link == null ? void 0 : link.target_label) ?? "");
     setHasUnsavedChanges(false);
   }, [link]);
+  useEffect18(() => {
+    return () => {
+      if (onHighlight) onHighlight(null);
+    };
+  }, [onHighlight]);
   const swallow = (e) => e.stopPropagation();
   const handleAddProp = () => {
     if (!canEdit) return;
@@ -12641,10 +12830,8 @@ function RelationshipDetailsPanel({
         isCurved: link.isCurved,
         curveOffset: link.curveOffset
       };
-      if (currentSourceLabel.trim())
-        dataToSave.source_label = currentSourceLabel.trim();
-      if (currentTargetLabel.trim())
-        dataToSave.target_label = currentTargetLabel.trim();
+      dataToSave.source_label = currentSourceLabel.trim();
+      dataToSave.target_label = currentTargetLabel.trim();
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
       setHasUnsavedChanges(false);
@@ -12774,6 +12961,8 @@ function RelationshipDetailsPanel({
         },
         placeholder: "Ex: Conceitos",
         disabled: !canEdit,
+        onFocus: () => onHighlight == null ? void 0 : onHighlight(link.source),
+        onBlur: () => onHighlight == null ? void 0 : onHighlight(null),
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
                                                 ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                             `
@@ -12789,6 +12978,8 @@ function RelationshipDetailsPanel({
         },
         placeholder: "Ex: Refer\xEAncias",
         disabled: !canEdit,
+        onFocus: () => onHighlight == null ? void 0 : onHighlight(link.target),
+        onBlur: () => onHighlight == null ? void 0 : onHighlight(null),
         className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
                                                 ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                             `
@@ -13288,7 +13479,7 @@ function ImportParentFileModal({
 // src/components/AncestryLinkDetailsPanel.jsx
 import React25, { useState as useState24 } from "react";
 import { FiBookOpen as FiBookOpen6 } from "react-icons/fi";
-function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
+function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile, onHighlight }) {
   var _a, _b, _c, _d;
   const relationshipData = data.relationship || {};
   const description = relationshipData.description || "";
@@ -13297,6 +13488,11 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
   const sourceName = ((_b = (_a = data.sourceNode) == null ? void 0 : _a.userData) == null ? void 0 : _b.name) || "Origem";
   const targetName = ((_d = (_c = data.targetNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) || "Destino";
   const [isReadMode, setIsReadMode] = useState24(false);
+  React25.useEffect(() => {
+    return () => {
+      if (onHighlight) onHighlight(null);
+    };
+  }, [onHighlight]);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
@@ -13330,7 +13526,23 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React25.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React25.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React25.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React25.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React25.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React25.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React25.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React25.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React25.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React25.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React25.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React25.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React25.createElement(
+      ) : /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React25.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React25.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React25.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React25.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React25.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React25.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React25.createElement(
+        "span",
+        {
+          className: "truncate max-w-[150px] cursor-help hover:text-blue-400 transition-colors",
+          onMouseEnter: () => onHighlight == null ? void 0 : onHighlight(data.source),
+          onMouseLeave: () => onHighlight == null ? void 0 : onHighlight(null)
+        },
+        sourceName
+      ), /* @__PURE__ */ React25.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React25.createElement(
+        "span",
+        {
+          className: "truncate max-w-[150px] cursor-help hover:text-blue-400 transition-colors",
+          onMouseEnter: () => onHighlight == null ? void 0 : onHighlight(data.target),
+          onMouseLeave: () => onHighlight == null ? void 0 : onHighlight(null)
+        },
+        targetName
+      ))), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React25.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React25.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React25.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React25.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
@@ -14584,7 +14796,8 @@ function XViewScene({
   upload_file_action,
   delete_file_action,
   check_user_permission,
-  get_view_members
+  get_view_members,
+  create_google_doc_action
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { data: session, status } = useSession();
@@ -19304,7 +19517,8 @@ function XViewScene({
         sourceNodeDatasetId,
         viewType: viewParams == null ? void 0 : viewParams.type,
         availableNodes: allAvailableNodes,
-        availableAncestries: allAvailableAncestries
+        availableAncestries: allAvailableAncestries,
+        create_google_doc_action
       }
     ),
     versionMode.isActive && /* @__PURE__ */ React30.createElement(
@@ -19358,7 +19572,8 @@ function XViewScene({
         questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
         viewMembers,
         milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
-        onUpdateMilestones: handleUpdateMilestones
+        onUpdateMilestones: handleUpdateMilestones,
+        create_google_doc_action
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React30.createElement(
@@ -19493,7 +19708,8 @@ function XViewScene({
         viewMembers,
         currentUser: session == null ? void 0 : session.user,
         milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
-        onUpdateMilestones: handleUpdateMilestones
+        onUpdateMilestones: handleUpdateMilestones,
+        create_google_doc_action
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React30.createElement(
@@ -19525,7 +19741,8 @@ function XViewScene({
         onIntensityChange: handleDetailNodeIntensityChange,
         onUploadFile: upload_file_action,
         userRole: userPermissionRole,
-        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
+        create_google_doc_action
       }
     ),
     detailsLink && /* @__PURE__ */ React30.createElement(
@@ -19539,7 +19756,8 @@ function XViewScene({
         onOpenReference: handleOpenReference,
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        onHighlight: handleReadModeHighlight
       }
     ),
     ancestryLinkDetails && /* @__PURE__ */ React30.createElement(
@@ -19550,7 +19768,8 @@ function XViewScene({
         onOpenImageViewer: handleOpenImageViewer,
         onOpenReference: handleOpenReference,
         onMentionClick: handleAddExistingNode,
-        onUploadFile: upload_file_action
+        onUploadFile: upload_file_action,
+        onHighlight: handleReadModeHighlight
       }
     ),
     /* @__PURE__ */ React30.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.2.6-dev.59",
+  "version": "1.2.6-dev.61",
   "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
   "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
   "license": "UNLICENSED",