@copilotkit/react-ui 1.3.7-fix-chat-interactions-rerenders.0 → 1.3.7

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 (92) hide show
  1. package/CHANGELOG.md +5 -5
  2. package/dist/{chunk-CTPEKUNX.mjs → chunk-4FIGRRFS.mjs} +5 -7
  3. package/dist/chunk-4FIGRRFS.mjs.map +1 -0
  4. package/dist/{chunk-FUCEBN2P.mjs → chunk-6VYMULPK.mjs} +4 -4
  5. package/dist/{chunk-LGS6B47Q.mjs → chunk-7YQICPBC.mjs} +8 -8
  6. package/dist/{chunk-RF3KLUPD.mjs → chunk-AAY3WWWC.mjs} +2 -3
  7. package/dist/chunk-AAY3WWWC.mjs.map +1 -0
  8. package/dist/{chunk-HBZPOT37.mjs → chunk-BNCTYKEP.mjs} +2 -2
  9. package/dist/{chunk-GOTHQ665.mjs → chunk-DP5YVGNX.mjs} +2 -3
  10. package/dist/chunk-DP5YVGNX.mjs.map +1 -0
  11. package/dist/{chunk-PJNNEX4L.mjs → chunk-JQOSF44H.mjs} +2 -2
  12. package/dist/{chunk-QI3OM75G.mjs → chunk-RS6UPR5N.mjs} +2 -2
  13. package/dist/{chunk-YH2STM73.mjs → chunk-RWT7WRG2.mjs} +3 -3
  14. package/dist/chunk-RWT7WRG2.mjs.map +1 -0
  15. package/dist/{chunk-5DT3MDBZ.mjs → chunk-S5MBUNGN.mjs} +2 -3
  16. package/dist/{chunk-5DT3MDBZ.mjs.map → chunk-S5MBUNGN.mjs.map} +1 -1
  17. package/dist/{chunk-GDNJRSD4.mjs → chunk-SHTMRY45.mjs} +8 -10
  18. package/dist/chunk-SHTMRY45.mjs.map +1 -0
  19. package/dist/{chunk-CPWFYV3U.mjs → chunk-TYYJR3LE.mjs} +2 -2
  20. package/dist/{chunk-MA5B5ELM.mjs → chunk-WHSD7DBC.mjs} +2 -3
  21. package/dist/chunk-WHSD7DBC.mjs.map +1 -0
  22. package/dist/components/chat/Chat.js +22 -30
  23. package/dist/components/chat/Chat.js.map +1 -1
  24. package/dist/components/chat/Chat.mjs +10 -10
  25. package/dist/components/chat/Input.js +1 -2
  26. package/dist/components/chat/Input.js.map +1 -1
  27. package/dist/components/chat/Input.mjs +2 -2
  28. package/dist/components/chat/Messages.js +6 -6
  29. package/dist/components/chat/Messages.js.map +1 -1
  30. package/dist/components/chat/Messages.mjs +1 -1
  31. package/dist/components/chat/Modal.js +22 -30
  32. package/dist/components/chat/Modal.js.map +1 -1
  33. package/dist/components/chat/Modal.mjs +11 -11
  34. package/dist/components/chat/Popup.js +22 -30
  35. package/dist/components/chat/Popup.js.map +1 -1
  36. package/dist/components/chat/Popup.mjs +12 -12
  37. package/dist/components/chat/Sidebar.js +22 -30
  38. package/dist/components/chat/Sidebar.js.map +1 -1
  39. package/dist/components/chat/Sidebar.mjs +12 -12
  40. package/dist/components/chat/index.js +22 -30
  41. package/dist/components/chat/index.js.map +1 -1
  42. package/dist/components/chat/index.mjs +13 -13
  43. package/dist/components/chat/messages/RenderActionExecutionMessage.js +1 -1
  44. package/dist/components/chat/messages/RenderActionExecutionMessage.js.map +1 -1
  45. package/dist/components/chat/messages/RenderActionExecutionMessage.mjs +1 -1
  46. package/dist/components/chat/messages/RenderAgentStateMessage.js +1 -2
  47. package/dist/components/chat/messages/RenderAgentStateMessage.js.map +1 -1
  48. package/dist/components/chat/messages/RenderAgentStateMessage.mjs +1 -1
  49. package/dist/components/chat/messages/RenderResultMessage.js +1 -2
  50. package/dist/components/chat/messages/RenderResultMessage.js.map +1 -1
  51. package/dist/components/chat/messages/RenderResultMessage.mjs +1 -1
  52. package/dist/components/chat/messages/RenderTextMessage.js +1 -2
  53. package/dist/components/chat/messages/RenderTextMessage.js.map +1 -1
  54. package/dist/components/chat/messages/RenderTextMessage.mjs +1 -1
  55. package/dist/components/dev-console/console.js +4 -6
  56. package/dist/components/dev-console/console.js.map +1 -1
  57. package/dist/components/dev-console/console.mjs +2 -2
  58. package/dist/components/dev-console/index.js +4 -6
  59. package/dist/components/dev-console/index.js.map +1 -1
  60. package/dist/components/dev-console/index.mjs +2 -2
  61. package/dist/components/dev-console/utils.js +4 -6
  62. package/dist/components/dev-console/utils.js.map +1 -1
  63. package/dist/components/dev-console/utils.mjs +1 -1
  64. package/dist/components/index.js +22 -30
  65. package/dist/components/index.js.map +1 -1
  66. package/dist/components/index.mjs +13 -13
  67. package/dist/hooks/use-push-to-talk.js +1 -2
  68. package/dist/hooks/use-push-to-talk.js.map +1 -1
  69. package/dist/hooks/use-push-to-talk.mjs +1 -1
  70. package/dist/index.js +22 -30
  71. package/dist/index.js.map +1 -1
  72. package/dist/index.mjs +13 -13
  73. package/package.json +8 -8
  74. package/src/components/chat/Messages.tsx +6 -6
  75. package/src/components/chat/messages/RenderActionExecutionMessage.tsx +1 -1
  76. package/src/components/chat/messages/RenderAgentStateMessage.tsx +1 -1
  77. package/src/components/chat/messages/RenderResultMessage.tsx +1 -1
  78. package/src/components/chat/messages/RenderTextMessage.tsx +1 -1
  79. package/src/components/dev-console/utils.ts +4 -4
  80. package/src/hooks/use-push-to-talk.tsx +1 -1
  81. package/dist/chunk-CTPEKUNX.mjs.map +0 -1
  82. package/dist/chunk-GDNJRSD4.mjs.map +0 -1
  83. package/dist/chunk-GOTHQ665.mjs.map +0 -1
  84. package/dist/chunk-MA5B5ELM.mjs.map +0 -1
  85. package/dist/chunk-RF3KLUPD.mjs.map +0 -1
  86. package/dist/chunk-YH2STM73.mjs.map +0 -1
  87. /package/dist/{chunk-FUCEBN2P.mjs.map → chunk-6VYMULPK.mjs.map} +0 -0
  88. /package/dist/{chunk-LGS6B47Q.mjs.map → chunk-7YQICPBC.mjs.map} +0 -0
  89. /package/dist/{chunk-HBZPOT37.mjs.map → chunk-BNCTYKEP.mjs.map} +0 -0
  90. /package/dist/{chunk-PJNNEX4L.mjs.map → chunk-JQOSF44H.mjs.map} +0 -0
  91. /package/dist/{chunk-QI3OM75G.mjs.map → chunk-RS6UPR5N.mjs.map} +0 -0
  92. /package/dist/{chunk-CPWFYV3U.mjs.map → chunk-TYYJR3LE.mjs.map} +0 -0
