@uipath/apollo-react 3.29.1 → 3.30.0

package/dist/canvas/components/AgentCanvas/components/SuggestionGroupPanel.cjs

@@ -27,11 +27,13 @@ __webpack_require__.d(__webpack_exports__, {
     SuggestionGroupPanel: ()=>SuggestionGroupPanel
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const material_namespaceObject = require("@mui/material");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../../layouts/index.cjs");
+const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_material_index_cjs_namespaceObject = require("../../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
-const RejectAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApButton, {
+const RejectAllButton = ({ suggestionGroup, onClick, compact })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApButton, {
         variant: "tertiary",
         size: "small",
         label: "Reject all",
@@ -39,9 +41,13 @@ const RejectAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ (0, jsx_ru
             variant: "outlined",
             name: "close"
         }),
-        onClick: ()=>onClick(suggestionGroup.id)
+        onClick: ()=>onClick(suggestionGroup.id),
+        sx: compact ? {
+            fontSize: '0.75rem',
+            minWidth: 'auto'
+        } : void 0
     });
-const AcceptAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApButton, {
+const AcceptAllButton = ({ suggestionGroup, onClick, compact })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApButton, {
         variant: "primary",
         size: "small",
         label: "Accept all",
@@ -49,7 +55,11 @@ const AcceptAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ (0, jsx_ru
             variant: "outlined",
             name: "check"
         }),
-        onClick: ()=>onClick(suggestionGroup.id)
+        onClick: ()=>onClick(suggestionGroup.id),
+        sx: compact ? {
+            fontSize: '0.75rem',
+            minWidth: 'auto'
+        } : void 0
     });
 const Divider = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         style: {
@@ -58,15 +68,16 @@ const Divider = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             backgroundColor: 'var(--uix-canvas-border)'
         }
     });
-const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavigatePrevious })=>{
+const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavigatePrevious, compact })=>{
     const [isHoveringUp, setIsHoveringUp] = (0, external_react_namespaceObject.useState)(false);
     const [isHoveringDown, setIsHoveringDown] = (0, external_react_namespaceObject.useState)(false);
+    const iconSize = compact ? '16px' : '20px';
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         style: {
             display: 'flex',
             alignItems: 'center',
             gap: apollo_core_namespaceObject.Spacing.SpacingMicro,
-            minWidth: '100px'
+            minWidth: compact ? '80px' : '100px'
         },
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
@@ -76,11 +87,11 @@ const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavig
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIcon, {
                     name: "keyboard_arrow_up",
                     color: isHoveringUp ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-foreground-de-emp)',
-                    size: "20px"
+                    size: iconSize
                 })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_material_index_cjs_namespaceObject.ApTypography, {
-                variant: apollo_core_namespaceObject.FontVariantToken.fontSizeMBold,
+                variant: compact ? apollo_core_namespaceObject.FontVariantToken.fontSizeSBold : apollo_core_namespaceObject.FontVariantToken.fontSizeMBold,
                 color: "var(--uix-canvas-foreground-de-emp)",
                 children: [
                     currentIndex + 1,
@@ -95,13 +106,17 @@ const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavig
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIcon, {
                     name: "keyboard_arrow_down",
                     color: isHoveringDown ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-foreground-de-emp)',
-                    size: "20px"
+                    size: iconSize
                 })
             })
         ]
     });
 };
 const SuggestionGroupPanel = ({ suggestionGroup, onRejectAll, onAcceptAll, currentIndex = 0, onNavigateNext, onNavigatePrevious })=>{
+    const theme = (0, material_namespaceObject.useTheme)();
+    const canvasWidth = (0, react_cjs_namespaceObject.useStore)((state)=>state.width);
+    const smBreakpoint = theme.breakpoints.values.sm;
+    const isCompact = canvasWidth < smBreakpoint;
     const nonStandaloneSuggestions = suggestionGroup?.suggestions.filter((s)=>!s.isStandalone) ?? [];
     const placeholderCount = nonStandaloneSuggestions.length;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
@@ -118,23 +133,29 @@ const SuggestionGroupPanel = ({ suggestionGroup, onRejectAll, onAcceptAll, curre
             },
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
                 align: "center",
-                gap: apollo_core_namespaceObject.Spacing.SpacingS,
+                gap: isCompact ? apollo_core_namespaceObject.Spacing.SpacingXs : apollo_core_namespaceObject.Spacing.SpacingS,
                 justify: "space-evenly",
+                style: {
+                    whiteSpace: 'nowrap'
+                },
                 children: [
                     onRejectAll && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RejectAllButton, {
                         suggestionGroup: suggestionGroup,
-                        onClick: onRejectAll
+                        onClick: onRejectAll,
+                        compact: isCompact
                     }),
                     onAcceptAll && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AcceptAllButton, {
                         suggestionGroup: suggestionGroup,
-                        onClick: onAcceptAll
+                        onClick: onAcceptAll,
+                        compact: isCompact
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Divider, {}),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SuggestionGroupNavigator, {
                         currentIndex: currentIndex,
                         total: placeholderCount,
                         onNavigateNext: onNavigateNext,
-                        onNavigatePrevious: onNavigatePrevious
+                        onNavigatePrevious: onNavigatePrevious,
+                        compact: isCompact
                     })
                 ]
             })

