@copilotkit/react-ui 1.8.10 → 1.8.11-next.1

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 (52) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/{chunk-IJADIQAR.mjs → chunk-IIRQWGWV.mjs} +4 -6
  3. package/dist/chunk-IIRQWGWV.mjs.map +1 -0
  4. package/dist/{chunk-B4N2T3V3.mjs → chunk-IWBARPUZ.mjs} +3 -9
  5. package/dist/chunk-IWBARPUZ.mjs.map +1 -0
  6. package/dist/{chunk-FHVERB23.mjs → chunk-QXWJ7HYU.mjs} +3 -3
  7. package/dist/{chunk-VL4VF3G3.mjs → chunk-SJWVHGKD.mjs} +2 -2
  8. package/dist/{chunk-R7KOZN52.mjs → chunk-T5637OOY.mjs} +2 -2
  9. package/dist/{chunk-G46M4XOH.mjs → chunk-UH2UFL5W.mjs} +2 -2
  10. package/dist/{chunk-NGAREIRF.mjs → chunk-VGPQYMKJ.mjs} +4 -4
  11. package/dist/{chunk-D7X2S5GH.mjs → chunk-W2OWARTP.mjs} +5 -5
  12. package/dist/components/chat/Chat.js +4 -12
  13. package/dist/components/chat/Chat.js.map +1 -1
  14. package/dist/components/chat/Chat.mjs +3 -3
  15. package/dist/components/chat/Header.mjs +4 -4
  16. package/dist/components/chat/Input.js +1 -7
  17. package/dist/components/chat/Input.js.map +1 -1
  18. package/dist/components/chat/Input.mjs +1 -1
  19. package/dist/components/chat/Messages.js +3 -5
  20. package/dist/components/chat/Messages.js.map +1 -1
  21. package/dist/components/chat/Messages.mjs +1 -1
  22. package/dist/components/chat/Modal.js +4 -12
  23. package/dist/components/chat/Modal.js.map +1 -1
  24. package/dist/components/chat/Modal.mjs +8 -8
  25. package/dist/components/chat/Popup.js +4 -12
  26. package/dist/components/chat/Popup.js.map +1 -1
  27. package/dist/components/chat/Popup.mjs +9 -9
  28. package/dist/components/chat/Sidebar.js +4 -12
  29. package/dist/components/chat/Sidebar.js.map +1 -1
  30. package/dist/components/chat/Sidebar.mjs +9 -9
  31. package/dist/components/chat/index.js +4 -12
  32. package/dist/components/chat/index.js.map +1 -1
  33. package/dist/components/chat/index.mjs +10 -10
  34. package/dist/components/dev-console/console.mjs +3 -3
  35. package/dist/components/dev-console/index.mjs +3 -3
  36. package/dist/components/index.js +4 -12
  37. package/dist/components/index.js.map +1 -1
  38. package/dist/components/index.mjs +10 -10
  39. package/dist/index.js +4 -12
  40. package/dist/index.js.map +1 -1
  41. package/dist/index.mjs +10 -10
  42. package/package.json +4 -4
  43. package/src/components/chat/Input.tsx +15 -6
  44. package/src/components/chat/Messages.tsx +5 -6
  45. package/dist/chunk-B4N2T3V3.mjs.map +0 -1
  46. package/dist/chunk-IJADIQAR.mjs.map +0 -1
  47. /package/dist/{chunk-FHVERB23.mjs.map → chunk-QXWJ7HYU.mjs.map} +0 -0
  48. /package/dist/{chunk-VL4VF3G3.mjs.map → chunk-SJWVHGKD.mjs.map} +0 -0
  49. /package/dist/{chunk-R7KOZN52.mjs.map → chunk-T5637OOY.mjs.map} +0 -0
  50. /package/dist/{chunk-G46M4XOH.mjs.map → chunk-UH2UFL5W.mjs.map} +0 -0
  51. /package/dist/{chunk-NGAREIRF.mjs.map → chunk-VGPQYMKJ.mjs.map} +0 -0
  52. /package/dist/{chunk-D7X2S5GH.mjs.map → chunk-W2OWARTP.mjs.map} +0 -0
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  CopilotPopup
3
- } from "../../chunk-VL4VF3G3.mjs";
4
- import "../../chunk-D7X2S5GH.mjs";
3
+ } from "../../chunk-SJWVHGKD.mjs";
4
+ import "../../chunk-W2OWARTP.mjs";
5
5
  import "../../chunk-Q2NFQTCQ.mjs";