@@ -397,10 +397,10 @@ var Messages = ({
397
397
  messages = [...initialMessages, ...messages];
398
398
  const actionResults = {};
399
399
  for (let i = 0; i < messages.length; i++) {
400
- if (messages[i] instanceof import_runtime_client_gql.ActionExecutionMessage) {
400
+ if (messages[i].isActionExecutionMessage()) {
401
401
  const id = messages[i].id;
402
402
  const resultMessage = messages.find(
403
- (message) => message instanceof import_runtime_client_gql.ResultMessage && message.actionExecutionId === id
403
+ (message) => message.isResultMessage() && message.actionExecutionId === id
404
404
  );
405
405
  if (resultMessage) {
406
406
  actionResults[id] = import_runtime_client_gql.ResultMessage.decodeResult(resultMessage.result || "");
@@ -421,7 +421,7 @@ var Messages = ({
421
421
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitMessages", children: [
422
422
  messages.map((message, index) => {
423
423
  const isCurrentMessage = index === messages.length - 1;
424
- if (message instanceof import_runtime_client_gql.TextMessage) {
424
+ if (message.isTextMessage()) {
425
425
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
426
426
  RenderTextMessage2,
427
427
  {
@@ -432,7 +432,7 @@ var Messages = ({
432
432
  },
433
433
  index
434
434
  );
435
- } else if (message instanceof import_runtime_client_gql.ActionExecutionMessage) {
435
+ } else if (message.isActionExecutionMessage()) {
436
436
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
437
437
  RenderActionExecutionMessage2,
438
438
  {
@@ -444,7 +444,7 @@ var Messages = ({
444
444
  },
445
445
  index
446
446
  );
447
- } else if (message instanceof import_runtime_client_gql.AgentStateMessage) {
447
+ } else if (message.isAgentStateMessage()) {
448
448
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
449
449
  RenderAgentStateMessage2,
450
450
  {
@@ -455,7 +455,7 @@ var Messages = ({
455
455
  },
456
456
  index
457
457
  );
458
- } else if (message instanceof import_runtime_client_gql.ResultMessage) {
458
+ } else if (message.isResultMessage()) {
459
459
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
460
460
  RenderResultMessage2,
461
461
  {
@@ -542,7 +542,6 @@ var Textarea_default = AutoResizingTextarea;
542
542
 
543
543
  // src/hooks/use-push-to-talk.tsx
544
544
  var import_react_core = require("@copilotkit/react-core");
545
- var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
546
545
  var import_react4 = require("react");
547
546
  var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
548
547
  if (!mediaStreamRef.current || !audioContextRef.current) {
@@ -635,7 +634,7 @@ var usePushToTalk = ({
635
634
  (message) => message.id === startReadingFromMessageId
636
635
  );
637
636
  const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
638
- (message) => message instanceof import_runtime_client_gql2.TextMessage && message.role === "assistant"
637
+ (message) => message.isTextMessage() && message.role === "assistant"
639
638
  );
640
639
  const text = messagesAfterLast.map((message) => message.content).join("\n");
641
640
  playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
@@ -723,9 +722,6 @@ var ResponseButton = ({ onClick, inProgress }) => {
723
722
  ] });
724
723
  };
725
724
 
726
- // src/components/chat/messages/RenderTextMessage.tsx
727
- var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
728
-
729
725
  // src/components/chat/Markdown.tsx
730
726
  var import_react7 = require("react");
731
727
  var import_react_markdown = __toESM(require("react-markdown"));
@@ -1199,7 +1195,7 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
1199
1195
  function RenderTextMessage(props) {
1200
1196
  const { message, inProgress, index, isCurrentMessage } = props;
1201
1197
  const { icons } = useChatContext();
1202
- if (message instanceof import_runtime_client_gql3.TextMessage) {
1198
+ if (message.isTextMessage()) {
1203
1199
  if (message.role === "user") {
1204
1200
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
1205
1201
  } else if (message.role == "assistant") {
@@ -1209,14 +1205,14 @@ function RenderTextMessage(props) {
1209
1205
  }
1210
1206
 
1211
1207
  // src/components/chat/messages/RenderActionExecutionMessage.tsx
1212
- var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
1208
+ var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
1213
1209
  var import_react_core3 = require("@copilotkit/react-core");
1214
1210
  var import_jsx_runtime10 = require("react/jsx-runtime");
1215
1211
  function RenderActionExecutionMessage(props) {
1216
1212
  const { message, inProgress, index, isCurrentMessage, actionResult } = props;
1217
1213
  const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
1218
1214
  const { icons } = useChatContext();
1219
- if (message instanceof import_runtime_client_gql4.ActionExecutionMessage) {
1215
+ if (message.isActionExecutionMessage()) {
1220
1216
  if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
1221
1217
  const render = chatComponentsCache.current.actions[message.name];
1222
1218
  if (typeof render === "string") {
@@ -1234,7 +1230,7 @@ function RenderActionExecutionMessage(props) {
1234
1230
  let status = "inProgress";
1235
1231
  if (actionResult !== void 0) {
1236
1232
  status = "complete";
1237
- } else if (message.status.code !== import_runtime_client_gql4.MessageStatusCode.Pending) {
1233
+ } else if (message.status.code !== import_runtime_client_gql2.MessageStatusCode.Pending) {
1238
1234
  status = "executing";
1239
1235
  }
1240
1236
  try {
@@ -1277,25 +1273,23 @@ function RenderActionExecutionMessage(props) {
1277
1273
  }
1278
1274
 
1279
1275
  // src/components/chat/messages/RenderResultMessage.tsx
1280
- var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
1281
1276
  var import_jsx_runtime11 = require("react/jsx-runtime");
1282
1277
  function RenderResultMessage(props) {
1283
1278
  const { message, inProgress, index, isCurrentMessage } = props;
1284
1279
  const { icons } = useChatContext();
1285
- if (message instanceof import_runtime_client_gql5.ResultMessage && inProgress && isCurrentMessage) {
1280
+ if (message.isResultMessage() && inProgress && isCurrentMessage) {
1286
1281
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: icons.spinnerIcon }, index);
1287
1282
  }
1288
1283
  }
1289
1284
 
1290
1285
  // src/components/chat/messages/RenderAgentStateMessage.tsx
1291
- var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
1292
1286
  var import_react_core4 = require("@copilotkit/react-core");
1293
1287
  var import_jsx_runtime12 = require("react/jsx-runtime");
1294
1288
  function RenderAgentStateMessage(props) {
1295
1289
  const { message, inProgress, index, isCurrentMessage } = props;
1296
1290
  const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
1297
1291
  const { icons } = useChatContext();
1298
- if (message instanceof import_runtime_client_gql6.AgentStateMessage) {
1292
+ if (message.isAgentStateMessage()) {
1299
1293
  let render;
1300
1294
  if (chatComponentsCache.current !== null) {
1301
1295
  render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
@@ -1348,7 +1342,7 @@ function RenderAgentStateMessage(props) {
1348
1342
  // src/components/chat/Suggestion.tsx
1349
1343
  var import_react_core5 = require("@copilotkit/react-core");
1350
1344
  var import_shared = require("@copilotkit/shared");
1351
- var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
1345
+ var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
1352
1346
  var import_jsx_runtime13 = require("react/jsx-runtime");
1353
1347
  function Suggestion({ title, message, onClick, partial, className }) {
1354
1348
  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -1384,7 +1378,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
1384
1378
  context,
1385
1379
  instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. " + config.instructions + "\n\n" + numOfSuggestionsInstructions,
1386
1380
  data: "Available tools: " + tools + "\n\n",
1387
- requestType: import_runtime_client_gql7.CopilotRequestType.Task,
1381
+ requestType: import_runtime_client_gql3.CopilotRequestType.Task,
1388
1382
  parameters: [
1389
1383
  {
1390
1384
  name: "suggestions",
@@ -1440,13 +1434,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
1440
1434
  // src/components/chat/Chat.tsx
1441
1435
  var import_react10 = __toESM(require("react"));
1442
1436
  var import_react_core8 = require("@copilotkit/react-core");
1443
- var import_runtime_client_gql10 = require("@copilotkit/runtime-client-gql");
1437
+ var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
1444
1438
  var import_shared3 = require("@copilotkit/shared");
1445
1439
 
1446
1440
  // src/components/dev-console/utils.ts
1447
1441
  var import_react_core6 = require("@copilotkit/react-core");
1448
- var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
1449
- var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
1450
1442
  function shouldShowDevConsole(showDevConsole) {
1451
1443
  if (typeof showDevConsole === "boolean") {
1452
1444
  return showDevConsole;
@@ -1536,7 +1528,7 @@ function logMessages(context) {
1536
1528
  return;
1537
1529
  }
1538
1530
  const tableData = context.messages.map((message) => {
1539
- if (message instanceof import_runtime_client_gql8.TextMessage) {
1531
+ if (message.isTextMessage()) {
1540
1532
  return {
1541
1533
  id: message.id,
1542
1534
  type: "TextMessage",
@@ -1545,7 +1537,7 @@ function logMessages(context) {
1545
1537
  scope: void 0,
1546
1538
  content: message.content
1547
1539
  };
1548
- } else if (message instanceof import_runtime_client_gql8.ActionExecutionMessage) {
1540
+ } else if (message.isActionExecutionMessage()) {
1549
1541
  return {
1550
1542
  id: message.id,
1551
1543
  type: "ActionExecutionMessage",
@@ -1554,7 +1546,7 @@ function logMessages(context) {
1554
1546
  scope: message.scope,
1555
1547
  content: message.arguments
1556
1548
  };
1557
- } else if (message instanceof import_runtime_client_gql8.ResultMessage) {
1549
+ } else if (message.isResultMessage()) {
1558
1550
  return {
1559
1551
  id: message.id,
1560
1552
  type: "ResultMessage",
@@ -1563,7 +1555,7 @@ function logMessages(context) {
1563
1555
  scope: message.actionExecutionId,
1564
1556
  content: message.result
1565
1557
  };
1566
- } else if (message instanceof import_runtime_client_gql9.AgentStateMessage) {
1558
+ } else if (message.isAgentStateMessage()) {
1567
1559
  return {
1568
1560
  id: message.id,
1569
1561
  type: `AgentStateMessage (running: ${message.running})`,
@@ -1994,9 +1986,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
1994
1986
  const sendMessage = (messageContent) => __async(void 0, null, function* () {
1995
1987
  abortSuggestions();
1996
1988
  setCurrentSuggestions([]);
1997
- const message = new import_runtime_client_gql10.TextMessage({
1989
+ const message = new import_runtime_client_gql4.TextMessage({
1998
1990
  content: messageContent,
1999
- role: import_runtime_client_gql10.Role.User
1991
+ role: import_runtime_client_gql4.Role.User
2000
1992
  });
2001
1993
  if (onSubmitMessage) {
2002
1994
  try {