@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
|
CopilotSidebar
|
|
3
|
-
} from "../../chunk-
|
|
4
|
-
import "../../chunk-
|
|
3
|
+
} from "../../chunk-TYYJR3LE.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
|
CopilotSidebar
|
|
@@ -538,10 +538,10 @@ var Messages = ({
|
|
|
538
538
|
messages = [...initialMessages, ...messages];
|
|
539
539
|
const actionResults = {};
|
|
540
540
|
for (let i = 0; i < messages.length; i++) {
|
|
541
|
-
if (messages[i]
|
|
541
|
+
if (messages[i].isActionExecutionMessage()) {
|
|
542
542
|
const id = messages[i].id;
|
|
543
543
|
const resultMessage = messages.find(
|
|
544
|
-
(message) => message
|
|
544
|
+
(message) => message.isResultMessage() && message.actionExecutionId === id
|
|
545
545
|
);
|
|
546
546
|
if (resultMessage) {
|
|
547
547
|
actionResults[id] = import_runtime_client_gql.ResultMessage.decodeResult(resultMessage.result || "");
|
|
@@ -562,7 +562,7 @@ var Messages = ({
|
|
|
562
562
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessages", children: [
|
|
563
563
|
messages.map((message, index) => {
|
|
564
564
|
const isCurrentMessage = index === messages.length - 1;
|
|
565
|
-
if (message
|
|
565
|
+
if (message.isTextMessage()) {
|
|
566
566
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
567
567
|
RenderTextMessage2,
|
|
568
568
|
{
|
|
@@ -573,7 +573,7 @@ var Messages = ({
|
|
|
573
573
|
},
|
|
574
574
|
index
|
|
575
575
|
);
|
|
576
|
-
} else if (message
|
|
576
|
+
} else if (message.isActionExecutionMessage()) {
|
|
577
577
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
578
578
|
RenderActionExecutionMessage2,
|
|
579
579
|
{
|
|
@@ -585,7 +585,7 @@ var Messages = ({
|
|
|
585
585
|
},
|
|
586
586
|
index
|
|
587
587
|
);
|
|
588
|
-
} else if (message
|
|
588
|
+
} else if (message.isAgentStateMessage()) {
|
|
589
589
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
590
590
|
RenderAgentStateMessage2,
|
|
591
591
|
{
|
|
@@ -596,7 +596,7 @@ var Messages = ({
|
|
|
596
596
|
},
|
|
597
597
|
index
|
|
598
598
|
);
|
|
599
|
-
} else if (message
|
|
599
|
+
} else if (message.isResultMessage()) {
|
|
600
600
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
601
601
|
RenderResultMessage2,
|
|
602
602
|
{
|
|
@@ -683,7 +683,6 @@ var Textarea_default = AutoResizingTextarea;
|
|
|
683
683
|
|
|
684
684
|
// src/hooks/use-push-to-talk.tsx
|
|
685
685
|
var import_react_core = require("@copilotkit/react-core");
|
|
686
|
-
var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
|
|
687
686
|
var import_react5 = require("react");
|
|
688
687
|
var startRecording = (mediaStreamRef, mediaRecorderRef, audioContextRef, recordedChunks, onStop) => __async(void 0, null, function* () {
|
|
689
688
|
if (!mediaStreamRef.current || !audioContextRef.current) {
|
|
@@ -776,7 +775,7 @@ var usePushToTalk = ({
|
|
|
776
775
|
(message) => message.id === startReadingFromMessageId
|
|
777
776
|
);
|
|
778
777
|
const messagesAfterLast = context.messages.slice(lastMessageIndex + 1).filter(
|
|
779
|
-
(message) => message
|
|
778
|
+
(message) => message.isTextMessage() && message.role === "assistant"
|
|
780
779
|
);
|
|
781
780
|
const text = messagesAfterLast.map((message) => message.content).join("\n");
|
|
782
781
|
playAudioResponse(text, context.copilotApiConfig.textToSpeechUrl, audioContextRef.current);
|
|
@@ -864,9 +863,6 @@ var ResponseButton = ({ onClick, inProgress }) => {
|
|
|
864
863
|
] });
|
|
865
864
|
};
|
|
866
865
|
|
|
867
|
-
// src/components/chat/messages/RenderTextMessage.tsx
|
|
868
|
-
var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
|
|
869
|
-
|
|
870
866
|
// src/components/chat/Markdown.tsx
|
|
871
867
|
var import_react8 = require("react");
|
|
872
868
|
var import_react_markdown = __toESM(require("react-markdown"));
|
|
@@ -1340,7 +1336,7 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
|
1340
1336
|
function RenderTextMessage(props) {
|
|
1341
1337
|
const { message, inProgress, index, isCurrentMessage } = props;
|
|
1342
1338
|
const { icons } = useChatContext();
|
|
1343
|
-
if (message
|
|
1339
|
+
if (message.isTextMessage()) {
|
|
1344
1340
|
if (message.role === "user") {
|
|
1345
1341
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "copilotKitMessage copilotKitUserMessage", children: message.content }, index);
|
|
1346
1342
|
} else if (message.role == "assistant") {
|
|
@@ -1350,14 +1346,14 @@ function RenderTextMessage(props) {
|
|
|
1350
1346
|
}
|
|
1351
1347
|
|
|
1352
1348
|
// src/components/chat/messages/RenderActionExecutionMessage.tsx
|
|
1353
|
-
var
|
|
1349
|
+
var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
|
|
1354
1350
|
var import_react_core3 = require("@copilotkit/react-core");
|
|
1355
1351
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1356
1352
|
function RenderActionExecutionMessage(props) {
|
|
1357
1353
|
const { message, inProgress, index, isCurrentMessage, actionResult } = props;
|
|
1358
1354
|
const { chatComponentsCache } = (0, import_react_core3.useCopilotContext)();
|
|
1359
1355
|
const { icons } = useChatContext();
|
|
1360
|
-
if (message
|
|
1356
|
+
if (message.isActionExecutionMessage()) {
|
|
1361
1357
|
if (chatComponentsCache.current !== null && chatComponentsCache.current.actions[message.name]) {
|
|
1362
1358
|
const render = chatComponentsCache.current.actions[message.name];
|
|
1363
1359
|
if (typeof render === "string") {
|
|
@@ -1375,7 +1371,7 @@ function RenderActionExecutionMessage(props) {
|
|
|
1375
1371
|
let status = "inProgress";
|
|
1376
1372
|
if (actionResult !== void 0) {
|
|
1377
1373
|
status = "complete";
|
|
1378
|
-
} else if (message.status.code !==
|
|
1374
|
+
} else if (message.status.code !== import_runtime_client_gql2.MessageStatusCode.Pending) {
|
|
1379
1375
|
status = "executing";
|
|
1380
1376
|
}
|
|
1381
1377
|
try {
|
|
@@ -1418,25 +1414,23 @@ function RenderActionExecutionMessage(props) {
|
|
|
1418
1414
|
}
|
|
1419
1415
|
|
|
1420
1416
|
// src/components/chat/messages/RenderResultMessage.tsx
|
|
1421
|
-
var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
|
|
1422
1417
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1423
1418
|
function RenderResultMessage(props) {
|
|
1424
1419
|
const { message, inProgress, index, isCurrentMessage } = props;
|
|
1425
1420
|
const { icons } = useChatContext();
|
|
1426
|
-
if (message
|
|
1421
|
+
if (message.isResultMessage() && inProgress && isCurrentMessage) {
|
|
1427
1422
|
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: `copilotKitMessage copilotKitAssistantMessage`, children: icons.spinnerIcon }, index);
|
|
1428
1423
|
}
|
|
1429
1424
|
}
|
|
1430
1425
|
|
|
1431
1426
|
// src/components/chat/messages/RenderAgentStateMessage.tsx
|
|
1432
|
-
var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
|
|
1433
1427
|
var import_react_core4 = require("@copilotkit/react-core");
|
|
1434
1428
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1435
1429
|
function RenderAgentStateMessage(props) {
|
|
1436
1430
|
const { message, inProgress, index, isCurrentMessage } = props;
|
|
1437
1431
|
const { chatComponentsCache } = (0, import_react_core4.useCopilotContext)();
|
|
1438
1432
|
const { icons } = useChatContext();
|
|
1439
|
-
if (message
|
|
1433
|
+
if (message.isAgentStateMessage()) {
|
|
1440
1434
|
let render;
|
|
1441
1435
|
if (chatComponentsCache.current !== null) {
|
|
1442
1436
|
render = chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-${message.nodeName}`] || chatComponentsCache.current.coAgentStateRenders[`${message.agentName}-global`];
|
|
@@ -1489,7 +1483,7 @@ function RenderAgentStateMessage(props) {
|
|
|
1489
1483
|
// src/components/chat/Suggestion.tsx
|
|
1490
1484
|
var import_react_core5 = require("@copilotkit/react-core");
|
|
1491
1485
|
var import_shared = require("@copilotkit/shared");
|
|
1492
|
-
var
|
|
1486
|
+
var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
|
|
1493
1487
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1494
1488
|
function Suggestion({ title, message, onClick, partial, className }) {
|
|
1495
1489
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
@@ -1525,7 +1519,7 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
|
|
|
1525
1519
|
context,
|
|
1526
1520
|
instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. " + config.instructions + "\n\n" + numOfSuggestionsInstructions,
|
|
1527
1521
|
data: "Available tools: " + tools + "\n\n",
|
|
1528
|
-
requestType:
|
|
1522
|
+
requestType: import_runtime_client_gql3.CopilotRequestType.Task,
|
|
1529
1523
|
parameters: [
|
|
1530
1524
|
{
|
|
1531
1525
|
name: "suggestions",
|
|
@@ -1581,13 +1575,11 @@ var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggest
|
|
|
1581
1575
|
// src/components/chat/Chat.tsx
|
|
1582
1576
|
var import_react11 = __toESM(require("react"));
|
|
1583
1577
|
var import_react_core8 = require("@copilotkit/react-core");
|
|
1584
|
-
var
|
|
1578
|
+
var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
|
|
1585
1579
|
var import_shared3 = require("@copilotkit/shared");
|
|
1586
1580
|
|
|
1587
1581
|
// src/components/dev-console/utils.ts
|
|
1588
1582
|
var import_react_core6 = require("@copilotkit/react-core");
|
|
1589
|
-
var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
|
|
1590
|
-
var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
|
|
1591
1583
|
function shouldShowDevConsole(showDevConsole) {
|
|
1592
1584
|
if (typeof showDevConsole === "boolean") {
|
|
1593
1585
|
return showDevConsole;
|
|
@@ -1677,7 +1669,7 @@ function logMessages(context) {
|
|
|
1677
1669
|
return;
|
|
1678
1670
|
}
|
|
1679
1671
|
const tableData = context.messages.map((message) => {
|
|
1680
|
-
if (message
|
|
1672
|
+
if (message.isTextMessage()) {
|
|
1681
1673
|
return {
|
|
1682
1674
|
id: message.id,
|
|
1683
1675
|
type: "TextMessage",
|
|
@@ -1686,7 +1678,7 @@ function logMessages(context) {
|
|
|
1686
1678
|
scope: void 0,
|
|
1687
1679
|
content: message.content
|
|
1688
1680
|
};
|
|
1689
|
-
} else if (message
|
|
1681
|
+
} else if (message.isActionExecutionMessage()) {
|
|
1690
1682
|
return {
|
|
1691
1683
|
id: message.id,
|
|
1692
1684
|
type: "ActionExecutionMessage",
|
|
@@ -1695,7 +1687,7 @@ function logMessages(context) {
|
|
|
1695
1687
|
scope: message.scope,
|
|
1696
1688
|
content: message.arguments
|
|
1697
1689
|
};
|
|
1698
|
-
} else if (message
|
|
1690
|
+
} else if (message.isResultMessage()) {
|
|
1699
1691
|
return {
|
|
1700
1692
|
id: message.id,
|
|
1701
1693
|
type: "ResultMessage",
|
|
@@ -1704,7 +1696,7 @@ function logMessages(context) {
|
|
|
1704
1696
|
scope: message.actionExecutionId,
|
|
1705
1697
|
content: message.result
|
|
1706
1698
|
};
|
|
1707
|
-
} else if (message
|
|
1699
|
+
} else if (message.isAgentStateMessage()) {
|
|
1708
1700
|
return {
|
|
1709
1701
|
id: message.id,
|
|
1710
1702
|
type: `AgentStateMessage (running: ${message.running})`,
|
|
@@ -2135,9 +2127,9 @@ var useCopilotChatLogic = (makeSystemMessage, onInProgress, onSubmitMessage) =>
|
|
|
2135
2127
|
const sendMessage = (messageContent) => __async(void 0, null, function* () {
|
|
2136
2128
|
abortSuggestions();
|
|
2137
2129
|
setCurrentSuggestions([]);
|
|
2138
|
-
const message = new
|
|
2130
|
+
const message = new import_runtime_client_gql4.TextMessage({
|
|
2139
2131
|
content: messageContent,
|
|
2140
|
-
role:
|
|
2132
|
+
role: import_runtime_client_gql4.Role.User
|
|
2141
2133
|
});
|
|
2142
2134
|
if (onSubmitMessage) {
|
|
2143
2135
|
try {
|