@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.
- package/bin/starter_webui.zip +0 -0
- package/components/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Builder.tsx +8 -4
- package/components/ImageGenerator/index.tsx +1 -1
- package/components/Markdown/Markdown.tsx +105 -0
- package/components/Markdown/{Markdown/defaultComponents → core/components}/CodeBlock.tsx +1 -1
- package/components/Markdown/core/components/Null.tsx +1 -0
- package/components/Markdown/core/components/Raw.tsx +18 -0
- package/components/Markdown/{Markdown → core}/hooks/useCitationsData.tsx +3 -7
- package/components/Markdown/core/hooks/useCursorContent.tsx +15 -0
- package/components/Markdown/{Markdown/hooks/useTyping.ts → core/hooks/useTyping.tsx} +4 -1
- package/components/Markdown/core/index.tsx +18 -0
- package/components/Markdown/{plugins → core/plugins}/citations/CitationComponent.tsx +5 -3
- package/components/Markdown/{plugins → core/plugins}/citations/index.tsx +3 -4
- package/components/Markdown/{plugins → core/plugins}/cursor/Underline.tsx +1 -1
- package/components/Markdown/{plugins → core/plugins}/cursor/index.tsx +8 -8
- package/components/Markdown/demo/cursor.tsx +2 -3
- package/components/Markdown/index.en-US.md +1 -2
- package/components/Markdown/index.tsx +6 -0
- package/components/Markdown/index.zh-CN.md +1 -2
- package/components/Markdown/{Markdown/style.ts → styles.ts} +12 -21
- package/components/Markdown/types.tsx +94 -0
- package/components/index.ts +1 -3
- package/lib/AgentScopeRuntimeWebUI/core/AgentScopeRuntime/Response/Builder.js +5 -3
- package/lib/ImageGenerator/index.js +1 -1
- package/lib/Markdown/Markdown.d.ts +4 -0
- package/lib/Markdown/Markdown.js +110 -0
- package/lib/Markdown/core/components/Null.d.ts +2 -0
- package/lib/Markdown/core/components/Null.js +3 -0
- package/lib/Markdown/core/components/Raw.d.ts +8 -0
- package/lib/Markdown/core/components/Raw.js +13 -0
- package/lib/Markdown/core/hooks/useCitationsData.d.ts +6 -0
- package/lib/Markdown/{Markdown → core}/hooks/useCitationsData.js +1 -1
- package/lib/Markdown/core/hooks/useCursorContent.d.ts +4 -0
- package/lib/Markdown/core/hooks/useCursorContent.js +14 -0
- package/lib/Markdown/core/hooks/useTyping.d.ts +5 -0
- package/lib/Markdown/{Markdown → core}/hooks/useTyping.js +3 -2
- package/lib/Markdown/core/index.d.ts +2 -0
- package/lib/Markdown/{Markdown/hooks/useAnimation.js → core/index.js} +23 -23
- package/lib/Markdown/{plugins → core/plugins}/citations/CitationComponent.js +5 -5
- package/lib/Markdown/{plugins → core/plugins}/citations/index.d.ts +1 -2
- package/lib/Markdown/{plugins → core/plugins}/citations/index.js +1 -1
- package/lib/Markdown/{plugins → core/plugins}/cursor/Dot.js +1 -1
- package/lib/Markdown/{plugins → core/plugins}/cursor/Underline.js +1 -1
- package/lib/Markdown/{plugins → core/plugins}/cursor/index.js +4 -4
- package/lib/Markdown/index.d.ts +2 -1
- package/lib/Markdown/styles.js +32 -0
- package/lib/Markdown/types.d.ts +78 -0
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -2
- package/package.json +7 -31
- package/components/AGUI/components/HelpModal/icons.tsx +0 -68
- package/components/AGUI/components/HelpModal/index.tsx +0 -1
- package/components/AGUI/components/HelpModal/modal.tsx +0 -101
- package/components/AGUI/components/chat/Button.tsx +0 -18
- package/components/AGUI/components/chat/Chat.tsx +0 -780
- package/components/AGUI/components/chat/ChatContext.tsx +0 -248
- package/components/AGUI/components/chat/CodeBlock.tsx +0 -406
- package/components/AGUI/components/chat/Header.tsx +0 -22
- package/components/AGUI/components/chat/Icons.tsx +0 -237
- package/components/AGUI/components/chat/ImageUploadQueue.tsx +0 -77
- package/components/AGUI/components/chat/Input.tsx +0 -24
- package/components/AGUI/components/chat/Markdown.tsx +0 -134
- package/components/AGUI/components/chat/Messages.tsx +0 -259
- package/components/AGUI/components/chat/Modal.tsx +0 -133
- package/components/AGUI/components/chat/Popup.tsx +0 -57
- package/components/AGUI/components/chat/PoweredByTag.tsx +0 -29
- package/components/AGUI/components/chat/Sidebar.tsx +0 -74
- package/components/AGUI/components/chat/Suggestion.tsx +0 -132
- package/components/AGUI/components/chat/Suggestions.tsx +0 -20
- package/components/AGUI/components/chat/Textarea.tsx +0 -61
- package/components/AGUI/components/chat/Window.tsx +0 -152
- package/components/AGUI/components/chat/index.tsx +0 -11
- package/components/AGUI/components/chat/messages/AssistantMessage.tsx +0 -69
- package/components/AGUI/components/chat/messages/RenderActionExecutionMessage.tsx +0 -129
- package/components/AGUI/components/chat/messages/RenderAgentStateMessage.tsx +0 -116
- package/components/AGUI/components/chat/messages/RenderImageMessage.tsx +0 -64
- package/components/AGUI/components/chat/messages/RenderResultMessage.tsx +0 -26
- package/components/AGUI/components/chat/messages/RenderTextMessage.tsx +0 -51
- package/components/AGUI/components/chat/messages/UserMessage.tsx +0 -10
- package/components/AGUI/components/chat/props.ts +0 -186
- package/components/AGUI/components/index.ts +0 -1
- package/components/AGUI/context/index.ts +0 -1
- package/components/AGUI/hooks/index.ts +0 -1
- package/components/AGUI/hooks/use-copilot-chat-suggestions.tsx +0 -122
- package/components/AGUI/hooks/use-copy-to-clipboard.tsx +0 -29
- package/components/AGUI/hooks/use-dark-mode.ts +0 -10
- package/components/AGUI/hooks/use-push-to-talk.tsx +0 -166
- package/components/AGUI/index.tsx +0 -4
- package/components/AGUI/lib/utils.test.ts +0 -7
- package/components/AGUI/lib/utils.ts +0 -27
- package/components/AGUI/styles.css +0 -0
- package/components/AGUI/types/css.ts +0 -0
- package/components/AGUI/types/index.ts +0 -1
- package/components/AGUI/types/suggestions.ts +0 -6
- package/components/Markdown/Markdown/AnimationNode.tsx +0 -89
- package/components/Markdown/Markdown/Markdown.tsx +0 -61
- package/components/Markdown/Markdown/core/Parser.ts +0 -52
- package/components/Markdown/Markdown/core/Renderer.ts +0 -121
- package/components/Markdown/Markdown/core/index.ts +0 -4
- package/components/Markdown/Markdown/hooks/index.ts +0 -4
- package/components/Markdown/Markdown/hooks/useAnimation.tsx +0 -27
- package/components/Markdown/Markdown/hooks/useStreaming.ts +0 -503
- package/components/Markdown/Markdown/index.tsx +0 -198
- package/components/Markdown/Markdown/interface.ts +0 -217
- package/components/Markdown/demo/typing.tsx +0 -82
- package/components/Markdown/index.ts +0 -1
- package/components/Markdown/plugins/latex/index.ts +0 -109
- package/components/Markdown/plugins/type.ts +0 -71
- package/lib/AGUI/components/HelpModal/icons.d.ts +0 -5
- package/lib/AGUI/components/HelpModal/icons.js +0 -84
- package/lib/AGUI/components/HelpModal/index.d.ts +0 -1
- package/lib/AGUI/components/HelpModal/index.js +0 -1
- package/lib/AGUI/components/HelpModal/modal.d.ts +0 -1
- package/lib/AGUI/components/HelpModal/modal.js +0 -104
- package/lib/AGUI/components/chat/Button.d.ts +0 -2
- package/lib/AGUI/components/chat/Button.js +0 -27
- package/lib/AGUI/components/chat/Chat.d.ts +0 -242
- package/lib/AGUI/components/chat/Chat.js +0 -634
- package/lib/AGUI/components/chat/ChatContext.d.ts +0 -142
- package/lib/AGUI/components/chat/ChatContext.js +0 -75
- package/lib/AGUI/components/chat/CodeBlock.d.ts +0 -12
- package/lib/AGUI/components/chat/CodeBlock.js +0 -398
- package/lib/AGUI/components/chat/Header.d.ts +0 -2
- package/lib/AGUI/components/chat/Header.js +0 -28
- package/lib/AGUI/components/chat/Icons.d.ts +0 -16
- package/lib/AGUI/components/chat/Icons.js +0 -247
- package/lib/AGUI/components/chat/ImageUploadQueue.d.ts +0 -11
- package/lib/AGUI/components/chat/ImageUploadQueue.js +0 -65
- package/lib/AGUI/components/chat/Input.d.ts +0 -2
- package/lib/AGUI/components/chat/Input.js +0 -30
- package/lib/AGUI/components/chat/Markdown.d.ts +0 -7
- package/lib/AGUI/components/chat/Markdown.js +0 -187
- package/lib/AGUI/components/chat/Messages.d.ts +0 -7
- package/lib/AGUI/components/chat/Messages.js +0 -242
- package/lib/AGUI/components/chat/Modal.d.ts +0 -43
- package/lib/AGUI/components/chat/Modal.js +0 -113
- package/lib/AGUI/components/chat/Popup.d.ts +0 -49
- package/lib/AGUI/components/chat/Popup.js +0 -64
- package/lib/AGUI/components/chat/PoweredByTag.d.ts +0 -3
- package/lib/AGUI/components/chat/PoweredByTag.js +0 -27
- package/lib/AGUI/components/chat/Sidebar.d.ts +0 -2
- package/lib/AGUI/components/chat/Sidebar.js +0 -85
- package/lib/AGUI/components/chat/Suggestion.d.ts +0 -16
- package/lib/AGUI/components/chat/Suggestion.js +0 -146
- package/lib/AGUI/components/chat/Suggestions.d.ts +0 -2
- package/lib/AGUI/components/chat/Suggestions.js +0 -21
- package/lib/AGUI/components/chat/Textarea.d.ts +0 -11
- package/lib/AGUI/components/chat/Textarea.js +0 -60
- package/lib/AGUI/components/chat/Window.d.ts +0 -2
- package/lib/AGUI/components/chat/Window.js +0 -115
- package/lib/AGUI/components/chat/index.d.ts +0 -11
- package/lib/AGUI/components/chat/index.js +0 -11
- package/lib/AGUI/components/chat/messages/AssistantMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/AssistantMessage.js +0 -56
- package/lib/AGUI/components/chat/messages/RenderActionExecutionMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/RenderActionExecutionMessage.js +0 -114
- package/lib/AGUI/components/chat/messages/RenderAgentStateMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/RenderAgentStateMessage.js +0 -97
- package/lib/AGUI/components/chat/messages/RenderImageMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/RenderImageMessage.js +0 -61
- package/lib/AGUI/components/chat/messages/RenderResultMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/RenderResultMessage.js +0 -27
- package/lib/AGUI/components/chat/messages/RenderTextMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/RenderTextMessage.js +0 -47
- package/lib/AGUI/components/chat/messages/UserMessage.d.ts +0 -2
- package/lib/AGUI/components/chat/messages/UserMessage.js +0 -9
- package/lib/AGUI/components/chat/props.d.ts +0 -157
- package/lib/AGUI/components/index.d.ts +0 -1
- package/lib/AGUI/components/index.js +0 -1
- package/lib/AGUI/context/index.d.ts +0 -1
- package/lib/AGUI/context/index.js +0 -1
- package/lib/AGUI/hooks/index.d.ts +0 -1
- package/lib/AGUI/hooks/index.js +0 -1
- package/lib/AGUI/hooks/use-copilot-chat-suggestions.d.ts +0 -87
- package/lib/AGUI/hooks/use-copilot-chat-suggestions.js +0 -95
- package/lib/AGUI/hooks/use-copy-to-clipboard.d.ts +0 -7
- package/lib/AGUI/hooks/use-copy-to-clipboard.js +0 -34
- package/lib/AGUI/hooks/use-dark-mode.d.ts +0 -1
- package/lib/AGUI/hooks/use-dark-mode.js +0 -4
- package/lib/AGUI/hooks/use-push-to-talk.d.ts +0 -16
- package/lib/AGUI/hooks/use-push-to-talk.js +0 -260
- package/lib/AGUI/index.d.ts +0 -4
- package/lib/AGUI/index.js +0 -4
- package/lib/AGUI/lib/utils.d.ts +0 -2
- package/lib/AGUI/lib/utils.js +0 -52
- package/lib/AGUI/styles.css +0 -0
- package/lib/AGUI/types/css.d.ts +0 -0
- package/lib/AGUI/types/css.js +0 -0
- package/lib/AGUI/types/index.d.ts +0 -1
- package/lib/AGUI/types/index.js +0 -1
- package/lib/AGUI/types/suggestions.d.ts +0 -6
- package/lib/AGUI/types/suggestions.js +0 -1
- package/lib/Markdown/Markdown/AnimationNode.d.ts +0 -20
- package/lib/Markdown/Markdown/AnimationNode.js +0 -84
- package/lib/Markdown/Markdown/Markdown.d.ts +0 -4
- package/lib/Markdown/Markdown/Markdown.js +0 -58
- package/lib/Markdown/Markdown/core/Parser.d.ts +0 -16
- package/lib/Markdown/Markdown/core/Parser.js +0 -65
- package/lib/Markdown/Markdown/core/Renderer.d.ts +0 -24
- package/lib/Markdown/Markdown/core/Renderer.js +0 -137
- package/lib/Markdown/Markdown/core/index.d.ts +0 -3
- package/lib/Markdown/Markdown/core/index.js +0 -3
- package/lib/Markdown/Markdown/hooks/index.d.ts +0 -3
- package/lib/Markdown/Markdown/hooks/index.js +0 -3
- package/lib/Markdown/Markdown/hooks/useAnimation.d.ts +0 -4
- package/lib/Markdown/Markdown/hooks/useCitationsData.d.ts +0 -7
- package/lib/Markdown/Markdown/hooks/useStreaming.d.ts +0 -3
- package/lib/Markdown/Markdown/hooks/useStreaming.js +0 -521
- package/lib/Markdown/Markdown/hooks/useTyping.d.ts +0 -4
- package/lib/Markdown/Markdown/index.d.ts +0 -84
- package/lib/Markdown/Markdown/index.js +0 -161
- package/lib/Markdown/Markdown/interface.d.ts +0 -203
- package/lib/Markdown/Markdown/interface.js +0 -1
- package/lib/Markdown/Markdown/style.js +0 -32
- package/lib/Markdown/plugins/latex/index.d.ts +0 -9
- package/lib/Markdown/plugins/latex/index.js +0 -97
- package/lib/Markdown/plugins/type.d.ts +0 -60
- package/lib/Markdown/plugins/type.js +0 -1
- /package/components/Markdown/{Markdown/defaultComponents/DisabledImage.tsx → core/components/DisableImage.tsx} +0 -0
- /package/components/Markdown/{Markdown/defaultComponents → core/components}/Media.tsx +0 -0
- /package/components/Markdown/{plugins → core/plugins}/cursor/Dot.tsx +0 -0
- /package/lib/Markdown/{Markdown/defaultComponents → core/components}/CodeBlock.d.ts +0 -0
- /package/lib/Markdown/{Markdown/defaultComponents → core/components}/CodeBlock.js +0 -0
- /package/lib/Markdown/{Markdown/defaultComponents/DisabledImage.d.ts → core/components/DisableImage.d.ts} +0 -0
- /package/lib/Markdown/{Markdown/defaultComponents/DisabledImage.js → core/components/DisableImage.js} +0 -0
- /package/lib/Markdown/{Markdown/defaultComponents → core/components}/Media.d.ts +0 -0
- /package/lib/Markdown/{Markdown/defaultComponents → core/components}/Media.js +0 -0
- /package/lib/Markdown/{plugins → core/plugins}/citations/CitationComponent.d.ts +0 -0
- /package/lib/Markdown/{plugins → core/plugins}/cursor/Dot.d.ts +0 -0
- /package/lib/Markdown/{plugins → core/plugins}/cursor/Underline.d.ts +0 -0
- /package/lib/Markdown/{plugins → core/plugins}/cursor/index.d.ts +0 -0
- /package/lib/Markdown/{Markdown/style.d.ts → styles.d.ts} +0 -0
- /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,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,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 {};
|