package/dist/canvas/components/AgentCanvas/components/SuggestionGroupPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionGroupPanel.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/components/SuggestionGroupPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,UAAU,yBAAyB;IACjC,eAAe,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAgGD,eAAO,MAAM,oBAAoB,GAAI,kGAOlC,yBAAyB,4CAwC3B,CAAC"}
+{"version":3,"file":"SuggestionGroupPanel.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/components/SuggestionGroupPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,UAAU,yBAAyB;IACjC,eAAe,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAuGD,eAAO,MAAM,oBAAoB,GAAI,kGAOlC,yBAAyB,4CA2D3B,CAAC"}

package/dist/canvas/components/AgentCanvas/components/SuggestionGroupPanel.js

@@ -1,9 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
 import { FontVariantToken, Spacing } from "@uipath/apollo-core";
 import { Column, Row } from "../../../layouts/index.js";
+import { useStore } from "../../../xyflow/react.js";
 import { ApButton, ApIcon, ApIconButton, ApTypography } from "../../../../material/index.js";
 import { useState } from "react";
-const RejectAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ jsx(ApButton, {
+const RejectAllButton = ({ suggestionGroup, onClick, compact })=>/*#__PURE__*/ jsx(ApButton, {
         variant: "tertiary",
         size: "small",
         label: "Reject all",
@@ -11,9 +13,13 @@ const RejectAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ jsx(ApButt
             variant: "outlined",
             name: "close"
         }),
-        onClick: ()=>onClick(suggestionGroup.id)
+        onClick: ()=>onClick(suggestionGroup.id),
+        sx: compact ? {
+            fontSize: '0.75rem',
+            minWidth: 'auto'
+        } : void 0
     });
-const AcceptAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ jsx(ApButton, {
+const AcceptAllButton = ({ suggestionGroup, onClick, compact })=>/*#__PURE__*/ jsx(ApButton, {
         variant: "primary",
         size: "small",
         label: "Accept all",
@@ -21,7 +27,11 @@ const AcceptAllButton = ({ suggestionGroup, onClick })=>/*#__PURE__*/ jsx(ApButt
             variant: "outlined",
             name: "check"
         }),
-        onClick: ()=>onClick(suggestionGroup.id)
+        onClick: ()=>onClick(suggestionGroup.id),
+        sx: compact ? {
+            fontSize: '0.75rem',
+            minWidth: 'auto'
+        } : void 0
     });
 const Divider = ()=>/*#__PURE__*/ jsx("div", {
         style: {
@@ -30,15 +40,16 @@ const Divider = ()=>/*#__PURE__*/ jsx("div", {
             backgroundColor: 'var(--uix-canvas-border)'
         }
     });
-const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavigatePrevious })=>{
+const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavigatePrevious, compact })=>{
     const [isHoveringUp, setIsHoveringUp] = useState(false);
     const [isHoveringDown, setIsHoveringDown] = useState(false);
+    const iconSize = compact ? '16px' : '20px';
     return /*#__PURE__*/ jsxs("div", {
         style: {
             display: 'flex',
             alignItems: 'center',
             gap: Spacing.SpacingMicro,
-            minWidth: '100px'
+            minWidth: compact ? '80px' : '100px'
         },
         children: [
             /*#__PURE__*/ jsx(ApIconButton, {
@@ -48,11 +59,11 @@ const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavig
                 children: /*#__PURE__*/ jsx(ApIcon, {
                     name: "keyboard_arrow_up",
                     color: isHoveringUp ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-foreground-de-emp)',
-                    size: "20px"
+                    size: iconSize
                 })
             }),
             /*#__PURE__*/ jsxs(ApTypography, {
-                variant: FontVariantToken.fontSizeMBold,
+                variant: compact ? FontVariantToken.fontSizeSBold : FontVariantToken.fontSizeMBold,
                 color: "var(--uix-canvas-foreground-de-emp)",
                 children: [
                     currentIndex + 1,
@@ -67,13 +78,17 @@ const SuggestionGroupNavigator = ({ currentIndex, total, onNavigateNext, onNavig
                 children: /*#__PURE__*/ jsx(ApIcon, {
                     name: "keyboard_arrow_down",
                     color: isHoveringDown ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-foreground-de-emp)',
-                    size: "20px"
+                    size: iconSize
                 })
             })
         ]
     });
 };
 const SuggestionGroupPanel = ({ suggestionGroup, onRejectAll, onAcceptAll, currentIndex = 0, onNavigateNext, onNavigatePrevious })=>{
+    const theme = useTheme();
+    const canvasWidth = useStore((state)=>state.width);
+    const smBreakpoint = theme.breakpoints.values.sm;
+    const isCompact = canvasWidth < smBreakpoint;
     const nonStandaloneSuggestions = suggestionGroup?.suggestions.filter((s)=>!s.isStandalone) ?? [];
     const placeholderCount = nonStandaloneSuggestions.length;
     return /*#__PURE__*/ jsx(Fragment, {
@@ -90,23 +105,29 @@ const SuggestionGroupPanel = ({ suggestionGroup, onRejectAll, onAcceptAll, curre
             },
             children: /*#__PURE__*/ jsxs(Row, {
                 align: "center",
-                gap: Spacing.SpacingS,
+                gap: isCompact ? Spacing.SpacingXs : Spacing.SpacingS,
                 justify: "space-evenly",
+                style: {
+                    whiteSpace: 'nowrap'
+                },
                 children: [
                     onRejectAll && /*#__PURE__*/ jsx(RejectAllButton, {
                         suggestionGroup: suggestionGroup,
-                        onClick: onRejectAll
+                        onClick: onRejectAll,
+                        compact: isCompact
                     }),
                     onAcceptAll && /*#__PURE__*/ jsx(AcceptAllButton, {
                         suggestionGroup: suggestionGroup,
-                        onClick: onAcceptAll
+                        onClick: onAcceptAll,
+                        compact: isCompact
                     }),
                     /*#__PURE__*/ jsx(Divider, {}),
                     /*#__PURE__*/ jsx(SuggestionGroupNavigator, {
                         currentIndex: currentIndex,
                         total: placeholderCount,
                         onNavigateNext: onNavigateNext,
-                        onNavigatePrevious: onNavigatePrevious
+                        onNavigatePrevious: onNavigatePrevious,
+                        compact: isCompact
                     })
                 ]
             })

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs

@@ -34,11 +34,13 @@ const external_react_namespaceObject = require("react");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../../FloatingCanvasPanel/index.cjs");
 const external_types_cjs_namespaceObject = require("../../../types.cjs");
 const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
+const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
 const external_AgentFlow_constants_cjs_namespaceObject = require("../AgentFlow.constants.cjs");
 const agent_flow_store_cjs_namespaceObject = require("../store/agent-flow-store.cjs");
 const external_AgentNode_styles_cjs_namespaceObject = require("./AgentNode.styles.cjs");
 const HOVER_DELAY_MS = 500;
 const HOVER_HIDE_DELAY_MS = 300;
+const alwaysShowNotches = ()=>true;
 const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
     const { id, data, selected = false, mode = 'design', hasMemory = false, hasContext = false, hasEscalation = false, hasTool = false, hasMcp = false, mcpEnabled = true, hasError = false, hasSuccess = false, hasRunning = false, onAddResource, onAddInstructions, translations, enableMemory, enableInstructions = false, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroupVersion, ...nodeProps } = props;
     const { actOnSuggestion } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
@@ -446,35 +448,50 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
         translations,
         isConversational
     ]);
+    const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
+            executionStatusOverride: executionStatus,
+            suggestionType,
+            handleConfigurations,
+            toolbarConfig,
+            footerVariant,
+            iconComponent: agentIcon,
+            footerComponent: instructionsFooter,
+            subLabelComponent: subLabelWithHealthScore,
+            shouldShowAddButtonFn,
+            shouldShowButtonHandleNotchesFn: alwaysShowNotches
+        }), [
+        executionStatus,
+        suggestionType,
+        handleConfigurations,
+        toolbarConfig,
+        footerVariant,
+        agentIcon,
+        instructionsFooter,
+        subLabelWithHealthScore,
+        shouldShowAddButtonFn
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-                ...nodeProps,
-                id: id,
-                type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
-                data: {
-                    ...data,
-                    display: {
-                        label: name,
-                        subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
-                        shape: 'rectangle',
-                        background: 'var(--uix-canvas-background)',
-                        iconBackground: 'var(--uix-canvas-background-secondary)'
-                    }
-                },
-                selected: selected,
-                executionStatusOverride: executionStatus,
-                suggestionType: suggestionType,
-                handleConfigurations: handleConfigurations,
-                toolbarConfig: toolbarConfig,
-                footerVariant: footerVariant,
-                iconComponent: agentIcon,
-                footerComponent: instructionsFooter,
-                subLabelComponent: subLabelWithHealthScore,
-                shouldShowAddButtonFn: shouldShowAddButtonFn,
-                shouldShowButtonHandleNotchesFn: ()=>true
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+                value: baseNodeConfig,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+                    ...nodeProps,
+                    id: id,
+                    type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
+                    data: {
+                        ...data,
+                        display: {
+                            label: name,
+                            subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
+                            shape: 'rectangle',
+                            background: 'var(--uix-canvas-background)',
+                            iconBackground: 'var(--uix-canvas-background-secondary)'
+                        }
+                    },
+                    selected: selected
+                })
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_FloatingCanvasPanel_index_cjs_namespaceObject.FloatingCanvasPanel, {
                 open: showSettingsPreview,

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAKhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA0BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,KAAK,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AA8hBD,eAAO,MAAM,gBAAgB,8CApDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAoD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAKhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,KAAK,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAgjBD,eAAO,MAAM,gBAAgB,8CApDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAoD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js

@@ -6,11 +6,13 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { FloatingCanvasPanel } from "../../FloatingCanvasPanel/index.js";
 import { DefaultSuggestionTranslations } from "../../../types.js";
 import { BaseNode } from "../../BaseNode/BaseNode.js";
+import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
 import { ResourceNodeType } from "../AgentFlow.constants.js";
 import { useAgentFlowStore } from "../store/agent-flow-store.js";
 import { AddInstructionsButton, HealthScoreBadge, InstructionsLabel, InstructionsLine, InstructionsPreview, SettingsPreviewContainer, SettingsPreviewHeader, SettingsPreviewSubtitle, SettingsPreviewTitle, SettingsPromptBox, SettingsRow, SettingsRowLabel, SettingsRowValue, SettingsSection, SettingsSectionLabel, SettingsSectionValue, SubLabelContainer } from "./AgentNode.styles.js";
 const HOVER_DELAY_MS = 500;
 const HOVER_HIDE_DELAY_MS = 300;
+const alwaysShowNotches = ()=>true;
 const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
     const { id, data, selected = false, mode = 'design', hasMemory = false, hasContext = false, hasEscalation = false, hasTool = false, hasMcp = false, mcpEnabled = true, hasError = false, hasSuccess = false, hasRunning = false, onAddResource, onAddInstructions, translations, enableMemory, enableInstructions = false, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroupVersion, ...nodeProps } = props;
     const { actOnSuggestion } = useAgentFlowStore();
@@ -418,35 +420,50 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
         translations,
         isConversational
     ]);
