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

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 || []);
@@ -5952,6 +5957,62 @@ function CreateAncestryPanel({
       }
     }
   };
+  const handleDeleteBranch = async () => {
+    if (branchStack.length === 0) return;
+    const confirmDelete = window.confirm("Tem certeza que deseja excluir esta ramifica\xE7\xE3o e todo o seu conte\xFAdo interno?");
+    if (!confirmDelete) return;
+    const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
+    let ptr = rootTreeClone;
+    for (let i = 0; i < branchStack.length - 1; i++) {
+      const step = branchStack[i];
+      const found = findNodePath2(ptr, step.nodeId);
+      if (found && found.node.parallel_branches) {
+        const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
+        if (branch) ptr = branch.tree;
+      }
+    }
+    const currentStep = branchStack[branchStack.length - 1];
+    const foundParentPath = findNodePath2(ptr, currentStep.nodeId);
+    if (foundParentPath && foundParentPath.node && foundParentPath.node.parallel_branches) {
+      const branchIndex = foundParentPath.node.parallel_branches.findIndex((b) => b.id === currentStep.branchId);
+      if (branchIndex !== -1) {
+        foundParentPath.node.parallel_branches.splice(branchIndex, 1);
+        updateGlobalTree(rootTreeClone);
+        try {
+          setIsSaving(true);
+          const currentRootProps = extractCustomPropsFromNode(ancestryMode);
+          const rootExtras = toObjectFromCustomProps(currentRootProps);
+          await onSave(
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            true,
+            // keepOpen
+            rootTreeClone,
+            rootExtras
+          );
+          setLastSavedSnapshot(takeSnapshot(
+            rootTreeClone,
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            currentRootProps,
+            isPrivate,
+            ancestryMode.abstraction_tree
+          ));
+          if (onClearAncestryVisuals) {
+            onClearAncestryVisuals(currentStep.branchId);
+          }
+          handleNavigateUp();
+        } catch (err) {
+          console.error("Erro ao remover a ramifica\xE7\xE3o:", err);
+          alert("Erro ao remover a ramifica\xE7\xE3o.");
+        } finally {
+          setIsSaving(false);
+        }
+      }
+    }
+  };
   const sideActions = (0, import_react11.useMemo)(() => {
     const actions = { left: null, right: null };
     const isInBranch = branchStack.length > 0;
@@ -5990,7 +6051,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 +6062,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;
@@ -6614,7 +6675,7 @@ function CreateAncestryPanel({
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
-    )), /* @__PURE__ */ import_react11.default.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-2" }, /* @__PURE__ */ import_react11.default.createElement(
+    )), /* @__PURE__ */ import_react11.default.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-2 flex items-center justify-between" }, /* @__PURE__ */ import_react11.default.createElement(
       "button",
       {
         onClick: handleNavigateUp,
@@ -6622,6 +6683,15 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiArrowLeft, null),
       " Voltar para Principal / N\xEDvel Anterior"
