@uipath/apollo-react 3.54.1 → 3.55.0

package/dist/canvas/utils/props-helpers.cjs

@@ -52,13 +52,14 @@ const getResourceNodeId = (resource)=>resource.id;
 const normalizeToolName = (resource)=>{
     if ('escalation' === resource.type) return `escalate_${resource.name.toLowerCase().replace(/\s/g, '_')}`;
     if ('mcp' === resource.type) return `mcp_${resource.name.toLowerCase().replace(/\s/g, '_')}`;
+    if ('a2a' === resource.type) return `a2a_${resource.name.toLowerCase().replace(/\s/g, '_')}`;
     return resource.name.replace(/\s+/g, '_');
 };
 const hasResourceStatus = (resource, spans, targetStatus)=>{
     for (const span of spans){
         const attributes = span.Attributes ? JSON.parse(span.Attributes) : null;
         if (attributes) {
-            if ('context' === resource.type || 'escalation' === resource.type || 'tool' === resource.type || 'mcp' === resource.type) {
+            if ('context' === resource.type || 'escalation' === resource.type || 'tool' === resource.type || 'mcp' === resource.type || 'a2a' === resource.type) {
                 const normalizedToolName = normalizeToolName(resource);
                 if (attributes.toolName === normalizedToolName && span.Status === targetStatus) return true;
             }
@@ -189,6 +190,13 @@ const createResourceNode = (resource, index, props, parentNodeId)=>{
                 type: 'memorySpace',
                 parentNodeId
             });
+        case 'a2a':
+            return createBaseNode({
+                ...baseData,
+                type: 'a2a',
+                projectId: resource.projectId,
+                parentNodeId
+            });
         case 'escalation':
         default:
             return createBaseNode({
@@ -219,6 +227,9 @@ const calculateOptimalHandles = (agentNode, resourceNode)=>{
         case 'mcp':
             sourceHandle = AgentFlow_constants_cjs_namespaceObject.ResourceNodeType.Tool;
             break;
+        case 'a2a':
+            sourceHandle = AgentFlow_constants_cjs_namespaceObject.ResourceNodeType.Tool;
+            break;
         case 'memorySpace':
             sourceHandle = AgentFlow_constants_cjs_namespaceObject.ResourceNodeType.MemorySpace;
             break;
@@ -253,7 +264,11 @@ const createResourceEdge = (agentNode, resourceNode, props)=>{
 };
 const computeNodesAndEdges = (props, parentNodeId, existingNodes)=>{
     const agentNode = createAgentNode(props, parentNodeId);
-    const filteredResources = false === props.enableMcpTools ? props.resources.filter((resource)=>'mcp' !== resource.type) : props.resources;
+    const filteredResources = props.resources.filter((resource)=>{
+        if ('mcp' === resource.type && false === props.enableMcpTools) return false;
+        if ('a2a' === resource.type && true !== props.enableA2a) return false;
+        return true;
+    });
     const existingOrderMap = new Map();
     let maxExistingOrder = -1;
     if (existingNodes) for (const node of existingNodes){

package/dist/canvas/utils/props-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/props-helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAUlB,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AA6CtC,eAAO,MAAM,kBAAkB,GAAI,UAAU,iBAAiB,EAAE,OAAO,QAAQ,EAAE,KAAG,OAEnF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,UAAU,iBAAiB,EAAE,OAAO,QAAQ,EAAE,KAAG,OAEjF,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,UAAU,iBAAiB,EAAE,OAAO,QAAQ,EAAE,KAAG,OAMnF,CAAC;AAqBF,eAAO,MAAM,aAAa,GAAI,OAAO,cAAc,EAAE,OAAO,QAAQ,EAAE,KAAG,OAExE,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,OAAO,QAAQ,EAAE,KAAG,OAE1E,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,OAAO,QAAQ,EAAE,KAAG,OAM1E,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ,EAAE,KAAG,OAYnD,CAAC;AAqKF,eAAO,MAAM,kBAAkB,GAC7B,WAAW,aAAa,EACxB,cAAc,qBAAqB,EACnC,OAAO,cAAc,KACpB,mBAqBF,CAAC;AAQF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,cAAc,EACrB,eAAe,MAAM,EACrB,gBAAgB,mBAAmB,EAAE,KACpC;IAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAAC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAkE9D,CAAC;AAWF,eAAO,MAAM,8BAA8B,GACzC,iBAAiB,wBAAwB,EACzC,OAAO,cAAc,EACrB,WAAW,aAAa,EACxB,mBAAmB,iBAAiB,EAAE,EACtC,gBAAgB,mBAAmB,EAAE,KACpC;IAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAAC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAqEhE,CAAC"}
+{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/props-helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAUlB,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAiDtC,eAAO,MAAM,kBAAkB,GAAI,UAAU,iBAAiB,EAAE,OAAO,QAAQ,EAAE,KAAG,OAEnF,CAAC;AAGF,eAAO,MAAM,gBAAgB,GAAI,UAAU,iBAAiB,EAAE,OAAO,QAAQ,EAAE,KAAG,OAEjF,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,UAAU,iBAAiB,EAAE,OAAO,QAAQ,EAAE,KAAG,OAMnF,CAAC;AAqBF,eAAO,MAAM,aAAa,GAAI,OAAO,cAAc,EAAE,OAAO,QAAQ,EAAE,KAAG,OAExE,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,OAAO,QAAQ,EAAE,KAAG,OAE1E,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,OAAO,QAAQ,EAAE,KAAG,OAM1E,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ,EAAE,KAAG,OAYnD,CAAC;AA+KF,eAAO,MAAM,kBAAkB,GAC7B,WAAW,aAAa,EACxB,cAAc,qBAAqB,EACnC,OAAO,cAAc,KACpB,mBAqBF,CAAC;AAQF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,cAAc,EACrB,eAAe,MAAM,EACrB,gBAAgB,mBAAmB,EAAE,KACpC;IAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAAC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAmE9D,CAAC;AAWF,eAAO,MAAM,8BAA8B,GACzC,iBAAiB,wBAAwB,EACzC,OAAO,cAAc,EACrB,WAAW,aAAa,EACxB,mBAAmB,iBAAiB,EAAE,EACtC,gBAAgB,mBAAmB,EAAE,KACpC;IAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAAC,KAAK,EAAE,mBAAmB,EAAE,CAAA;CAqEhE,CAAC"}

package/dist/canvas/utils/props-helpers.js

@@ -13,13 +13,14 @@ const getResourceNodeId = (resource)=>resource.id;
 const normalizeToolName = (resource)=>{
     if ('escalation' === resource.type) return `escalate_${resource.name.toLowerCase().replace(/\s/g, '_')}`;
     if ('mcp' === resource.type) return `mcp_${resource.name.toLowerCase().replace(/\s/g, '_')}`;
+    if ('a2a' === resource.type) return `a2a_${resource.name.toLowerCase().replace(/\s/g, '_')}`;
     return resource.name.replace(/\s+/g, '_');
 };
 const hasResourceStatus = (resource, spans, targetStatus)=>{
     for (const span of spans){
         const attributes = span.Attributes ? JSON.parse(span.Attributes) : null;
         if (attributes) {
-            if ('context' === resource.type || 'escalation' === resource.type || 'tool' === resource.type || 'mcp' === resource.type) {
+            if ('context' === resource.type || 'escalation' === resource.type || 'tool' === resource.type || 'mcp' === resource.type || 'a2a' === resource.type) {
                 const normalizedToolName = normalizeToolName(resource);
                 if (attributes.toolName === normalizedToolName && span.Status === targetStatus) return true;
             }
@@ -150,6 +151,13 @@ const createResourceNode = (resource, index, props, parentNodeId)=>{
                 type: 'memorySpace',
                 parentNodeId
             });
+        case 'a2a':
+            return createBaseNode({
+                ...baseData,
+                type: 'a2a',
+                projectId: resource.projectId,
+                parentNodeId
+            });
         case 'escalation':
         default:
             return createBaseNode({
@@ -180,6 +188,9 @@ const calculateOptimalHandles = (agentNode, resourceNode)=>{
         case 'mcp':
             sourceHandle = ResourceNodeType.Tool;
             break;
+        case 'a2a':
+            sourceHandle = ResourceNodeType.Tool;
+            break;
         case 'memorySpace':
             sourceHandle = ResourceNodeType.MemorySpace;
             break;
@@ -214,7 +225,11 @@ const createResourceEdge = (agentNode, resourceNode, props)=>{
 };
 const computeNodesAndEdges = (props, parentNodeId, existingNodes)=>{
     const agentNode = createAgentNode(props, parentNodeId);
-    const filteredResources = false === props.enableMcpTools ? props.resources.filter((resource)=>'mcp' !== resource.type) : props.resources;
+    const filteredResources = props.resources.filter((resource)=>{
+        if ('mcp' === resource.type && false === props.enableMcpTools) return false;
+        if ('a2a' === resource.type && true !== props.enableA2a) return false;
+        return true;
+    });
     const existingOrderMap = new Map();
     let maxExistingOrder = -1;
     if (existingNodes) for (const node of existingNodes){

package/dist/core/tokens/css/theme-variables.css

@@ -1,6 +1,6 @@
 @import "./variables.css";
 
-body.light {
+body.light, .light {
   --color-background: #ffffff;
   --color-background-secondary: #f4f5f7;
   --color-background-inverse: #182027;
@@ -125,7 +125,7 @@ body.light {
   color-scheme: light;
 }
 
-body.light-hc {
+body.light-hc, .light-hc {
   --color-background: #ffffff;
   --color-background-secondary: #f4f5f7;
   --color-background-inverse: #182027;
@@ -250,7 +250,7 @@ body.light-hc {
   color-scheme: light;
 }
 
-body.dark {
+body.dark, .dark {
   --color-background: #182027;
   --color-background-secondary: #273139;
   --color-background-inverse: #f8f9fa;
@@ -375,7 +375,7 @@ body.dark {
   color-scheme: dark;
 }
 
-body.dark-hc {
+body.dark-hc, .dark-hc {
   --color-background: #182027;
   --color-background-secondary: #273139;
   --color-background-inverse: #f8f9fa;

package/dist/core/tokens/scss/theme-variables.scss

@@ -1,6 +1,6 @@
 @import "./variables";
 
-body.light {
+body.light, .light {
   --color-background: #{$color-background-light};
   --color-background-secondary: #{$color-background-secondary-light};
   --color-background-inverse: #{$color-background-inverse-light};
@@ -125,7 +125,7 @@ body.light {
   color-scheme: light;
 }
 
-body.light-hc {
+body.light-hc, .light-hc {
   --color-background: #{$color-background-light-hc};
   --color-background-secondary: #{$color-background-secondary-light-hc};
   --color-background-inverse: #{$color-background-inverse-light-hc};
@@ -250,7 +250,7 @@ body.light-hc {
   color-scheme: light;
 }
 
-body.dark {
+body.dark, .dark {
   --color-background: #{$color-background-dark};
   --color-background-secondary: #{$color-background-secondary-dark};
   --color-background-inverse: #{$color-background-inverse-dark};
@@ -375,7 +375,7 @@ body.dark {
   color-scheme: dark;
 }
 
-body.dark-hc {
+body.dark-hc, .dark-hc {
   --color-background: #{$color-background-dark-hc};
   --color-background-secondary: #{$color-background-secondary-dark-hc};
   --color-background-inverse: #{$color-background-inverse-dark-hc};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.54.1",
+  "version": "3.55.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -200,8 +200,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.7.2",
-    "@uipath/apollo-wind": "0.15.2"
+    "@uipath/apollo-core": "5.7.3",
+    "@uipath/apollo-wind": "0.15.3"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",