@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.
- package/CHANGELOG.md +5 -5
- package/dist/{chunk-CTPEKUNX.mjs → chunk-4FIGRRFS.mjs} +5 -7
- package/dist/chunk-4FIGRRFS.mjs.map +1 -0
- package/dist/{chunk-FUCEBN2P.mjs → chunk-6VYMULPK.mjs} +4 -4
- package/dist/{chunk-LGS6B47Q.mjs → chunk-7YQICPBC.mjs} +8 -8
- package/dist/{chunk-RF3KLUPD.mjs → chunk-AAY3WWWC.mjs} +2 -3
- package/dist/chunk-AAY3WWWC.mjs.map +1 -0
- package/dist/{chunk-HBZPOT37.mjs → chunk-BNCTYKEP.mjs} +2 -2
- package/dist/{chunk-GOTHQ665.mjs → chunk-DP5YVGNX.mjs} +2 -3
- package/dist/chunk-DP5YVGNX.mjs.map +1 -0
- package/dist/{chunk-PJNNEX4L.mjs → chunk-JQOSF44H.mjs} +2 -2
- package/dist/{chunk-QI3OM75G.mjs → chunk-RS6UPR5N.mjs} +2 -2
- package/dist/{chunk-YH2STM73.mjs → chunk-RWT7WRG2.mjs} +3 -3
- package/dist/chunk-RWT7WRG2.mjs.map +1 -0
- package/dist/{chunk-5DT3MDBZ.mjs → chunk-S5MBUNGN.mjs} +2 -3
- package/dist/{chunk-5DT3MDBZ.mjs.map → chunk-S5MBUNGN.mjs.map} +1 -1
- package/dist/{chunk-GDNJRSD4.mjs → chunk-SHTMRY45.mjs} +8 -10
- package/dist/chunk-SHTMRY45.mjs.map +1 -0
- package/dist/{chunk-CPWFYV3U.mjs → chunk-TYYJR3LE.mjs} +2 -2
- package/dist/{chunk-MA5B5ELM.mjs → chunk-WHSD7DBC.mjs} +2 -3
- package/dist/chunk-WHSD7DBC.mjs.map +1 -0
- package/dist/components/chat/Chat.js +22 -30
- package/dist/components/chat/Chat.js.map +1 -1
- package/dist/components/chat/Chat.mjs +10 -10
- package/dist/components/chat/Input.js +1 -2
- package/dist/components/chat/Input.js.map +1 -1
- package/dist/components/chat/Input.mjs +2 -2
- package/dist/components/chat/Messages.js +6 -6
- package/dist/components/chat/Messages.js.map +1 -1
- package/dist/components/chat/Messages.mjs +1 -1
- package/dist/components/chat/Modal.js +22 -30
- package/dist/components/chat/Modal.js.map +1 -1
- package/dist/components/chat/Modal.mjs +11 -11
- package/dist/components/chat/Popup.js +22 -30
- package/dist/components/chat/Popup.js.map +1 -1
- package/dist/components/chat/Popup.mjs +12 -12
- package/dist/components/chat/Sidebar.js +22 -30
- package/dist/components/chat/Sidebar.js.map +1 -1
- package/dist/components/chat/Sidebar.mjs +12 -12
- package/dist/components/chat/index.js +22 -30
- package/dist/components/chat/index.js.map +1 -1
- package/dist/components/chat/index.mjs +13 -13
- package/dist/components/chat/messages/RenderActionExecutionMessage.js +1 -1
- package/dist/components/chat/messages/RenderActionExecutionMessage.js.map +1 -1
- package/dist/components/chat/messages/RenderActionExecutionMessage.mjs +1 -1
- package/dist/components/chat/messages/RenderAgentStateMessage.js +1 -2
- package/dist/components/chat/messages/RenderAgentStateMessage.js.map +1 -1
- package/dist/components/chat/messages/RenderAgentStateMessage.mjs +1 -1
- package/dist/components/chat/messages/RenderResultMessage.js +1 -2
- package/dist/components/chat/messages/RenderResultMessage.js.map +1 -1
- package/dist/components/chat/messages/RenderResultMessage.mjs +1 -1
- package/dist/components/chat/messages/RenderTextMessage.js +1 -2
- package/dist/components/chat/messages/RenderTextMessage.js.map +1 -1
- package/dist/components/chat/messages/RenderTextMessage.mjs +1 -1
- package/dist/components/dev-console/console.js +4 -6
- package/dist/components/dev-console/console.js.map +1 -1
- package/dist/components/dev-console/console.mjs +2 -2
- package/dist/components/dev-console/index.js +4 -6
- package/dist/components/dev-console/index.js.map +1 -1
- package/dist/components/dev-console/index.mjs +2 -2
- package/dist/components/dev-console/utils.js +4 -6
- package/dist/components/dev-console/utils.js.map +1 -1
- package/dist/components/dev-console/utils.mjs +1 -1
- package/dist/components/index.js +22 -30
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +13 -13
- package/dist/hooks/use-push-to-talk.js +1 -2
- package/dist/hooks/use-push-to-talk.js.map +1 -1
- package/dist/hooks/use-push-to-talk.mjs +1 -1
- package/dist/index.js +22 -30
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -13
- package/package.json +8 -8
- package/src/components/chat/Messages.tsx +6 -6
- package/src/components/chat/messages/RenderActionExecutionMessage.tsx +1 -1
- package/src/components/chat/messages/RenderAgentStateMessage.tsx +1 -1
- package/src/components/chat/messages/RenderResultMessage.tsx +1 -1
- package/src/components/chat/messages/RenderTextMessage.tsx +1 -1
- package/src/components/dev-console/utils.ts +4 -4
- package/src/hooks/use-push-to-talk.tsx +1 -1
- package/dist/chunk-CTPEKUNX.mjs.map +0 -1
- package/dist/chunk-GDNJRSD4.mjs.map +0 -1
- package/dist/chunk-GOTHQ665.mjs.map +0 -1
- package/dist/chunk-MA5B5ELM.mjs.map +0 -1
- package/dist/chunk-RF3KLUPD.mjs.map +0 -1
- package/dist/chunk-YH2STM73.mjs.map +0 -1
- /package/dist/{chunk-FUCEBN2P.mjs.map → chunk-6VYMULPK.mjs.map} +0 -0
- /package/dist/{chunk-LGS6B47Q.mjs.map → chunk-7YQICPBC.mjs.map} +0 -0
- /package/dist/{chunk-HBZPOT37.mjs.map → chunk-BNCTYKEP.mjs.map} +0 -0
- /package/dist/{chunk-PJNNEX4L.mjs.map → chunk-JQOSF44H.mjs.map} +0 -0
- /package/dist/{chunk-QI3OM75G.mjs.map → chunk-RS6UPR5N.mjs.map} +0 -0
- /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]
|
|
400
|
+
if (messages[i].isActionExecutionMessage()) {
|
|
401
401
|
const id = messages[i].id;
|
|
402
402
|
const resultMessage = messages.find(
|
|
403
|
-
(message) => message
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 !==
|
|
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
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
1989
|
+
const message = new import_runtime_client_gql4.TextMessage({
|
|
1998
1990
|
content: messageContent,
|
|
1999
|
-
role:
|
|
1991
|
+
role: import_runtime_client_gql4.Role.User
|
|
2000
1992
|
});
|
|
2001
1993
|
if (onSubmitMessage) {
|
|
2002
1994
|
try {
|