@copilotkit/react-ui 1.9.3 → 1.10.0-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 (198) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/{chunk-GVKA7RQQ.mjs → chunk-7CAK2CNK.mjs} +2 -2
  3. package/dist/{chunk-KN2GCKBE.mjs → chunk-7RNOT3GM.mjs} +9 -9
  4. package/dist/{chunk-KENCH7RN.mjs → chunk-B5IFB5YJ.mjs} +1 -1
  5. package/dist/chunk-B5IFB5YJ.mjs.map +1 -0
  6. package/dist/chunk-DBKRAOH7.mjs +34 -0
  7. package/dist/chunk-DBKRAOH7.mjs.map +1 -0
  8. package/dist/{chunk-4HUXYD3B.mjs → chunk-DTRPPNSA.mjs} +2 -2
  9. package/dist/{chunk-YTXEWDNC.mjs → chunk-E6MQUIZW.mjs} +15 -4
  10. package/dist/chunk-E6MQUIZW.mjs.map +1 -0
  11. package/dist/{chunk-Z4XPPVZT.mjs → chunk-EYRKZDP5.mjs} +1 -1
  12. package/dist/chunk-EYRKZDP5.mjs.map +1 -0
  13. package/dist/{chunk-SGFUVPDB.mjs → chunk-FOSKS7AI.mjs} +4 -4
  14. package/dist/{chunk-L3GZ7TXC.mjs → chunk-GCKKSSBU.mjs} +21 -24
  15. package/dist/chunk-GCKKSSBU.mjs.map +1 -0
  16. package/dist/{chunk-S5MBUNGN.mjs → chunk-O72ZB5V3.mjs} +4 -4
  17. package/dist/chunk-O72ZB5V3.mjs.map +1 -0
  18. package/dist/{chunk-QGSPTXOV.mjs → chunk-O7KTFUAN.mjs} +2 -2
  19. package/dist/chunk-O7KTFUAN.mjs.map +1 -0
  20. package/dist/{chunk-HKTWKCPS.mjs → chunk-O7PYQO73.mjs} +127 -92
  21. package/dist/chunk-O7PYQO73.mjs.map +1 -0
  22. package/dist/{chunk-32MUWKL3.mjs → chunk-OQM7D3Z3.mjs} +22 -18
  23. package/dist/chunk-OQM7D3Z3.mjs.map +1 -0
  24. package/dist/chunk-Q2467VHZ.mjs +30 -0
  25. package/dist/chunk-Q2467VHZ.mjs.map +1 -0
  26. package/dist/{chunk-ALIBUJML.mjs → chunk-QELAC6XJ.mjs} +2 -2
  27. package/dist/chunk-QELAC6XJ.mjs.map +1 -0
  28. package/dist/{chunk-H3EM63WS.mjs → chunk-TCIZDWPC.mjs} +2 -2
  29. package/dist/chunk-TCIZDWPC.mjs.map +1 -0
  30. package/dist/chunk-VVL6JFCJ.mjs +16 -0
  31. package/dist/chunk-VVL6JFCJ.mjs.map +1 -0
  32. package/dist/chunk-WHDNKXMP.mjs +135 -0
  33. package/dist/chunk-WHDNKXMP.mjs.map +1 -0
  34. package/dist/components/chat/Button.d.ts +1 -1
  35. package/dist/components/chat/Chat.d.ts +119 -28
  36. package/dist/components/chat/Chat.js +298 -658
  37. package/dist/components/chat/Chat.js.map +1 -1
  38. package/dist/components/chat/Chat.mjs +12 -15
  39. package/dist/components/chat/CodeBlock.js.map +1 -1
  40. package/dist/components/chat/CodeBlock.mjs +1 -1
  41. package/dist/components/chat/Header.d.ts +1 -1
  42. package/dist/components/chat/Header.mjs +4 -4
  43. package/dist/components/chat/Input.d.ts +1 -1
  44. package/dist/components/chat/Input.js +3 -3
  45. package/dist/components/chat/Input.js.map +1 -1
  46. package/dist/components/chat/Input.mjs +2 -2
  47. package/dist/components/chat/Markdown.js +13 -2
  48. package/dist/components/chat/Markdown.js.map +1 -1
  49. package/dist/components/chat/Markdown.mjs +2 -2
  50. package/dist/components/chat/Messages.d.ts +3 -3
  51. package/dist/components/chat/Messages.js +40 -116
  52. package/dist/components/chat/Messages.js.map +1 -1
  53. package/dist/components/chat/Messages.mjs +1 -1
  54. package/dist/components/chat/Modal.d.ts +7 -2
  55. package/dist/components/chat/Modal.js +308 -668
  56. package/dist/components/chat/Modal.js.map +1 -1
  57. package/dist/components/chat/Modal.mjs +17 -20
  58. package/dist/components/chat/Popup.d.ts +7 -2
  59. package/dist/components/chat/Popup.js +310 -670
  60. package/dist/components/chat/Popup.js.map +1 -1
  61. package/dist/components/chat/Popup.mjs +18 -21
  62. package/dist/components/chat/Sidebar.d.ts +7 -2
  63. package/dist/components/chat/Sidebar.js +312 -672
  64. package/dist/components/chat/Sidebar.js.map +1 -1
  65. package/dist/components/chat/Sidebar.mjs +18 -21
  66. package/dist/components/chat/Suggestion.d.ts +2 -9
  67. package/dist/components/chat/Suggestion.js +6 -96
  68. package/dist/components/chat/Suggestion.js.map +1 -1
  69. package/dist/components/chat/Suggestion.mjs +3 -5
  70. package/dist/components/chat/Suggestions.d.ts +1 -1
  71. package/dist/components/chat/Suggestions.js +4 -3
  72. package/dist/components/chat/Suggestions.js.map +1 -1
  73. package/dist/components/chat/Suggestions.mjs +2 -2
  74. package/dist/components/chat/Window.d.ts +1 -1
  75. package/dist/components/chat/index.d.ts +8 -3
  76. package/dist/components/chat/index.js +316 -676
  77. package/dist/components/chat/index.js.map +1 -1
  78. package/dist/components/chat/index.mjs +22 -25
  79. package/dist/components/chat/messages/AssistantMessage.d.ts +1 -1
  80. package/dist/components/chat/messages/AssistantMessage.js +32 -24
  81. package/dist/components/chat/messages/AssistantMessage.js.map +1 -1
  82. package/dist/components/chat/messages/AssistantMessage.mjs +3 -3
  83. package/dist/components/chat/messages/ImageRenderer.d.ts +12 -0
  84. package/dist/components/chat/messages/ImageRenderer.js +58 -0
  85. package/dist/components/chat/messages/ImageRenderer.js.map +1 -0
  86. package/dist/components/chat/messages/ImageRenderer.mjs +8 -0
  87. package/dist/components/chat/messages/RenderMessage.d.ts +9 -0
  88. package/dist/components/chat/messages/{RenderTextMessage.js → RenderMessage.js} +92 -47
  89. package/dist/components/chat/messages/RenderMessage.js.map +1 -0
  90. package/dist/components/chat/messages/RenderMessage.mjs +16 -0
  91. package/dist/components/chat/messages/UserMessage.d.ts +1 -1
  92. package/dist/components/chat/messages/UserMessage.js +7 -1
  93. package/dist/components/chat/messages/UserMessage.js.map +1 -1
  94. package/dist/components/chat/messages/UserMessage.mjs +1 -1
  95. package/dist/components/chat/props.d.ts +32 -27
  96. package/dist/components/chat/props.js.map +1 -1
  97. package/dist/components/dev-console/console.mjs +3 -3
  98. package/dist/components/dev-console/index.mjs +4 -4
  99. package/dist/components/index.d.ts +8 -3
  100. package/dist/components/index.js +316 -676
  101. package/dist/components/index.js.map +1 -1
  102. package/dist/components/index.mjs +23 -26
  103. package/dist/hooks/index.js.map +1 -1
  104. package/dist/hooks/index.mjs +1 -1
  105. package/dist/hooks/use-copilot-chat-suggestions.d.ts +1 -1
  106. package/dist/hooks/use-copilot-chat-suggestions.js.map +1 -1
  107. package/dist/hooks/use-copilot-chat-suggestions.mjs +1 -1
  108. package/dist/hooks/use-push-to-talk.d.ts +1 -1
  109. package/dist/hooks/use-push-to-talk.js +3 -3
  110. package/dist/hooks/use-push-to-talk.js.map +1 -1
  111. package/dist/hooks/use-push-to-talk.mjs +1 -1
  112. package/dist/index.css +59 -3
  113. package/dist/index.css.map +1 -1
  114. package/dist/index.d.ts +8 -3
  115. package/dist/index.js +322 -682
  116. package/dist/index.js.map +1 -1
  117. package/dist/index.mjs +24 -27
  118. package/dist/types/css.d.ts +3 -0
  119. package/dist/types/css.js.map +1 -1
  120. package/package.json +4 -4
  121. package/src/components/chat/Chat.tsx +194 -106
  122. package/src/components/chat/CodeBlock.tsx +1 -1
  123. package/src/components/chat/Markdown.tsx +12 -2
  124. package/src/components/chat/Messages.tsx +43 -122
  125. package/src/components/chat/Popup.tsx +1 -1
  126. package/src/components/chat/Sidebar.tsx +1 -1
  127. package/src/components/chat/Suggestion.tsx +5 -108
  128. package/src/components/chat/Suggestions.tsx +0 -1
  129. package/src/components/chat/index.tsx +1 -1
  130. package/src/components/chat/messages/AssistantMessage.tsx +15 -23
  131. package/src/components/chat/messages/ImageRenderer.tsx +37 -0
  132. package/src/components/chat/messages/{RenderTextMessage.tsx → RenderMessage.tsx} +10 -9
  133. package/src/components/chat/messages/UserMessage.tsx +16 -5
  134. package/src/components/chat/props.ts +36 -28
  135. package/src/css/colors.css +10 -0
  136. package/src/css/markdown.css +8 -0
  137. package/src/css/messages.css +54 -5
  138. package/src/css/suggestions.css +1 -1
  139. package/src/hooks/use-copilot-chat-suggestions.tsx +1 -1
  140. package/src/hooks/use-push-to-talk.tsx +6 -5
  141. package/src/styles.css +1 -1
  142. package/src/types/css.ts +3 -0
  143. package/dist/chunk-2II3Q27P.mjs +0 -112
  144. package/dist/chunk-2II3Q27P.mjs.map +0 -1
  145. package/dist/chunk-32MUWKL3.mjs.map +0 -1
  146. package/dist/chunk-53CVDVS5.mjs +0 -127
  147. package/dist/chunk-53CVDVS5.mjs.map +0 -1
  148. package/dist/chunk-ALIBUJML.mjs.map +0 -1
  149. package/dist/chunk-B3D7U7TJ.mjs +0 -211
  150. package/dist/chunk-B3D7U7TJ.mjs.map +0 -1
  151. package/dist/chunk-C7OB63U5.mjs +0 -36
  152. package/dist/chunk-C7OB63U5.mjs.map +0 -1
  153. package/dist/chunk-H3EM63WS.mjs.map +0 -1
  154. package/dist/chunk-HKTWKCPS.mjs.map +0 -1
  155. package/dist/chunk-HWMFMBJC.mjs +0 -10
  156. package/dist/chunk-HWMFMBJC.mjs.map +0 -1
  157. package/dist/chunk-IMBPSLL4.mjs +0 -104
  158. package/dist/chunk-IMBPSLL4.mjs.map +0 -1
  159. package/dist/chunk-KENCH7RN.mjs.map +0 -1
  160. package/dist/chunk-L3GZ7TXC.mjs.map +0 -1
  161. package/dist/chunk-QGSPTXOV.mjs.map +0 -1
  162. package/dist/chunk-S5MBUNGN.mjs.map +0 -1
  163. package/dist/chunk-ULDQXCED.mjs +0 -78
  164. package/dist/chunk-ULDQXCED.mjs.map +0 -1
  165. package/dist/chunk-YTXEWDNC.mjs.map +0 -1
  166. package/dist/chunk-Z4XPPVZT.mjs.map +0 -1
  167. package/dist/components/chat/messages/RenderActionExecutionMessage.d.ts +0 -9
  168. package/dist/components/chat/messages/RenderActionExecutionMessage.js +0 -869
  169. package/dist/components/chat/messages/RenderActionExecutionMessage.js.map +0 -1
  170. package/dist/components/chat/messages/RenderActionExecutionMessage.mjs +0 -14
  171. package/dist/components/chat/messages/RenderAgentStateMessage.d.ts +0 -9
  172. package/dist/components/chat/messages/RenderAgentStateMessage.js +0 -854
  173. package/dist/components/chat/messages/RenderAgentStateMessage.js.map +0 -1
  174. package/dist/components/chat/messages/RenderAgentStateMessage.mjs +0 -14
  175. package/dist/components/chat/messages/RenderImageMessage.d.ts +0 -9
  176. package/dist/components/chat/messages/RenderImageMessage.js +0 -823
  177. package/dist/components/chat/messages/RenderImageMessage.js.map +0 -1
  178. package/dist/components/chat/messages/RenderImageMessage.mjs +0 -15
  179. package/dist/components/chat/messages/RenderImageMessage.mjs.map +0 -1
  180. package/dist/components/chat/messages/RenderResultMessage.d.ts +0 -9
  181. package/dist/components/chat/messages/RenderResultMessage.js +0 -778
  182. package/dist/components/chat/messages/RenderResultMessage.js.map +0 -1
  183. package/dist/components/chat/messages/RenderResultMessage.mjs +0 -14
  184. package/dist/components/chat/messages/RenderResultMessage.mjs.map +0 -1
  185. package/dist/components/chat/messages/RenderTextMessage.d.ts +0 -9
  186. package/dist/components/chat/messages/RenderTextMessage.js.map +0 -1
  187. package/dist/components/chat/messages/RenderTextMessage.mjs +0 -15
  188. package/dist/components/chat/messages/RenderTextMessage.mjs.map +0 -1
  189. package/src/components/chat/messages/RenderActionExecutionMessage.tsx +0 -127
  190. package/src/components/chat/messages/RenderAgentStateMessage.tsx +0 -116
  191. package/src/components/chat/messages/RenderImageMessage.tsx +0 -64
  192. package/src/components/chat/messages/RenderResultMessage.tsx +0 -26
  193. /package/dist/{chunk-GVKA7RQQ.mjs.map → chunk-7CAK2CNK.mjs.map} +0 -0
  194. /package/dist/{chunk-KN2GCKBE.mjs.map → chunk-7RNOT3GM.mjs.map} +0 -0
  195. /package/dist/{chunk-4HUXYD3B.mjs.map → chunk-DTRPPNSA.mjs.map} +0 -0
  196. /package/dist/{chunk-SGFUVPDB.mjs.map → chunk-FOSKS7AI.mjs.map} +0 -0
  197. /package/dist/components/chat/messages/{RenderActionExecutionMessage.mjs.map → ImageRenderer.mjs.map} +0 -0
  198. /package/dist/components/chat/messages/{RenderAgentStateMessage.mjs.map → RenderMessage.mjs.map} +0 -0
