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

package/dist/index.js

@@ -3445,8 +3445,8 @@ function ContextMenu({
   }, [sceneData == null ? void 0 : sceneData.links, renderedLinkIds]);
   if (!data.visible) return null;
   const swallow = (e) => e.stopPropagation();
-  const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150 truncate";
-  const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150 truncate";
+  const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150";
+  const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150";
   const getYearFromDate = (dateObj) => {
     var _a2, _b2;
     if (!dateObj) return -Infinity;
@@ -3859,7 +3859,7 @@ function ContextMenu({
     "div",
     {
       ref: menuRef,
-      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white w-[min(92vw,250px)] overflow-hidden",
+      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white min-w-[220px] max-w-[min(95vw,420px)] w-max overflow-hidden",
       style: { position: "absolute", left: `${menuPos.left}px`, top: `${menuPos.top}px`, zIndex: 1e3 },
       onPointerDown: swallow,
       onPointerMove: swallow,
@@ -9946,6 +9946,7 @@ function InSceneQuestForm({
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react17.useState)(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react17.useState)(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react17.useState)("");
+  const [isNameCopied, setIsNameCopied] = (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);
@@ -10024,6 +10025,15 @@ function InSceneQuestForm({
     }
   };
   const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
+  const handleCopyName = () => {
+    if (!standardizedName) return;
+    navigator.clipboard.writeText(standardizedName).then(() => {
+      setIsNameCopied(true);
+      setTimeout(() => setIsNameCopied(false), 2e3);
+    }).catch((err) => {
+      console.error("Erro ao copiar nome:", err);
+    });
+  };
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -10143,13 +10153,22 @@ function InSceneQuestForm({
         },
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60"
       }
-    ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react17.default.createElement(
+    ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-1 flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react17.default.createElement(
       "p",
       {
         className: "text-xs text-indigo-300 font-medium truncate",
         title: standardizedName
       },
       standardizedName
+    ), /* @__PURE__ */ import_react17.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopyName,
+        className: `p-1 rounded-md transition-all hover:bg-white/5 ${isNameCopied ? "text-green-400 scale-110" : "text-slate-500 hover:text-indigo-400"} flex-shrink-0`,
+        title: isNameCopied ? "Nome Copiado!" : "Copiar nome formatado"
+      },
+      isNameCopied ? /* @__PURE__ */ import_react17.default.createElement(import_fi16.FiCheck, { size: 10 }) : /* @__PURE__ */ import_react17.default.createElement(import_fi16.FiCopy, { size: 10 })
     ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Status da Quest"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
@@ -11293,6 +11312,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = (0, import_react20.useState)((node == null ? void 0 : node.description_sections) || []);
   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 [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)("");
@@ -11474,6 +11494,15 @@ function QuestDetailsPanel({
       console.error("Erro ao copiar link:", err);
     });
   };
+  const handleCopyName = () => {
+    if (!standardizedName) return;
+    navigator.clipboard.writeText(standardizedName).then(() => {
+      setIsNameCopied(true);
+      setTimeout(() => setIsNameCopied(false), 2e3);
+    }).catch((err) => {
+      console.error("Erro ao copiar nome:", err);
+    });
+  };
   const swallow = (e) => e.stopPropagation();
   const handleNameChange = (val) => {
     setRawTitle(val);
@@ -11811,7 +11840,16 @@ ${noteText}` : noteText : entry.notes,
         readOnly: !canEdit,
         className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}`
       }
-    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), canEdit && !questDate && /* @__PURE__ */ import_react20.default.createElement(
+    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "pt-1 flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName), /* @__PURE__ */ import_react20.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopyName,
+        className: `p-1 rounded-md transition-all hover:bg-white/5 ${isNameCopied ? "text-green-400 scale-110" : "text-slate-500 hover:text-indigo-400"} flex-shrink-0`,
+        title: isNameCopied ? "Nome Copiado!" : "Copiar nome formatado"
+      },
+      isNameCopied ? /* @__PURE__ */ import_react20.default.createElement(import_fi19.FiCheck, { size: 10 }) : /* @__PURE__ */ import_react20.default.createElement(import_fi19.FiCopy, { size: 10 })
+    ))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), canEdit && !questDate && /* @__PURE__ */ import_react20.default.createElement(
       "button",
       {
         type: "button",

package/dist/index.mjs

@@ -3406,8 +3406,8 @@ function ContextMenu({
   }, [sceneData == null ? void 0 : sceneData.links, renderedLinkIds]);
   if (!data.visible) return null;
   const swallow = (e) => e.stopPropagation();
-  const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150 truncate";
-  const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150 truncate";
+  const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150";
+  const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150";
   const getYearFromDate = (dateObj) => {
     var _a2, _b2;
     if (!dateObj) return -Infinity;
@@ -3820,7 +3820,7 @@ function ContextMenu({
     "div",
     {
       ref: menuRef,
-      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white w-[min(92vw,250px)] overflow-hidden",
+      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white min-w-[220px] max-w-[min(95vw,420px)] w-max overflow-hidden",
       style: { position: "absolute", left: `${menuPos.left}px`, top: `${menuPos.top}px`, zIndex: 1e3 },
       onPointerDown: swallow,
       onPointerMove: swallow,
@@ -9747,7 +9747,8 @@ import {
   FiUser as FiUser2,
   FiSearch as FiSearch5,
   FiCalendar,
-  FiRepeat
+  FiRepeat,
+  FiCopy as FiCopy3
 } from "react-icons/fi";
 
 // src/components/QuestReviewStackEditor.jsx
@@ -9965,6 +9966,7 @@ function InSceneQuestForm({
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState17(false);
   const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState17(false);
   const [assigneeSearchQuery, setAssigneeSearchQuery] = useState17("");
+  const [isNameCopied, setIsNameCopied] = useState17(false);
   const [customProps, setCustomProps] = useState17([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
   const propsEndRef = useRef12(null);
@@ -10043,6 +10045,15 @@ function InSceneQuestForm({
     }
   };
   const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
+  const handleCopyName = () => {
+    if (!standardizedName) return;
+    navigator.clipboard.writeText(standardizedName).then(() => {
+      setIsNameCopied(true);
+      setTimeout(() => setIsNameCopied(false), 2e3);
+    }).catch((err) => {
+      console.error("Erro ao copiar nome:", err);
+    });
+  };
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -10162,13 +10173,22 @@ function InSceneQuestForm({
         },
         className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60"
       }
-    ), /* @__PURE__ */ React16.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React16.createElement(
+    ), /* @__PURE__ */ React16.createElement("div", { className: "pt-1 flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React16.createElement(
       "p",
       {
         className: "text-xs text-indigo-300 font-medium truncate",
         title: standardizedName
       },
       standardizedName
+    ), /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopyName,
+        className: `p-1 rounded-md transition-all hover:bg-white/5 ${isNameCopied ? "text-green-400 scale-110" : "text-slate-500 hover:text-indigo-400"} flex-shrink-0`,
+        title: isNameCopied ? "Nome Copiado!" : "Copiar nome formatado"
+      },
+      isNameCopied ? /* @__PURE__ */ React16.createElement(FiCheck9, { size: 10 }) : /* @__PURE__ */ React16.createElement(FiCopy3, { size: 10 })
     ))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Status da Quest"), /* @__PURE__ */ React16.createElement("div", { className: "relative" }, /* @__PURE__ */ React16.createElement(
       "button",
       {
@@ -11177,7 +11197,7 @@ function NodeDetailsPanel({
 // src/components/QuestDetailsPanel.jsx
 import React19, { useState as useState19, useEffect as useEffect16, useRef as useRef14 } from "react";
 import { v4 as uuidv49 } from "uuid";
-import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4 } from "react-icons/fi";
+import { FiPlus as FiPlus8, FiX as FiX7, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink7, FiTarget as FiTarget3, FiChevronDown as FiChevronDown7, FiUser as FiUser3, FiSearch as FiSearch7, FiRepeat as FiRepeat2, FiCalendar as FiCalendar2, FiImage as FiImage4, FiCopy as FiCopy4 } from "react-icons/fi";
 
 // src/components/QuestTimeline.jsx
 import React18 from "react";
@@ -11324,6 +11344,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = useState19((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = useState19(false);
   const [isLinkCopied, setIsLinkCopied] = useState19(false);
+  const [isNameCopied, setIsNameCopied] = useState19(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState19(false);
   const [questDate, setQuestDate] = useState19((node == null ? void 0 : node.Date) || null);
   const [noteText, setNoteText] = useState19("");
@@ -11505,6 +11526,15 @@ function QuestDetailsPanel({
       console.error("Erro ao copiar link:", err);
     });
   };
+  const handleCopyName = () => {
+    if (!standardizedName) return;
+    navigator.clipboard.writeText(standardizedName).then(() => {
+      setIsNameCopied(true);
+      setTimeout(() => setIsNameCopied(false), 2e3);
+    }).catch((err) => {
+      console.error("Erro ao copiar nome:", err);
+    });
+  };
   const swallow = (e) => e.stopPropagation();
   const handleNameChange = (val) => {
     setRawTitle(val);
@@ -11842,7 +11872,16 @@ ${noteText}` : noteText : entry.notes,
         readOnly: !canEdit,
         className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}`
       }
-    ), /* @__PURE__ */ React19.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), canEdit && !questDate && /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React19.createElement("div", { className: "pt-1 flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName), /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopyName,
+        className: `p-1 rounded-md transition-all hover:bg-white/5 ${isNameCopied ? "text-green-400 scale-110" : "text-slate-500 hover:text-indigo-400"} flex-shrink-0`,
+        title: isNameCopied ? "Nome Copiado!" : "Copiar nome formatado"
+      },
+      isNameCopied ? /* @__PURE__ */ React19.createElement(FiCheck11, { size: 10 }) : /* @__PURE__ */ React19.createElement(FiCopy4, { size: 10 })
+    ))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 mt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Prazo / Data"), canEdit && !questDate && /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",

package/package.json

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