@uipath/apollo-react 4.53.0 → 4.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs +3 -3
  2. package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js +1 -1
  3. package/dist/material/components/ap-chat/components/message/chat-message-content.cjs +1 -0
  4. package/dist/material/components/ap-chat/components/message/chat-message-content.d.ts.map +1 -1
  5. package/dist/material/components/ap-chat/components/message/chat-message-content.js +1 -0
  6. package/dist/material/stories/chat-story-support.cjs +101 -5
  7. package/dist/material/stories/chat-story-support.d.ts.map +1 -1
  8. package/dist/material/stories/chat-story-support.js +102 -6
  9. package/package.json +3 -3
package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs CHANGED
@@ -48,13 +48,13 @@ const AddNodeManager_cjs_namespaceObject = require("../AddNodePanel/AddNodeManag
48
48
  const AddNodePreview_cjs_namespaceObject = require("../AddNodePanel/AddNodePreview.cjs");
49
49
  const createAddNodePreview_cjs_namespaceObject = require("../AddNodePanel/createAddNodePreview.cjs");
50
50
  const external_BaseCanvas_index_cjs_namespaceObject = require("../BaseCanvas/index.cjs");
51
- const external_BaseNode_index_cjs_namespaceObject = require("../BaseNode/index.cjs");
51
+ const BaseNode_cjs_namespaceObject = require("../BaseNode/BaseNode.cjs");
52
52
  const external_BlankCanvasNode_index_cjs_namespaceObject = require("../BlankCanvasNode/index.cjs");
53
53
  const external_CanvasPositionControls_cjs_namespaceObject = require("../CanvasPositionControls.cjs");
54
54
  const external_LoopNode_index_cjs_namespaceObject = require("../LoopNode/index.cjs");
55
55
  const external_MiniCanvasNavigator_index_cjs_namespaceObject = require("../MiniCanvasNavigator/index.cjs");
56
56
  const DEFAULT_NODE_TYPES = {
57
- default: external_BaseNode_index_cjs_namespaceObject.BaseNode,
57
+ default: BaseNode_cjs_namespaceObject.BaseNode,
58
58
  'blank-canvas-node': external_BlankCanvasNode_index_cjs_namespaceObject.BlankCanvasNode,
59
59
  preview: AddNodePreview_cjs_namespaceObject.AddNodePreview
60
60
  };
@@ -79,7 +79,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
79
79
  const shouldAnimate = 'design' === mode && !(0, transitions_cjs_namespaceObject.prefersReducedMotion)();
80
80
  const nodeManifests = (0, external_core_index_cjs_namespaceObject.useNodeManifests)();
81
81
  const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>nodeManifests.reduce((acc, manifest)=>{
82
- acc[manifest.nodeType] = (0, external_utils_index_cjs_namespaceObject.isContainerNodeManifest)(manifest) ? external_LoopNode_index_cjs_namespaceObject.LoopCanvasNode : external_BaseNode_index_cjs_namespaceObject.BaseNode;
82
+ acc[manifest.nodeType] = (0, external_utils_index_cjs_namespaceObject.isContainerNodeManifest)(manifest) ? external_LoopNode_index_cjs_namespaceObject.LoopCanvasNode : BaseNode_cjs_namespaceObject.BaseNode;
83
83
  return acc;
84
84
  }, {
85
85
  ...DEFAULT_NODE_TYPES
package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js CHANGED
@@ -20,7 +20,7 @@ import { AddNodeManager } from "../AddNodePanel/AddNodeManager.js";
20
20
  import { AddNodePreview } from "../AddNodePanel/AddNodePreview.js";
21
21
  import { createAddNodePreview } from "../AddNodePanel/createAddNodePreview.js";
22
22
  import { BaseCanvas } from "../BaseCanvas/index.js";
23
- import { BaseNode } from "../BaseNode/index.js";
23
+ import { BaseNode } from "../BaseNode/BaseNode.js";
24
24
  import { BlankCanvasNode } from "../BlankCanvasNode/index.js";
25
25
  import { CanvasPositionControls } from "../CanvasPositionControls.js";
26
26
  import { LoopCanvasNode } from "../LoopNode/index.js";
package/dist/material/components/ap-chat/components/message/chat-message-content.cjs CHANGED
@@ -69,6 +69,7 @@ const getApolloMessageRenderers = (locale)=>[
69
69
  isError: message.meta.isError,
70
70
  startTime: message.meta.startTime,
71
71
  endTime: message.meta.endTime,
72
+ displayMode: message.meta.displayMode,
72
73
  locale: locale
73
74
  });
74
75
  }
package/dist/material/components/ap-chat/components/message/chat-message-content.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chat-message-content.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/message/chat-message-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAKL,KAAK,oBAAoB,EAQ1B,MAAM,eAAe,CAAC;AAuKvB,iBAAS,oCAAoC,CAAC,EAC5C,OAAO,EACP,aAAoB,EACpB,cAAsB,EACtB,YAAY,GACb,EAAE;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;CACrC,kDAkDA;AAED,eAAO,MAAM,2BAA2B,wEAAmD,CAAC"}
1
+ {"version":3,"file":"chat-message-content.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/message/chat-message-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAKL,KAAK,oBAAoB,EAQ1B,MAAM,eAAe,CAAC;AAwKvB,iBAAS,oCAAoC,CAAC,EAC5C,OAAO,EACP,aAAoB,EACpB,cAAsB,EACtB,YAAY,GACb,EAAE;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;CACrC,kDAkDA;AAED,eAAO,MAAM,2BAA2B,wEAAmD,CAAC"}
package/dist/material/components/ap-chat/components/message/chat-message-content.js CHANGED
@@ -30,6 +30,7 @@ const getApolloMessageRenderers = (locale)=>[
30
30
  isError: message.meta.isError,
31
31
  startTime: message.meta.startTime,
32
32
  endTime: message.meta.endTime,
33
+ displayMode: message.meta.displayMode,
33
34
  locale: locale
34
35
  });