6
- import "../../chunk-G46M4XOH.mjs";
6
+ import "../../chunk-UH2UFL5W.mjs";
7
7
  import "../../chunk-V7W6IM2V.mjs";
8
- import "../../chunk-NGAREIRF.mjs";
9
- import "../../chunk-KXE2JCUH.mjs";
10
- import "../../chunk-NRA3CFEE.mjs";
8
+ import "../../chunk-VGPQYMKJ.mjs";
11
9
  import "../../chunk-Q5V6S67N.mjs";
12
10
  import "../../chunk-6TCUJ3B7.mjs";
11
+ import "../../chunk-KXE2JCUH.mjs";
12
+ import "../../chunk-NRA3CFEE.mjs";
13
13
  import "../../chunk-BH6PCAAL.mjs";
14
14
  import "../../chunk-UFN2VWSR.mjs";
15
- import "../../chunk-FHVERB23.mjs";
15
+ import "../../chunk-QXWJ7HYU.mjs";
16
16
  import "../../chunk-DSQGQJI4.mjs";
17
17
  import "../../chunk-24TDU7MY.mjs";
18
18
  import "../../chunk-SLTG4L62.mjs";
@@ -22,11 +22,11 @@ import "../../chunk-HWMFMBJC.mjs";
22
22
  import "../../chunk-OZXUB3V7.mjs";
23
23
  import "../../chunk-XZNY26GH.mjs";
24
24
  import "../../chunk-PLHTVHUW.mjs";
25
- import "../../chunk-B4N2T3V3.mjs";
25
+ import "../../chunk-IWBARPUZ.mjs";
26
26
  import "../../chunk-YQFVRDNC.mjs";
27
27
  import "../../chunk-ABHUX6T6.mjs";
28
28
  import "../../chunk-KENCH7RN.mjs";
29
- import "../../chunk-IJADIQAR.mjs";
29
+ import "../../chunk-IIRQWGWV.mjs";
30
30
  import "../../chunk-IEMQ2SQW.mjs";
31
31
  import "../../chunk-XWG3L6QC.mjs";
32
32
  import "../../chunk-54JAUBUJ.mjs";
@@ -1111,7 +1111,7 @@ var Messages = ({
1111
1111
  }
1112
1112
  }
1113
1113
  }
1114
- const { messagesEndRef, messagesContainerRef } = useScrollToBottom(messages);
1114
+ const { messagesContainerRef, messagesEndRef } = useScrollToBottom(messages);
1115
1115
  const interrupt = (0, import_react_core4.useLangGraphInterruptRender)();
1116
1116
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "copilotKitMessages", ref: messagesContainerRef, children: [
1117
1117
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "copilotKitMessagesContainer", children: [
@@ -1220,11 +1220,9 @@ function useScrollToBottom(messages) {
1220
1220
  const isProgrammaticScrollRef = (0, import_react6.useRef)(false);
1221
1221
  const isUserScrollUpRef = (0, import_react6.useRef)(false);
1222
1222
  const scrollToBottom = () => {
1223
- if (messagesEndRef.current) {
1223
+ if (messagesContainerRef.current && messagesEndRef.current) {
1224
1224
  isProgrammaticScrollRef.current = true;
1225
- messagesEndRef.current.scrollIntoView({
1226
- behavior: "auto"
1227
- });
1225
+ messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;
1228
1226
  }
1229
1227
  };
1230
1228
  const handleScroll = () => {
@@ -1457,12 +1455,6 @@ var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
1457
1455
  setText("");
1458
1456
  (_a = textareaRef.current) == null ? void 0 : _a.focus();
1459
1457
  };
1460
- (0, import_react9.useEffect)(() => {
1461
- var _a;
1462
- if (isVisible) {
1463
- (_a = textareaRef.current) == null ? void 0 : _a.focus();
1464
- }
1465
- }, [isVisible]);
1466
1458
  const { pushToTalkState, setPushToTalkState } = usePushToTalk({
1467
1459
  sendFunction: onSend,
1468
1460
  inProgress
@@ -1483,7 +1475,7 @@ var Input = ({ inProgress, onSend, isVisible = false, onStop, onUpload }) => {
1483
1475
  {
1484
1476
  ref: textareaRef,
1485
1477
  placeholder: context.labels.placeholder,
1486
- autoFocus: true,
1478
+ autoFocus: false,
1487
1479
  maxRows: MAX_NEWLINES,
1488
1480
  value: text,
1489
1481
  onChange: (event) => setText(event.target.value),