@lv-x-software-house/x_view 1.2.6-dev.64 → 1.2.6-dev.66

package/dist/index.js

@@ -3966,6 +3966,9 @@ function XViewSidebar({
   onOpenMilestoneManager = () => {
   },
   onActivateReshapeLens = () => {
+  },
+  view_google_folder_id,
+  onSaveConfig = () => {
   }
 }) {
   const [query, setQuery] = (0, import_react3.useState)("");
@@ -3986,6 +3989,12 @@ function XViewSidebar({
   const [reshapeCenterNodeId, setReshapeCenterNodeId] = (0, import_react3.useState)("");
   const [isTypeDropdownOpen, setIsTypeDropdownOpen] = (0, import_react3.useState)(false);
   const [highlightedTypeIndex, setHighlightedTypeIndex] = (0, import_react3.useState)(-1);
+  const [folderId, setFolderId] = (0, import_react3.useState)(view_google_folder_id || "");
+  (0, import_react3.useEffect)(() => {
+    if (view_google_folder_id !== void 0) {
+      setFolderId(view_google_folder_id || "");
+    }
+  }, [view_google_folder_id]);
   const containerRef = (0, import_react3.useRef)(null);
   const inputRef = (0, import_react3.useRef)(null);
   const filterMenuRef = (0, import_react3.useRef)(null);
@@ -4691,7 +4700,21 @@ function XViewSidebar({
           className: buttonBaseClass
         },
         "Gerenciar Milestones"
-      ))),
+      )), userRole === "owner" && /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ import_react3.default.createElement("section", { className: "space-y-3" }, /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Google Drive"), /* @__PURE__ */ import_react3.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react3.default.createElement("label", { className: "text-[10px] uppercase text-slate-500 font-bold tracking-tight" }, "Folder ID da View"), /* @__PURE__ */ import_react3.default.createElement(
+        "input",
+        {
+          type: "text",
+          value: folderId,
+          onChange: (e) => setFolderId(e.target.value),
+          onBlur: () => {
+            if (folderId !== view_google_folder_id) {
+              onSaveConfig({ view_google_folder_id: folderId });
+            }
+          },
+          placeholder: "ID da pasta no Drive",
+          className: "w-full bg-slate-900/80 px-3 py-2 text-sm rounded-md border border-white/10 focus:outline-none focus:border-indigo-500/50 text-white hover:bg-slate-800/50 transition-all"
+        }
+      ), /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-[9px] text-slate-500 italic" }, "Documentos criados nesta View ser\xE3o salvos nesta pasta."))))),
       /* @__PURE__ */ import_react3.default.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ import_react3.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o"), ability.can("update", "Scene") && /* @__PURE__ */ import_react3.default.createElement(
         "button",
         {
@@ -8987,7 +9010,8 @@ function InSceneCreationForm({
   availableDatasets = [],
   sourceNodeDatasetId,
   viewType,
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   var _a;
   const [name, setName] = (0, import_react15.useState)("");
@@ -9008,6 +9032,7 @@ function InSceneCreationForm({
   );
   const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = (0, import_react15.useState)(false);
   const [isLoadingDocs, setIsLoadingDocs] = (0, import_react15.useState)(false);
+  const [docError, setDocError] = (0, import_react15.useState)(null);
   const datasetDropdownRef = (0, import_react15.useRef)(null);
   (0, import_react15.useEffect)(() => {
     if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
@@ -9154,7 +9179,8 @@ function InSceneCreationForm({
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(name);
+      setDocError(null);
+      const res = await create_google_doc_action(name, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -9181,11 +9207,21 @@ function InSceneCreationForm({
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -9429,7 +9465,14 @@ 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_react15.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ import_react15.default.createElement(
+    )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement(
       "button",
       {
         type: "button",
@@ -9438,8 +9481,20 @@ function InSceneCreationForm({
         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__ */ import_react15.default.createElement(import_ai.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react15.default.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), /* @__PURE__ */ import_react15.default.createElement(
+      isLoadingDocs ? /* @__PURE__ */ import_react15.default.createElement(
+        import_ai.AiOutlineLoading3Quarters,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ import_react15.default.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), /* @__PURE__ */ import_react15.default.createElement(
       "button",
       {
         type: "button",
@@ -10000,7 +10055,8 @@ function InSceneQuestForm({
   milestones = [],
   onUpdateMilestones = () => {
   },
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   var _a, _b;
   const [name, setName] = (0, import_react18.useState)("");
@@ -10029,6 +10085,7 @@ function InSceneQuestForm({
   const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react18.useState)("");
   const [isNameCopied, setIsNameCopied] = (0, import_react18.useState)(false);
   const [isLoadingDocs, setIsLoadingDocs] = (0, import_react18.useState)(false);
+  const [docError, setDocError] = (0, import_react18.useState)(null);
   const [customProps, setCustomProps] = (0, import_react18.useState)([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react18.useState)(false);
   const propsEndRef = (0, import_react18.useRef)(null);
@@ -10124,7 +10181,8 @@ function InSceneQuestForm({
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(standardizedName);
+      setDocError(null);
+      const res = await create_google_doc_action(standardizedName, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -10151,11 +10209,21 @@ function InSceneQuestForm({
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -10678,7 +10746,14 @@ function InSceneQuestForm({
         className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
       },
       "Adicionar descri\xE7\xE3o..."
-    ))), /* @__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-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ import_react18.default.createElement(
+    ))), /* @__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-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(
       "button",
       {
         type: "button",
@@ -10687,8 +10762,20 @@ function InSceneQuestForm({
         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__ */ import_react18.default.createElement(import_ai2.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react18.default.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), /* @__PURE__ */ import_react18.default.createElement(
+      isLoadingDocs ? /* @__PURE__ */ import_react18.default.createElement(
+        import_ai2.AiOutlineLoading3Quarters,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ import_react18.default.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), /* @__PURE__ */ import_react18.default.createElement(
       "button",
       {
         type: "button",
@@ -10819,7 +10906,8 @@ function NodeDetailsPanel({
   onUploadFile,
   userRole,
   currentDatasetName,
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   const [name, setName] = (0, import_react19.useState)((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = (0, import_react19.useState)([]);
@@ -10836,6 +10924,7 @@ function NodeDetailsPanel({
   const [existingSections, setExistingSections] = (0, import_react19.useState)((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = (0, import_react19.useState)(false);
   const [isLoadingDocs, setIsLoadingDocs] = (0, import_react19.useState)(false);
+  const [docError, setDocError] = (0, import_react19.useState)(null);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react19.useState)(false);
   const [useImageAsTexture, setUseImageAsTexture] = (0, import_react19.useState)(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
@@ -10998,7 +11087,8 @@ function NodeDetailsPanel({
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(name);
+      setDocError(null);
+      const res = await create_google_doc_action(name, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -11028,11 +11118,21 @@ function NodeDetailsPanel({
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -11313,7 +11413,14 @@ 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_react19.default.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ import_react19.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_react19.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ import_react19.default.createElement(
+    ), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ import_react19.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_react19.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement(
       "button",
       {
         type: "button",
@@ -11322,8 +11429,20 @@ function NodeDetailsPanel({
         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__ */ import_react19.default.createElement(import_ai3.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react19.default.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), canEdit && /* @__PURE__ */ import_react19.default.createElement(
+      isLoadingDocs ? /* @__PURE__ */ import_react19.default.createElement(
+        import_ai3.AiOutlineLoading3Quarters,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ import_react19.default.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), canEdit && /* @__PURE__ */ import_react19.default.createElement(
       "button",
       {
         type: "button",
@@ -11486,7 +11605,8 @@ function QuestDetailsPanel({
   onUpdateMilestones = () => {
   },
   onFocusNode,
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   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) || "";
@@ -11521,6 +11641,7 @@ function QuestDetailsPanel({
   const [isLinkCopied, setIsLinkCopied] = (0, import_react21.useState)(false);
   const [isNameCopied, setIsNameCopied] = (0, import_react21.useState)(false);
   const [isLoadingDocs, setIsLoadingDocs] = (0, import_react21.useState)(false);
+  const [docError, setDocError] = (0, import_react21.useState)(null);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react21.useState)(false);
   const [questDate, setQuestDate] = (0, import_react21.useState)((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = (0, import_react21.useState)("");
@@ -11929,7 +12050,8 @@ ${noteText}` : noteText : entry.notes,
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(standardizedName);
+      setDocError(null);
+      const res = await create_google_doc_action(standardizedName, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -11959,11 +12081,21 @@ ${noteText}` : noteText : entry.notes,
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -12573,7 +12705,14 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ import_react21.default.createElement("span", { className: "truncate" }, q.raw_title || q.name),
       /* @__PURE__ */ import_react21.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_react21.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_react21.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_react21.default.createElement(import_fi19.FiRepeat, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ import_react21.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_react21.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ import_react21.default.createElement(
+    )) : /* @__PURE__ */ import_react21.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_react21.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_react21.default.createElement(import_fi19.FiRepeat, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ import_react21.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_react21.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ import_react21.default.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__ */ import_react21.default.createElement(
       "button",
       {
         type: "button",
@@ -12582,8 +12721,20 @@ ${noteText}` : noteText : entry.notes,
         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__ */ import_react21.default.createElement(import_ai4.AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ import_react21.default.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), canEdit && /* @__PURE__ */ import_react21.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_react21.default.createElement(import_fi19.FiPlus, { size: 14 }), " Adicionar"))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react21.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_react21.default.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ import_react21.default.createElement(
+      isLoadingDocs ? /* @__PURE__ */ import_react21.default.createElement(
+        import_ai4.AiOutlineLoading3Quarters,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ import_react21.default.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), canEdit && /* @__PURE__ */ import_react21.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_react21.default.createElement(import_fi19.FiPlus, { size: 14 }), " Adicionar"))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react21.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_react21.default.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ import_react21.default.createElement(
       "button",
       {
         type: "button",
@@ -14824,7 +14975,7 @@ function XViewScene({
   get_view_members,
   create_google_doc_action
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const { data: session, status } = (0, import_react33.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
@@ -15201,6 +15352,23 @@ function XViewScene({
       add_new_parent_file_to_scene_at_firebase_action
     ]
   );
+  const handleSaveConfig = (0, import_react32.useCallback)(
+    async (newConfig) => {
+      if (!sceneDataRef.current || !save_view_data || !sceneSaveUrl) return;
+      const updatedData = {
+        ...sceneDataRef.current,
+        ...newConfig
+      };
+      sceneDataRef.current = updatedData;
+      try {
+        await save_view_data(sceneSaveUrl, updatedData);
+        setSceneVersion((v) => v + 1);
+      } catch (error) {
+        console.error("Erro ao salvar configura\xE7\xE3o da View:", error);
+      }
+    },
+    [save_view_data, sceneSaveUrl]
+  );
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
@@ -19510,7 +19678,9 @@ function XViewScene({
         userRole: userPermissionRole,
         viewMembers,
         milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
-        onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
+        onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true),
+        view_google_folder_id: (_d = sceneDataRef.current) == null ? void 0 : _d.view_google_folder_id,
+        onSaveConfig: handleSaveConfig
       }
     ),
     creationMode.isActive && /* @__PURE__ */ import_react32.default.createElement(
@@ -19534,8 +19704,8 @@ function XViewScene({
         },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.color,
-        sourceTypes: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.type,
+        initialColor: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.color,
+        sourceTypes: (_f = creationMode.sourceNodeData) == null ? void 0 : _f.type,
         onIntensityChange: handleGhostNodeIntensityChange,
         onUploadFile: upload_file_action,
         availableDatasets,
@@ -19543,7 +19713,8 @@ function XViewScene({
         viewType: viewParams == null ? void 0 : viewParams.type,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_g = sceneDataRef.current) == null ? void 0 : _g.view_google_folder_id
       }
     ),
     versionMode.isActive && /* @__PURE__ */ import_react32.default.createElement(
@@ -19565,8 +19736,8 @@ function XViewScene({
           transition: "opacity 200ms ease-out"
         },
         refEl: formRef,
-        fixedType: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.type,
-        fixedColor: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.color,
+        fixedType: (_h = versionMode.sourceNodeData) == null ? void 0 : _h.type,
+        fixedColor: (_i = versionMode.sourceNodeData) == null ? void 0 : _i.color,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries
@@ -19594,11 +19765,12 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
+        questCounter: ((_j = sceneDataRef.current) == null ? void 0 : _j.quest_counter) || 1,
         viewMembers,
-        milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
+        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_l = sceneDataRef.current) == null ? void 0 : _l.view_google_folder_id
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react32.default.createElement(
@@ -19732,9 +19904,10 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
         viewMembers,
         currentUser: session == null ? void 0 : session.user,
-        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
+        milestones: ((_m = sceneDataRef.current) == null ? void 0 : _m.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react32.default.createElement(
@@ -19767,7 +19940,8 @@ function XViewScene({
         onUploadFile: upload_file_action,
         userRole: userPermissionRole,
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_o = sceneDataRef.current) == null ? void 0 : _o.view_google_folder_id
       }
     ),
     detailsLink && /* @__PURE__ */ import_react32.default.createElement(
@@ -19925,7 +20099,7 @@ function XViewScene({
       {
         isOpen: isMilestoneManagerOpen,
         onClose: () => setIsMilestoneManagerOpen(false),
-        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
+        milestones: ((_p = sceneDataRef.current) == null ? void 0 : _p.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
@@ -19936,7 +20110,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_l = sceneDataRef.current) == null ? void 0 : _l.parent_dbs) || [],
+        parentDbs: ((_q = sceneDataRef.current) == null ? void 0 : _q.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/dist/index.mjs

@@ -3927,6 +3927,9 @@ function XViewSidebar({
   onOpenMilestoneManager = () => {
   },
   onActivateReshapeLens = () => {
+  },
+  view_google_folder_id,
+  onSaveConfig = () => {
   }
 }) {
   const [query, setQuery] = useState3("");
@@ -3947,6 +3950,12 @@ function XViewSidebar({
   const [reshapeCenterNodeId, setReshapeCenterNodeId] = useState3("");
   const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState3(false);
   const [highlightedTypeIndex, setHighlightedTypeIndex] = useState3(-1);
+  const [folderId, setFolderId] = useState3(view_google_folder_id || "");
+  useEffect2(() => {
+    if (view_google_folder_id !== void 0) {
+      setFolderId(view_google_folder_id || "");
+    }
+  }, [view_google_folder_id]);
   const containerRef = useRef2(null);
   const inputRef = useRef2(null);
   const filterMenuRef = useRef2(null);
@@ -4652,7 +4661,21 @@ function XViewSidebar({
           className: buttonBaseClass
         },
         "Gerenciar Milestones"
-      ))),
+      )), userRole === "owner" && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ React2.createElement("section", { className: "space-y-3" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Google Drive"), /* @__PURE__ */ React2.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-500 font-bold tracking-tight" }, "Folder ID da View"), /* @__PURE__ */ React2.createElement(
+        "input",
+        {
+          type: "text",
+          value: folderId,
+          onChange: (e) => setFolderId(e.target.value),
+          onBlur: () => {
+            if (folderId !== view_google_folder_id) {
+              onSaveConfig({ view_google_folder_id: folderId });
+            }
+          },
+          placeholder: "ID da pasta no Drive",
+          className: "w-full bg-slate-900/80 px-3 py-2 text-sm rounded-md border border-white/10 focus:outline-none focus:border-indigo-500/50 text-white hover:bg-slate-800/50 transition-all"
+        }
+      ), /* @__PURE__ */ React2.createElement("p", { className: "text-[9px] text-slate-500 italic" }, "Documentos criados nesta View ser\xE3o salvos nesta pasta."))))),
       /* @__PURE__ */ React2.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o"), ability.can("update", "Scene") && /* @__PURE__ */ React2.createElement(
         "button",
         {
@@ -8987,7 +9010,8 @@ function InSceneCreationForm({
   availableDatasets = [],
   sourceNodeDatasetId,
   viewType,
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   var _a;
   const [name, setName] = useState14("");
@@ -9008,6 +9032,7 @@ function InSceneCreationForm({
   );
   const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState14(false);
   const [isLoadingDocs, setIsLoadingDocs] = useState14(false);
+  const [docError, setDocError] = useState14(null);
   const datasetDropdownRef = useRef10(null);
   useEffect13(() => {
     if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
@@ -9154,7 +9179,8 @@ function InSceneCreationForm({
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(name);
+      setDocError(null);
+      const res = await create_google_doc_action(name, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -9181,11 +9207,21 @@ function InSceneCreationForm({
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -9429,7 +9465,14 @@ 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__ */ React14.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React14.createElement(
+    )), /* @__PURE__ */ React14.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React14.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React14.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__ */ React14.createElement(
       "button",
       {
         type: "button",
@@ -9438,8 +9481,20 @@ function InSceneCreationForm({
         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__ */ React14.createElement(AiOutlineLoading3Quarters, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React14.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), /* @__PURE__ */ React14.createElement(
+      isLoadingDocs ? /* @__PURE__ */ React14.createElement(
+        AiOutlineLoading3Quarters,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ React14.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), /* @__PURE__ */ React14.createElement(
       "button",
       {
         type: "button",
@@ -10020,7 +10075,8 @@ function InSceneQuestForm({
   milestones = [],
   onUpdateMilestones = () => {
   },
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   var _a, _b;
   const [name, setName] = useState17("");
@@ -10049,6 +10105,7 @@ function InSceneQuestForm({
   const [assigneeSearchQuery, setAssigneeSearchQuery] = useState17("");
   const [isNameCopied, setIsNameCopied] = useState17(false);
   const [isLoadingDocs, setIsLoadingDocs] = useState17(false);
+  const [docError, setDocError] = useState17(null);
   const [customProps, setCustomProps] = useState17([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
   const propsEndRef = useRef12(null);
@@ -10144,7 +10201,8 @@ function InSceneQuestForm({
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(standardizedName);
+      setDocError(null);
+      const res = await create_google_doc_action(standardizedName, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -10171,11 +10229,21 @@ function InSceneQuestForm({
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -10698,7 +10766,14 @@ function InSceneQuestForm({
         className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
       },
       "Adicionar descri\xE7\xE3o..."
-    ))), /* @__PURE__ */ React17.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React17.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React17.createElement(
+    ))), /* @__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-xs text-slate-400 font-medium uppercase tracking-wider" }, "Propriedades Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, create_google_doc_action && /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React17.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__ */ React17.createElement(
       "button",
       {
         type: "button",
@@ -10707,8 +10782,20 @@ function InSceneQuestForm({
         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__ */ React17.createElement(AiOutlineLoading3Quarters2, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React17.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), /* @__PURE__ */ React17.createElement(
+      isLoadingDocs ? /* @__PURE__ */ React17.createElement(
+        AiOutlineLoading3Quarters2,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ React17.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), /* @__PURE__ */ React17.createElement(
       "button",
       {
         type: "button",
@@ -10839,7 +10926,8 @@ function NodeDetailsPanel({
   onUploadFile,
   userRole,
   currentDatasetName,
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   const [name, setName] = useState18((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = useState18([]);
@@ -10856,6 +10944,7 @@ function NodeDetailsPanel({
   const [existingSections, setExistingSections] = useState18((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = useState18(false);
   const [isLoadingDocs, setIsLoadingDocs] = useState18(false);
+  const [docError, setDocError] = useState18(null);
   const [isLinkCopied, setIsLinkCopied] = useState18(false);
   const [useImageAsTexture, setUseImageAsTexture] = useState18(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
@@ -11018,7 +11107,8 @@ function NodeDetailsPanel({
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(name);
+      setDocError(null);
+      const res = await create_google_doc_action(name, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -11048,11 +11138,21 @@ function NodeDetailsPanel({
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -11333,7 +11433,14 @@ 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__ */ React18.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React18.createElement(
+    ), /* @__PURE__ */ React18.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, canEdit && 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",
@@ -11342,8 +11449,20 @@ function NodeDetailsPanel({
         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(AiOutlineLoading3Quarters3, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React18.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), canEdit && /* @__PURE__ */ React18.createElement(
+      isLoadingDocs ? /* @__PURE__ */ React18.createElement(
+        AiOutlineLoading3Quarters3,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ React18.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), canEdit && /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "button",
@@ -11518,7 +11637,8 @@ function QuestDetailsPanel({
   onUpdateMilestones = () => {
   },
   onFocusNode,
-  create_google_doc_action
+  create_google_doc_action,
+  view_google_folder_id
 }) {
   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) || "";
@@ -11553,6 +11673,7 @@ function QuestDetailsPanel({
   const [isLinkCopied, setIsLinkCopied] = useState19(false);
   const [isNameCopied, setIsNameCopied] = useState19(false);
   const [isLoadingDocs, setIsLoadingDocs] = useState19(false);
+  const [docError, setDocError] = useState19(null);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState19(false);
   const [questDate, setQuestDate] = useState19((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = useState19("");
@@ -11961,7 +12082,8 @@ ${noteText}` : noteText : entry.notes,
     if (!create_google_doc_action) return;
     try {
       setIsLoadingDocs(true);
-      const res = await create_google_doc_action(standardizedName);
+      setDocError(null);
+      const res = await create_google_doc_action(standardizedName, view_google_folder_id);
       if (res.success) {
         const existingLinksPropIndex = customProps.findIndex(
           (p) => p.type === "links" && p.key === "Links"
@@ -11991,11 +12113,21 @@ ${noteText}` : noteText : entry.notes,
           window.open(res.link, "_blank");
         }
       } else {
-        alert("Erro ao criar documento: " + res.error);
+        if (res.errorType === "PERMISSIONS_ERROR") {
+          setDocError(
+            "Erro: Voc\xEA n\xE3o possui permiss\xE3o de escrita na pasta configurada pela View. Solicite acesso ao Owner."
+          );
+        } else {
+          setDocError(
+            "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+          );
+        }
       }
     } catch (error) {
       console.error(error);
-      alert("Erro ao processar cria\xE7\xE3o do documento.");
+      setDocError(
+        "Falha ao conectar com seu Google Drive. Verifique a integra\xE7\xE3o na sua conta."
+      );
     } finally {
       setIsLoadingDocs(false);
     }
@@ -12605,7 +12737,14 @@ ${noteText}` : noteText : entry.notes,
       },
       /* @__PURE__ */ React20.createElement("span", { className: "truncate" }, q.raw_title || q.name),
       /* @__PURE__ */ React20.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__ */ React20.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ React20.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__ */ React20.createElement(FiRepeat2, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ React20.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__ */ React20.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React20.createElement(
+    )) : /* @__PURE__ */ React20.createElement("li", { className: "px-3 py-3 text-[10px] text-slate-500 italic text-center" }, "Nenhuma outra quest dispon\xEDvel")))), blockedStatus.isBlocked && /* @__PURE__ */ React20.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__ */ React20.createElement(FiRepeat2, { className: "text-amber-400 animate-spin-slow", size: 12 }), /* @__PURE__ */ React20.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__ */ React20.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, canEdit && create_google_doc_action && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, docError ? /* @__PURE__ */ React20.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__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -12614,8 +12753,20 @@ ${noteText}` : noteText : entry.notes,
         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__ */ React20.createElement(AiOutlineLoading3Quarters4, { className: "animate-spin", size: 14 }) : /* @__PURE__ */ React20.createElement(GoogleDocsIcon_default, { size: 14, className: "group-hover:scale-110 transition-transform" })
-    ), canEdit && /* @__PURE__ */ React20.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__ */ React20.createElement(FiPlus8, { size: 14 }), " Adicionar"))), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React20.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__ */ React20.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React20.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ React20.createElement(
+      isLoadingDocs ? /* @__PURE__ */ React20.createElement(
+        AiOutlineLoading3Quarters4,
+        {
+          className: "animate-spin",
+          size: 18
+        }
+      ) : /* @__PURE__ */ React20.createElement(
+        GoogleDocsIcon_default,
+        {
+          size: 18,
+          className: "group-hover:scale-110 transition-transform"
+        }
+      )
+    )), canEdit && /* @__PURE__ */ React20.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__ */ React20.createElement(FiPlus8, { size: 14 }), " Adicionar"))), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React20.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__ */ React20.createElement("div", { ref: propsEndRef }))), /* @__PURE__ */ React20.createElement("div", { className: "pt-6 border-t border-white/10 mt-6" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-[11px] uppercase font-bold text-slate-500 tracking-wider" }, "Hist\xF3rico & Notas"), /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -14881,7 +15032,7 @@ function XViewScene({
   get_view_members,
   create_google_doc_action
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -15258,6 +15409,23 @@ function XViewScene({
       add_new_parent_file_to_scene_at_firebase_action
     ]
   );
+  const handleSaveConfig = useCallback6(
+    async (newConfig) => {
+      if (!sceneDataRef.current || !save_view_data || !sceneSaveUrl) return;
+      const updatedData = {
+        ...sceneDataRef.current,
+        ...newConfig
+      };
+      sceneDataRef.current = updatedData;
+      try {
+        await save_view_data(sceneSaveUrl, updatedData);
+        setSceneVersion((v) => v + 1);
+      } catch (error) {
+        console.error("Erro ao salvar configura\xE7\xE3o da View:", error);
+      }
+    },
+    [save_view_data, sceneSaveUrl]
+  );
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
@@ -19567,7 +19735,9 @@ function XViewScene({
         userRole: userPermissionRole,
         viewMembers,
         milestones: ((_c = sceneDataRef.current) == null ? void 0 : _c.milestones) || [],
-        onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true)
+        onOpenMilestoneManager: () => setIsMilestoneManagerOpen(true),
+        view_google_folder_id: (_d = sceneDataRef.current) == null ? void 0 : _d.view_google_folder_id,
+        onSaveConfig: handleSaveConfig
       }
     ),
     creationMode.isActive && /* @__PURE__ */ React31.createElement(
@@ -19591,8 +19761,8 @@ function XViewScene({
         },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.color,
-        sourceTypes: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.type,
+        initialColor: (_e = creationMode.sourceNodeData) == null ? void 0 : _e.color,
+        sourceTypes: (_f = creationMode.sourceNodeData) == null ? void 0 : _f.type,
         onIntensityChange: handleGhostNodeIntensityChange,
         onUploadFile: upload_file_action,
         availableDatasets,
@@ -19600,7 +19770,8 @@ function XViewScene({
         viewType: viewParams == null ? void 0 : viewParams.type,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_g = sceneDataRef.current) == null ? void 0 : _g.view_google_folder_id
       }
     ),
     versionMode.isActive && /* @__PURE__ */ React31.createElement(
@@ -19622,8 +19793,8 @@ function XViewScene({
           transition: "opacity 200ms ease-out"
         },
         refEl: formRef,
-        fixedType: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.type,
-        fixedColor: (_g = versionMode.sourceNodeData) == null ? void 0 : _g.color,
+        fixedType: (_h = versionMode.sourceNodeData) == null ? void 0 : _h.type,
+        fixedColor: (_i = versionMode.sourceNodeData) == null ? void 0 : _i.color,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries
@@ -19651,11 +19822,12 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_h = sceneDataRef.current) == null ? void 0 : _h.quest_counter) || 1,
+        questCounter: ((_j = sceneDataRef.current) == null ? void 0 : _j.quest_counter) || 1,
         viewMembers,
-        milestones: ((_i = sceneDataRef.current) == null ? void 0 : _i.milestones) || [],
+        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_l = sceneDataRef.current) == null ? void 0 : _l.view_google_folder_id
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React31.createElement(
@@ -19789,9 +19961,10 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
         viewMembers,
         currentUser: session == null ? void 0 : session.user,
-        milestones: ((_j = sceneDataRef.current) == null ? void 0 : _j.milestones) || [],
+        milestones: ((_m = sceneDataRef.current) == null ? void 0 : _m.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React31.createElement(
@@ -19824,7 +19997,8 @@ function XViewScene({
         onUploadFile: upload_file_action,
         userRole: userPermissionRole,
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
-        create_google_doc_action
+        create_google_doc_action,
+        view_google_folder_id: (_o = sceneDataRef.current) == null ? void 0 : _o.view_google_folder_id
       }
     ),
     detailsLink && /* @__PURE__ */ React31.createElement(
@@ -19982,7 +20156,7 @@ function XViewScene({
       {
         isOpen: isMilestoneManagerOpen,
         onClose: () => setIsMilestoneManagerOpen(false),
-        milestones: ((_k = sceneDataRef.current) == null ? void 0 : _k.milestones) || [],
+        milestones: ((_p = sceneDataRef.current) == null ? void 0 : _p.milestones) || [],
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
@@ -19993,7 +20167,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_l = sceneDataRef.current) == null ? void 0 : _l.parent_dbs) || [],
+        parentDbs: ((_q = sceneDataRef.current) == null ? void 0 : _q.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.2.6-dev.64",
+  "version": "1.2.6-dev.66",
   "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",