@lv-x-software-house/x_view 1.2.2-dev.23 → 1.2.2-dev.24

package/dist/index.js

@@ -4368,8 +4368,7 @@ var CodeBlock2 = ({ content, isActive, onClick }) => {
       "button",
       {
         onClick: handleCopy,
-        className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white",
-        title: "Copiar c\xF3digo"
+        className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white"
       },
       copied ? /* @__PURE__ */ import_react7.default.createElement(import_fi5.FiCheck, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ import_react7.default.createElement(import_fi5.FiCopy, { size: 12 }),
       copied ? /* @__PURE__ */ import_react7.default.createElement("span", { className: "text-emerald-400" }, "Copiado") : /* @__PURE__ */ import_react7.default.createElement("span", null, "Copiar")
@@ -4398,8 +4397,7 @@ var renderLinks = (text) => {
           target: "_blank",
           rel: "noopener noreferrer",
           className: "inline-flex items-center gap-0.5 text-cyan-400 hover:text-cyan-300 hover:underline decoration-cyan-500/50 underline-offset-2 transition-colors cursor-pointer",
-          onClick: (e) => e.stopPropagation(),
-          title: `Abrir link externo: ${url}`
+          onClick: (e) => e.stopPropagation()
         },
         part,
         /* @__PURE__ */ import_react7.default.createElement(import_fi5.FiExternalLink, { size: 10, className: "opacity-70 mb-0.5" })
@@ -4428,8 +4426,7 @@ var renderTextWithImages = (text, onImageClick) => {
             e.stopPropagation();
             onImageClick == null ? void 0 : onImageClick(url, name);
           },
-          className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5",
-          title: `Ver imagem: ${name}`
+          className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5"
         },
         /* @__PURE__ */ import_react7.default.createElement(import_fi5.FiImage, { size: 11 }),
         /* @__PURE__ */ import_react7.default.createElement("span", null, name)
@@ -4466,8 +4463,7 @@ var renderTextWithMentions = (text, availableNodes, onMentionClick, activeMentio
         className: `
                     inline-flex items-center gap-0.5 align-baseline font-medium px-1.5 rounded-md mx-0.5 select-none transition-all cursor-pointer text-[0.95em]
                     ${isMentionActive ? "text-white bg-indigo-500 ring-2 ring-yellow-400 shadow-[0_0_10px_rgba(250,204,21,0.5)] z-10 relative" : "text-indigo-200 bg-indigo-600/30 border border-indigo-500/30 hover:bg-indigo-600/50 hover:text-white"}
-                `,
-        title: `Clique para focar no Node: ${displayName}`
+                `
       },
       /* @__PURE__ */ import_react7.default.createElement("span", { className: "opacity-60 text-[0.8em]" }, "@"),
       displayName
@@ -4541,7 +4537,9 @@ function DescriptionDisplay({
   onHighlightNode,
   initialSectionId,
   currentBranchDirection = null,
-  onSaveDescription
+  onSaveDescription,
+  onStepChange
+  // 1. Adicione a nova prop aqui
 }) {
   const [localDescription, setLocalDescription] = (0, import_react7.useState)(description || "");
   (0, import_react7.useEffect)(() => {
@@ -4588,6 +4586,11 @@ function DescriptionDisplay({
     return navItems;
   }, [sections]);
   const [currentStepIndex, setCurrentStepIndex] = (0, import_react7.useState)(0);
+  (0, import_react7.useEffect)(() => {
+    if (onStepChange) {
+      onStepChange(currentStepIndex);
+    }
+  }, [currentStepIndex, onStepChange]);
   const activeRef = (0, import_react7.useRef)(null);
   const lastNotifiedSectionId = (0, import_react7.useRef)(null);
   const isInitialMount = (0, import_react7.useRef)(true);
@@ -4739,8 +4742,7 @@ function DescriptionDisplay({
           if (onOpenReference) {
             onOpenReference({ type: resolved.type, id: resolved.sourceId });
           }
-        },
-        title: `Ir para ${resolved.type === "node" ? "Node" : "Ancestralidade"}: ${resolved.sourceName}`
+        }
       },
       /* @__PURE__ */ import_react7.default.createElement(import_fi5.FiCornerDownRight, { size: 12, className: "text-indigo-400" }),
       /* @__PURE__ */ import_react7.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wide flex items-center gap-1" }, "Importado de ", /* @__PURE__ */ import_react7.default.createElement("span", { className: "font-semibold text-indigo-300 hover:underline" }, resolved.sourceName), /* @__PURE__ */ import_react7.default.createElement(import_fi5.FiExternalLink, { size: 10, className: "text-slate-600" }))
@@ -4875,6 +4877,7 @@ function DescriptionReadModePanel({
   const [showAbstraction, setShowAbstraction] = (0, import_react8.useState)(false);
   const [targetRenderNodeId, setTargetRenderNodeId] = (0, import_react8.useState)(null);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react8.useState)(false);
+  const [isAtStartOfBranch, setIsAtStartOfBranch] = (0, import_react8.useState)(true);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!ancestryId) return;
@@ -4927,7 +4930,7 @@ function DescriptionReadModePanel({
         onClick: () => onBranchNav(activeNodeBranches.nodeId, "open", "left")
       };
     }
-    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "left") {
+    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "left" && isAtStartOfBranch) {
       return {
         type: "back",
         name: backNavigationInfo.name,
@@ -4935,7 +4938,7 @@ function DescriptionReadModePanel({
       };
     }
     return null;
-  }, [activeNodeBranches, backNavigationInfo, onBranchNav]);
+  }, [activeNodeBranches, backNavigationInfo, onBranchNav, isAtStartOfBranch]);
   const rightAction = (0, import_react8.useMemo)(() => {
     if (activeNodeBranches == null ? void 0 : activeNodeBranches.right) {
       return {
@@ -4944,7 +4947,7 @@ function DescriptionReadModePanel({
         onClick: () => onBranchNav(activeNodeBranches.nodeId, "open", "right")
       };
     }
-    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "right") {
+    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "right" && isAtStartOfBranch) {
       return {
         type: "back",
         name: backNavigationInfo.name,
@@ -4952,7 +4955,7 @@ function DescriptionReadModePanel({
       };
     }
     return null;
-  }, [activeNodeBranches, backNavigationInfo, onBranchNav]);
+  }, [activeNodeBranches, backNavigationInfo, onBranchNav, isAtStartOfBranch]);
   return /* @__PURE__ */ import_react8.default.createElement(
     "div",
     {
@@ -5088,7 +5091,8 @@ function DescriptionReadModePanel({
         initialSectionId,
         currentBranchDirection,
         onImageClick,
-        onSaveDescription
+        onSaveDescription,
+        onStepChange: (stepIndex) => setIsAtStartOfBranch(stepIndex === 0)
       }
     )),
     leftAction && !showAbstraction && !showProperties && /* @__PURE__ */ import_react8.default.createElement(
@@ -5559,6 +5563,7 @@ function CreateAncestryPanel({
   }, [targetRenderNodeId, ancestryMode.abstraction_tree]);
   const [targetScrollSectionId, setTargetScrollSectionId] = (0, import_react11.useState)(null);
   const [internalHighlightedNodeId, setInternalHighlightedNodeId] = (0, import_react11.useState)(null);
+  const [isAtStartOfBranch, setIsAtStartOfBranch] = (0, import_react11.useState)(true);
   const [ancestryName, setAncestryName] = (0, import_react11.useState)(initialName);
   const [description, setDescription] = (0, import_react11.useState)(initialDescription || "");
   const [existingSections, setExistingSections] = (0, import_react11.useState)(initialSections || []);
@@ -5990,7 +5995,7 @@ function CreateAncestryPanel({
       }
       return actions;
     }
-    if (isInBranch) {
+    if (isInBranch && isAtStartOfBranch) {
       const lastStep = branchStack[branchStack.length - 1];
       const entryDir = lastStep.entryDirection || "right";
       const backSide = entryDir === "right" ? "left" : "right";
@@ -6001,7 +6006,7 @@ function CreateAncestryPanel({
       };
     }
     return actions;
-  }, [internalHighlightedNodeId, branchStack, activeTree]);
+  }, [internalHighlightedNodeId, branchStack, activeTree, isAtStartOfBranch]);
   const applyDescriptionToTree = (baseTree, descText, descSections) => {
     const rootTreeClone = JSON.parse(JSON.stringify(baseTree));
     let targetTree = rootTreeClone;
@@ -6653,7 +6658,8 @@ function CreateAncestryPanel({
         initialSectionId: targetScrollSectionId,
         currentBranchDirection: currentContext ? currentContext.direction : null,
         onImageClick: handleImageClickFromText,
-        onSaveDescription: handleSaveDescriptionInline
+        onSaveDescription: handleSaveDescriptionInline,
+        onStepChange: (stepIndex) => setIsAtStartOfBranch(stepIndex === 0)
       }
     ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5 z-30" }, /* @__PURE__ */ import_react11.default.createElement(
       "button",

package/dist/index.mjs

@@ -4324,8 +4324,7 @@ var CodeBlock2 = ({ content, isActive, onClick }) => {
       "button",
       {
         onClick: handleCopy,
-        className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white",
-        title: "Copiar c\xF3digo"
+        className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white"
       },
       copied ? /* @__PURE__ */ React6.createElement(FiCheck3, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ React6.createElement(FiCopy2, { size: 12 }),
       copied ? /* @__PURE__ */ React6.createElement("span", { className: "text-emerald-400" }, "Copiado") : /* @__PURE__ */ React6.createElement("span", null, "Copiar")
@@ -4354,8 +4353,7 @@ var renderLinks = (text) => {
           target: "_blank",
           rel: "noopener noreferrer",
           className: "inline-flex items-center gap-0.5 text-cyan-400 hover:text-cyan-300 hover:underline decoration-cyan-500/50 underline-offset-2 transition-colors cursor-pointer",
-          onClick: (e) => e.stopPropagation(),
-          title: `Abrir link externo: ${url}`
+          onClick: (e) => e.stopPropagation()
         },
         part,
         /* @__PURE__ */ React6.createElement(FiExternalLink2, { size: 10, className: "opacity-70 mb-0.5" })
@@ -4384,8 +4382,7 @@ var renderTextWithImages = (text, onImageClick) => {
             e.stopPropagation();
             onImageClick == null ? void 0 : onImageClick(url, name);
           },
-          className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5",
-          title: `Ver imagem: ${name}`
+          className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5"
         },
         /* @__PURE__ */ React6.createElement(FiImage2, { size: 11 }),
         /* @__PURE__ */ React6.createElement("span", null, name)
@@ -4422,8 +4419,7 @@ var renderTextWithMentions = (text, availableNodes, onMentionClick, activeMentio
         className: `
                     inline-flex items-center gap-0.5 align-baseline font-medium px-1.5 rounded-md mx-0.5 select-none transition-all cursor-pointer text-[0.95em]
                     ${isMentionActive ? "text-white bg-indigo-500 ring-2 ring-yellow-400 shadow-[0_0_10px_rgba(250,204,21,0.5)] z-10 relative" : "text-indigo-200 bg-indigo-600/30 border border-indigo-500/30 hover:bg-indigo-600/50 hover:text-white"}
-                `,
-        title: `Clique para focar no Node: ${displayName}`
+                `
       },
       /* @__PURE__ */ React6.createElement("span", { className: "opacity-60 text-[0.8em]" }, "@"),
       displayName
@@ -4497,7 +4493,9 @@ function DescriptionDisplay({
   onHighlightNode,
   initialSectionId,
   currentBranchDirection = null,
-  onSaveDescription
+  onSaveDescription,
+  onStepChange
+  // 1. Adicione a nova prop aqui
 }) {
   const [localDescription, setLocalDescription] = useState7(description || "");
   useEffect6(() => {
@@ -4544,6 +4542,11 @@ function DescriptionDisplay({
     return navItems;
   }, [sections]);
   const [currentStepIndex, setCurrentStepIndex] = useState7(0);
+  useEffect6(() => {
+    if (onStepChange) {
+      onStepChange(currentStepIndex);
+    }
+  }, [currentStepIndex, onStepChange]);
   const activeRef = useRef6(null);
   const lastNotifiedSectionId = useRef6(null);
   const isInitialMount = useRef6(true);
@@ -4695,8 +4698,7 @@ function DescriptionDisplay({
           if (onOpenReference) {
             onOpenReference({ type: resolved.type, id: resolved.sourceId });
           }
-        },
-        title: `Ir para ${resolved.type === "node" ? "Node" : "Ancestralidade"}: ${resolved.sourceName}`
+        }
       },
       /* @__PURE__ */ React6.createElement(FiCornerDownRight, { size: 12, className: "text-indigo-400" }),
       /* @__PURE__ */ React6.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wide flex items-center gap-1" }, "Importado de ", /* @__PURE__ */ React6.createElement("span", { className: "font-semibold text-indigo-300 hover:underline" }, resolved.sourceName), /* @__PURE__ */ React6.createElement(FiExternalLink2, { size: 10, className: "text-slate-600" }))
@@ -4845,6 +4847,7 @@ function DescriptionReadModePanel({
   const [showAbstraction, setShowAbstraction] = useState8(false);
   const [targetRenderNodeId, setTargetRenderNodeId] = useState8(null);
   const [isLinkCopied, setIsLinkCopied] = useState8(false);
+  const [isAtStartOfBranch, setIsAtStartOfBranch] = useState8(true);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!ancestryId) return;
@@ -4897,7 +4900,7 @@ function DescriptionReadModePanel({
         onClick: () => onBranchNav(activeNodeBranches.nodeId, "open", "left")
       };
     }
-    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "left") {
+    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "left" && isAtStartOfBranch) {
       return {
         type: "back",
         name: backNavigationInfo.name,
@@ -4905,7 +4908,7 @@ function DescriptionReadModePanel({
       };
     }
     return null;
-  }, [activeNodeBranches, backNavigationInfo, onBranchNav]);
+  }, [activeNodeBranches, backNavigationInfo, onBranchNav, isAtStartOfBranch]);
   const rightAction = useMemo6(() => {
     if (activeNodeBranches == null ? void 0 : activeNodeBranches.right) {
       return {
@@ -4914,7 +4917,7 @@ function DescriptionReadModePanel({
         onClick: () => onBranchNav(activeNodeBranches.nodeId, "open", "right")
       };
     }
-    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "right") {
+    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "right" && isAtStartOfBranch) {
       return {
         type: "back",
         name: backNavigationInfo.name,
@@ -4922,7 +4925,7 @@ function DescriptionReadModePanel({
       };
     }
     return null;
-  }, [activeNodeBranches, backNavigationInfo, onBranchNav]);
+  }, [activeNodeBranches, backNavigationInfo, onBranchNav, isAtStartOfBranch]);
   return /* @__PURE__ */ React7.createElement(
     "div",
     {
@@ -5058,7 +5061,8 @@ function DescriptionReadModePanel({
         initialSectionId,
         currentBranchDirection,
         onImageClick,
-        onSaveDescription
+        onSaveDescription,
+        onStepChange: (stepIndex) => setIsAtStartOfBranch(stepIndex === 0)
       }
     )),
     leftAction && !showAbstraction && !showProperties && /* @__PURE__ */ React7.createElement(
@@ -5545,6 +5549,7 @@ function CreateAncestryPanel({
   }, [targetRenderNodeId, ancestryMode.abstraction_tree]);
   const [targetScrollSectionId, setTargetScrollSectionId] = useState11(null);
   const [internalHighlightedNodeId, setInternalHighlightedNodeId] = useState11(null);
+  const [isAtStartOfBranch, setIsAtStartOfBranch] = useState11(true);
   const [ancestryName, setAncestryName] = useState11(initialName);
   const [description, setDescription] = useState11(initialDescription || "");
   const [existingSections, setExistingSections] = useState11(initialSections || []);
@@ -5976,7 +5981,7 @@ function CreateAncestryPanel({
       }
       return actions;
     }
-    if (isInBranch) {
+    if (isInBranch && isAtStartOfBranch) {
       const lastStep = branchStack[branchStack.length - 1];
       const entryDir = lastStep.entryDirection || "right";
       const backSide = entryDir === "right" ? "left" : "right";
@@ -5987,7 +5992,7 @@ function CreateAncestryPanel({
       };
     }
     return actions;
-  }, [internalHighlightedNodeId, branchStack, activeTree]);
+  }, [internalHighlightedNodeId, branchStack, activeTree, isAtStartOfBranch]);
   const applyDescriptionToTree = (baseTree, descText, descSections) => {
     const rootTreeClone = JSON.parse(JSON.stringify(baseTree));
     let targetTree = rootTreeClone;
@@ -6639,7 +6644,8 @@ function CreateAncestryPanel({
         initialSectionId: targetScrollSectionId,
         currentBranchDirection: currentContext ? currentContext.direction : null,
         onImageClick: handleImageClickFromText,
-        onSaveDescription: handleSaveDescriptionInline
+        onSaveDescription: handleSaveDescriptionInline,
+        onStepChange: (stepIndex) => setIsAtStartOfBranch(stepIndex === 0)
       }
     ), /* @__PURE__ */ React10.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5 z-30" }, /* @__PURE__ */ React10.createElement(
       "button",

package/package.json

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