@@ -1,778 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
- var __getProtoOf = Object.getPrototypeOf;
10
- var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
25
- var __objRest = (source, exclude) => {
26
- var target = {};
27
- for (var prop in source)
28
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
- target[prop] = source[prop];
30
- if (source != null && __getOwnPropSymbols)
31
- for (var prop of __getOwnPropSymbols(source)) {
32
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
- target[prop] = source[prop];
34
- }
35
- return target;
36
- };
37
- var __export = (target, all) => {
38
- for (var name in all)
39
- __defProp(target, name, { get: all[name], enumerable: true });
40
- };
41
- var __copyProps = (to, from, except, desc) => {
42
- if (from && typeof from === "object" || typeof from === "function") {
43
- for (let key of __getOwnPropNames(from))
44
- if (!__hasOwnProp.call(to, key) && key !== except)
45
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
46
- }
47
- return to;
48
- };
49
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
50
- // If the importer is in node compatibility mode or this is not an ESM
51
- // file that has been converted to a CommonJS file using a Babel-
52
- // compatible transform (i.e. "__esModule" has not been set), then set
53
- // "default" to the CommonJS "module.exports" for node compatibility.
54
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
55
- mod
56
- ));
57
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
58
-
59
- // src/components/chat/messages/RenderResultMessage.tsx
60
- var RenderResultMessage_exports = {};
61
- __export(RenderResultMessage_exports, {
62
- RenderResultMessage: () => RenderResultMessage
63
- });
64
- module.exports = __toCommonJS(RenderResultMessage_exports);
65
-
66
- // src/components/chat/ChatContext.tsx
67
- var import_react = __toESM(require("react"));
68
-
69
- // src/components/chat/Icons.tsx
70
- var import_jsx_runtime = require("react/jsx-runtime");
71
- var CopyIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
- "svg",
73
- {
74
- xmlns: "http://www.w3.org/2000/svg",
75
- fill: "none",
76
- viewBox: "0 0 24 24",
77
- strokeWidth: "2",
78
- stroke: "currentColor",
79
- width: "16",
80
- height: "16",
81
- style: { minWidth: "16px", minHeight: "16px" },
82
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
83
- "path",
84
- {
85
- strokeLinecap: "round",
86
- strokeLinejoin: "round",
87
- d: "M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75"
88
- }
89
- )
90
- }
91
- );
92
- var DownloadIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
93
- "svg",
94
- {
95
- xmlns: "http://www.w3.org/2000/svg",
96
- fill: "none",
97
- viewBox: "0 0 24 24",
98
- strokeWidth: "2",
99
- stroke: "currentColor",
100
- width: "16",
101
- height: "16",
102
- style: { minWidth: "16px", minHeight: "16px" },
103
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
104
- "path",
105
- {
106
- strokeLinecap: "round",
107
- strokeLinejoin: "round",
108
- d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"
109
- }
110
- )
111
- }
112
- );
113
- var CheckIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
114
- "svg",
115
- {
116
- xmlns: "http://www.w3.org/2000/svg",
117
- fill: "none",
118
- viewBox: "0 0 24 24",
119
- strokeWidth: "2",
120
- stroke: "currentColor",
121
- width: "16",
122
- height: "16",
123
- style: { minWidth: "16px", minHeight: "16px" },
124
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" })
125
- }
126
- );
127
-
128
- // src/components/chat/ChatContext.tsx
129
- var import_jsx_runtime2 = require("react/jsx-runtime");
130
- var ChatContext = import_react.default.createContext(void 0);
131
- function useChatContext() {
132
- const context = import_react.default.useContext(ChatContext);
133
- if (context === void 0) {
134
- throw new Error(
135
- "Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?"
136
- );
137
- }
138
- return context;
139
- }
140
-
141
- // src/components/chat/Markdown.tsx
142
- var import_react3 = require("react");
143
- var import_react_markdown = __toESM(require("react-markdown"));
144
-
145
- // src/components/chat/CodeBlock.tsx
146
- var import_react2 = require("react");
147
- var import_react_syntax_highlighter = require("react-syntax-highlighter");
148
-
149
- // src/hooks/use-copy-to-clipboard.tsx
150
- var React2 = __toESM(require("react"));
151
- function useCopyToClipboard({ timeout = 2e3 }) {
152
- const [isCopied, setIsCopied] = React2.useState(false);
153
- const copyToClipboard = (value) => {
154
- var _a;
155
- if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
156
- return;
157
- }
158
- if (!value) {
159
- return;
160
- }
161
- navigator.clipboard.writeText(value).then(() => {
162
- setIsCopied(true);
163
- setTimeout(() => {
164
- setIsCopied(false);
165
- }, timeout);
166
- });
167
- };
168
- return { isCopied, copyToClipboard };
169
- }
170
-
171
- // src/components/chat/CodeBlock.tsx
172
- var import_jsx_runtime3 = require("react/jsx-runtime");
173
- var programmingLanguages = {
174
- javascript: ".js",
175
- python: ".py",
176
- java: ".java",
177
- c: ".c",
178
- cpp: ".cpp",
179
- "c++": ".cpp",
180
- "c#": ".cs",
181
- ruby: ".rb",
182
- php: ".php",
183
- swift: ".swift",
184
- "objective-c": ".m",
185
- kotlin: ".kt",
186
- typescript: ".ts",
187
- go: ".go",
188
- perl: ".pl",
189
- rust: ".rs",
190
- scala: ".scala",
191
- haskell: ".hs",
192
- lua: ".lua",
193
- shell: ".sh",
194
- sql: ".sql",
195
- html: ".html",
196
- css: ".css"
197
- // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
198
- };
199
- var generateRandomString = (length, lowercase = false) => {
200
- const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789";
201
- let result = "";
202
- for (let i = 0; i < length; i++) {
203
- result += chars.charAt(Math.floor(Math.random() * chars.length));
204
- }
205
- return lowercase ? result.toLowerCase() : result;
206
- };
207
- var CodeBlock = (0, import_react2.memo)(({ language, value }) => {
208
- const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2e3 });
209
- const downloadAsFile = () => {
210
- if (typeof window === "undefined") {
211
- return;
212
- }
213
- const fileExtension = programmingLanguages[language] || ".file";
214
- const suggestedFileName = `file-${generateRandomString(3, true)}${fileExtension}`;
215
- const fileName = window.prompt("Enter file name", suggestedFileName);
216
- if (!fileName) {
217
- return;
218
- }
219
- const blob = new Blob([value], { type: "text/plain" });
220
- const url = URL.createObjectURL(blob);
221
- const link = document.createElement("a");
222
- link.download = fileName;
223
- link.href = url;
224
- link.style.display = "none";
225
- document.body.appendChild(link);
226
- link.click();
227
- document.body.removeChild(link);
228
- URL.revokeObjectURL(url);
229
- };
230
- const onCopy = () => {
231
- if (isCopied)
232
- return;
233
- copyToClipboard(value);
234
- };
235
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitCodeBlock", children: [
236
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitCodeBlockToolbar", children: [
237
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "copilotKitCodeBlockToolbarLanguage", children: language }),
238
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "copilotKitCodeBlockToolbarButtons", children: [
239
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: downloadAsFile, children: DownloadIcon }),
240
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "copilotKitCodeBlockToolbarButton", onClick: onCopy, children: isCopied ? CheckIcon : CopyIcon })
241
- ] })
242
- ] }),
243
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
244
- import_react_syntax_highlighter.Prism,
245
- {
246
- language,
247
- style: highlightStyle,
248
- PreTag: "div",
249
- customStyle: {
250
- margin: 0,
251
- borderBottomLeftRadius: "0.375rem",
252
- borderBottomRightRadius: "0.375rem"
253
- },
254
- children: value
255
- }
256
- )
257
- ] });
258
- });
259
- CodeBlock.displayName = "CodeBlock";
260
- var highlightStyle = {
261
- 'pre[class*="language-"]': {
262
- color: "#d4d4d4",
263
- fontSize: "13px",
264
- textShadow: "none",
265
- fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
266
- direction: "ltr",
267
- textAlign: "left",
268
- whiteSpace: "pre",
269
- wordSpacing: "normal",
270
- wordBreak: "normal",
271
- lineHeight: "1.5",
272
- MozTabSize: "4",
273
- OTabSize: "4",
274
- tabSize: "4",
275
- WebkitHyphens: "none",
276
- MozHyphens: "none",
277
- msHyphens: "none",
278
- hyphens: "none",
279
- padding: "1em",
280
- margin: ".5em 0",
281
- overflow: "auto",
282
- background: "#1e1e1e"
283
- },
284
- 'code[class*="language-"]': {
285
- color: "#d4d4d4",
286
- fontSize: "13px",
287
- textShadow: "none",
288
- fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
289
- direction: "ltr",
290
- textAlign: "left",
291
- whiteSpace: "pre",
292
- wordSpacing: "normal",
293
- wordBreak: "normal",
294
- lineHeight: "1.5",
295
- MozTabSize: "4",
296
- OTabSize: "4",
297
- tabSize: "4",
298
- WebkitHyphens: "none",
299
- MozHyphens: "none",
300
- msHyphens: "none",
301
- hyphens: "none"
302
- },
303
- 'pre[class*="language-"]::selection': {
304
- textShadow: "none",
305
- background: "#264F78"
306
- },
307
- 'code[class*="language-"]::selection': {
308
- textShadow: "none",
309
- background: "#264F78"
310
- },
311
- 'pre[class*="language-"] *::selection': {
312
- textShadow: "none",
313
- background: "#264F78"
314
- },
315
- 'code[class*="language-"] *::selection': {
316
- textShadow: "none",
317
- background: "#264F78"
318
- },
319
- ':not(pre) > code[class*="language-"]': {
320
- padding: ".1em .3em",
321
- borderRadius: ".3em",
322
- color: "#db4c69",
323
- background: "#1e1e1e"
324
- },
325
- ".namespace": {
326
- Opacity: ".7"
327
- },
328
- "doctype.doctype-tag": {
329
- color: "#569CD6"
330
- },
331
- "doctype.name": {
332
- color: "#9cdcfe"
333
- },
334
- comment: {
335
- color: "#6a9955"
336
- },
337
- prolog: {
338
- color: "#6a9955"
339
- },
340
- punctuation: {
341
- color: "#d4d4d4"
342
- },
343
- ".language-html .language-css .token.punctuation": {
344
- color: "#d4d4d4"
345
- },
346
- ".language-html .language-javascript .token.punctuation": {
347
- color: "#d4d4d4"
348
- },
349
- property: {
350
- color: "#9cdcfe"
351
- },
352
- tag: {
353
- color: "#569cd6"
354
- },
355
- boolean: {
356
- color: "#569cd6"
357
- },
358
- number: {
359
- color: "#b5cea8"
360
- },
361
- constant: {
362
- color: "#9cdcfe"
363
- },
364
- symbol: {
365
- color: "#b5cea8"
366
- },
367
- inserted: {
368
- color: "#b5cea8"
369
- },
370
- unit: {
371
- color: "#b5cea8"
372
- },
373
- selector: {
374
- color: "#d7ba7d"
375
- },
376
- "attr-name": {
377
- color: "#9cdcfe"
378
- },
379
- string: {
380
- color: "#ce9178"
381
- },
382
- char: {
383
- color: "#ce9178"
384
- },
385
- builtin: {
386
- color: "#ce9178"
387
- },
388
- deleted: {
389
- color: "#ce9178"
390
- },
391
- ".language-css .token.string.url": {
392
- textDecoration: "underline"
393
- },
394
- operator: {
395
- color: "#d4d4d4"
396
- },
397
- entity: {
398
- color: "#569cd6"
399
- },
400
- "operator.arrow": {
401
- color: "#569CD6"
402
- },
403
- atrule: {
404
- color: "#ce9178"
405
- },
406
- "atrule.rule": {
407
- color: "#c586c0"
408
- },
409
- "atrule.url": {
410
- color: "#9cdcfe"
411
- },
412
- "atrule.url.function": {
413
- color: "#dcdcaa"
414
- },
415
- "atrule.url.punctuation": {
416
- color: "#d4d4d4"
417
- },
418
- keyword: {
419
- color: "#569CD6"
420
- },
421
- "keyword.module": {
422
- color: "#c586c0"
423
- },
424
- "keyword.control-flow": {
425
- color: "#c586c0"
426
- },
427
- function: {
428
- color: "#dcdcaa"
429
- },
430
- "function.maybe-class-name": {
431
- color: "#dcdcaa"
432
- },
433
- regex: {
434
- color: "#d16969"
435
- },
436
- important: {
437
- color: "#569cd6"
438
- },
439
- italic: {
440
- fontStyle: "italic"
441
- },
442
- "class-name": {
443
- color: "#4ec9b0"
444
- },
445
- "maybe-class-name": {
446
- color: "#4ec9b0"
447
- },
448
- console: {
449
- color: "#9cdcfe"
450
- },
451
- parameter: {
452
- color: "#9cdcfe"
453
- },
454
- interpolation: {
455
- color: "#9cdcfe"
456
- },
457
- "punctuation.interpolation-punctuation": {
458
- color: "#569cd6"
459
- },
460
- variable: {
461
- color: "#9cdcfe"
462
- },
463
- "imports.maybe-class-name": {
464
- color: "#9cdcfe"
465
- },
466
- "exports.maybe-class-name": {
467
- color: "#9cdcfe"
468
- },
469
- escape: {
470
- color: "#d7ba7d"
471
- },
472
- "tag.punctuation": {
473
- color: "#808080"
474
- },
475
- cdata: {
476
- color: "#808080"
477
- },
478
- "attr-value": {
479
- color: "#ce9178"
480
- },
481
- "attr-value.punctuation": {
482
- color: "#ce9178"
483
- },
484
- "attr-value.punctuation.attr-equals": {
485
- color: "#d4d4d4"
486
- },
487
- namespace: {
488
- color: "#4ec9b0"
489
- },
490
- 'pre[class*="language-javascript"]': {
491
- color: "#9cdcfe"
492
- },
493
- 'code[class*="language-javascript"]': {
494
- color: "#9cdcfe"
495
- },
496
- 'pre[class*="language-jsx"]': {
497
- color: "#9cdcfe"
498
- },
499
- 'code[class*="language-jsx"]': {
500
- color: "#9cdcfe"
501
- },
502
- 'pre[class*="language-typescript"]': {
503
- color: "#9cdcfe"
504
- },
505
- 'code[class*="language-typescript"]': {
506
- color: "#9cdcfe"
507
- },
508
- 'pre[class*="language-tsx"]': {
509
- color: "#9cdcfe"
510
- },
511
- 'code[class*="language-tsx"]': {
512
- color: "#9cdcfe"
513
- },
514
- 'pre[class*="language-css"]': {
515
- color: "#ce9178"
516
- },
517
- 'code[class*="language-css"]': {
518
- color: "#ce9178"
519
- },
520
- 'pre[class*="language-html"]': {
521
- color: "#d4d4d4"
522
- },
523
- 'code[class*="language-html"]': {
524
- color: "#d4d4d4"
525
- },
526
- ".language-regex .token.anchor": {
527
- color: "#dcdcaa"
528
- },
529
- ".language-html .token.punctuation": {
530
- color: "#808080"
531
- },
532
- 'pre[class*="language-"] > code[class*="language-"]': {
533
- position: "relative",
534
- zIndex: "1"
535
- },
536
- ".line-highlight.line-highlight": {
537
- background: "#f7ebc6",
538
- boxShadow: "inset 5px 0 0 #f7d87c",
539
- zIndex: "0"
540
- }
541
- };
542
-
543
- // src/components/chat/Markdown.tsx
544
- var import_remark_gfm = __toESM(require("remark-gfm"));
545
- var import_remark_math = __toESM(require("remark-math"));
546
- var import_rehype_raw = __toESM(require("rehype-raw"));
547
- var import_jsx_runtime4 = require("react/jsx-runtime");
548
- var defaultComponents = {
549
- a(_a) {
550
- var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
551
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { target: "_blank", rel: "noopener noreferrer", children }));
552
- },
553
- // @ts-expect-error -- inline
554
- code(_c) {
555
- var _d = _c, { children, className, inline } = _d, props = __objRest(_d, ["children", "className", "inline"]);
556
- if (Array.isArray(children) && children.length) {
557
- if (children[0] == "\u258D") {
558
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
559
- "span",
560
- {
561
- style: {
562
- animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
563
- marginTop: "0.25rem"
564
- },
565
- children: "\u258D"
566
- }
567
- );
568
- }
569
- children[0] = (children == null ? void 0 : children[0]).replace("`\u258D`", "\u258D");
570
- }
571
- const match = /language-(\w+)/.exec(className || "");
572
- if (inline) {
573
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", __spreadProps(__spreadValues({ className }, props), { children }));
574
- }
575
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
576
- CodeBlock,
577
- __spreadValues({
578
- language: match && match[1] || "",
579
- value: String(children).replace(/\n$/, "")
580
- }, props),
581
- Math.random()
582
- );
583
- },
584
- h1: (_e) => {
585
- var _f = _e, { children } = _f, props = __objRest(_f, ["children"]);
586
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
587
- },
588
- h2: (_g) => {
589
- var _h = _g, { children } = _h, props = __objRest(_h, ["children"]);
590
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
591
- },
592
- h3: (_i) => {
593
- var _j = _i, { children } = _j, props = __objRest(_j, ["children"]);
594
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
595
- },
596
- h4: (_k) => {
597
- var _l = _k, { children } = _l, props = __objRest(_l, ["children"]);
598
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
599
- },
600
- h5: (_m) => {
601
- var _n = _m, { children } = _n, props = __objRest(_n, ["children"]);
602
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h5", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
603
- },
604
- h6: (_o) => {
605
- var _p = _o, { children } = _p, props = __objRest(_p, ["children"]);
606
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h6", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
607
- },
608
- p: (_q) => {
609
- var _r = _q, { children } = _r, props = __objRest(_r, ["children"]);
610
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
611
- },
612
- pre: (_s) => {
613
- var _t = _s, { children } = _t, props = __objRest(_t, ["children"]);
614
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
615
- },
616
- blockquote: (_u) => {
617
- var _v = _u, { children } = _v, props = __objRest(_v, ["children"]);
618
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("blockquote", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
619
- },
620
- ul: (_w) => {
621
- var _x = _w, { children } = _x, props = __objRest(_x, ["children"]);
622
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
623
- },
624
- li: (_y) => {
625
- var _z = _y, { children } = _z, props = __objRest(_z, ["children"]);
626
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", __spreadProps(__spreadValues({ className: "copilotKitMarkdownElement" }, props), { children }));
627
- }
628
- };
629
- var MemoizedReactMarkdown = (0, import_react3.memo)(
630
- import_react_markdown.default,
631
- (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components
632
- );
633
- var Markdown = ({ content, components }) => {
634
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "copilotKitMarkdown", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
635
- MemoizedReactMarkdown,
636
- {
637
- components: __spreadValues(__spreadValues({}, defaultComponents), components),
638
- remarkPlugins: [import_remark_gfm.default, import_remark_math.default],
639
- rehypePlugins: [import_rehype_raw.default],
640
- children: content
641
- }
642
- ) });
643
- };
644
-
645
- // src/components/chat/messages/AssistantMessage.tsx
646
- var import_react4 = require("react");
647
- var import_jsx_runtime5 = require("react/jsx-runtime");
648
- var AssistantMessage = (props) => {
649
- const { icons, labels } = useChatContext();
650
- const {
651
- message,
652
- isLoading,
653
- subComponent,
654
- onRegenerate,
655
- onCopy,
656
- onThumbsUp,
657
- onThumbsDown,
658
- isCurrentMessage,
659
- rawData,
660
- markdownTagRenderers
661
- } = props;
662
- const [copied, setCopied] = (0, import_react4.useState)(false);
663
- const handleCopy = () => {
664
- if (message && onCopy) {
665
- navigator.clipboard.writeText(message);
666
- setCopied(true);
667
- onCopy(message);
668
- setTimeout(() => setCopied(false), 2e3);
669
- } else if (message) {
670
- navigator.clipboard.writeText(message);
671
- setCopied(true);
672
- setTimeout(() => setCopied(false), 2e3);
673
- }
674
- };
675
- const handleRegenerate = () => {
676
- if (onRegenerate) {
677
- onRegenerate();
678
- }
679
- };
680
- const handleThumbsUp = () => {
681
- const fullMessage = rawData;
682
- if (onThumbsUp && fullMessage) {
683
- onThumbsUp(fullMessage);
684
- }
685
- };
686
- const handleThumbsDown = () => {
687
- const fullMessage = rawData;
688
- if (onThumbsDown && fullMessage) {
689
- onThumbsDown(fullMessage);
690
- }
691
- };
692
- const LoadingIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: icons.activityIcon });
693
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
694
- (message || isLoading) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
695
- message && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Markdown, { content: message || "", components: markdownTagRenderers }),
696
- isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {}),
697
- message && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
698
- "div",
699
- {
700
- className: `copilotKitMessageControls ${isCurrentMessage ? "currentMessage" : ""}`,
701
- children: [
702
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
703
- "button",
704
- {
705
- className: "copilotKitMessageControlButton",
706
- onClick: handleRegenerate,
707
- "aria-label": labels.regenerateResponse,
708
- title: labels.regenerateResponse,
709
- children: icons.regenerateIcon
710
- }
711
- ),
712
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
713
- "button",
714
- {
715
- className: "copilotKitMessageControlButton",
716
- onClick: handleCopy,
717
- "aria-label": labels.copyToClipboard,
718
- title: labels.copyToClipboard,
719
- children: copied ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "10px", fontWeight: "bold" }, children: "\u2713" }) : icons.copyIcon
720
- }
721
- ),
722
- onThumbsUp && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
723
- "button",
724
- {
725
- className: "copilotKitMessageControlButton",
726
- onClick: handleThumbsUp,
727
- "aria-label": labels.thumbsUp,
728
- title: labels.thumbsUp,
729
- children: icons.thumbsUpIcon
730
- }
731
- ),
732
- onThumbsDown && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
733
- "button",
734
- {
735
- className: "copilotKitMessageControlButton",
736
- onClick: handleThumbsDown,
737
- "aria-label": labels.thumbsDown,
738
- title: labels.thumbsDown,
739
- children: icons.thumbsDownIcon
740
- }
741
- )
742
- ]
743
- }
744
- )
745
- ] }),
746
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginBottom: "0.5rem" }, children: subComponent })
747
- ] });
748
- };
749
-
750
- // src/components/chat/messages/RenderResultMessage.tsx
751
- var import_jsx_runtime6 = require("react/jsx-runtime");
752
- function RenderResultMessage(_a) {
753
- var _b = _a, {
754
- AssistantMessage: AssistantMessage2 = AssistantMessage
755
- } = _b, props = __objRest(_b, [
756
- "AssistantMessage"
757
- ]);
758
- const { message, inProgress, index, isCurrentMessage } = props;
759
- if (message.isResultMessage() && inProgress && isCurrentMessage) {
760
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
761
- AssistantMessage2,
762
- {
763
- "data-message-role": "assistant",
764
- rawData: message,
765
- isLoading: true,
766
- isGenerating: true
767
- },
768
- index
769
- );
770
- } else {
771
- return null;
772
- }
773
- }
774
- // Annotate the CommonJS export names for ESM import in node:
775
- 0 && (module.exports = {
776
- RenderResultMessage
777
- });
778
- //# sourceMappingURL=RenderResultMessage.js.map