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

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",
@@ -12495,7 +12533,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) ?? "");
@@ -12525,6 +12564,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;
@@ -12571,10 +12615,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);
@@ -12704,6 +12746,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" : ""}
                                             `
@@ -12719,6 +12763,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" : ""}
                                             `
@@ -13218,7 +13264,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 || "";
@@ -13227,6 +13273,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) {
@@ -13260,7 +13311,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),
@@ -19444,7 +19511,8 @@ function XViewScene({
         onOpenReference: handleOpenReference,
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        onHighlight: handleReadModeHighlight
       }
     ),
     ancestryLinkDetails && /* @__PURE__ */ import_react31.default.createElement(
@@ -19455,7 +19523,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

@@ -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",
@@ -12526,7 +12565,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) ?? "");
@@ -12556,6 +12596,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;
@@ -12602,10 +12647,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);
@@ -12735,6 +12778,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" : ""}
                                             `
@@ -12750,6 +12795,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" : ""}
                                             `
@@ -13249,7 +13296,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 || "";
@@ -13258,6 +13305,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) {
@@ -13291,7 +13343,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),
@@ -19500,7 +19568,8 @@ function XViewScene({
         onOpenReference: handleOpenReference,
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        onHighlight: handleReadModeHighlight
       }
     ),
     ancestryLinkDetails && /* @__PURE__ */ React30.createElement(
@@ -19511,7 +19580,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.58",
+  "version": "1.2.6-dev.60",
   "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",