@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
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CopilotPopup
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
3
|
+
} from "../../chunk-JQOSF44H.mjs";
|
|
4
|
+
import "../../chunk-6VYMULPK.mjs";
|
|
5
5
|
import "../../chunk-FO7Z5LAL.mjs";
|
|
6
6
|
import "../../chunk-FLV3J3VX.mjs";
|
|
7
7
|
import "../../chunk-YOH25I6N.mjs";
|
|
8
|
-
import "../../chunk-
|
|
8
|
+
import "../../chunk-7YQICPBC.mjs";
|
|
9
9
|
import "../../chunk-V7W6IM2V.mjs";
|
|
10
|
-
import "../../chunk-
|
|
11
|
-
import "../../chunk-
|
|
12
|
-
import "../../chunk-
|
|
13
|
-
import "../../chunk-
|
|
10
|
+
import "../../chunk-RWT7WRG2.mjs";
|
|
11
|
+
import "../../chunk-AAY3WWWC.mjs";
|
|
12
|
+
import "../../chunk-DP5YVGNX.mjs";
|
|
13
|
+
import "../../chunk-WHSD7DBC.mjs";
|
|
14
14
|
import "../../chunk-KFQYJ5R5.mjs";
|
|
15
|
-
import "../../chunk-
|
|
16
|
-
import "../../chunk-
|
|
15
|
+
import "../../chunk-RS6UPR5N.mjs";
|
|
16
|
+
import "../../chunk-4FIGRRFS.mjs";
|
|
17
17
|
import "../../chunk-OTPAZXVR.mjs";
|
|
18
|
-
import "../../chunk-
|
|
18
|
+
import "../../chunk-BNCTYKEP.mjs";
|
|
19
19
|
import "../../chunk-YQFVRDNC.mjs";
|
|
20
20
|
import "../../chunk-YQ3D5IQV.mjs";
|
|
21
|
-
import "../../chunk-
|
|
21
|
+
import "../../chunk-SHTMRY45.mjs";
|
|
22
22
|
import "../../chunk-XSUSSWDS.mjs";
|
|
23
23
|
import "../../chunk-BJPGMY3I.mjs";
|
|
24
24
|
import "../../chunk-UPTB2MVO.mjs";
|
|
25
25
|
import "../../chunk-FZC7X5PK.mjs";
|
|
26
26
|
import "../../chunk-54JAUBUJ.mjs";
|
|
27
|
-
import "../../chunk-
|
|
27
|
+
import "../../chunk-S5MBUNGN.mjs";
|
|
28
28
|
import "../../chunk-MRXNTQOX.mjs";
|
|
29
29
|
export {
|
|
30
30
|
CopilotPopup
|
|
@@ -536,10 +536,10 @@ var Messages = ({
|
|
|
536
536
|
messages = [...initialMessages, ...messages];
|
|
537
537
|
const actionResults = {};
|
|
538
538
|
for (let i = 0; i < messages.length; i++) {
|
|
539
|
-
if (messages[i]
|
|
539
|
+
if (messages[i].isActionExecutionMessage()) {
|
|
540
540
|
const id = messages[i].id;
|
|
541
541
|
const resultMessage = messages.find(
|
|
542
|
-
(message) => message
|
|
542
|
+
(message) => message.isResultMessage() && message.actionExecutionId === id
|
|
543
543
|
);
|
|
544
544
|
if (resultMessage) {
|
|
545
545
|
actionResults[id] = import_runtime_client_gql.ResultMessage.decodeResult(resultMessage.result || "");
|
|
@@ -560,7 +560,7 @@ var Messages = ({
|
|
|
560
560
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessages", children: [
|
|
561
561
|
messages.map((message, index) => {
|
|
562
562
|
const isCurrentMessage = index === messages.length - 1;
|
|
563
|
-
if (message
|
|
563
|
+
if (message.isTextMessage()) {
|
|
564
564
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
565
565
|
RenderTextMessage2,
|
|
566
566
|
{
|
|
@@ -571,7 +571,7 @@ var Messages = ({
|
|
|
571
571
|
},
|
|
572
572
|
index
|
|
573
573
|
);
|
|
574
|
-
} else if (message
|
|
574
|
+
} else if (message.isActionExecutionMessage()) {
|
|
575
575
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
576
576
|
RenderActionExecutionMessage2,
|
|
577
577
|
{
|
|
@@ -583,7 +583,7 @@ var Messages = ({
|
|
|
583
583
|
},
|
|
584
584
|
index
|
|
585
585
|
);
|
|
586
|
-
} else if (message
|
|
586
|
+
} else if (message.isAgentStateMessage()) {
|
|
587
587
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
588
588
|
RenderAgentStateMessage2,
|
|
589
589
|
{
|
|
@@ -594,7 +594,7 @@ var Messages = ({
|
|
|
594
594
|
},
|
|
595
595
|
index
|
|
596
596
|
);
|
|
597
|
-
} else if (message
|
|
597
|
+
} else if (message.isResultMessage()) {
|
|
598
598
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
599
599
|
RenderResultMessage2,
|
|
600
600
|
{
|
|
@@ -681,7 +681,6 @@ var Textarea_default = AutoResizingTextarea;
|
|
|
681
681
|
|
|
682
682
|
// src/hooks/use-push-to-talk.tsx
|
|
683
683
|
var import_react_core = require("@copilotkit/react-core");
|
|
684
|
-
var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
|
|
685
684
|
var import_react5 = require("react");
|
|
686
685
|
var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
|
|
687
686
|
if (!mediaStreamRef.current || !audioContextRef.current) {
|
|
@@ -774,7 +773,7 @@ var usePushToTalk = ({
|
|
|
774
773
|
(message) => message.id === startReadingFromMessageId
|
|
775
774
|
);
|
|
776
775
|
const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
|
|
777
|
-
(message) => message
|
|
776
|
+
(message) => message.isTextMessage() && message.role === "assistant"
|
|
778
777
|
);
|
|
779
778
|
const text = messagesAfterLast.map((message) => message.content).join("\n");
|
|
780
779
|
playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
|
|
@@ -862,9 +861,6 @@ var ResponseButton = ({ onClick, inProgress }) => {
|
|
|
862
861
|
] });
|
|
863
862
|
};
|
|
864
863
|
|
|
865
|
-
// src/components/chat/messages/RenderTextMessage.tsx
|
|
866
|
-
var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
|
|
867
|
-
|
|
868
864
|
// src/components/chat/Markdown.tsx
|
|
869
865
|
var import_react8 = require("react");
|
|
870
866
|
var import_react_markdown = __toESM(require("react-markdown"));
|
|
@@ -1338,7 +1334,7 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
|
1338
1334
|
function RenderTextMessage(props) {
|
|
1339
1335
|
const { message, inProgress, index, isCurrentMessage } = props;
|
|
1340
1336
|
const { icons } = useChatContext();
|
|
1341
|
-
if (message
|
|
1337
|
+
if (message.isTextMessage()) {
|
|
1342
1338
|
if (message.role === "user") {
|
|
1343
1339
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
|
|
1344
1340
|
} else if (message.role == "assistant") {
|
|
@@ -1348,14 +1344,14 @@ function RenderTextMessage(props) {
|
|
|
1348
1344
|
}
|
|
1349
1345
|
|
|
1350
1346
|
// src/components/chat/messages/RenderActionExecutionMessage.tsx
|
|
1351
|
-
var
|
|
1347
|
+
var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
|
|
1352
1348
|
var import_react_core3 = require("@copilotkit/react-core");
|
|
1353
1349
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1354
1350
|
function RenderActionExecutionMessage(props) {
|
|
1355
1351
|
const { message, inProgress, index, isCurrentMessage, actionResult } = props;
|
|
1356
1352
|
const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
|
|
1357
1353
|
const { icons } = useChatContext();
|
|
1358
|
-
if (message
|
|
1354
|
+
if (message.isActionExecutionMessage()) {
|
|
1359
1355
|
if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
|
|
1360
1356
|
const render = chatComponentsCache.current.actions[message.name];
|
|
1361
1357
|
if (typeof render === "string") {
|
|
@@ -1373,7 +1369,7 @@ function RenderActionExecutionMessage(props) {
|
|
|
1373
1369
|
let status = "inProgress";
|
|
1374
1370
|
if (actionResult !== void 0) {
|
|
1375
1371
|
status = "complete";
|
|
1376
|
-
} else if (message.status.code !==
|
|
1372
|
+
} else if (message.status.code !== import_runtime_client_gql2.MessageStatusCode.Pending) {
|
|
1377
1373
|
status = "executing";
|
|
1378
1374
|
}
|
|
1379
1375
|
try {
|
|
@@ -1416,25 +1412,23 @@ function RenderActionExecutionMessage(props) {
|
|
|
1416
1412
|
}
|
|
1417
1413
|
|
|
1418
1414
|
// src/components/chat/messages/RenderResultMessage.tsx
|
|
1419
|
-
var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
|
|
1420
1415
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1421
1416
|
function RenderResultMessage(props) {
|
|
1422
1417
|
const { message, inProgress, index, isCurrentMessage } = props;
|
|
1423
1418
|
const { icons } = useChatContext();
|
|
1424
|
-
if (message
|
|
1419
|
+
if (message.isResultMessage() && inProgress && isCurrentMessage) {
|
|
1425
1420
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: icons.spinnerIcon }, index);
|
|
1426
1421
|
}
|
|
1427
1422
|
}
|
|
1428
1423
|
|
|
1429
1424
|
// src/components/chat/messages/RenderAgentStateMessage.tsx
|
|
1430
|
-
var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
|
|
1431
1425
|
var import_react_core4 = require("@copilotkit/react-core");
|
|
1432
1426
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1433
1427
|
function RenderAgentStateMessage(props) {
|
|
1434
1428
|
const { message, inProgress, index, isCurrentMessage } = props;
|
|
1435
1429
|
const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
|
|
1436
1430
|
const { icons } = useChatContext();
|
|
1437
|
-
if (message
|
|
1431
|
+
if (message.isAgentStateMessage()) {
|
|
1438
1432
|
let render;
|
|
1439
1433
|
if (chatComponentsCache.current !== null) {
|
|
1440
1434
|
render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
|
|
@@ -1487,7 +1481,7 @@ function RenderAgentStateMessage(props) {
|
|
|
1487
1481
|
// src/components/chat/Suggestion.tsx
|
|
1488
1482
|
var import_react_core5 = require("@copilotkit/react-core");
|
|
1489
1483
|
var import_shared = require("@copilotkit/shared");
|
|
1490
|
-
var
|
|
1484
|
+
var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
|
|
1491
1485
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1492
1486
|
function Suggestion({ title, message, onClick, partial, className }) {
|
|
1493
1487
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
@@ -1523,7 +1517,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
|
|
|
1523
1517
|
context,
|
|
1524
1518
|
instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. " + config.instructions + "\n\n" + numOfSuggestionsInstructions,
|
|
1525
1519
|
data: "Available tools: " + tools + "\n\n",
|
|
1526
|
-
requestType:
|
|
1520
|
+
requestType: import_runtime_client_gql3.CopilotRequestType.Task,
|
|
1527
1521
|
parameters: [
|
|
1528
1522
|
{
|
|
1529
1523
|
name: "suggestions",
|
|
@@ -1579,13 +1573,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
|
|
|
1579
1573
|
// src/components/chat/Chat.tsx
|
|
1580
1574
|
var import_react11 = __toESM(require("react"));
|
|
1581
1575
|
var import_react_core8 = require("@copilotkit/react-core");
|
|
1582
|
-
var
|
|
1576
|
+
var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
|
|
1583
1577
|
var import_shared3 = require("@copilotkit/shared");
|
|
1584
1578
|
|
|
1585
1579
|
// src/components/dev-console/utils.ts
|
|
1586
1580
|
var import_react_core6 = require("@copilotkit/react-core");
|
|
1587
|
-
var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
|
|
1588
|
-
var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
|
|
1589
1581
|
function shouldShowDevConsole(showDevConsole) {
|
|
1590
1582
|
if (typeof showDevConsole === "boolean") {
|
|
1591
1583
|
return showDevConsole;
|
|
@@ -1675,7 +1667,7 @@ function logMessages(context) {
|
|
|
1675
1667
|
return;
|
|
1676
1668
|
}
|
|
1677
1669
|
const tableData = context.messages.map((message) => {
|
|
1678
|
-
if (message
|
|
1670
|
+
if (message.isTextMessage()) {
|
|
1679
1671
|
return {
|
|
1680
1672
|
id: message.id,
|
|
1681
1673
|
type: "TextMessage",
|
|
@@ -1684,7 +1676,7 @@ function logMessages(context) {
|
|
|
1684
1676
|
scope: void 0,
|
|
1685
1677
|
content: message.content
|
|
1686
1678
|
};
|
|
1687
|
-
} else if (message
|
|
1679
|
+
} else if (message.isActionExecutionMessage()) {
|
|
1688
1680
|
return {
|
|
1689
1681
|
id: message.id,
|
|
1690
1682
|
type: "ActionExecutionMessage",
|
|
@@ -1693,7 +1685,7 @@ function logMessages(context) {
|
|
|
1693
1685
|
scope: message.scope,
|
|
1694
1686
|
content: message.arguments
|
|
1695
1687
|
};
|
|
1696
|
-
} else if (message
|
|
1688
|
+
} else if (message.isResultMessage()) {
|
|
1697
1689
|
return {
|
|
1698
1690
|
id: message.id,
|
|
1699
1691
|
type: "ResultMessage",
|
|
@@ -1702,7 +1694,7 @@ function logMessages(context) {
|
|
|
1702
1694
|
scope: message.actionExecutionId,
|
|
1703
1695
|
content: message.result
|
|
1704
1696
|
};
|
|
1705
|
-
} else if (message
|
|
1697
|
+
} else if (message.isAgentStateMessage()) {
|
|
1706
1698
|
return {
|
|
1707
1699
|
id: message.id,
|
|
1708
1700
|
type: `AgentStateMessage (running: ${message.running})`,
|
|
@@ -2133,9 +2125,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
|
|
|
2133
2125
|
const sendMessage = (messageContent) => __async(void 0, null, function* () {
|
|
2134
2126
|
abortSuggestions();
|
|
2135
2127
|
setCurrentSuggestions([]);
|
|
2136
|
-
const message = new
|
|
2128
|
+
const message = new import_runtime_client_gql4.TextMessage({
|
|
2137
2129
|
content: messageContent,
|
|
2138
|
-
role:
|
|
2130
|
+
role: import_runtime_client_gql4.Role.User
|
|
2139
2131
|
});
|
|
2140
2132
|
if (onSubmitMessage) {
|
|
2141
2133
|
try {
|