@uipath/apollo-react 4.50.0 → 4.52.0

package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts

@@ -50,6 +50,7 @@ export declare const agentFlowManifest: {
                 itemVar?: string | undefined;
                 indexVar?: string | undefined;
                 showButton?: boolean | undefined;
+                labelVisibility?: "always" | "hover" | undefined;
                 constraints?: {
                     maxConnections?: number | undefined;
                     minConnections?: number | undefined;

package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/agent-flow.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAmBjD,CAAC;AAMF,eAAO,MAAM,2BAA2B,EAAE,YAsDzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAqDrC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,YAwBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAwBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,YAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAwBpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAMF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa7B,CAAC"}
+{"version":3,"file":"agent-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/agent-flow.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAmBjD,CAAC;AAMF,eAAO,MAAM,2BAA2B,EAAE,YAsDzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAqDrC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,YAwBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAwBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,YAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAwBpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAMF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa7B,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -157,6 +157,7 @@ const BaseNodeComponent = (props)=>{
                         label: h.label,
                         visible: h.visible,
                         showButton: h.showButton,
+                        labelVisibility: h.labelVisibility,
                         constraints: h.constraints
                     })),
                 visible: group.visible

package/dist/canvas/components/BaseNode/BaseNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAysB1B,eAAO,MAAM,QAAQ,8CAnqBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmqBmB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA0sB1B,eAAO,MAAM,QAAQ,8CApqBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAoqBmB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.js

@@ -129,6 +129,7 @@ const BaseNodeComponent = (props)=>{
                         label: h.label,
                         visible: h.visible,
                         showButton: h.showButton,
+                        labelVisibility: h.labelVisibility,
                         constraints: h.constraints
                     })),
                 visible: group.visible

package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs

@@ -39,7 +39,7 @@ const external_HandleButton_cjs_namespaceObject = require("./HandleButton.cjs");
 const external_HandleLabel_cjs_namespaceObject = require("./HandleLabel.cjs");
 const external_HandleNotch_cjs_namespaceObject = require("./HandleNotch.cjs");
 const external_useButtonHandleSizeAndPosition_cjs_namespaceObject = require("./useButtonHandleSizeAndPosition.cjs");
-const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, showButton = true, selected = false, index = 0, total = 1, onAction, onMouseEnter, onMouseLeave, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
+const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, labelVisible, labelVisibility, showButton = true, selected = false, index = 0, total = 1, onAction, onMouseEnter, onMouseLeave, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
     const handleRef = (0, external_react_namespaceObject.useRef)(null);
     const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
     const isVertical = position === react_cjs_namespaceObject.Position.Top || position === react_cjs_namespaceObject.Position.Bottom;
@@ -107,6 +107,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
     const markAsHovered = (0, external_react_namespaceObject.useCallback)(()=>setIsHovered(true), []);
     const unmarkAsHovered = (0, external_react_namespaceObject.useCallback)(()=>setIsHovered(false), []);
     const showActionButton = !!onAction && 'source' === type;
+    const resolvedLabelVisible = labelVisible ?? visible;
+    const keepButtonMounted = 'hover' === labelVisibility;
     const { width: handleWidth, height: handleHeight, top, bottom, left, right, transform } = (0, external_useButtonHandleSizeAndPosition_cjs_namespaceObject.useButtonHandleSizeAndPosition)({
         position,
         positionPercent,
@@ -137,6 +139,7 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                     label: label,
                     labelIcon: labelIcon,
                     labelBackgroundColor: labelBackgroundColor,
+                    labelVisible: resolvedLabelVisible,
                     layout: layout
                 }),
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.Handle, {
@@ -152,7 +155,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                 }),
                 showActionButton ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_HandleButton_cjs_namespaceObject.HandleButton, {
                     visible: showButton,
-                    labelVisible: visible,
+                    labelVisible: resolvedLabelVisible,
+                    keepButtonMounted: keepButtonMounted,
                     position: connectionPosition,
                     onAction: handleButtonClick,
                     onMouseEnter: handleButtonMouseEnter,
@@ -198,7 +202,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
             }),
             showActionButton ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_HandleButton_cjs_namespaceObject.HandleButton, {
                 visible: showButton,
-                labelVisible: visible,
+                labelVisible: resolvedLabelVisible,
+                keepButtonMounted: keepButtonMounted,
                 position: position,
                 onAction: handleButtonClick,
                 onMouseEnter: handleButtonMouseEnter,
@@ -212,15 +217,17 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                 position: position,
                 backgroundColor: labelBackgroundColor,
                 label: label,
-                labelIcon: labelIcon
+                labelIcon: labelIcon,
+                visible: resolvedLabelVisible
             })
         ]
     });
 };
 const ButtonHandle = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ButtonHandleBase);
