@agentscope-ai/chat 1.1.39 → 1.1.41-beta.1764749089549

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 (233) hide show
  1. package/bin/starter_webui.zip +0 -0
  2. package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Builder.tsx +8 -4
  3. package/components/ImageGenerator/index.tsx +1 -1
  4. package/components/Markdown/Markdown.tsx +105 -0
  5. package/components/Markdown/{Markdown/defaultComponents → core/components}/CodeBlock.tsx +1 -1
  6. package/components/Markdown/core/components/Null.tsx +1 -0
  7. package/components/Markdown/core/components/Raw.tsx +18 -0
  8. package/components/Markdown/{Markdown → core}/hooks/useCitationsData.tsx +3 -7
  9. package/components/Markdown/core/hooks/useCursorContent.tsx +15 -0
  10. package/components/Markdown/{Markdown/hooks/useTyping.ts → core/hooks/useTyping.tsx} +4 -1
  11. package/components/Markdown/core/index.tsx +18 -0
  12. package/components/Markdown/{plugins → core/plugins}/citations/CitationComponent.tsx +5 -3
  13. package/components/Markdown/{plugins → core/plugins}/citations/index.tsx +3 -4
  14. package/components/Markdown/{plugins → core/plugins}/cursor/Underline.tsx +1 -1
  15. package/components/Markdown/{plugins → core/plugins}/cursor/index.tsx +8 -8
  16. package/components/Markdown/demo/cursor.tsx +2 -3
  17. package/components/Markdown/index.en-US.md +1 -2
  18. package/components/Markdown/index.tsx +6 -0
  19. package/components/Markdown/index.zh-CN.md +1 -2
  20. package/components/Markdown/{Markdown/style.ts → styles.ts} +12 -21
  21. package/components/Markdown/types.tsx +94 -0
  22. package/components/index.ts +1 -3
  23. package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Builder.js +5 -3
  24. package/lib/ImageGenerator/index.js +1 -1
  25. package/lib/Markdown/Markdown.d.ts +4 -0
  26. package/lib/Markdown/Markdown.js +110 -0
  27. package/lib/Markdown/core/components/Null.d.ts +2 -0
  28. package/lib/Markdown/core/components/Null.js +3 -0
  29. package/lib/Markdown/core/components/Raw.d.ts +8 -0
  30. package/lib/Markdown/core/components/Raw.js +13 -0
  31. package/lib/Markdown/core/hooks/useCitationsData.d.ts +6 -0
  32. package/lib/Markdown/{Markdown → core}/hooks/useCitationsData.js +1 -1
  33. package/lib/Markdown/core/hooks/useCursorContent.d.ts +4 -0
  34. package/lib/Markdown/core/hooks/useCursorContent.js +14 -0
  35. package/lib/Markdown/core/hooks/useTyping.d.ts +5 -0
  36. package/lib/Markdown/{Markdown → core}/hooks/useTyping.js +3 -2
  37. package/lib/Markdown/core/index.d.ts +2 -0
  38. package/lib/Markdown/{Markdown/hooks/useAnimation.js → core/index.js} +23 -23
  39. package/lib/Markdown/{plugins → core/plugins}/citations/CitationComponent.js +5 -5
  40. package/lib/Markdown/{plugins → core/plugins}/citations/index.d.ts +1 -2
  41. package/lib/Markdown/{plugins → core/plugins}/citations/index.js +1 -1
  42. package/lib/Markdown/{plugins → core/plugins}/cursor/Dot.js +1 -1
  43. package/lib/Markdown/{plugins → core/plugins}/cursor/Underline.js +1 -1
  44. package/lib/Markdown/{plugins → core/plugins}/cursor/index.js +4 -4
  45. package/lib/Markdown/index.d.ts +2 -1
  46. package/lib/Markdown/styles.js +32 -0
  47. package/lib/Markdown/types.d.ts +78 -0
  48. package/lib/index.d.ts +0 -2
  49. package/lib/index.js +0 -2
  50. package/package.json +7 -31
  51. package/components/AGUI/components/HelpModal/icons.tsx +0 -68
  52. package/components/AGUI/components/HelpModal/index.tsx +0 -1
  53. package/components/AGUI/components/HelpModal/modal.tsx +0 -101
  54. package/components/AGUI/components/chat/Button.tsx +0 -18
  55. package/components/AGUI/components/chat/Chat.tsx +0 -780
  56. package/components/AGUI/components/chat/ChatContext.tsx +0 -248
  57. package/components/AGUI/components/chat/CodeBlock.tsx +0 -406
  58. package/components/AGUI/components/chat/Header.tsx +0 -22
  59. package/components/AGUI/components/chat/Icons.tsx +0 -237
  60. package/components/AGUI/components/chat/ImageUploadQueue.tsx +0 -77
  61. package/components/AGUI/components/chat/Input.tsx +0 -24
  62. package/components/AGUI/components/chat/Markdown.tsx +0 -134
  63. package/components/AGUI/components/chat/Messages.tsx +0 -259
  64. package/components/AGUI/components/chat/Modal.tsx +0 -133
  65. package/components/AGUI/components/chat/Popup.tsx +0 -57
  66. package/components/AGUI/components/chat/PoweredByTag.tsx +0 -29
  67. package/components/AGUI/components/chat/Sidebar.tsx +0 -74
  68. package/components/AGUI/components/chat/Suggestion.tsx +0 -132
  69. package/components/AGUI/components/chat/Suggestions.tsx +0 -20
  70. package/components/AGUI/components/chat/Textarea.tsx +0 -61
  71. package/components/AGUI/components/chat/Window.tsx +0 -152
  72. package/components/AGUI/components/chat/index.tsx +0 -11
  73. package/components/AGUI/components/chat/messages/AssistantMessage.tsx +0 -69
  74. package/components/AGUI/components/chat/messages/RenderActionExecutionMessage.tsx +0 -129
  75. package/components/AGUI/components/chat/messages/RenderAgentStateMessage.tsx +0 -116
  76. package/components/AGUI/components/chat/messages/RenderImageMessage.tsx +0 -64
  77. package/components/AGUI/components/chat/messages/RenderResultMessage.tsx +0 -26
  78. package/components/AGUI/components/chat/messages/RenderTextMessage.tsx +0 -51
  79. package/components/AGUI/components/chat/messages/UserMessage.tsx +0 -10
  80. package/components/AGUI/components/chat/props.ts +0 -186
  81. package/components/AGUI/components/index.ts +0 -1
  82. package/components/AGUI/context/index.ts +0 -1
  83. package/components/AGUI/hooks/index.ts +0 -1
  84. package/components/AGUI/hooks/use-copilot-chat-suggestions.tsx +0 -122
  85. package/components/AGUI/hooks/use-copy-to-clipboard.tsx +0 -29
  86. package/components/AGUI/hooks/use-dark-mode.ts +0 -10
  87. package/components/AGUI/hooks/use-push-to-talk.tsx +0 -166
  88. package/components/AGUI/index.tsx +0 -4
  89. package/components/AGUI/lib/utils.test.ts +0 -7
  90. package/components/AGUI/lib/utils.ts +0 -27
  91. package/components/AGUI/styles.css +0 -0
  92. package/components/AGUI/types/css.ts +0 -0
  93. package/components/AGUI/types/index.ts +0 -1
  94. package/components/AGUI/types/suggestions.ts +0 -6
  95. package/components/Markdown/Markdown/AnimationNode.tsx +0 -89
  96. package/components/Markdown/Markdown/Markdown.tsx +0 -61
  97. package/components/Markdown/Markdown/core/Parser.ts +0 -52
  98. package/components/Markdown/Markdown/core/Renderer.ts +0 -121
  99. package/components/Markdown/Markdown/core/index.ts +0 -4
  100. package/components/Markdown/Markdown/hooks/index.ts +0 -4
  101. package/components/Markdown/Markdown/hooks/useAnimation.tsx +0 -27
  102. package/components/Markdown/Markdown/hooks/useStreaming.ts +0 -503
  103. package/components/Markdown/Markdown/index.tsx +0 -198
  104. package/components/Markdown/Markdown/interface.ts +0 -217
  105. package/components/Markdown/demo/typing.tsx +0 -82
  106. package/components/Markdown/index.ts +0 -1
  107. package/components/Markdown/plugins/latex/index.ts +0 -109
  108. package/components/Markdown/plugins/type.ts +0 -71
  109. package/lib/AGUI/components/HelpModal/icons.d.ts +0 -5
  110. package/lib/AGUI/components/HelpModal/icons.js +0 -84
  111. package/lib/AGUI/components/HelpModal/index.d.ts +0 -1
  112. package/lib/AGUI/components/HelpModal/index.js +0 -1
  113. package/lib/AGUI/components/HelpModal/modal.d.ts +0 -1
  114. package/lib/AGUI/components/HelpModal/modal.js +0 -104
  115. package/lib/AGUI/components/chat/Button.d.ts +0 -2
  116. package/lib/AGUI/components/chat/Button.js +0 -27
  117. package/lib/AGUI/components/chat/Chat.d.ts +0 -242
  118. package/lib/AGUI/components/chat/Chat.js +0 -634
  119. package/lib/AGUI/components/chat/ChatContext.d.ts +0 -142
  120. package/lib/AGUI/components/chat/ChatContext.js +0 -75
  121. package/lib/AGUI/components/chat/CodeBlock.d.ts +0 -12
  122. package/lib/AGUI/components/chat/CodeBlock.js +0 -398
  123. package/lib/AGUI/components/chat/Header.d.ts +0 -2
  124. package/lib/AGUI/components/chat/Header.js +0 -28
  125. package/lib/AGUI/components/chat/Icons.d.ts +0 -16
  126. package/lib/AGUI/components/chat/Icons.js +0 -247
  127. package/lib/AGUI/components/chat/ImageUploadQueue.d.ts +0 -11
  128. package/lib/AGUI/components/chat/ImageUploadQueue.js +0 -65
  129. package/lib/AGUI/components/chat/Input.d.ts +0 -2
  130. package/lib/AGUI/components/chat/Input.js +0 -30
  131. package/lib/AGUI/components/chat/Markdown.d.ts +0 -7
  132. package/lib/AGUI/components/chat/Markdown.js +0 -187
  133. package/lib/AGUI/components/chat/Messages.d.ts +0 -7
  134. package/lib/AGUI/components/chat/Messages.js +0 -242
  135. package/lib/AGUI/components/chat/Modal.d.ts +0 -43
  136. package/lib/AGUI/components/chat/Modal.js +0 -113
  137. package/lib/AGUI/components/chat/Popup.d.ts +0 -49
  138. package/lib/AGUI/components/chat/Popup.js +0 -64
  139. package/lib/AGUI/components/chat/PoweredByTag.d.ts +0 -3
  140. package/lib/AGUI/components/chat/PoweredByTag.js +0 -27
  141. package/lib/AGUI/components/chat/Sidebar.d.ts +0 -2
  142. package/lib/AGUI/components/chat/Sidebar.js +0 -85
  143. package/lib/AGUI/components/chat/Suggestion.d.ts +0 -16
  144. package/lib/AGUI/components/chat/Suggestion.js +0 -146
  145. package/lib/AGUI/components/chat/Suggestions.d.ts +0 -2
  146. package/lib/AGUI/components/chat/Suggestions.js +0 -21
  147. package/lib/AGUI/components/chat/Textarea.d.ts +0 -11
  148. package/lib/AGUI/components/chat/Textarea.js +0 -60
  149. package/lib/AGUI/components/chat/Window.d.ts +0 -2
  150. package/lib/AGUI/components/chat/Window.js +0 -115
  151. package/lib/AGUI/components/chat/index.d.ts +0 -11
  152. package/lib/AGUI/components/chat/index.js +0 -11
  153. package/lib/AGUI/components/chat/messages/AssistantMessage.d.ts +0 -2
  154. package/lib/AGUI/components/chat/messages/AssistantMessage.js +0 -56
  155. package/lib/AGUI/components/chat/messages/RenderActionExecutionMessage.d.ts +0 -2
  156. package/lib/AGUI/components/chat/messages/RenderActionExecutionMessage.js +0 -114
  157. package/lib/AGUI/components/chat/messages/RenderAgentStateMessage.d.ts +0 -2
  158. package/lib/AGUI/components/chat/messages/RenderAgentStateMessage.js +0 -97
  159. package/lib/AGUI/components/chat/messages/RenderImageMessage.d.ts +0 -2
  160. package/lib/AGUI/components/chat/messages/RenderImageMessage.js +0 -61
  161. package/lib/AGUI/components/chat/messages/RenderResultMessage.d.ts +0 -2
  162. package/lib/AGUI/components/chat/messages/RenderResultMessage.js +0 -27
  163. package/lib/AGUI/components/chat/messages/RenderTextMessage.d.ts +0 -2
  164. package/lib/AGUI/components/chat/messages/RenderTextMessage.js +0 -47
  165. package/lib/AGUI/components/chat/messages/UserMessage.d.ts +0 -2
  166. package/lib/AGUI/components/chat/messages/UserMessage.js +0 -9
  167. package/lib/AGUI/components/chat/props.d.ts +0 -157
  168. package/lib/AGUI/components/index.d.ts +0 -1
  169. package/lib/AGUI/components/index.js +0 -1
  170. package/lib/AGUI/context/index.d.ts +0 -1
  171. package/lib/AGUI/context/index.js +0 -1
  172. package/lib/AGUI/hooks/index.d.ts +0 -1
  173. package/lib/AGUI/hooks/index.js +0 -1
  174. package/lib/AGUI/hooks/use-copilot-chat-suggestions.d.ts +0 -87
  175. package/lib/AGUI/hooks/use-copilot-chat-suggestions.js +0 -95
  176. package/lib/AGUI/hooks/use-copy-to-clipboard.d.ts +0 -7
  177. package/lib/AGUI/hooks/use-copy-to-clipboard.js +0 -34
  178. package/lib/AGUI/hooks/use-dark-mode.d.ts +0 -1
  179. package/lib/AGUI/hooks/use-dark-mode.js +0 -4
  180. package/lib/AGUI/hooks/use-push-to-talk.d.ts +0 -16
  181. package/lib/AGUI/hooks/use-push-to-talk.js +0 -260
  182. package/lib/AGUI/index.d.ts +0 -4
  183. package/lib/AGUI/index.js +0 -4
  184. package/lib/AGUI/lib/utils.d.ts +0 -2
  185. package/lib/AGUI/lib/utils.js +0 -52
  186. package/lib/AGUI/styles.css +0 -0
  187. package/lib/AGUI/types/css.d.ts +0 -0
  188. package/lib/AGUI/types/css.js +0 -0
  189. package/lib/AGUI/types/index.d.ts +0 -1
  190. package/lib/AGUI/types/index.js +0 -1
  191. package/lib/AGUI/types/suggestions.d.ts +0 -6
  192. package/lib/AGUI/types/suggestions.js +0 -1
  193. package/lib/Markdown/Markdown/AnimationNode.d.ts +0 -20
  194. package/lib/Markdown/Markdown/AnimationNode.js +0 -84
  195. package/lib/Markdown/Markdown/Markdown.d.ts +0 -4
  196. package/lib/Markdown/Markdown/Markdown.js +0 -58
  197. package/lib/Markdown/Markdown/core/Parser.d.ts +0 -16
  198. package/lib/Markdown/Markdown/core/Parser.js +0 -65
  199. package/lib/Markdown/Markdown/core/Renderer.d.ts +0 -24
  200. package/lib/Markdown/Markdown/core/Renderer.js +0 -137
  201. package/lib/Markdown/Markdown/core/index.d.ts +0 -3
  202. package/lib/Markdown/Markdown/core/index.js +0 -3
  203. package/lib/Markdown/Markdown/hooks/index.d.ts +0 -3
  204. package/lib/Markdown/Markdown/hooks/index.js +0 -3
  205. package/lib/Markdown/Markdown/hooks/useAnimation.d.ts +0 -4
  206. package/lib/Markdown/Markdown/hooks/useCitationsData.d.ts +0 -7
  207. package/lib/Markdown/Markdown/hooks/useStreaming.d.ts +0 -3
  208. package/lib/Markdown/Markdown/hooks/useStreaming.js +0 -521
  209. package/lib/Markdown/Markdown/hooks/useTyping.d.ts +0 -4
  210. package/lib/Markdown/Markdown/index.d.ts +0 -84
  211. package/lib/Markdown/Markdown/index.js +0 -161
  212. package/lib/Markdown/Markdown/interface.d.ts +0 -203
  213. package/lib/Markdown/Markdown/interface.js +0 -1
  214. package/lib/Markdown/Markdown/style.js +0 -32
  215. package/lib/Markdown/plugins/latex/index.d.ts +0 -9
  216. package/lib/Markdown/plugins/latex/index.js +0 -97
  217. package/lib/Markdown/plugins/type.d.ts +0 -60
  218. package/lib/Markdown/plugins/type.js +0 -1
  219. /package/components/Markdown/{Markdown/defaultComponents/DisabledImage.tsx → core/components/DisableImage.tsx} +0 -0
  220. /package/components/Markdown/{Markdown/defaultComponents → core/components}/Media.tsx +0 -0
  221. /package/components/Markdown/{plugins → core/plugins}/cursor/Dot.tsx +0 -0
  222. /package/lib/Markdown/{Markdown/defaultComponents → core/components}/CodeBlock.d.ts +0 -0
  223. /package/lib/Markdown/{Markdown/defaultComponents → core/components}/CodeBlock.js +0 -0
  224. /package/lib/Markdown/{Markdown/defaultComponents/DisabledImage.d.ts → core/components/DisableImage.d.ts} +0 -0
  225. /package/lib/Markdown/{Markdown/defaultComponents/DisabledImage.js → core/components/DisableImage.js} +0 -0
  226. /package/lib/Markdown/{Markdown/defaultComponents → core/components}/Media.d.ts +0 -0
  227. /package/lib/Markdown/{Markdown/defaultComponents → core/components}/Media.js +0 -0
  228. /package/lib/Markdown/{plugins → core/plugins}/citations/CitationComponent.d.ts +0 -0
  229. /package/lib/Markdown/{plugins → core/plugins}/cursor/Dot.d.ts +0 -0
  230. /package/lib/Markdown/{plugins → core/plugins}/cursor/Underline.d.ts +0 -0
  231. /package/lib/Markdown/{plugins → core/plugins}/cursor/index.d.ts +0 -0
  232. /package/lib/Markdown/{Markdown/style.d.ts → styles.d.ts} +0 -0
  233. /package/lib/{AGUI/components/chat/props.js → Markdown/types.js} +0 -0