+    ), !isContextLinked && /* @__PURE__ */ import_react11.default.createElement(
+      "button",
+      {
+        onClick: handleDeleteBranch,
+        className: "flex items-center gap-1.5 text-xs text-rose-400 hover:text-white hover:bg-rose-500/20 px-2 py-1 rounded transition-colors",
+        title: "Excluir permanentemente esta ramifica\xE7\xE3o e seu conte\xFAdo"
+      },
+      /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiTrash2, null),
+      " Excluir Ramifica\xE7\xE3o"
     )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ import_react11.default.createElement(import_fi9.FiLayers, null)), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ import_react11.default.createElement(
       "button",
       {
@@ -6653,7 +6723,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(
@@ -5275,7 +5279,8 @@ import {
   FiGitBranch as FiGitBranch2,
   FiPlus as FiPlus2,
   FiLock,
-  FiLink as FiLink4
+  FiLink as FiLink4,
+  FiTrash2 as FiTrash22
 } from "react-icons/fi";
 
 // src/components/AncestryPickerModal.jsx
@@ -5545,6 +5550,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 || []);
@@ -5938,6 +5944,62 @@ function CreateAncestryPanel({
       }
     }
   };
+  const handleDeleteBranch = async () => {
+    if (branchStack.length === 0) return;
+    const confirmDelete = window.confirm("Tem certeza que deseja excluir esta ramifica\xE7\xE3o e todo o seu conte\xFAdo interno?");
+    if (!confirmDelete) return;
+    const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
+    let ptr = rootTreeClone;
+    for (let i = 0; i < branchStack.length - 1; i++) {
+      const step = branchStack[i];
+      const found = findNodePath2(ptr, step.nodeId);
+      if (found && found.node.parallel_branches) {
+        const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
+        if (branch) ptr = branch.tree;
+      }
+    }
+    const currentStep = branchStack[branchStack.length - 1];
+    const foundParentPath = findNodePath2(ptr, currentStep.nodeId);
+    if (foundParentPath && foundParentPath.node && foundParentPath.node.parallel_branches) {
+      const branchIndex = foundParentPath.node.parallel_branches.findIndex((b) => b.id === currentStep.branchId);
+      if (branchIndex !== -1) {
+        foundParentPath.node.parallel_branches.splice(branchIndex, 1);
+        updateGlobalTree(rootTreeClone);
+        try {
+          setIsSaving(true);
+          const currentRootProps = extractCustomPropsFromNode(ancestryMode);
+          const rootExtras = toObjectFromCustomProps(currentRootProps);
+          await onSave(
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            true,
+            // keepOpen
+            rootTreeClone,
+            rootExtras
+          );
+          setLastSavedSnapshot(takeSnapshot(
+            rootTreeClone,
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            currentRootProps,
+            isPrivate,
+            ancestryMode.abstraction_tree
+          ));
+          if (onClearAncestryVisuals) {
+            onClearAncestryVisuals(currentStep.branchId);
+          }
+          handleNavigateUp();
+        } catch (err) {
+          console.error("Erro ao remover a ramifica\xE7\xE3o:", err);
+          alert("Erro ao remover a ramifica\xE7\xE3o.");
+        } finally {
+          setIsSaving(false);
+        }
+      }
+    }
+  };
   const sideActions = useMemo8(() => {
     const actions = { left: null, right: null };
     const isInBranch = branchStack.length > 0;
@@ -5976,7 +6038,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 +6049,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;
@@ -6600,7 +6662,7 @@ function CreateAncestryPanel({
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
-    )), /* @__PURE__ */ React10.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-2" }, /* @__PURE__ */ React10.createElement(
+    )), /* @__PURE__ */ React10.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-2 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement(
       "button",
       {
         onClick: handleNavigateUp,
@@ -6608,6 +6670,15 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ React10.createElement(FiArrowLeft2, null),
       " Voltar para Principal / N\xEDvel Anterior"
+    ), !isContextLinked && /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: handleDeleteBranch,
+        className: "flex items-center gap-1.5 text-xs text-rose-400 hover:text-white hover:bg-rose-500/20 px-2 py-1 rounded transition-colors",
+        title: "Excluir permanentemente esta ramifica\xE7\xE3o e seu conte\xFAdo"
+      },
+      /* @__PURE__ */ React10.createElement(FiTrash22, null),
+      " Excluir Ramifica\xE7\xE3o"
     )), /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ React10.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React10.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ React10.createElement(FiLayers5, null)), /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ React10.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ React10.createElement(
       "button",
       {
@@ -6639,7 +6710,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",
@@ -8943,7 +9015,7 @@ import {
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus7,
-  FiTrash2 as FiTrash22,
+  FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight,
   FiCheckCircle,
@@ -9080,7 +9152,7 @@ var GroupItem = ({
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ React22.createElement(FiTrash22, { size: 14 })
+    /* @__PURE__ */ React22.createElement(FiTrash23, { size: 14 })
   )))), group.children && group.children.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React22.createElement(
     GroupItem,
     {

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.26",
     "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",