+    const baseNodeConfig = useMemo(()=>({
+            executionStatusOverride: executionStatus,
+            suggestionType,
+            handleConfigurations,
+            toolbarConfig,
+            footerVariant,
+            iconComponent: agentIcon,
+            footerComponent: instructionsFooter,
+            subLabelComponent: subLabelWithHealthScore,
+            shouldShowAddButtonFn,
+            shouldShowButtonHandleNotchesFn: alwaysShowNotches
+        }), [
+        executionStatus,
+        suggestionType,
+        handleConfigurations,
+        toolbarConfig,
+        footerVariant,
+        agentIcon,
+        instructionsFooter,
+        subLabelWithHealthScore,
+        shouldShowAddButtonFn
+    ]);
     return /*#__PURE__*/ jsxs("div", {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-            /*#__PURE__*/ jsx(BaseNode, {
-                ...nodeProps,
-                id: id,
-                type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
-                data: {
-                    ...data,
-                    display: {
-                        label: name,
-                        subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
-                        shape: 'rectangle',
-                        background: 'var(--uix-canvas-background)',
-                        iconBackground: 'var(--uix-canvas-background-secondary)'
-                    }
-                },
-                selected: selected,
-                executionStatusOverride: executionStatus,
-                suggestionType: suggestionType,
-                handleConfigurations: handleConfigurations,
-                toolbarConfig: toolbarConfig,
-                footerVariant: footerVariant,
-                iconComponent: agentIcon,
-                footerComponent: instructionsFooter,
-                subLabelComponent: subLabelWithHealthScore,
-                shouldShowAddButtonFn: shouldShowAddButtonFn,
-                shouldShowButtonHandleNotchesFn: ()=>true
+            /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
+                value: baseNodeConfig,
+                children: /*#__PURE__*/ jsx(BaseNode, {
+                    ...nodeProps,
+                    id: id,
+                    type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
+                    data: {
+                        ...data,
+                        display: {
+                            label: name,
+                            subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
+                            shape: 'rectangle',
+                            background: 'var(--uix-canvas-background)',
+                            iconBackground: 'var(--uix-canvas-background-secondary)'
+                        }
+                    },
+                    selected: selected
+                })
             }),
             /*#__PURE__*/ jsx(FloatingCanvasPanel, {
                 open: showSettingsPreview,

package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs

@@ -34,9 +34,11 @@ const components_index_cjs_namespaceObject = require("../../../../material/compo
 const external_react_namespaceObject = require("react");
 const external_types_cjs_namespaceObject = require("../../../types.cjs");
 const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
+const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
 const ExecutionStatusIcon_cjs_namespaceObject = require("../../ExecutionStatusIcon/ExecutionStatusIcon.cjs");
 const ToolResourceIcon_index_cjs_namespaceObject = require("../components/ToolResourceIcon/index.cjs");
 const agent_flow_store_cjs_namespaceObject = require("../store/agent-flow-store.cjs");
+const alwaysShowNotches = ()=>true;
 const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ data, selected, id, mode, hasError = false, hasSuccess = false, hasRunning = false, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, translations, suggestionTranslations, suggestionGroupVersion, ...nodeProps })=>{
     const { nodes: _nodes, deleteNode, actOnSuggestion } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
     const edges = (0, agent_flow_store_cjs_namespaceObject.useEdges)();
@@ -431,38 +433,56 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
                 return 'uipath.resource.tool';
         }
     };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
-        ...nodeProps,
-        type: getResourceNodeType(),
-        data: {
-            ...data,
-            display: {
-                iconBackground: 'var(--uix-canvas-background-secondary)',
-                label: data.name,
-                subLabel: data.originalName,
-                shape: 'circle'
-            }
-        },
-        id: id,
-        selected: selected,
-        draggable: false,
-        selectable: true,
-        deletable: !isSuggestion,
-        labelTooltip: displayTooltips ? data.description : void 0,
-        labelBackgroundColor: "var(--uix-canvas-background-secondary)",
-        disabled: isDisabled,
-        executionStatusOverride: executionStatus,
-        suggestionType: suggestionType,
-        iconComponent: resourceIcon,
-        handleConfigurations: handleConfigurations,
-        toolbarConfig: toolbarConfig,
-        adornments: {
-            topLeft: breakpointAdornment,
-            topRight: statusAdornment,
-            bottomLeft: suggestionAdornment,
-            bottomRight: guardrailsAdornment
-        },
-        shouldShowButtonHandleNotchesFn: ()=>true
+    const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
+            labelTooltip: displayTooltips ? data.description : void 0,
+            labelBackgroundColor: 'var(--uix-canvas-background-secondary)',
+            disabled: isDisabled,
+            executionStatusOverride: executionStatus,
+            suggestionType,
+            iconComponent: resourceIcon,
+            handleConfigurations,
+            toolbarConfig,
+            adornments: {
+                topLeft: breakpointAdornment,
+                topRight: statusAdornment,
+                bottomLeft: suggestionAdornment,
+                bottomRight: guardrailsAdornment
+            },
+            shouldShowButtonHandleNotchesFn: alwaysShowNotches
+        }), [
+        displayTooltips,
+        data.description,
+        isDisabled,
+        executionStatus,
+        suggestionType,
+        resourceIcon,
+        handleConfigurations,
+        toolbarConfig,
+        breakpointAdornment,
+        statusAdornment,
+        suggestionAdornment,
+        guardrailsAdornment
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
+        value: baseNodeConfig,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
+            ...nodeProps,
+            type: getResourceNodeType(),
+            data: {
+                ...data,
+                display: {
+                    iconBackground: 'var(--uix-canvas-background-secondary)',
+                    label: data.name,
+                    subLabel: data.originalName,
+                    shape: 'circle'
+                }
+            },
+            id: id,
+            selected: selected,
+            draggable: false,
+            selectable: true,
+            deletable: !isSuggestion
+        })
     });
 });
 exports.ResourceNode = __webpack_exports__.ResourceNode;

package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AASxB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,2QAmBpB,iBAAiB,6CA+ZrB,CAAC"}
+{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAexB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,2QAmBpB,iBAAiB,6CAmbrB,CAAC"}