-function InwardHandleContent({ handleType, isVertical, selected, hovered, showNotch, label, labelIcon, labelBackgroundColor, layout }) {
+function InwardHandleContent({ handleType, isVertical, selected, hovered, showNotch, label, labelIcon, labelBackgroundColor, labelVisible = true, layout }) {
     const labelElement = label ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, CssUtil_cjs_namespaceObject.cx)('pointer-events-none flex items-center gap-1.5 whitespace-nowrap rounded-full border border-border bg-surface px-2 py-0.5', 'text-xs font-medium leading-4 text-foreground-muted'),
+        "aria-hidden": labelVisible ? void 0 : true,
+        className: (0, CssUtil_cjs_namespaceObject.cx)('pointer-events-none flex items-center gap-1.5 whitespace-nowrap rounded-full border border-border bg-surface px-2 py-0.5', 'text-xs font-medium leading-4 text-foreground-muted transition-opacity duration-250', labelVisible ? 'opacity-100' : 'opacity-0'),
         style: labelBackgroundColor ? {
             backgroundColor: labelBackgroundColor
         } : void 0,
@@ -266,6 +273,7 @@ const ButtonHandlesBase = ({ nodeId, handles, position, connectionPosition = pos
             }),
             visibleHandles.map((handle, index)=>{
                 const handleVisible = handle.showHandle ?? visible;
+                const labelVisible = handleVisible && ('hover' !== handle.labelVisibility || selected || hovered);
                 return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonHandle, {
                     id: handle.id,
                     nodeId: nodeId,
@@ -276,10 +284,12 @@ const ButtonHandlesBase = ({ nodeId, handles, position, connectionPosition = pos
                     label: handle.label,
                     labelIcon: handle.labelIcon,
                     labelBackgroundColor: handle.labelBackgroundColor,
+                    labelVisibility: handle.labelVisibility,
                     index: index,
                     total: visibleHandles.length,
                     selected: selected,
                     visible: handleVisible,
+                    labelVisible: labelVisible,
                     showButton: finalSelected && handleVisible && handle.showButton,
                     onAction: handle.onAction,
                     onMouseEnter: handle.onMouseEnter,

package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts

@@ -1,5 +1,5 @@
 import { Position } from '../../xyflow/react.ts';
-import type { HandleConfigurationSpecificPosition } from '../../schema/node-definition/handle';
+import type { HandleConfigurationSpecificPosition, HandleLabelVisibility } from '../../schema/node-definition/handle';
 import { type HandleType } from './HandleNotch';
 export interface HandleActionEvent {
     handleId: string;
@@ -25,6 +25,8 @@ type ButtonHandleProps = {
     labelIcon?: React.ReactNode;
     labelBackgroundColor?: string;
     visible?: boolean;
+    labelVisible?: boolean;
+    labelVisibility?: HandleLabelVisibility;
     showButton?: boolean;
     selected?: boolean;
     index?: number;
@@ -38,7 +40,7 @@ type ButtonHandleProps = {
     nodeHeight?: number;
     portalAction?: boolean;
 };
-export declare const ButtonHandle: import("react").MemoExoticComponent<({ id, nodeId, type, position, connectionPosition, handleType, label, labelIcon, labelBackgroundColor, visible, showButton, selected, index, total, onAction, onMouseEnter, onMouseLeave, showNotches, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction, }: ButtonHandleProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ButtonHandle: import("react").MemoExoticComponent<({ id, nodeId, type, position, connectionPosition, handleType, label, labelIcon, labelBackgroundColor, visible, labelVisible, labelVisibility, showButton, selected, index, total, onAction, onMouseEnter, onMouseLeave, showNotches, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction, }: ButtonHandleProps) => import("react/jsx-runtime").JSX.Element>;
 export interface ButtonHandleConfig {
     id: string;
     type: 'source' | 'target';
@@ -47,6 +49,7 @@ export interface ButtonHandleConfig {
     labelIcon?: React.ReactNode;
     showButton?: boolean;
     labelBackgroundColor?: string;
+    labelVisibility?: HandleLabelVisibility;
     visible?: boolean;
     showHandle?: boolean;
     onAction?: (event: HandleActionEvent) => void;

package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"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"}

package/dist/canvas/components/ButtonHandle/ButtonHandle.js

@@ -10,7 +10,7 @@ import { HandleButton, HandleHoverBridge } from "./HandleButton.js";
 import { HandleLabel } from "./HandleLabel.js";
 import { HandleNotch } from "./HandleNotch.js";
 import { useButtonHandleSizeAndPosition } from "./useButtonHandleSizeAndPosition.js";
-const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, showButton = true, selected = false, index = 0, total = 1, onAction, onMouseEnter, onMouseLeave, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
+const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = position, handleType, label, labelIcon, labelBackgroundColor, visible = true, labelVisible, labelVisibility, showButton = true, selected = false, index = 0, total = 1, onAction, onMouseEnter, onMouseLeave, showNotches = true, customPositionAndOffsets, nodeWidth, nodeHeight, portalAction = false })=>{
     const handleRef = useRef(null);
     const [isHovered, setIsHovered] = useState(false);
     const isVertical = position === Position.Top || position === Position.Bottom;
@@ -78,6 +78,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
     const markAsHovered = useCallback(()=>setIsHovered(true), []);
     const unmarkAsHovered = useCallback(()=>setIsHovered(false), []);
     const showActionButton = !!onAction && 'source' === type;
+    const resolvedLabelVisible = labelVisible ?? visible;
+    const keepButtonMounted = 'hover' === labelVisibility;
     const { width: handleWidth, height: handleHeight, top, bottom, left, right, transform } = useButtonHandleSizeAndPosition({
         position,
         positionPercent,
@@ -108,6 +110,7 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                     label: label,
                     labelIcon: labelIcon,
                     labelBackgroundColor: labelBackgroundColor,
+                    labelVisible: resolvedLabelVisible,
                     layout: layout
                 }),
                 /*#__PURE__*/ jsx(Handle, {
@@ -123,7 +126,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                 }),
                 showActionButton ? /*#__PURE__*/ jsx(HandleButton, {
                     visible: showButton,
-                    labelVisible: visible,
+                    labelVisible: resolvedLabelVisible,
+                    keepButtonMounted: keepButtonMounted,
                     position: connectionPosition,
                     onAction: handleButtonClick,
                     onMouseEnter: handleButtonMouseEnter,
@@ -169,7 +173,8 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
             }),
             showActionButton ? /*#__PURE__*/ jsx(HandleButton, {
                 visible: showButton,
-                labelVisible: visible,
+                labelVisible: resolvedLabelVisible,
+                keepButtonMounted: keepButtonMounted,
                 position: position,
                 onAction: handleButtonClick,
                 onMouseEnter: handleButtonMouseEnter,
@@ -183,15 +188,17 @@ const ButtonHandleBase = ({ id, nodeId, type, position, connectionPosition = pos
                 position: position,
                 backgroundColor: labelBackgroundColor,
                 label: label,
-                labelIcon: labelIcon
+                labelIcon: labelIcon,
+                visible: resolvedLabelVisible
             })
         ]
     });
 };
 const ButtonHandle = /*#__PURE__*/ memo(ButtonHandleBase);
-function InwardHandleContent({ handleType, isVertical, selected, hovered, showNotch, label, labelIcon, labelBackgroundColor, layout }) {
+function InwardHandleContent({ handleType, isVertical, selected, hovered, showNotch, label, labelIcon, labelBackgroundColor, labelVisible = true, layout }) {
     const labelElement = label ? /*#__PURE__*/ jsxs("div", {
-        className: cx('pointer-events-none flex items-center gap-1.5 whitespace-nowrap rounded-full border border-border bg-surface px-2 py-0.5', 'text-xs font-medium leading-4 text-foreground-muted'),
+        "aria-hidden": labelVisible ? void 0 : true,
+        className: cx('pointer-events-none flex items-center gap-1.5 whitespace-nowrap rounded-full border border-border bg-surface px-2 py-0.5', 'text-xs font-medium leading-4 text-foreground-muted transition-opacity duration-250', labelVisible ? 'opacity-100' : 'opacity-0'),
         style: labelBackgroundColor ? {
             backgroundColor: labelBackgroundColor
         } : void 0,
@@ -237,6 +244,7 @@ const ButtonHandlesBase = ({ nodeId, handles, position, connectionPosition = pos
             }),
             visibleHandles.map((handle, index)=>{
                 const handleVisible = handle.showHandle ?? visible;
+                const labelVisible = handleVisible && ('hover' !== handle.labelVisibility || selected || hovered);
                 return /*#__PURE__*/ jsx(ButtonHandle, {
                     id: handle.id,
                     nodeId: nodeId,
@@ -247,10 +255,12 @@ const ButtonHandlesBase = ({ nodeId, handles, position, connectionPosition = pos
                     label: handle.label,
                     labelIcon: handle.labelIcon,
                     labelBackgroundColor: handle.labelBackgroundColor,
+                    labelVisibility: handle.labelVisibility,
                     index: index,
                     total: visibleHandles.length,
                     selected: selected,
                     visible: handleVisible,
+                    labelVisible: labelVisible,
                     showButton: finalSelected && handleVisible && handle.showButton,
                     onAction: handle.onAction,
                     onMouseEnter: handle.onMouseEnter,

package/dist/canvas/components/ButtonHandle/HandleButton.cjs

@@ -42,7 +42,7 @@ const BUTTON_POSITION = {
     [react_cjs_namespaceObject.Position.Right]: 'flex-row left-full top-1/2 -translate-y-1/2'
 };
 const DRAG_THRESHOLD = 5;
-const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ visible, labelVisible, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
+const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ visible, labelVisible, keepButtonMounted = false, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
     const didDragRef = (0, external_react_namespaceObject.useRef)(false);
     const teardownRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useEffect)(()=>()=>teardownRef.current?.(), []);
@@ -90,17 +90,27 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
         document.addEventListener('pointercancel', cleanup);
         teardownRef.current = cleanup;
     }, []);
+    const addButton = keepButtonMounted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasInlineButton_cjs_namespaceObject.CanvasInlineButton, {
+        "aria-label": "Add node",
+        "aria-hidden": visible ? void 0 : true,
+        disabled: visible ? void 0 : true,
+        onClick: handleClick,
+        onPointerDown: handlePointerDown,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        className: (0, CssUtil_cjs_namespaceObject.cx)('nodrag nopan transition-opacity duration-250', visible ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0 disabled:opacity-0')
+    }) : visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasInlineButton_cjs_namespaceObject.CanvasInlineButton, {
+        "aria-label": "Add node",
+        onClick: handleClick,
+        onPointerDown: handlePointerDown,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        className: "nodrag nopan pointer-events-auto animate-fade-in"
+    });
     const content = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: (0, CssUtil_cjs_namespaceObject.cx)('absolute flex items-center pointer-events-none', BUTTON_POSITION[position]),
         children: [
-            visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasInlineButton_cjs_namespaceObject.CanvasInlineButton, {
-                "aria-label": "Add node",
-                onClick: handleClick,
-                onPointerDown: handlePointerDown,
-                onMouseEnter: onMouseEnter,
-                onMouseLeave: onMouseLeave,
-                className: "nodrag nopan pointer-events-auto animate-fade-in"
-            }),
+            addButton,
             label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InlineLabel, {
                 label: label,
                 labelIcon: labelIcon,
@@ -109,7 +119,7 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
             })
         ]
     });
-    const shouldRenderPortal = Boolean(visible || label && labelVisible);
+    const shouldRenderPortal = Boolean(keepButtonMounted || visible || label && labelVisible);
     if (portal) {
         if (!shouldRenderPortal) return null;
         const { nodeId, ...anchor } = portal;
@@ -123,6 +133,7 @@ const HandleButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ v
     return content;
 });
 const InlineLabel = ({ label, labelIcon, backgroundColor, visible = true })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "aria-hidden": visible ? void 0 : true,
         className: (0, CssUtil_cjs_namespaceObject.cx)('px-1.5 py-0.5 rounded-sm whitespace-nowrap select-none transition-opacity duration-250 z-10', visible ? 'opacity-100' : 'opacity-0'),
         style: backgroundColor ? {
             backgroundColor

package/dist/canvas/components/ButtonHandle/HandleButton.d.ts

@@ -7,9 +7,10 @@ export type HandleButtonPortal = {
     height: number;
     transform: string;
 };
-export declare const HandleButton: import("react").MemoExoticComponent<({ visible, labelVisible, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal, }: {
+export declare const HandleButton: import("react").MemoExoticComponent<({ visible, labelVisible, keepButtonMounted, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal, }: {
     visible?: boolean;
     labelVisible?: boolean;
+    keepButtonMounted?: boolean;
     position: Position;
     onAction: (event: React.MouseEvent) => void;
     onMouseEnter?: () => void;

package/dist/canvas/components/ButtonHandle/HandleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HandleButton.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAepE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,YAAY,8KAapB;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,oDAqHF,CAAC;AA0CF,eAAO,MAAM,iBAAiB,8DACJ;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,oDAOlE,CAAC"}
+{"version":3,"file":"HandleButton.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAepE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,YAAY,iMAcpB;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IAMvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,oDA6IF,CAAC;AA2CF,eAAO,MAAM,iBAAiB,8DACJ;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,oDAOlE,CAAC"}

package/dist/canvas/components/ButtonHandle/HandleButton.js

@@ -13,7 +13,7 @@ const BUTTON_POSITION = {
     [Position.Right]: 'flex-row left-full top-1/2 -translate-y-1/2'
 };
 const DRAG_THRESHOLD = 5;
-const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
+const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, keepButtonMounted = false, position, onAction, onMouseEnter, onMouseLeave, handleRef, label, labelIcon, labelBackgroundColor, portal })=>{
     const didDragRef = useRef(false);
     const teardownRef = useRef(null);
     useEffect(()=>()=>teardownRef.current?.(), []);
@@ -61,17 +61,27 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAc
         document.addEventListener('pointercancel', cleanup);
         teardownRef.current = cleanup;
     }, []);
+    const addButton = keepButtonMounted ? /*#__PURE__*/ jsx(CanvasInlineButton, {
+        "aria-label": "Add node",
+        "aria-hidden": visible ? void 0 : true,
+        disabled: visible ? void 0 : true,
+        onClick: handleClick,
+        onPointerDown: handlePointerDown,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        className: cx('nodrag nopan transition-opacity duration-250', visible ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0 disabled:opacity-0')
+    }) : visible && /*#__PURE__*/ jsx(CanvasInlineButton, {
+        "aria-label": "Add node",
+        onClick: handleClick,
+        onPointerDown: handlePointerDown,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        className: "nodrag nopan pointer-events-auto animate-fade-in"
+    });
     const content = /*#__PURE__*/ jsxs("div", {
         className: cx('absolute flex items-center pointer-events-none', BUTTON_POSITION[position]),
         children: [
-            visible && /*#__PURE__*/ jsx(CanvasInlineButton, {
-                "aria-label": "Add node",
-                onClick: handleClick,
-                onPointerDown: handlePointerDown,
-                onMouseEnter: onMouseEnter,
-                onMouseLeave: onMouseLeave,
-                className: "nodrag nopan pointer-events-auto animate-fade-in"
-            }),
+            addButton,
             label && /*#__PURE__*/ jsx(InlineLabel, {
                 label: label,
                 labelIcon: labelIcon,
@@ -80,7 +90,7 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAc
             })
         ]
     });
-    const shouldRenderPortal = Boolean(visible || label && labelVisible);
+    const shouldRenderPortal = Boolean(keepButtonMounted || visible || label && labelVisible);
     if (portal) {
         if (!shouldRenderPortal) return null;
         const { nodeId, ...anchor } = portal;
@@ -94,6 +104,7 @@ const HandleButton = /*#__PURE__*/ memo(({ visible, labelVisible, position, onAc
     return content;
 });
 const InlineLabel = ({ label, labelIcon, backgroundColor, visible = true })=>/*#__PURE__*/ jsx("div", {
+        "aria-hidden": visible ? void 0 : true,
         className: cx('px-1.5 py-0.5 rounded-sm whitespace-nowrap select-none transition-opacity duration-250 z-10', visible ? 'opacity-100' : 'opacity-0'),
         style: backgroundColor ? {
             backgroundColor

package/dist/canvas/components/ButtonHandle/HandleLabel.cjs

@@ -40,8 +40,9 @@ const LABEL_POSITION = {
     [react_cjs_namespaceObject.Position.Left]: 'right-[calc(100%+4px)] top-1/2 -translate-y-1/2',
     [react_cjs_namespaceObject.Position.Right]: 'left-[calc(100%+4px)] top-1/2 -translate-y-1/2'
 };
-const HandleLabel = ({ position, backgroundColor, label, labelIcon, shouldTruncate })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, CssUtil_cjs_namespaceObject.cx)('absolute px-1.5 py-0.5 rounded-sm z-1 whitespace-nowrap select-none', LABEL_POSITION[position], shouldTruncate && 'max-w-[50px] overflow-hidden'),
+const HandleLabel = ({ position, backgroundColor, label, labelIcon, shouldTruncate, visible = true })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "aria-hidden": visible ? void 0 : true,
+        className: (0, CssUtil_cjs_namespaceObject.cx)('absolute px-1.5 py-0.5 rounded-sm z-1 whitespace-nowrap select-none transition-opacity duration-250', visible ? 'opacity-100' : 'opacity-0 pointer-events-none', LABEL_POSITION[position], shouldTruncate && 'max-w-[50px] overflow-hidden'),
         style: backgroundColor ? {
             backgroundColor
         } : void 0,

package/dist/canvas/components/ButtonHandle/HandleLabel.d.ts

@@ -2,11 +2,12 @@ import { Position } from '../../xyflow/react.ts';
 export declare const LABEL_SHADOW_STYLE: {
     readonly textShadow: "0 0 4px var(--canvas-background), 0 0 4px var(--canvas-background)";
 };
-export declare const HandleLabel: ({ position, backgroundColor, label, labelIcon, shouldTruncate, }: {
+export declare const HandleLabel: ({ position, backgroundColor, label, labelIcon, shouldTruncate, visible, }: {
     position: Position;
     backgroundColor?: string;
     label: string;
     labelIcon?: React.ReactNode;
     shouldTruncate?: boolean;
+    visible?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HandleLabel.d.ts.map

package/dist/canvas/components/ButtonHandle/HandleLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HandleLabel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGpE,eAAO,MAAM,kBAAkB;;CAErB,CAAC;AASX,eAAO,MAAM,WAAW,GAAI,kEAMzB;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,4CAsBA,CAAC"}
+{"version":3,"file":"HandleLabel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/HandleLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGpE,eAAO,MAAM,kBAAkB;;CAErB,CAAC;AASX,eAAO,MAAM,WAAW,GAAI,2EAOzB;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAwBA,CAAC"}

package/dist/canvas/components/ButtonHandle/HandleLabel.js

@@ -11,8 +11,9 @@ const LABEL_POSITION = {
     [Position.Left]: 'right-[calc(100%+4px)] top-1/2 -translate-y-1/2',
     [Position.Right]: 'left-[calc(100%+4px)] top-1/2 -translate-y-1/2'
 };
-const HandleLabel = ({ position, backgroundColor, label, labelIcon, shouldTruncate })=>/*#__PURE__*/ jsx("div", {
-        className: cx('absolute px-1.5 py-0.5 rounded-sm z-1 whitespace-nowrap select-none', LABEL_POSITION[position], shouldTruncate && 'max-w-[50px] overflow-hidden'),
+const HandleLabel = ({ position, backgroundColor, label, labelIcon, shouldTruncate, visible = true })=>/*#__PURE__*/ jsx("div", {
+        "aria-hidden": visible ? void 0 : true,
+        className: cx('absolute px-1.5 py-0.5 rounded-sm z-1 whitespace-nowrap select-none transition-opacity duration-250', visible ? 'opacity-100' : 'opacity-0 pointer-events-none', LABEL_POSITION[position], shouldTruncate && 'max-w-[50px] overflow-hidden'),
         style: backgroundColor ? {
             backgroundColor
         } : void 0,

package/dist/canvas/components/CaseFlow/case-flow.manifest.d.ts

@@ -43,6 +43,7 @@ export declare const caseFlowManifest: {
                 itemVar?: string | undefined;
                 indexVar?: string | undefined;
                 showButton?: boolean | undefined;
+                labelVisibility?: "always" | "hover" | undefined;
                 constraints?: {
                     maxConnections?: number | undefined;
                     minConnections?: number | undefined;

package/dist/canvas/components/CaseFlow/case-flow.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"case-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CaseFlow/case-flow.manifest.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAUhD,CAAC;AAMF,eAAO,MAAM,6BAA6B,EAAE,YA2D3C,CAAC;AAMF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI5B,CAAC"}
+{"version":3,"file":"case-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/CaseFlow/case-flow.manifest.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAUhD,CAAC;AAMF,eAAO,MAAM,6BAA6B,EAAE,YA2D3C,CAAC;AAMF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI5B,CAAC"}