@@ -1,242 +0,0 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
5
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
6
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
7
- import { useEffect, useRef } from "react";
8
- import { ResultMessage, TextMessage, Role } from "@copilotkit/runtime-client-gql";
9
- import { Bubble } from "../../..";
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- export var Messages = function Messages(_ref) {
12
- var messages = _ref.messages,
13
- inProgress = _ref.inProgress,
14
- children = _ref.children,
15
- RenderTextMessage = _ref.RenderTextMessage,
16
- RenderActionExecutionMessage = _ref.RenderActionExecutionMessage,
17
- RenderAgentStateMessage = _ref.RenderAgentStateMessage,
18
- RenderResultMessage = _ref.RenderResultMessage,
19
- RenderImageMessage = _ref.RenderImageMessage,
20
- AssistantMessage = _ref.AssistantMessage,
21
- UserMessage = _ref.UserMessage,
22
- onRegenerate = _ref.onRegenerate,
23
- onCopy = _ref.onCopy,
24
- onThumbsUp = _ref.onThumbsUp,
25
- onThumbsDown = _ref.onThumbsDown,
26
- markdownTagRenderers = _ref.markdownTagRenderers;
27
- var actionResults = {};
28
- var _loop = function _loop() {
29
- if (messages[i].isActionExecutionMessage()) {
30
- var id = messages[i].id;
31
- var resultMessage = messages.find(function (message) {
32
- return message.isResultMessage() && message.actionExecutionId === id;
33
- });
34
- if (resultMessage) {
35
- actionResults[id] = ResultMessage.decodeResult(resultMessage.result || "");
36
- }
37
- }
38
- };
39
- for (var i = 0; i < messages.length; i++) {
40
- _loop();
41
- }
42
- return /*#__PURE__*/_jsx(Bubble.List, {
43
- style: {
44
- height: 0,
45
- flex: 1
46
- },
47
- children: messages.map(function (message, index) {
48
- var isCurrentMessage = index === messages.length - 1;
49
- if (message.isTextMessage()) {
50
- return /*#__PURE__*/_jsx(RenderTextMessage, {
51
- message: message,
52
- inProgress: inProgress,
53
- index: index,
54
- isCurrentMessage: isCurrentMessage,
55
- AssistantMessage: AssistantMessage,
56
- UserMessage: UserMessage,
57
- onRegenerate: onRegenerate,
58
- onCopy: onCopy,
59
- onThumbsUp: onThumbsUp,
60
- onThumbsDown: onThumbsDown,
61
- markdownTagRenderers: markdownTagRenderers
62
- }, message.id);
63
- } else if (message.isActionExecutionMessage()) {
64
- return /*#__PURE__*/_jsx(RenderActionExecutionMessage, {
65
- message: message,
66
- inProgress: inProgress,
67
- index: index,
68
- isCurrentMessage: isCurrentMessage,
69
- actionResult: actionResults[message.id],
70
- AssistantMessage: AssistantMessage,
71
- UserMessage: UserMessage
72
- }, index);
73
- }
74
- return null;
75
- })
76
- });
77
-
78
- // return (
79
- // <div className="copilotKitMessages" ref={messagesContainerRef}>
80
- // <div className="copilotKitMessagesContainer">
81
- // {messages.map((message, index) => {
82
- // const isCurrentMessage = index === messages.length - 1;
83
-
84
- // if (message.isTextMessage()) {
85
- // return (
86
- // <RenderTextMessage
87
- // key={index}
88
- // message={message}
89
- // inProgress={inProgress}
90
- // index={index}
91
- // isCurrentMessage={isCurrentMessage}
92
- // AssistantMessage={AssistantMessage}
93
- // UserMessage={UserMessage}
94
- // onRegenerate={onRegenerate}
95
- // onCopy={onCopy}
96
- // onThumbsUp={onThumbsUp}
97
- // onThumbsDown={onThumbsDown}
98
- // markdownTagRenderers={markdownTagRenderers}
99
- // />
100
- // );
101
- // } else if (message.isActionExecutionMessage()) {
102
- // return (
103
- // <RenderActionExecutionMessage
104
- // key={index}
105
- // message={message}
106
- // inProgress={inProgress}
107
- // index={index}
108
- // isCurrentMessage={isCurrentMessage}
109
- // actionResult={actionResults[message.id]}
110
- // AssistantMessage={AssistantMessage}
111
- // UserMessage={UserMessage}
112
- // />
113
- // );
114
- // } else if (message.isAgentStateMessage()) {
115
- // return (
116
- // <RenderAgentStateMessage
117
- // key={index}
118
- // message={message}
119
- // inProgress={inProgress}
120
- // index={index}
121
- // isCurrentMessage={isCurrentMessage}
122
- // AssistantMessage={AssistantMessage}
123
- // UserMessage={UserMessage}
124
- // />
125
- // );
126
- // } else if (message.isResultMessage()) {
127
- // return (
128
- // <RenderResultMessage
129
- // key={index}
130
- // message={message}
131
- // inProgress={inProgress}
132
- // index={index}
133
- // isCurrentMessage={isCurrentMessage}
134
- // AssistantMessage={AssistantMessage}
135
- // UserMessage={UserMessage}
136
- // />
137
- // );
138
- // } else if (message.isImageMessage && message.isImageMessage()) {
139
- // return (
140
- // <RenderImageMessage
141
- // key={index}
142
- // message={message}
143
- // inProgress={inProgress}
144
- // index={index}
145
- // isCurrentMessage={isCurrentMessage}
146
- // AssistantMessage={AssistantMessage}
147
- // UserMessage={UserMessage}
148
- // onRegenerate={onRegenerate}
149
- // onCopy={onCopy}
150
- // onThumbsUp={onThumbsUp}
151
- // onThumbsDown={onThumbsDown}
152
- // />
153
- // );
154
- // }
155
- // })}
156
- // {interrupt}
157
- // </div>
158
-
159
- // </div>
160
- // );
161
- };
162
- function makeInitialMessages(initial) {
163
- var initialArray = [];
164
- if (initial) {
165
- if (Array.isArray(initial)) {
166
- initialArray.push.apply(initialArray, _toConsumableArray(initial));
167
- } else {
168
- initialArray.push(initial);
169
- }
170
- }
171
- return initialArray.map(function (message) {
172
- return new TextMessage({
173
- role: Role.Assistant,
174
- content: message
175
- });
176
- });
177
- }
178
- export function useScrollToBottom(messages) {
179
- var messagesEndRef = useRef(null);
180
- var messagesContainerRef = useRef(null);
181
- var isProgrammaticScrollRef = useRef(false);
182
- var isUserScrollUpRef = useRef(false);
183
- var scrollToBottom = function scrollToBottom() {
184
- if (messagesContainerRef.current && messagesEndRef.current) {
185
- isProgrammaticScrollRef.current = true;
186
- messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;
187
- }
188
- };
189
- var handleScroll = function handleScroll() {
190
- if (isProgrammaticScrollRef.current) {
191
- isProgrammaticScrollRef.current = false;
192
- return;
193
- }
194
- if (messagesContainerRef.current) {
195
- var _messagesContainerRef = messagesContainerRef.current,
196
- scrollTop = _messagesContainerRef.scrollTop,
197
- scrollHeight = _messagesContainerRef.scrollHeight,
198
- clientHeight = _messagesContainerRef.clientHeight;
199
- isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;
200
- }
201
- };
202
- useEffect(function () {
203
- var container = messagesContainerRef.current;
204
- if (container) {
205
- container.addEventListener("scroll", handleScroll);
206
- }
207
- return function () {
208
- if (container) {
209
- container.removeEventListener("scroll", handleScroll);
210
- }
211
- };
212
- }, []);
213
- useEffect(function () {
214
- var container = messagesContainerRef.current;
215
- if (!container) {
216
- return;
217
- }
218
- var mutationObserver = new MutationObserver(function () {
219
- if (!isUserScrollUpRef.current) {
220
- scrollToBottom();
221
- }
222
- });
223
- mutationObserver.observe(container, {
224
- childList: true,
225
- subtree: true,
226
- characterData: true
227
- });
228
- return function () {
229
- mutationObserver.disconnect();
230
- };
231
- }, []);
232
- useEffect(function () {
233
- isUserScrollUpRef.current = false;
234
- scrollToBottom();
235
- }, [messages.filter(function (m) {
236
- return m.isTextMessage() && m.role === Role.User;
237
- }).length]);
238
- return {
239
- messagesEndRef: messagesEndRef,
240
- messagesContainerRef: messagesContainerRef
241
- };
242
- }
@@ -1,43 +0,0 @@
1
- import React from "react";
2
- import { ButtonProps, HeaderProps, WindowProps } from "./props";
3
- import { CopilotChatProps } from "./Chat";
4
- export interface CopilotModalProps extends CopilotChatProps {
5
- /**
6
- * Whether the chat window should be open by default.
7
- * @default false
8
- */
9
- defaultOpen?: boolean;
10
- /**
11
- * If the chat window should close when the user clicks outside of it.
12
- * @default true
13
- */
14
- clickOutsideToClose?: boolean;
15
- /**
16
- * If the chat window should close when the user hits the Escape key.
17
- * @default true
18
- */
19
- hitEscapeToClose?: boolean;
20
- /**
21
- * The shortcut key to open the chat window.
22
- * Uses Command-[shortcut] on a Mac and Ctrl-[shortcut] on Windows.
23
- * @default '/'
24
- */
25
- shortcut?: string;
26
- /**
27
- * A callback that gets called when the chat window opens or closes.
28
- */
29
- onSetOpen?: (open: boolean) => void;
30
- /**
31
- * A custom Window component to use instead of the default.
32
- */
33
- Window?: React.ComponentType<WindowProps>;
34
- /**
35
- * A custom Button component to use instead of the default.
36
- */
37
- Button?: React.ComponentType<ButtonProps>;
38
- /**
39
- * A custom Header component to use instead of the default.
40
- */
41
- Header?: React.ComponentType<HeaderProps>;
42
- }
43
- export declare const CopilotModal: ({ instructions, defaultOpen, clickOutsideToClose, hitEscapeToClose, onSetOpen, onSubmitMessage, onStopGeneration, onReloadMessages, shortcut, icons, labels, makeSystemMessage, onInProgress, Window, Button, Header, Messages, Input, AssistantMessage, UserMessage, onThumbsUp, onThumbsDown, onCopy, onRegenerate, markdownTagRenderers, className, children, ...props }: CopilotModalProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,113 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["instructions", "defaultOpen", "clickOutsideToClose", "hitEscapeToClose", "onSetOpen", "onSubmitMessage", "onStopGeneration", "onReloadMessages", "shortcut", "icons", "labels", "makeSystemMessage", "onInProgress", "Window", "Button", "Header", "Messages", "Input", "AssistantMessage", "UserMessage", "onThumbsUp", "onThumbsDown", "onCopy", "onRegenerate", "markdownTagRenderers", "className", "children"];
3
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
12
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
15
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
16
- import React, { useMemo } from "react";
17
- import { ChatContextProvider } from "./ChatContext";
18
- import { Window as DefaultWindow } from "./Window";
19
- import { Button as DefaultButton } from "./Button";
20
- import { Header as DefaultHeader } from "./Header";
21
- import { Messages as DefaultMessages } from "./Messages";
22
- import { Input as DefaultInput } from "./Input";
23
- import { CopilotChat } from "./Chat";
24
- import { AssistantMessage as DefaultAssistantMessage } from "./messages/AssistantMessage";
25
- import { UserMessage as DefaultUserMessage } from "./messages/UserMessage";
26
- import { jsx as _jsx } from "react/jsx-runtime";
27
- import { jsxs as _jsxs } from "react/jsx-runtime";
28
- export var CopilotModal = function CopilotModal(_ref) {
29
- var instructions = _ref.instructions,
30
- _ref$defaultOpen = _ref.defaultOpen,
31
- defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
32
- _ref$clickOutsideToCl = _ref.clickOutsideToClose,
33
- clickOutsideToClose = _ref$clickOutsideToCl === void 0 ? true : _ref$clickOutsideToCl,
34
- _ref$hitEscapeToClose = _ref.hitEscapeToClose,
35
- hitEscapeToClose = _ref$hitEscapeToClose === void 0 ? true : _ref$hitEscapeToClose,
36
- onSetOpen = _ref.onSetOpen,
37
- onSubmitMessage = _ref.onSubmitMessage,
38
- onStopGeneration = _ref.onStopGeneration,
39
- onReloadMessages = _ref.onReloadMessages,
40
- _ref$shortcut = _ref.shortcut,
41
- shortcut = _ref$shortcut === void 0 ? "/" : _ref$shortcut,
42
- icons = _ref.icons,
43
- labels = _ref.labels,
44
- makeSystemMessage = _ref.makeSystemMessage,
45
- onInProgress = _ref.onInProgress,
46
- _ref$Window = _ref.Window,
47
- Window = _ref$Window === void 0 ? DefaultWindow : _ref$Window,
48
- _ref$Button = _ref.Button,
49
- Button = _ref$Button === void 0 ? DefaultButton : _ref$Button,
50
- _ref$Header = _ref.Header,
51
- Header = _ref$Header === void 0 ? DefaultHeader : _ref$Header,
52
- _ref$Messages = _ref.Messages,
53
- Messages = _ref$Messages === void 0 ? DefaultMessages : _ref$Messages,
54
- _ref$Input = _ref.Input,
55
- Input = _ref$Input === void 0 ? DefaultInput : _ref$Input,
56
- _ref$AssistantMessage = _ref.AssistantMessage,
57
- AssistantMessage = _ref$AssistantMessage === void 0 ? DefaultAssistantMessage : _ref$AssistantMessage,
58
- _ref$UserMessage = _ref.UserMessage,
59
- UserMessage = _ref$UserMessage === void 0 ? DefaultUserMessage : _ref$UserMessage,
60
- onThumbsUp = _ref.onThumbsUp,
61
- onThumbsDown = _ref.onThumbsDown,
62
- onCopy = _ref.onCopy,
63
- onRegenerate = _ref.onRegenerate,
64
- markdownTagRenderers = _ref.markdownTagRenderers,
65
- className = _ref.className,
66
- children = _ref.children,
67
- props = _objectWithoutProperties(_ref, _excluded);
68
- var _React$useState = React.useState(defaultOpen),
69
- _React$useState2 = _slicedToArray(_React$useState, 2),
70
- openState = _React$useState2[0],
71
- setOpenState = _React$useState2[1];
72
- var setOpen = function setOpen(open) {
73
- onSetOpen === null || onSetOpen === void 0 || onSetOpen(open);
74
- setOpenState(open);
75
- };
76
- var memoizedHeader = useMemo(function () {
77
- return /*#__PURE__*/_jsx(Header, {});
78
- }, [Header]);
79
- var memoizedChildren = useMemo(function () {
80
- return children;
81
- }, [children]);
82
- return /*#__PURE__*/_jsxs(ChatContextProvider, {
83
- icons: icons,
84
- labels: labels,
85
- open: openState,
86
- setOpen: setOpen,
87
- children: [memoizedChildren, /*#__PURE__*/_jsxs("div", {
88
- className: className,
89
- children: [/*#__PURE__*/_jsx(Button, {}), /*#__PURE__*/_jsxs(Window, {
90
- clickOutsideToClose: clickOutsideToClose,
91
- shortcut: shortcut,
92
- hitEscapeToClose: hitEscapeToClose,
93
- children: [memoizedHeader, /*#__PURE__*/_jsx(CopilotChat, _objectSpread(_objectSpread({}, props), {}, {
94
- instructions: instructions,
95
- onSubmitMessage: onSubmitMessage,
96
- onStopGeneration: onStopGeneration,
97
- onReloadMessages: onReloadMessages,
98
- makeSystemMessage: makeSystemMessage,
99
- onInProgress: onInProgress,
100
- Messages: Messages,
101
- Input: Input,
102
- AssistantMessage: AssistantMessage,
103
- UserMessage: UserMessage,
104
- onThumbsUp: onThumbsUp,
105
- onThumbsDown: onThumbsDown,
106
- onCopy: onCopy,
107
- onRegenerate: onRegenerate,
108
- markdownTagRenderers: markdownTagRenderers
109
- }))]
110
- })]
111
- })]
112
- });
113
- };
@@ -1,49 +0,0 @@
1
- /**
2
- * <br/>
3
- * <img src="/images/CopilotPopup.gif" width="500" />
4
- *
5
- * A chatbot popup component for the CopilotKit framework. The component allows for a high degree
6
- * of customization through various props and custom CSS.
7
- *
8
- * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.
9
- *
10
- * ## Install Dependencies
11
- *
12
- * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
13
- *
14
- * ```shell npm2yarn \"@copilotkit/react-ui"\
15
- * npm install @copilotkit/react-core @copilotkit/react-ui
16
- * ```
17
- * ## Usage
18
- *
19
- * ```tsx
20
- * import { CopilotPopup } from "@copilotkit/react-ui";
21
- * import "@copilotkit/react-ui/styles.css";
22
- *
23
- * <CopilotPopup
24
- * labels={{
25
- * title: "Your Assistant",
26
- * initial: "Hi! 👋 How can I assist you today?",
27
- * }}
28
- * />
29
- * ```
30
- *
31
- * ### Look & Feel
32
- *
33
- * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
34
- * ```tsx title="YourRootComponent.tsx"
35
- * ...
36
- * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
37
- *
38
- * export function YourRootComponent() {
39
- * return (
40
- * <CopilotKit>
41
- * ...
42
- * </CopilotKit>
43
- * );
44
- * }
45
- * ```
46
- * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.
47
- */
48
- import { CopilotModalProps } from "./Modal";
49
- export declare function CopilotPopup(props: CopilotModalProps): import("react/jsx-runtime").JSX.Element;
@@ -1,64 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- /**
8
- * <br/>
9
- * <img src="/images/CopilotPopup.gif" width="500" />
10
- *
11
- * A chatbot popup component for the CopilotKit framework. The component allows for a high degree
12
- * of customization through various props and custom CSS.
13
- *
14
- * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.
15
- *
16
- * ## Install Dependencies
17
- *
18
- * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
19
- *
20
- * ```shell npm2yarn \"@copilotkit/react-ui"\
21
- * npm install @copilotkit/react-core @copilotkit/react-ui
22
- * ```
23
- * ## Usage
24
- *
25
- * ```tsx
26
- * import { CopilotPopup } from "@copilotkit/react-ui";
27
- * import "@copilotkit/react-ui/styles.css";
28
- *
29
- * <CopilotPopup
30
- * labels={{
31
- * title: "Your Assistant",
32
- * initial: "Hi! 👋 How can I assist you today?",
33
- * }}
34
- * />
35
- * ```
36
- *
37
- * ### Look & Feel
38
- *
39
- * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
40
- * ```tsx title="YourRootComponent.tsx"
41
- * ...
42
- * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
43
- *
44
- * export function YourRootComponent() {
45
- * return (
46
- * <CopilotKit>
47
- * ...
48
- * </CopilotKit>
49
- * );
50
- * }
51
- * ```
52
- * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.
53
- */
54
-
55
- import { CopilotModal } from "./Modal";
56
- import { jsx as _jsx } from "react/jsx-runtime";
57
- export function CopilotPopup(props) {
58
- props = _objectSpread(_objectSpread({}, props), {}, {
59
- className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
60
- });
61
- return /*#__PURE__*/_jsx(CopilotModal, _objectSpread(_objectSpread({}, props), {}, {
62
- children: props.children
63
- }));
64
- }
@@ -1,3 +0,0 @@
1
- export declare function PoweredByTag({ showPoweredBy }: {
2
- showPoweredBy?: boolean;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,27 +0,0 @@
1
- import React from "react";
2
- import { useDarkMode } from "../../hooks/use-dark-mode";
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
- export function PoweredByTag(_ref) {
5
- var _ref$showPoweredBy = _ref.showPoweredBy,
6
- showPoweredBy = _ref$showPoweredBy === void 0 ? true : _ref$showPoweredBy;
7
- var isDark = useDarkMode();
8
- if (!showPoweredBy) {
9
- return null;
10
- }
11
- var poweredByStyle = {
12
- visibility: "visible",
13
- display: "block",
14
- position: "static",
15
- textAlign: "center",
16
- fontSize: "12px",
17
- padding: "3px 0",
18
- color: isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)"
19
- };
20
- return /*#__PURE__*/_jsx("div", {
21
- children: /*#__PURE__*/_jsx("p", {
22
- className: "poweredBy",
23
- style: poweredByStyle,
24
- children: "Powered by CopilotKit"
25
- })
26
- });
27
- }
@@ -1,2 +0,0 @@
1
- import { CopilotModalProps } from "./Modal";
2
- export declare function CopilotSidebar(props: CopilotModalProps): import("react/jsx-runtime").JSX.Element;
@@ -1,85 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
5
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
6
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
7
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
12
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
13
- /**
14
- * <br/>
15
- * <img src="/images/CopilotSidebar.gif" width="500" />
16
- *
17
- * A chatbot sidebar component for the CopilotKit framework. Highly customizable through various props and custom CSS.
18
- *
19
- * See [CopilotPopup](/reference/components/chat/CopilotPopup) for a popup version of this component.
20
- *
21
- * ## Install Dependencies
22
- *
23
- * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
24
- *
25
- * ```shell npm2yarn \"@copilotkit/react-ui"\
26
- * npm install @copilotkit/react-core @copilotkit/react-ui
27
- * ```
28
- *
29
- * ## Usage
30
- *
31
- * ```tsx
32
- * import { CopilotSidebar } from "@copilotkit/react-ui";
33
- * import "@copilotkit/react-ui/styles.css";
34
- *
35
- * <CopilotSidebar
36
- * labels={{
37
- * title: "Your Assistant",
38
- * initial: "Hi! 👋 How can I assist you today?",
39
- * }}
40
- * >
41
- * <YourApp/>
42
- * </CopilotSidebar>
43
- * ```
44
- *
45
- * ### Look & Feel
46
- *
47
- * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
48
- * ```tsx title="YourRootComponent.tsx"
49
- * ...
50
- * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
51
- *
52
- * export function YourRootComponent() {
53
- * return (
54
- * <CopilotKit>
55
- * ...
56
- * </CopilotKit>
57
- * );
58
- * }
59
- * ```
60
- * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.
61
- */
62
- import React, { useState } from "react";
63
- import { CopilotModal } from "./Modal";
64
- import { jsx as _jsx } from "react/jsx-runtime";
65
- export function CopilotSidebar(props) {
66
- props = _objectSpread(_objectSpread({}, props), {}, {
67
- className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
68
- });
69
- var _useState = useState(props.defaultOpen ? "sidebarExpanded" : ""),
70
- _useState2 = _slicedToArray(_useState, 2),
71
- expandedClassName = _useState2[0],
72
- setExpandedClassName = _useState2[1];
73
- var onSetOpen = function onSetOpen(open) {
74
- var _props$onSetOpen, _props;
75
- (_props$onSetOpen = (_props = props).onSetOpen) === null || _props$onSetOpen === void 0 || _props$onSetOpen.call(_props, open);
76
- setExpandedClassName(open ? "sidebarExpanded" : "");
77
- };
78
- return /*#__PURE__*/_jsx("div", {
79
- className: "copilotKitSidebarContentWrapper ".concat(expandedClassName),
80
- children: /*#__PURE__*/_jsx(CopilotModal, _objectSpread(_objectSpread({}, props), {}, {
81
- onSetOpen: onSetOpen,
82
- children: props.children
83
- }))
84
- });
85
- }
@@ -1,16 +0,0 @@
1
- import { CopilotContextParams, CopilotChatSuggestionConfiguration, CopilotMessagesContextParams } from "@copilotkit/react-core";
2
- interface SuggestionsProps {
3
- title: string;
4
- message: string;
5
- partial?: boolean;
6
- className?: string;
7
- onClick: () => void;
8
- }
9
- export declare function Suggestion({ title, onClick, partial, className }: SuggestionsProps): import("react/jsx-runtime").JSX.Element;
10
- export declare const reloadSuggestions: (context: CopilotContextParams & CopilotMessagesContextParams, chatSuggestionConfiguration: {
11
- [key: string]: CopilotChatSuggestionConfiguration;
12
- }, setCurrentSuggestions: (suggestions: {
13
- title: string;
14
- message: string;
15
- }[]) => void, abortControllerRef: React.MutableRefObject<AbortController | null>) => Promise<void>;
16
- export {};