@gooddata/sdk-ui-gen-ai 10.12.0-alpha.10 → 10.12.0-alpha.12
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/esm/components/EmptyState.js +2 -2
- package/esm/components/EmptyState.js.map +1 -1
- package/esm/components/GenAIChatWrapper.js +1 -1
- package/esm/components/GenAIChatWrapper.js.map +1 -1
- package/esm/components/Input.d.ts.map +1 -1
- package/esm/components/Input.js +13 -12
- package/esm/components/Input.js.map +1 -1
- package/esm/components/Messages.d.ts.map +1 -1
- package/esm/components/Messages.js +8 -5
- package/esm/components/Messages.js.map +1 -1
- package/esm/components/StopIcon.d.ts +7 -0
- package/esm/components/StopIcon.d.ts.map +1 -0
- package/esm/components/StopIcon.js +10 -0
- package/esm/components/StopIcon.js.map +1 -0
- package/esm/components/messages/AgentIcon.d.ts +1 -0
- package/esm/components/messages/AgentIcon.d.ts.map +1 -1
- package/esm/components/messages/AgentIcon.js +4 -3
- package/esm/components/messages/AgentIcon.js.map +1 -1
- package/esm/components/messages/AgentState.js +1 -1
- package/esm/components/messages/AgentState.js.map +1 -1
- package/esm/components/messages/AssistantCancelledMessage.d.ts +8 -0
- package/esm/components/messages/AssistantCancelledMessage.d.ts.map +1 -0
- package/esm/components/messages/AssistantCancelledMessage.js +10 -0
- package/esm/components/messages/AssistantCancelledMessage.js.map +1 -0
- package/esm/components/messages/AssistantErrorMessage.d.ts.map +1 -1
- package/esm/components/messages/AssistantErrorMessage.js +3 -1
- package/esm/components/messages/AssistantErrorMessage.js.map +1 -1
- package/esm/components/messages/AssistantSearchCreateMessage.d.ts.map +1 -1
- package/esm/components/messages/AssistantSearchCreateMessage.js +3 -1
- package/esm/components/messages/AssistantSearchCreateMessage.js.map +1 -1
- package/esm/components/messages/AssistantTextMessage.js +1 -1
- package/esm/components/messages/AssistantTextMessage.js.map +1 -1
- package/esm/components/messages/FoundObjects.d.ts +8 -0
- package/esm/components/messages/FoundObjects.d.ts.map +1 -0
- package/esm/components/messages/FoundObjects.js +17 -0
- package/esm/components/messages/FoundObjects.js.map +1 -0
- package/esm/components/messages/SystemMessage.js +1 -1
- package/esm/components/messages/SystemMessage.js.map +1 -1
- package/esm/components/messages/UserTextMessage.d.ts +8 -0
- package/esm/components/messages/UserTextMessage.d.ts.map +1 -0
- package/esm/components/messages/UserTextMessage.js +10 -0
- package/esm/components/messages/UserTextMessage.js.map +1 -0
- package/esm/components/messages/Visualization.d.ts.map +1 -1
- package/esm/components/messages/Visualization.js +31 -4
- package/esm/components/messages/Visualization.js.map +1 -1
- package/esm/components/messages/index.d.ts +2 -1
- package/esm/components/messages/index.d.ts.map +1 -1
- package/esm/components/messages/index.js +2 -1
- package/esm/components/messages/index.js.map +1 -1
- package/esm/components/messages/useExecution.d.ts +4 -1
- package/esm/components/messages/useExecution.d.ts.map +1 -1
- package/esm/components/messages/useExecution.js +17 -23
- package/esm/components/messages/useExecution.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/model.d.ts +84 -27
- package/esm/model.d.ts.map +1 -1
- package/esm/model.js +70 -23
- package/esm/model.js.map +1 -1
- package/esm/sdk-ui-gen-ai.d.ts +40 -17
- package/esm/store/messages/messagesSelectors.d.ts.map +1 -1
- package/esm/store/messages/messagesSelectors.js +2 -1
- package/esm/store/messages/messagesSelectors.js.map +1 -1
- package/esm/store/messages/messagesSlice.d.ts.map +1 -1
- package/esm/store/messages/messagesSlice.js +10 -0
- package/esm/store/messages/messagesSlice.js.map +1 -1
- package/esm/store/sideEffects/converters/evalToMessage.js +1 -1
- package/esm/store/sideEffects/converters/evalToMessage.js.map +1 -1
- package/esm/store/sideEffects/converters/messagesToHistory.d.ts.map +1 -1
- package/esm/store/sideEffects/converters/messagesToHistory.js +21 -10
- package/esm/store/sideEffects/converters/messagesToHistory.js.map +1 -1
- package/esm/store/sideEffects/index.js +3 -3
- package/esm/store/sideEffects/index.js.map +1 -1
- package/esm/store/sideEffects/onNewMessage.d.ts +5 -1
- package/esm/store/sideEffects/onNewMessage.d.ts.map +1 -1
- package/esm/store/sideEffects/onNewMessage.js +37 -27
- package/esm/store/sideEffects/onNewMessage.js.map +1 -1
- package/package.json +13 -13
- package/styles/css/agentIcon.css +6 -0
- package/styles/css/agentIcon.css.map +1 -1
- package/styles/css/input.css +10 -5
- package/styles/css/input.css.map +1 -1
- package/styles/css/main.css +42 -8
- package/styles/css/main.css.map +1 -1
- package/styles/css/messages.css +20 -1
- package/styles/css/messages.css.map +1 -1
- package/styles/css/window.css +5 -2
- package/styles/css/window.css.map +1 -1
- package/styles/scss/agentIcon.scss +10 -0
- package/styles/scss/input.scss +10 -5
- package/styles/scss/main.scss +1 -0
- package/styles/scss/messages.scss +26 -1
- package/styles/scss/window.scss +6 -2
- package/esm/components/messages/UserMessage.d.ts +0 -8
- package/esm/components/messages/UserMessage.d.ts.map +0 -1
- package/esm/components/messages/UserMessage.js +0 -8
- package/esm/components/messages/UserMessage.js.map +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Button, Typography } from "@gooddata/sdk-ui-kit";
|
|
4
4
|
import { useDispatch } from "react-redux";
|
|
5
|
-
import { makeAssistantTextMessage,
|
|
5
|
+
import { makeAssistantTextMessage, makeUserTextMessage } from "../model.js";
|
|
6
6
|
import { setMessages } from "../store/index.js";
|
|
7
7
|
const quickOptions = [
|
|
8
8
|
{
|
|
@@ -26,7 +26,7 @@ export const EmptyState = () => {
|
|
|
26
26
|
const dispatch = useDispatch();
|
|
27
27
|
const withClickValue = (option) => ({
|
|
28
28
|
onClick: () => {
|
|
29
|
-
dispatch(setMessages([
|
|
29
|
+
dispatch(setMessages([makeUserTextMessage(option.question), makeAssistantTextMessage(option.answer)]));
|
|
30
30
|
},
|
|
31
31
|
value: option.title,
|
|
32
32
|
variant: "secondary",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAgB,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAgB,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAShD,MAAM,YAAY,GAAG;IACjB;QACI,KAAK,EAAE,yCAAyC;QAChD,QAAQ,EAAE,yCAAyC;QACnD,MAAM,EAAE,4EAA4E;QACpF,IAAI,EAAE,mBAAmB;KAC5B;IACD;QACI,KAAK,EAAE,4BAA4B;QACnC,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE,kEAAkE;KAC7E;IACD;QACI,KAAK,EAAE,0BAA0B;QACjC,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE,8DAA8D;KACzE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,cAAc,GAAG,CAAC,MAAmB,EAAgB,EAAE,CAAC,CAAC;QAC3D,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CACJ,WAAW,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/F,CAAC;QACN,CAAC;QACD,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,OAAO,EAAE,WAAoB;QAC7B,QAAQ,EAAE,MAAM,CAAC,IAAI;KACxB,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAC,iCAAiC;QAC5C,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,6CAA6C,gBAEnE;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,0BAAiC;QACxD,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,oBAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,KAAM,cAAc,CAAC,MAAM,CAAC,GAAI,CAC5D,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -11,6 +11,6 @@ export const GenAIChatWrapper = () => {
|
|
|
11
11
|
return (React.createElement("div", { className: "gd-gen-ai-chat" },
|
|
12
12
|
React.createElement(Messages, null),
|
|
13
13
|
React.createElement(Input, null),
|
|
14
|
-
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__disclaimer" }, "
|
|
14
|
+
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__disclaimer" }, "AI assistants can make mistakes. Check before relying on these answers.")));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=GenAIChatWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatWrapper.js","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC3C,OAAO,CACH,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,oBAAC,QAAQ,OAAG;QACZ,oBAAC,KAAK,OAAG;QACT,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"GenAIChatWrapper.js","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC3C,OAAO,CACH,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,oBAAC,QAAQ,OAAG;QACZ,oBAAC,KAAK,OAAG;QACT,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,4BAA4B,8EAEjD,CACX,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,KAAK,UAAU,GAAG,EAEjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2DtC,CAAC"}
|
package/esm/components/Input.js
CHANGED
|
@@ -2,36 +2,38 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import DefaultTextArea from "react-textarea-autosize";
|
|
4
4
|
import { defaultImport } from "default-import";
|
|
5
|
-
import DefaultNativeListener from "react-native-listener";
|
|
6
5
|
import cx from "classnames";
|
|
7
6
|
import { SendIcon } from "./SendIcon.js";
|
|
8
7
|
import { useDispatch, useSelector } from "react-redux";
|
|
9
|
-
import {
|
|
8
|
+
import { makeAssistantCancelledMessage, makeUserTextMessage } from "../model.js";
|
|
10
9
|
import { agentLoadingSelector, newMessageAction } from "../store/index.js";
|
|
10
|
+
import { StopIcon } from "./StopIcon.js";
|
|
11
11
|
// There are known compatibility issues between CommonJS (CJS) and ECMAScript modules (ESM).
|
|
12
12
|
// In ESM, default exports of CJS modules are wrapped in default properties instead of being exposed directly.
|
|
13
13
|
// https://github.com/microsoft/TypeScript/issues/52086#issuecomment-1385978414
|
|
14
14
|
const TextareaAutosize = defaultImport(DefaultTextArea);
|
|
15
|
-
const NativeListener = defaultImport(DefaultNativeListener);
|
|
16
15
|
export const Input = () => {
|
|
17
16
|
const [value, setValue] = React.useState("");
|
|
18
17
|
const dispatch = useDispatch();
|
|
19
|
-
const
|
|
18
|
+
const isBusy = useSelector(agentLoadingSelector);
|
|
20
19
|
const textareaRef = React.useRef(null);
|
|
21
20
|
React.useEffect(() => {
|
|
22
21
|
// Autofocus the textarea when the chat is not disabled and the user is not focusing on another element
|
|
23
22
|
// Important, given the disabled states changes depending on the agent's loading state
|
|
24
23
|
// And it's loosing focus after the loading state changes
|
|
25
|
-
if (!
|
|
24
|
+
if (!isBusy && document.activeElement === document.body) {
|
|
26
25
|
textareaRef.current?.focus();
|
|
27
26
|
}
|
|
28
|
-
}, [
|
|
27
|
+
}, [isBusy]);
|
|
29
28
|
const handleSubmit = () => {
|
|
30
|
-
dispatch(newMessageAction(
|
|
29
|
+
dispatch(newMessageAction(makeUserTextMessage(value)));
|
|
31
30
|
setValue("");
|
|
32
31
|
};
|
|
32
|
+
const handleCancel = () => {
|
|
33
|
+
dispatch(newMessageAction(makeAssistantCancelledMessage()));
|
|
34
|
+
};
|
|
33
35
|
const handleKeyDown = (e) => {
|
|
34
|
-
if (e.key === "Enter" && !e.shiftKey && !
|
|
36
|
+
if (e.key === "Enter" && !e.shiftKey && !isBusy && value) {
|
|
35
37
|
e.preventDefault();
|
|
36
38
|
handleSubmit();
|
|
37
39
|
}
|
|
@@ -40,11 +42,10 @@ export const Input = () => {
|
|
|
40
42
|
setValue(e.target.value);
|
|
41
43
|
};
|
|
42
44
|
const buttonClasses = cx("gd-gen-ai-chat__input__send_button", {
|
|
43
|
-
"gd-gen-ai-chat__input__send_button--disabled":
|
|
45
|
+
"gd-gen-ai-chat__input__send_button--disabled": !value,
|
|
44
46
|
});
|
|
45
47
|
return (React.createElement("div", { className: "gd-gen-ai-chat__input" },
|
|
46
|
-
React.createElement(TextareaAutosize, { ref: textareaRef, className: "gd-gen-ai-chat__input__textarea", placeholder: "Ask here\u2026", value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled:
|
|
47
|
-
React.createElement(
|
|
48
|
-
React.createElement(SendIcon, { className: buttonClasses }))));
|
|
48
|
+
React.createElement(TextareaAutosize, { ref: textareaRef, className: "gd-gen-ai-chat__input__textarea", placeholder: "Ask here\u2026", value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: isBusy }),
|
|
49
|
+
React.createElement("div", { onClick: isBusy ? handleCancel : handleSubmit }, !isBusy ? (React.createElement(SendIcon, { className: buttonClasses })) : (React.createElement(StopIcon, { className: "gd-gen-ai-chat__input__send_button" })))));
|
|
49
50
|
};
|
|
50
51
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../src/components/Messages.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../src/components/Messages.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,eAAO,MAAM,QAAQ,yBAiDpB,CAAC"}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { useSelector } from "react-redux";
|
|
4
4
|
import { agentLoadingSelector, visibleMessagesSelector } from "../store/index.js";
|
|
5
|
-
import { AssistantTextMessageComponent, SystemMessageComponent,
|
|
5
|
+
import { AssistantTextMessageComponent, SystemMessageComponent, UserTextMessageComponent, AssistantCancelledMessageComponent, } from "./messages/index.js";
|
|
6
6
|
import { AgentState } from "./messages/AgentState.js";
|
|
7
|
-
import { isAssistantErrorMessage, isAssistantSearchCreateMessage, isAssistantTextMessage,
|
|
7
|
+
import { isAssistantErrorMessage, isAssistantSearchCreateMessage, isAssistantTextMessage, isAssistantCancelledMessage, isUserTextMessage, isSystemTextMessage, } from "../model.js";
|
|
8
8
|
import { EmptyState } from "./EmptyState.js";
|
|
9
9
|
import { AssistantErrorMessageComponent } from "./messages/AssistantErrorMessage.js";
|
|
10
10
|
import { AssistantSearchCreateMessageComponent } from "./messages/AssistantSearchCreateMessage.js";
|
|
@@ -33,10 +33,13 @@ export const Messages = () => {
|
|
|
33
33
|
if (isAssistantSearchCreateMessage(message)) {
|
|
34
34
|
return React.createElement(AssistantSearchCreateMessageComponent, { key: message.id, message: message });
|
|
35
35
|
}
|
|
36
|
-
if (
|
|
37
|
-
return React.createElement(
|
|
36
|
+
if (isUserTextMessage(message)) {
|
|
37
|
+
return React.createElement(UserTextMessageComponent, { key: message.id, message: message });
|
|
38
38
|
}
|
|
39
|
-
if (
|
|
39
|
+
if (isAssistantCancelledMessage(message)) {
|
|
40
|
+
return React.createElement(AssistantCancelledMessageComponent, { key: message.id, message: message });
|
|
41
|
+
}
|
|
42
|
+
if (isSystemTextMessage(message)) {
|
|
40
43
|
return React.createElement(SystemMessageComponent, { key: message.id, message: message });
|
|
41
44
|
}
|
|
42
45
|
return assertNever(message);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../src/components/Messages.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EACH,6BAA6B,EAC7B,sBAAsB,EACtB,
|
|
1
|
+
{"version":3,"file":"Messages.js","sourceRoot":"","sources":["../../src/components/Messages.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StopIcon.d.ts","sourceRoot":"","sources":["../../src/components/StopIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAazC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export const StopIcon = ({ color = "#6D7680", className, width = 12, height = 12 }) => {
|
|
7
|
+
return (React.createElement("svg", { className: className, width: width, height: height, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
8
|
+
React.createElement("rect", { width: "12", height: "12", rx: "1.2", fill: color })));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=StopIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StopIcon.js","sourceRoot":"","sources":["../../src/components/StopIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAyB,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE;IACxG,OAAO,CACH,6BACI,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,KAAK,GAAI,CACnD,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,mBAAmB,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AgentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,mBAAmB,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsEnD,CAAC"}
|
|
@@ -2,14 +2,15 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import cx from "classnames";
|
|
4
4
|
let INSTANCE_COUNTER = 0;
|
|
5
|
-
export const AgentIcon = ({ loading = false, error = false }) => {
|
|
5
|
+
export const AgentIcon = ({ loading = false, error = false, cancelled = false, }) => {
|
|
6
6
|
// A precaution in case there are multiple instances of the component on the same page
|
|
7
7
|
// In-line SVGs must obey the unique ID rule as any other HTML element
|
|
8
8
|
const instanceId = React.useMemo(() => INSTANCE_COUNTER++, []);
|
|
9
9
|
const className = cx("gd-gen-ai-chat__agent_icon", {
|
|
10
10
|
"gd-gen-ai-chat__agent_icon--loading": loading,
|
|
11
|
-
"gd-gen-ai-chat__agent_icon--appear": !loading,
|
|
12
|
-
"gd-gen-ai-chat__agent_icon--error": error,
|
|
11
|
+
"gd-gen-ai-chat__agent_icon--appear": !loading && !error && !cancelled,
|
|
12
|
+
"gd-gen-ai-chat__agent_icon--error": !loading && error,
|
|
13
|
+
"gd-gen-ai-chat__agent_icon--cancelled": !loading && !error && cancelled,
|
|
13
14
|
});
|
|
14
15
|
return (React.createElement("svg", { className: className, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
15
16
|
React.createElement("g", { clipPath: `url(#clip_mask_${instanceId})` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentIcon.js","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,IAAI,gBAAgB,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"AgentIcon.js","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAQzB,MAAM,CAAC,MAAM,SAAS,GAAkC,CAAC,EACrD,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,GACpB,EAAE,EAAE;IACD,sFAAsF;IACtF,sEAAsE;IACtE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,EAAE,CAAC,4BAA4B,EAAE;QAC/C,qCAAqC,EAAE,OAAO;QAC9C,oCAAoC,EAAE,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS;QACtE,mCAAmC,EAAE,CAAC,OAAO,IAAI,KAAK;QACtD,uCAAuC,EAAE,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,SAAS;KAC3E,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACzF,2BAAG,QAAQ,EAAE,kBAAkB,UAAU,GAAG;YACvC,OAAO,CAAC,CAAC,CAAC,CACP,2BAAG,SAAS,EAAC,oCAAoC;gBAC7C,8BAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAE,mBAAmB,UAAU,GAAG,GAAI;gBACjF,8BAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAE,oBAAoB,UAAU,GAAG,GAAI,CAClF,CACP,CAAC,CAAC,CAAC,CACA,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,wCAAwC,GAAG,CACvF;YACD,8BACI,SAAS,EAAC,kCAAkC,EAC5C,CAAC,EAAC,0gBAA0gB,GAC9gB;YACF,8BACI,SAAS,EAAC,2EAA2E,EACrF,CAAC,EAAC,6YAA6Y,GACjZ;YACF,8BACI,SAAS,EAAC,2HAA2H,EACrI,CAAC,EAAC,+YAA+Y,GACnZ,CACF;QACJ;YACI,wCACI,EAAE,EAAE,cAAc,UAAU,EAAE,EAC9B,aAAa,EAAC,mBAAmB,EACjC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG;gBAEN,8BAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,wCAAwC,GAAG;gBACvE,8BAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,uCAAuC,GAAG,CAC3D;YACjB,wCACI,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,eAAe,UAAU,EAAE,EAC/B,aAAa,EAAC,mBAAmB,EACjC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG;gBAEN,8BAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,uCAAuC,GAAG;gBACtE,8BAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,sCAAsC,GAAG,CAC1D;YACjB,kCAAU,EAAE,EAAE,aAAa,UAAU,EAAE;gBACnC,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAChC,CACR,CACL,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -5,6 +5,6 @@ import { Typography } from "@gooddata/sdk-ui-kit";
|
|
|
5
5
|
export const AgentState = () => {
|
|
6
6
|
return (React.createElement("div", { className: "gd-gen-ai-chat__agent_state" },
|
|
7
7
|
React.createElement(AgentIcon, { loading: true }),
|
|
8
|
-
React.createElement(Typography, { className: "gd-gen-ai-chat__agent_state__status", tagName: "p" }, "
|
|
8
|
+
React.createElement(Typography, { className: "gd-gen-ai-chat__agent_state__status", tagName: "p" }, "Generating your response\u2026")));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=AgentState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentState.js","sourceRoot":"","sources":["../../../src/components/messages/AgentState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B;QACxC,oBAAC,SAAS,IAAC,OAAO,SAAG;QACrB,oBAAC,UAAU,IAAC,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"AgentState.js","sourceRoot":"","sources":["../../../src/components/messages/AgentState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,OAAO,CACH,6BAAK,SAAS,EAAC,6BAA6B;QACxC,oBAAC,SAAS,IAAC,OAAO,SAAG;QACrB,oBAAC,UAAU,IAAC,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAC,GAAG,qCAE1D,CACX,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AssistantCancelledMessage } from "../../model.js";
|
|
3
|
+
type AssistantCancelledMessageProps = {
|
|
4
|
+
message: AssistantCancelledMessage;
|
|
5
|
+
};
|
|
6
|
+
export declare const AssistantCancelledMessageComponent: React.FC<AssistantCancelledMessageProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=AssistantCancelledMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AssistantCancelledMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantCancelledMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAI3D,KAAK,8BAA8B,GAAG;IAClC,OAAO,EAAE,yBAAyB,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CASvF,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Typography } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import { AgentIcon } from "./AgentIcon.js";
|
|
5
|
+
export const AssistantCancelledMessageComponent = () => {
|
|
6
|
+
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant gd-gen-ai-chat__messages__message--assistant--cancelled" },
|
|
7
|
+
React.createElement(AgentIcon, { cancelled: true }),
|
|
8
|
+
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, "Cancelled")));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=AssistantCancelledMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AssistantCancelledMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantCancelledMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,MAAM,CAAC,MAAM,kCAAkC,GAA6C,GAAG,EAAE;IAC7F,OAAO,CACH,6BAAK,SAAS,EAAC,wIAAwI;QACnJ,oBAAC,SAAS,IAAC,SAAS,SAAG;QACvB,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,gBAEzD,CACX,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssistantErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"AssistantErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAY/E,CAAC"}
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { AgentIcon } from "./AgentIcon.js";
|
|
4
4
|
import { Typography } from "@gooddata/sdk-ui-kit";
|
|
5
|
+
import { FoundObjects } from "./FoundObjects.js";
|
|
5
6
|
export const AssistantErrorMessageComponent = ({ message }) => {
|
|
6
7
|
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant gd-gen-ai-chat__messages__message--error" },
|
|
7
8
|
React.createElement(AgentIcon, { error: true }),
|
|
8
|
-
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content)
|
|
9
|
+
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content.error),
|
|
10
|
+
React.createElement(FoundObjects, { foundObjects: message.content.foundObjects })));
|
|
9
11
|
};
|
|
10
12
|
//# sourceMappingURL=AssistantErrorMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssistantErrorMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantErrorMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"AssistantErrorMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantErrorMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,MAAM,CAAC,MAAM,8BAA8B,GAAyC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChG,OAAO,CACH,6BAAK,SAAS,EAAC,yHAAyH;QACpI,oBAAC,SAAS,IAAC,KAAK,SAAG;QACnB,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACjE,OAAO,CAAC,OAAO,CAAC,KAAK,CACb;QAGb,oBAAC,YAAY,IAAC,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,YAAY,GAAI,CAC1D,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssistantSearchCreateMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantSearchCreateMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"AssistantSearchCreateMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantSearchCreateMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAM9D,KAAK,iCAAiC,GAAG;IACrC,OAAO,EAAE,4BAA4B,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAuB7F,CAAC"}
|
|
@@ -3,12 +3,14 @@ import React from "react";
|
|
|
3
3
|
import { AgentIcon } from "./AgentIcon.js";
|
|
4
4
|
import { Typography } from "@gooddata/sdk-ui-kit";
|
|
5
5
|
import { Visualization } from "./Visualization.js";
|
|
6
|
+
import { FoundObjects } from "./FoundObjects.js";
|
|
6
7
|
export const AssistantSearchCreateMessageComponent = ({ message, }) => {
|
|
7
8
|
const firstVisualization = message.content.createdVisualizations?.objects?.[0];
|
|
8
9
|
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant" },
|
|
9
10
|
React.createElement(AgentIcon, null),
|
|
10
11
|
React.createElement("div", { className: "gd-gen-ai-chat__messages__contents" },
|
|
11
12
|
message.content.createdVisualizations?.reasoning ? (React.createElement(Typography, { tagName: "p" }, message.content.createdVisualizations.reasoning)) : null,
|
|
12
|
-
firstVisualization ? React.createElement(Visualization, { definition: firstVisualization }) : null
|
|
13
|
+
firstVisualization ? React.createElement(Visualization, { definition: firstVisualization }) : null,
|
|
14
|
+
React.createElement(FoundObjects, { foundObjects: message.content.foundObjects }))));
|
|
13
15
|
};
|
|
14
16
|
//# sourceMappingURL=AssistantSearchCreateMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssistantSearchCreateMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantSearchCreateMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"AssistantSearchCreateMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantSearchCreateMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,MAAM,CAAC,MAAM,qCAAqC,GAAgD,CAAC,EAC/F,OAAO,GACV,EAAE,EAAE;IACD,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAE/E,OAAO,CACH,6BAAK,SAAS,EAAC,gFAAgF;QAC3F,oBAAC,SAAS,OAAG;QAEb,6BAAK,SAAS,EAAC,oCAAoC;YAE9C,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,CAAC,CAChD,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,IAAE,OAAO,CAAC,OAAO,CAAC,qBAAqB,CAAC,SAAS,CAAc,CACzF,CAAC,CAAC,CAAC,IAAI;YAGP,kBAAkB,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,UAAU,EAAE,kBAAkB,GAAI,CAAC,CAAC,CAAC,IAAI;YAG9E,oBAAC,YAAY,IAAC,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,YAAY,GAAI,CAC1D,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -5,6 +5,6 @@ import { Typography } from "@gooddata/sdk-ui-kit";
|
|
|
5
5
|
export const AssistantTextMessageComponent = ({ message }) => {
|
|
6
6
|
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant" },
|
|
7
7
|
React.createElement(AgentIcon, null),
|
|
8
|
-
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content)));
|
|
8
|
+
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content.text)));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=AssistantTextMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssistantTextMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantTextMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,MAAM,CAAC,MAAM,6BAA6B,GAAwC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9F,OAAO,CACH,6BAAK,SAAS,EAAC,gFAAgF;QAC3F,oBAAC,SAAS,OAAG;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACjE,OAAO,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"AssistantTextMessage.js","sourceRoot":"","sources":["../../../src/components/messages/AssistantTextMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,MAAM,CAAC,MAAM,6BAA6B,GAAwC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9F,OAAO,CACH,6BAAK,SAAS,EAAC,gFAAgF;QAC3F,oBAAC,SAAS,OAAG;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACjE,OAAO,CAAC,OAAO,CAAC,IAAI,CACZ,CACX,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { GenAIChatFoundObjects } from "@gooddata/sdk-model";
|
|
3
|
+
type FoundObjectsProps = {
|
|
4
|
+
foundObjects?: GenAIChatFoundObjects;
|
|
5
|
+
};
|
|
6
|
+
export declare const FoundObjects: React.FC<FoundObjectsProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=FoundObjects.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FoundObjects.d.ts","sourceRoot":"","sources":["../../../src/components/messages/FoundObjects.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Hyperlink, Typography } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
export const FoundObjects = ({ foundObjects }) => {
|
|
5
|
+
const first5FoundObjects = foundObjects?.objects
|
|
6
|
+
?.filter((obj) => obj.type === "visualization")
|
|
7
|
+
.slice(0, 5);
|
|
8
|
+
const foundObjectsReasoning = foundObjects?.reasoning;
|
|
9
|
+
if (!first5FoundObjects) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message__found_objects" },
|
|
13
|
+
React.createElement(Typography, { tagName: "p" }, foundObjectsReasoning),
|
|
14
|
+
React.createElement("ul", null, first5FoundObjects.map((vis) => (React.createElement("li", { key: vis.id },
|
|
15
|
+
React.createElement(Hyperlink, { href: `/analyze/#/${vis.workspaceId}/${vis.id}/edit`, text: vis.title })))))));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=FoundObjects.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FoundObjects.js","sourceRoot":"","sources":["../../../src/components/messages/FoundObjects.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC1E,MAAM,kBAAkB,GAAG,YAAY,EAAE,OAAO;QAC5C,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,eAAe,CAAC;SAC9C,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjB,MAAM,qBAAqB,GAAG,YAAY,EAAE,SAAS,CAAC;IAEtD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,6BAAK,SAAS,EAAC,kDAAkD;QAC7D,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,IAAE,qBAAqB,CAAc;QAC5D,gCACK,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC7B,4BAAI,GAAG,EAAE,GAAG,CAAC,EAAE;YACX,oBAAC,SAAS,IAAC,IAAI,EAAE,cAAc,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,GAAI,CACnF,CACR,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
export const SystemMessageComponent = ({ message }) => {
|
|
4
4
|
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message mgd-gen-ai-chat__messages__message--system" },
|
|
5
|
-
React.createElement("div", { className: "gd-gen-ai-chat__messages__contents" }, message.content)));
|
|
5
|
+
React.createElement("div", { className: "gd-gen-ai-chat__messages__contents" }, message.content.text)));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=SystemMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../../../src/components/messages/SystemMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACH,6BAAK,SAAS,EAAC,8EAA8E;QACzF,6BAAK,SAAS,EAAC,oCAAoC,IAAE,OAAO,CAAC,OAAO,CAAO,
|
|
1
|
+
{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../../../src/components/messages/SystemMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACH,6BAAK,SAAS,EAAC,8EAA8E;QACzF,6BAAK,SAAS,EAAC,oCAAoC,IAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAO,CAC9E,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { UserTextMessage } from "../../model.js";
|
|
3
|
+
type UserTextMessageProps = {
|
|
4
|
+
message: UserTextMessage;
|
|
5
|
+
};
|
|
6
|
+
export declare const UserTextMessageComponent: React.FC<UserTextMessageProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=UserTextMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserTextMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/UserTextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,KAAK,oBAAoB,GAAG;IACxB,OAAO,EAAE,eAAe,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcnE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Typography } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
export const UserTextMessageComponent = ({ message }) => {
|
|
6
|
+
const classNames = cx("gd-gen-ai-chat__messages__message", "gd-gen-ai-chat__messages__message--user", message.content.cancelled && "gd-gen-ai-chat__messages__message--user--cancelled");
|
|
7
|
+
return (React.createElement("div", { className: classNames },
|
|
8
|
+
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content.text)));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=UserTextMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserTextMessage.js","sourceRoot":"","sources":["../../../src/components/messages/UserTextMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,YAAY,CAAC;AAM5B,MAAM,CAAC,MAAM,wBAAwB,GAAmC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,EAAE,CACjB,mCAAmC,EACnC,yCAAyC,EACzC,OAAO,CAAC,OAAO,CAAC,SAAS,IAAI,oDAAoD,CACpF,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU;QACtB,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACjE,OAAO,CAAC,OAAO,CAAC,IAAI,CACZ,CACX,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Visualization.d.ts","sourceRoot":"","sources":["../../../src/components/messages/Visualization.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Visualization.d.ts","sourceRoot":"","sources":["../../../src/components/messages/Visualization.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAMpE,KAAK,kBAAkB,GAAG;IACtB,UAAU,EAAE,6BAA6B,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuEtD,CAAC"}
|
|
@@ -1,12 +1,39 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
+
import { BarChart, ColumnChart, Headline, LineChart, PieChart } from "@gooddata/sdk-ui-charts";
|
|
4
|
+
import { PivotTable } from "@gooddata/sdk-ui-pivot";
|
|
3
5
|
import { Typography } from "@gooddata/sdk-ui-kit";
|
|
4
|
-
import { BaseChart } from "@gooddata/sdk-ui-charts";
|
|
5
6
|
import { useExecution } from "./useExecution.js";
|
|
6
7
|
export const Visualization = ({ definition }) => {
|
|
7
|
-
const
|
|
8
|
+
const { metrics, dimensions } = useExecution(definition);
|
|
8
9
|
return (React.createElement("div", { className: "gd-gen-ai-chat__messages__visualization" },
|
|
9
|
-
React.createElement(
|
|
10
|
-
|
|
10
|
+
React.createElement("div", { className: "gd-gen-ai-chat__messages__visualization__wrapper" }, (() => {
|
|
11
|
+
switch (definition.visualizationType) {
|
|
12
|
+
case "BAR":
|
|
13
|
+
return (React.createElement(BarChart, { height: 300, measures: metrics, viewBy: [dimensions[0], dimensions[1]].filter(Boolean), stackBy: metrics.length <= 1 ? dimensions[2] : undefined, config: {
|
|
14
|
+
// Better visibility with stacked bars if there are multiple metrics and dimensions
|
|
15
|
+
stackMeasures: metrics.length > 1 && dimensions.length === 2,
|
|
16
|
+
} }));
|
|
17
|
+
case "COLUMN":
|
|
18
|
+
return (React.createElement(ColumnChart, { height: 300, measures: metrics, viewBy: [dimensions[0], dimensions[1]].filter(Boolean), stackBy: metrics.length <= 1 ? dimensions[2] : undefined, config: {
|
|
19
|
+
// Better visibility with stacked bars if there are multiple metrics and dimensions
|
|
20
|
+
stackMeasures: metrics.length > 1 && dimensions.length === 2,
|
|
21
|
+
} }));
|
|
22
|
+
case "LINE":
|
|
23
|
+
return (React.createElement(LineChart, { height: 300, measures: metrics, trendBy: dimensions[0], segmentBy: metrics.length <= 1 ? dimensions[1] : undefined }));
|
|
24
|
+
case "PIE":
|
|
25
|
+
return (React.createElement(PieChart, { height: 300, measures: metrics, viewBy: metrics.length <= 1 ? dimensions[0] : undefined }));
|
|
26
|
+
case "TABLE":
|
|
27
|
+
return React.createElement(PivotTable, { measures: metrics, rows: dimensions });
|
|
28
|
+
case "HEADLINE":
|
|
29
|
+
return (React.createElement(Headline, { height: 300, primaryMeasure: metrics[0], secondaryMeasures: [metrics[1], metrics[2]].filter(Boolean) }));
|
|
30
|
+
default:
|
|
31
|
+
return assertNever(definition.visualizationType);
|
|
32
|
+
}
|
|
33
|
+
})()),
|
|
34
|
+
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__visualization__title" }, definition.title)));
|
|
35
|
+
};
|
|
36
|
+
const assertNever = (value) => {
|
|
37
|
+
throw new Error("Unknown visualization type: " + value);
|
|
11
38
|
};
|
|
12
39
|
//# sourceMappingURL=Visualization.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Visualization.js","sourceRoot":"","sources":["../../../src/components/messages/Visualization.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Visualization.js","sourceRoot":"","sources":["../../../src/components/messages/Visualization.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/messages/index.ts"],"names":[],"mappings":"AACA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/messages/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
|
-
export * from "./
|
|
2
|
+
export * from "./UserTextMessage.js";
|
|
3
|
+
export * from "./AssistantCancelledMessage.js";
|
|
3
4
|
export * from "./SystemMessage.js";
|
|
4
5
|
export * from "./AssistantTextMessage.js";
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/messages/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/messages/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { GenAIChatCreatedVisualization } from "@gooddata/sdk-model";
|
|
2
|
-
export declare const useExecution: (vis: GenAIChatCreatedVisualization) =>
|
|
2
|
+
export declare const useExecution: (vis: GenAIChatCreatedVisualization) => {
|
|
3
|
+
metrics: import("@gooddata/sdk-model").IMeasure<import("@gooddata/sdk-model").IMeasureDefinition>[];
|
|
4
|
+
dimensions: import("@gooddata/sdk-model").IAttribute[];
|
|
5
|
+
};
|
|
3
6
|
//# sourceMappingURL=useExecution.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExecution.d.ts","sourceRoot":"","sources":["../../../src/components/messages/useExecution.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,6BAA6B,
|
|
1
|
+
{"version":3,"file":"useExecution.d.ts","sourceRoot":"","sources":["../../../src/components/messages/useExecution.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,6BAA6B,EAKhC,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,YAAY,QAAS,6BAA6B;;;CAqB9D,CAAC"}
|