35
36
  }
package/dist/material/stories/chat-story-support.cjs CHANGED
@@ -1203,11 +1203,99 @@ console.log(processUserData(exampleUser, { source: 'web', ipAddress: '192.168.1.
1203
1203
  }
1204
1204
  ], true);
1205
1205
  };
1206
- const sendToolCall = ()=>{
1206
+ const sendToolCall = (displayMode)=>{
1207
+ const now = new Date().toISOString();
1208
+ const start = new Date(Date.now() - 2500).toISOString();
1209
+ if (displayMode === external_components_index_cjs_namespaceObject.ConversationalDisplayModeTypes.FullTrace) return void chatService?.sendResponse({
1210
+ content: 'Tool call response',
1211
+ widget: 'apollo-agents-tool-call',
1212
+ meta: {
1213
+ displayMode,
1214
+ span: {
1215
+ key: 'multi-web-search',
1216
+ name: 'Tool call - Multi_Web_Search',
1217
+ data: {
1218
+ id: 'root-span',
1219
+ name: 'Tool call - Multi_Web_Search',
1220
+ startTime: new Date(Date.now() - 25000).toISOString(),
1221
+ endTime: now,
1222
+ status: 'ok',
1223
+ type: 'toolCall',
1224
+ attributes: {
1225
+ toolName: 'Multi_Web_Search',
1226
+ toolType: 'Agent',
1227
+ arguments: {
1228
+ query: 'what are trending right now'
1229
+ },
1230
+ result: {
1231
+ result: 'Multi web search completed successfully.'
1232
+ }
1233
+ }
1234
+ },
1235
+ children: [
1236
+ {
1237
+ key: 'autonomous-web-search',
1238
+ name: 'Autonomous Web Search',
1239
+ data: {
1240
+ id: 'agentTool-1',
1241
+ name: 'Autonomous Web Search',
1242
+ startTime: new Date(Date.now() - 25000).toISOString(),
1243
+ endTime: now,
1244
+ status: 'ok',
1245
+ type: 'agentTool'
1246
+ },
1247
+ children: [
1248
+ {
1249
+ key: 'agent-run-1',
1250
+ name: 'Agent run - Autonomous Web Search',
1251
+ data: {
1252
+ id: 'agentRun-1',
1253
+ name: 'Agent run - Autonomous Web Search',
1254
+ startTime: new Date(Date.now() - 23000).toISOString(),
1255
+ endTime: now,
1256
+ status: 'ok',
1257
+ type: 'agentRun'
1258
+ },
1259
+ children: [
1260
+ {
1261
+ key: 'tool-call-web-search-1',
1262
+ name: 'Tool call - Web_Search',
1263
+ data: {
1264
+ id: 'ws1',
1265
+ name: 'Tool call - Web_Search',
1266
+ type: 'toolCall',
1267
+ status: 'ok',
1268
+ startTime: new Date(Date.now() - 21000).toISOString(),
1269
+ endTime: new Date(Date.now() - 17000).toISOString()
1270
+ },
1271
+ children: []
1272
+ },
1273
+ {
1274
+ key: 'tool-call-web-search-2',
1275
+ name: 'Tool call - Web_Search',
1276
+ data: {
1277
+ id: 'ws2',
1278
+ name: 'Tool call - Web_Search',
1279
+ type: 'toolCall',
1280
+ status: 'ok',
1281
+ startTime: new Date(Date.now() - 16000).toISOString(),
1282
+ endTime: new Date(Date.now() - 10000).toISOString()
1283
+ },
1284
+ children: []
1285
+ }
1286
+ ]
1287
+ }
1288
+ ]
1289
+ }
1290
+ ]
1291
+ }
1292
+ }
1293
+ });
1207
1294
  chatService?.sendResponse({
1208
1295
  content: 'Tool call response',
1209
1296
  widget: 'apollo-agents-tool-call',
1210
1297
  meta: {
1298
+ displayMode,
1211
1299
  input: {
1212
1300
  provider: 'GoogleCustomSearch',
1213
1301
  query: 'most interesting scientific fact discovered recently 2025',
@@ -1223,8 +1311,8 @@ console.log(processUserData(exampleUser, { source: 'web', ipAddress: '192.168.1.
1223
1311
  ]
1224
1312
  },
1225
1313
  isError: false,
1226
- startTime: new Date().toISOString(),
1227
- endTime: new Date().toISOString(),
1314
+ startTime: start,
1315
+ endTime: now,
1228
1316
  toolName: 'Web_Search'
1229
1317
  }
1230
1318
  });
@@ -2065,8 +2153,16 @@ console.log(processUserData(exampleUser, { source: 'web', ipAddress: '192.168.1.
2065
2153
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ButtonGroup, {
2066
2154
  children: [
2067
2155
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DemoButton, {
2068
- onClick: sendToolCall,
2069
- children: "Send Tool Call"
2156
+ onClick: ()=>sendToolCall(external_components_index_cjs_namespaceObject.ConversationalDisplayModeTypes.ToolNameOnly),
2157
+ children: "Tool Call: Name Only"
2158
+ }),
2159
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DemoButton, {
2160
+ onClick: ()=>sendToolCall(external_components_index_cjs_namespaceObject.ConversationalDisplayModeTypes.InputsAndOutputs),
2161
+ children: "Tool Call: I/O"
2162
+ }),
2163
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DemoButton, {
2164
+ onClick: ()=>sendToolCall(external_components_index_cjs_namespaceObject.ConversationalDisplayModeTypes.FullTrace),
2165
+ children: "Tool Call: Full Trace"
2070
2166
  }),
2071
2167
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DemoButton, {
2072
2168
  onClick: sendResponseDisabledActions,
package/dist/material/stories/chat-story-support.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chat-story-support.d.ts","sourceRoot":"","sources":["../../../src/material/stories/chat-story-support.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,WAAW,EAGhB,iBAAiB,EAKjB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAmCvB,wBAAgB,eAAe,CAAC,YAAY,EAAE,OAAO,GAAG,eAAe,CAItE;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAiBhE;AAsID,MAAM,WAAW,qBAAqB;IAEpC,KAAK,EAAE,WAAW,CAAC;IAMnB,YAAY,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,WAA0C,EAC1C,MAAa,GACd,EAAE,qBAAqB,2CAuhEvB"}
1
+ {"version":3,"file":"chat-story-support.d.ts","sourceRoot":"","sources":["../../../src/material/stories/chat-story-support.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,WAAW,EAGhB,iBAAiB,EAMjB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAmCvB,wBAAgB,eAAe,CAAC,YAAY,EAAE,OAAO,GAAG,eAAe,CAItE;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAiBhE;AAsID,MAAM,WAAW,qBAAqB;IAEpC,KAAK,EAAE,WAAW,CAAC;IAMnB,YAAY,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,WAA0C,EAC1C,MAAa,GACd,EAAE,qBAAqB,2CA2nEvB"}
package/dist/material/stories/chat-story-support.js CHANGED
@@ -8,7 +8,7 @@ import TextField from "@mui/material/TextField";
8
8
  import Typography from "@mui/material/Typography";
9
9
  import { useCallback, useEffect, useRef, useState } from "react";
10
10
  import { FontVariantToken } from "../../core/index.js";
11
- import { ApChat, ApTypography, AutopilotChatEvent, AutopilotChatMode, AutopilotChatRole, AutopilotChatService } from "../components/index.js";
11
+ import { ApChat, ApTypography, AutopilotChatEvent, AutopilotChatMode, AutopilotChatRole, AutopilotChatService, ConversationalDisplayModeTypes } from "../components/index.js";
12
12
  const CHAT_LOCALES = [
13
13
  'en',
14
14
  'de',
@@ -1157,11 +1157,99 @@ console.log(processUserData(exampleUser, { source: 'web', ipAddress: '192.168.1.
1157
1157
  }
1158
1158
  ], true);
1159
1159
  };
1160
- const sendToolCall = ()=>{
1160
+ const sendToolCall = (displayMode)=>{
1161
+ const now = new Date().toISOString();
1162
+ const start = new Date(Date.now() - 2500).toISOString();
1163
+ if (displayMode === ConversationalDisplayModeTypes.FullTrace) return void chatService?.sendResponse({
1164
+ content: 'Tool call response',
1165
+ widget: 'apollo-agents-tool-call',
1166
+ meta: {
1167
+ displayMode,
1168
+ span: {
1169
+ key: 'multi-web-search',
1170
+ name: 'Tool call - Multi_Web_Search',
1171
+ data: {
1172
+ id: 'root-span',
1173
+ name: 'Tool call - Multi_Web_Search',
1174
+ startTime: new Date(Date.now() - 25000).toISOString(),
1175
+ endTime: now,
1176
+ status: 'ok',
1177
+ type: 'toolCall',
1178
+ attributes: {
1179
+ toolName: 'Multi_Web_Search',
1180
+ toolType: 'Agent',
1181
+ arguments: {
1182
+ query: 'what are trending right now'
1183
+ },
1184
+ result: {
1185
+ result: 'Multi web search completed successfully.'
1186
+ }
1187
+ }
1188
+ },
1189
+ children: [
1190
+ {
1191
+ key: 'autonomous-web-search',
1192
+ name: 'Autonomous Web Search',
1193
+ data: {
1194
+ id: 'agentTool-1',
1195
+ name: 'Autonomous Web Search',
1196
+ startTime: new Date(Date.now() - 25000).toISOString(),
1197
+ endTime: now,
1198
+ status: 'ok',
1199
+ type: 'agentTool'
1200
+ },
1201
+ children: [
1202
+ {
1203
+ key: 'agent-run-1',
1204
+ name: 'Agent run - Autonomous Web Search',
1205
+ data: {
1206
+ id: 'agentRun-1',
1207
+ name: 'Agent run - Autonomous Web Search',
1208
+ startTime: new Date(Date.now() - 23000).toISOString(),
1209
+ endTime: now,
1210
+ status: 'ok',
1211
+ type: 'agentRun'
1212
+ },
1213
+ children: [
1214
+ {
1215
+ key: 'tool-call-web-search-1',
1216
+ name: 'Tool call - Web_Search',
1217
+ data: {
1218
+ id: 'ws1',
1219
+ name: 'Tool call - Web_Search',
1220
+ type: 'toolCall',
1221
+ status: 'ok',
1222
+ startTime: new Date(Date.now() - 21000).toISOString(),
1223
+ endTime: new Date(Date.now() - 17000).toISOString()
1224
+ },
1225
+ children: []
1226
+ },
1227
+ {
1228
+ key: 'tool-call-web-search-2',
1229
+ name: 'Tool call - Web_Search',
1230
+ data: {
1231
+ id: 'ws2',
1232
+ name: 'Tool call - Web_Search',
1233
+ type: 'toolCall',
1234
+ status: 'ok',
1235
+ startTime: new Date(Date.now() - 16000).toISOString(),
1236
+ endTime: new Date(Date.now() - 10000).toISOString()
1237
+ },
1238
+ children: []
1239
+ }
1240
+ ]
1241
+ }
1242
+ ]
1243
+ }
1244
+ ]
1245
+ }
1246
+ }
1247
+ });
1161
1248
  chatService?.sendResponse({
1162
1249
  content: 'Tool call response',
1163
1250
  widget: 'apollo-agents-tool-call',
1164
1251
  meta: {
1252
+ displayMode,
1165
1253
  input: {
1166
1254
  provider: 'GoogleCustomSearch',
1167
1255
  query: 'most interesting scientific fact discovered recently 2025',
@@ -1177,8 +1265,8 @@ console.log(processUserData(exampleUser, { source: 'web', ipAddress: '192.168.1.
1177
1265
  ]
1178
1266
  },
1179
1267
  isError: false,
1180
- startTime: new Date().toISOString(),
1181
- endTime: new Date().toISOString(),
1268
+ startTime: start,
1269
+ endTime: now,
1182
1270
  toolName: 'Web_Search'
1183
1271
  }
1184
1272
  });
@@ -2019,8 +2107,16 @@ console.log(processUserData(exampleUser, { source: 'web', ipAddress: '192.168.1.
2019
2107
  /*#__PURE__*/ jsxs(ButtonGroup, {
2020
2108
  children: [
2021
2109
  /*#__PURE__*/ jsx(DemoButton, {
2022
- onClick: sendToolCall,
2023
- children: "Send Tool Call"
2110
+ onClick: ()=>sendToolCall(ConversationalDisplayModeTypes.ToolNameOnly),
2111
+ children: "Tool Call: Name Only"
2112
+ }),
2113
+ /*#__PURE__*/ jsx(DemoButton, {
2114
+ onClick: ()=>sendToolCall(ConversationalDisplayModeTypes.InputsAndOutputs),
2115
+ children: "Tool Call: I/O"
2116
+ }),
2117
+ /*#__PURE__*/ jsx(DemoButton, {
2118
+ onClick: ()=>sendToolCall(ConversationalDisplayModeTypes.FullTrace),
2119
+ children: "Tool Call: Full Trace"
2024
2120
  }),
2025
2121
  /*#__PURE__*/ jsx(DemoButton, {
2026
2122
  onClick: sendResponseDisabledActions,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "4.53.0",
3
+ "version": "4.54.0",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -216,8 +216,8 @@
216
216
  "use-sync-external-store": "^1.2.0",
217
217
  "zod": "^4.3.5",
218
218
  "zustand": "^5.0.9",
219
- "@uipath/apollo-wind": "2.25.0",
220
- "@uipath/apollo-core": "5.10.0"
219
+ "@uipath/apollo-core": "5.10.0",
220
+ "@uipath/apollo-wind": "2.25.0"
221
221
  },
222
222
  "devDependencies": {
223
223
  "@lingui/cli": "^5.6.1",