@gooddata/sdk-ui-gen-ai 10.13.0-alpha.2 → 10.13.0-alpha.21

package/styles/scss/main.scss

@@ -4,7 +4,6 @@
 @use "input";
 @use "variables" as variables;
 @use "messages";
-@use "agentState";
 @use "agentIcon";
 @use "window";
 
@@ -26,17 +25,36 @@
     }
 
     &__global_error {
-        padding: 4.5px 12px;
-        border-radius: 3px;
-        background: kit-variables.$gd-palette-error-dimmed;
         margin: variables.$y-spacing variables.$x-spacing;
+        display: flex;
+        flex-direction: column;
+        gap: 15px;
 
-        p {
-            color: kit-variables.$gd-palette-error-base;
+        &__buttons {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            gap: 15px;
         }
 
         &__details {
             padding: 6px;
+            border: 1px solid kit-variables.$gd-border-color;
+            border-radius: 3px;
+            background: kit-variables.$gd-color-light;
+        }
+
+        &__details pre {
+            margin: 0;
+            color: kit-variables.$gd-color-link;
+            font-size: 12px;
+            font-weight: 400;
+            line-height: 18px;
+            padding: 0;
+            resize: none;
+            tab-size: 2;
+            text-align: left;
+            white-space: pre-wrap;
         }
     }
 }

package/styles/scss/messages.scss

@@ -13,127 +13,144 @@
     // Use padding on the right to prevent the scrollbar from overlapping the content
     margin: variables.$y-spacing 0 0 variables.$x-spacing;
     padding-right: variables.$x-spacing;
+}
 
-    &__scroll {
-        display: flex;
-        flex-direction: column;
-        gap: 15px;
-    }
+.gd-gen-ai-chat__messages__scroll {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
 
-    &__message {
-        display: flex;
+.gd-gen-ai-chat__messages__message {
+    display: flex;
+}
 
-        &--user {
-            $tail-height: 7px;
-            $tail-width: 10px;
-
-            max-width: 80%;
-            background-color: kit-variables.$gd-palette-primary-base;
-            border-radius: 3px 3px 0 3px;
-            padding: 4.5px 12px;
-            position: relative;
-            align-self: flex-end;
-            margin-bottom: 29px;
-            animation: gd-gen-ai-message-in 0.3s ease-out;
-
-            &::after {
-                content: "";
-                position: absolute;
-                bottom: -$tail-height;
-                right: 0;
-                border: 0 solid transparent;
-                border-top: $tail-height solid kit-variables.$gd-palette-primary-base;
-                border-left-width: $tail-width;
-                width: 0;
-                height: 0;
-            }
-
-            .gd-gen-ai-chat__messages__contents {
-                color: kit-variables.$gd-color-white;
-            }
-
-            &--cancelled {
-                background-color: kit-variables.$gd-palette-primary-base-t80;
-            }
-
-            &--cancelled::after {
-                border-top-color: kit-variables.$gd-palette-primary-base-t80;
-            }
+.gd-gen-ai-chat__messages__message--user {
+    .gd-gen-ai-chat__messages__content--text {
+        $tail-height: 7px;
+        $tail-width: 10px;
+
+        max-width: 80%;
+        background-color: kit-variables.$gd-palette-primary-base;
+        border-radius: 3px 3px 0 3px;
+        padding: 4.5px 12px;
+        position: relative;
+        align-self: flex-end;
+        margin-bottom: 15px;
+        animation: gd-gen-ai-message-in 0.3s ease-out;
+
+        &::after {
+            content: "";
+            position: absolute;
+            bottom: -$tail-height;
+            right: 0;
+            border: 0 solid transparent;
+            border-top: $tail-height solid kit-variables.$gd-palette-primary-base;
+            border-left-width: $tail-width;
+            width: 0;
+            height: 0;
         }
 
-        &--assistant {
-            display: flex;
-            flex-direction: row;
-            gap: 10px;
-            align-items: flex-start;
-            margin-bottom: 39px;
-
-            &--cancelled .gd-gen-ai-chat__messages__contents {
-                color: kit-variables.$gd-color-disabled;
-            }
+        & p {
+            color: kit-variables.$gd-color-white;
         }
+    }
 
-        &--error .gd-gen-ai-chat__messages__contents {
-            flex: unset;
-            padding: 4.5px 12px;
-            border-radius: 3px;
-            background: kit-variables.$gd-palette-error-dimmed;
-            color: kit-variables.$gd-palette-error-base;
-        }
+    &.gd-gen-ai-chat__messages__message--cancelled .gd-gen-ai-chat__messages__content--text {
+        color: kit-variables.$gd-color-white;
+        background-color: kit-variables.$gd-palette-primary-base-t80;
+    }
 
-        &__found_objects ul {
-            margin: 0;
-        }
+    &.gd-gen-ai-chat__messages__message--cancelled .gd-gen-ai-chat__messages__content--text::after {
+        border-top-color: kit-variables.$gd-palette-primary-base-t80;
     }
+}
+
+.gd-gen-ai-chat__messages__message--assistant {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    align-items: flex-start;
+    margin-bottom: 39px;
+}
+
+.gd-gen-ai-chat__messages__contents {
+    flex: 1;
+    padding: 4.5px 0;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
 
-    &__contents {
-        flex: 1;
-        padding: 4.5px 0;
+.gd-gen-ai-chat__messages__content--error {
+    flex: unset;
+    padding: 4.5px 12px;
+    border-radius: 3px;
+    background: kit-variables.$gd-palette-error-dimmed;
+    color: kit-variables.$gd-palette-error-base;
+}
+
+.gd-gen-ai-chat__messages__message--cancelled .gd-gen-ai-chat__messages__content {
+    &,
+    & p,
+    & a,
+    & a:hover,
+    & a:active,
+    & a:visited {
+        color: kit-variables.$gd-color-disabled;
     }
+}
 
-    &__empty {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
+.gd-gen-ai-chat__loading {
+    animation: gd-gen-ai-message-loading 3s infinite linear;
+}
 
-        &__h1--accent {
-            color: kit-variables.$gd-palette-primary-base;
-        }
+.gd-gen-ai-chat__visualization {
+    margin: 10px 0;
+    padding: 10px;
+    border: 1px solid kit-variables.$is-focused-background;
+    background: kit-variables.$gd-color-white;
+    border-radius: 8px;
 
-        & .gd-button {
-            margin-top: 2em;
+    &__wrapper {
+        height: 250px;
+    }
 
-            & + .gd-button {
-                margin-top: 1em;
-                margin-left: 0;
-            }
-        }
+    &__title {
+        text-align: center;
+    }
+}
 
-        & .gd-button-text {
-            display: flex;
-            align-items: center;
-            line-height: 20px;
-            gap: 10px;
-        }
+.gd-gen-ai-chat__messages__empty {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    &__h1--accent {
+        color: kit-variables.$gd-palette-primary-base;
     }
 
-    &__visualization {
-        margin: 10px 0;
-        padding: 10px;
-        border: 1px solid kit-variables.$is-focused-background;
-        background: kit-variables.$gd-color-white;
-        border-radius: 8px;
+    & .gd-button {
+        margin-top: 2em;
 
-        &__wrapper {
-            height: 250px;
+        & + .gd-button {
+            margin-top: 1em;
+            margin-left: 0;
         }
+    }
 
-        &__title {
-            text-align: center;
-        }
+    & .gd-button-text {
+        display: flex;
+        align-items: center;
+        line-height: 20px;
+        gap: 10px;
     }
 }
 
+.gd-gen-ai-chat__messages__content .gd-hyperlink {
+    display: inline;
+}
+
 @keyframes gd-gen-ai-message-in {
     0% {
         opacity: 0;
@@ -144,3 +161,15 @@
         transform: translateY(0);
     }
 }
+
+@keyframes gd-gen-ai-message-loading {
+    0% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.3;
+    }
+    100% {
+        opacity: 1;
+    }
+}

package/esm/components/messages/AgentState.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare const AgentState: React.FC;
-//# sourceMappingURL=AgentState.d.ts.map

package/esm/components/messages/AgentState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentState.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAS9B,CAAC"}

package/esm/components/messages/AgentState.js

@@ -1,12 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { AgentIcon } from "./AgentIcon.js";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import { FormattedMessage } from "react-intl";
-export const AgentState = () => {
-    return (React.createElement("div", { className: "gd-gen-ai-chat__agent_state" },
-        React.createElement(AgentIcon, { loading: true }),
-        React.createElement(Typography, { className: "gd-gen-ai-chat__agent_state__status", tagName: "p" },
-            React.createElement(FormattedMessage, { id: "gd.gen-ai.state.in-progress" }))));
-};
-//# sourceMappingURL=AgentState.js.map

package/esm/components/messages/AgentState.js.map

@@ -1 +0,0 @@
-{"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;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,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;YACnE,oBAAC,gBAAgB,IAAC,EAAE,EAAC,6BAA6B,GAAG,CAC5C,CACX,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/messages/AssistantCancelledMessage.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { AssistantCancelledMessage } from "../../model.js";
-type AssistantCancelledMessageProps = {
-    message: AssistantCancelledMessage;
-};
-export declare const AssistantCancelledMessageComponent: React.FC<AssistantCancelledMessageProps>;
-export {};
-//# sourceMappingURL=AssistantCancelledMessage.d.ts.map

package/esm/components/messages/AssistantCancelledMessage.d.ts.map

@@ -1 +0,0 @@
-{"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;AAK3D,KAAK,8BAA8B,GAAG;IAClC,OAAO,EAAE,yBAAyB,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CASvF,CAAC"}

package/esm/components/messages/AssistantCancelledMessage.js

@@ -1,12 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import { AgentIcon } from "./AgentIcon.js";
-import { FormattedMessage } from "react-intl";
-export const AssistantCancelledMessageComponent = () => {
-    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" },
-        React.createElement(AgentIcon, { cancelled: true }),
-        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" },
-            React.createElement(FormattedMessage, { id: "gd.gen-ai.state.cancelled" }))));
-};
-//# sourceMappingURL=AssistantCancelledMessage.js.map

package/esm/components/messages/AssistantCancelledMessage.js.map

@@ -1 +0,0 @@
-{"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;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAM9C,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;YAClE,oBAAC,gBAAgB,IAAC,EAAE,EAAC,2BAA2B,GAAG,CAC1C,CACX,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/components/messages/AssistantErrorMessage.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { AssistantErrorMessage } from "../../model.js";
-import { WrappedComponentProps } from "react-intl";
-type AssistantErrorMessageProps = {
-    message: AssistantErrorMessage;
-};
-export declare const AssistantErrorMessageComponent: React.FC<import("react-intl").WithIntlProps<AssistantErrorMessageProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<AssistantErrorMessageProps & WrappedComponentProps>;
-};
-export {};
-//# sourceMappingURL=AssistantErrorMessage.d.ts.map

package/esm/components/messages/AssistantErrorMessage.d.ts.map

@@ -1 +0,0 @@
-{"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;AAIvD,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,KAAK,0BAA0B,GAAG;IAC9B,OAAO,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAmBF,eAAO,MAAM,8BAA8B;;CAAkD,CAAC"}

package/esm/components/messages/AssistantErrorMessage.js

@@ -1,14 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { AgentIcon } from "./AgentIcon.js";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import { FoundObjects } from "./FoundObjects.js";
-import { injectIntl } from "react-intl";
-const AssistantErrorMessageInnerComponent = ({ message, intl, }) => {
-    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" },
-        React.createElement(AgentIcon, { error: true }),
-        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content.error ?? intl.formatMessage({ id: "gd.gen-ai.invalid-question" })),
-        React.createElement(FoundObjects, { foundObjects: message.content.foundObjects })));
-};
-export const AssistantErrorMessageComponent = injectIntl(AssistantErrorMessageInnerComponent);
-//# sourceMappingURL=AssistantErrorMessage.js.map

package/esm/components/messages/AssistantErrorMessage.js.map

@@ -1 +0,0 @@
-{"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;AACjD,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAM/D,MAAM,mCAAmC,GAAiE,CAAC,EACvG,OAAO,EACP,IAAI,GACP,EAAE,EAAE;IACD,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,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,4BAA4B,EAAE,CAAC,CACzE;QAGb,oBAAC,YAAY,IAAC,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,YAAY,GAAI,CAC1D,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,UAAU,CAAC,mCAAmC,CAAC,CAAC"}

package/esm/components/messages/AssistantSearchCreateMessage.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { AssistantSearchCreateMessage } from "../../model.js";
-type AssistantSearchCreateMessageProps = {
-    message: AssistantSearchCreateMessage;
-};
-export declare const AssistantSearchCreateMessageComponent: React.FC<AssistantSearchCreateMessageProps>;
-export {};
-//# sourceMappingURL=AssistantSearchCreateMessage.d.ts.map

package/esm/components/messages/AssistantSearchCreateMessage.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/AssistantSearchCreateMessage.js

@@ -1,16 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { AgentIcon } from "./AgentIcon.js";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import { Visualization } from "./Visualization.js";
-import { FoundObjects } from "./FoundObjects.js";
-export const AssistantSearchCreateMessageComponent = ({ message, }) => {
-    const firstVisualization = message.content.createdVisualizations?.objects?.[0];
-    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant" },
-        React.createElement(AgentIcon, null),
-        React.createElement("div", { className: "gd-gen-ai-chat__messages__contents" },
-            message.content.createdVisualizations?.reasoning ? (React.createElement(Typography, { tagName: "p" }, message.content.createdVisualizations.reasoning)) : null,
-            firstVisualization ? React.createElement(Visualization, { definition: firstVisualization }) : null,
-            React.createElement(FoundObjects, { foundObjects: message.content.foundObjects }))));
-};
-//# sourceMappingURL=AssistantSearchCreateMessage.js.map

package/esm/components/messages/AssistantSearchCreateMessage.js.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/AssistantTextMessage.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { AssistantTextMessage } from "../../model.js";
-type AssistantTextMessageProps = {
-    message: AssistantTextMessage;
-};
-export declare const AssistantTextMessageComponent: React.FC<AssistantTextMessageProps>;
-export {};
-//# sourceMappingURL=AssistantTextMessage.d.ts.map

package/esm/components/messages/AssistantTextMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantTextMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantTextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,KAAK,yBAAyB,GAAG;IAC7B,OAAO,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAS7E,CAAC"}

package/esm/components/messages/AssistantTextMessage.js

@@ -1,10 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { AgentIcon } from "./AgentIcon.js";
-import { Typography } from "@gooddata/sdk-ui-kit";
-export const AssistantTextMessageComponent = ({ message }) => {
-    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message gd-gen-ai-chat__messages__message--assistant" },
-        React.createElement(AgentIcon, null),
-        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content.text)));
-};
-//# sourceMappingURL=AssistantTextMessage.js.map

package/esm/components/messages/AssistantTextMessage.js.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/FoundObjects.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { GenAIChatFoundObjects } from "@gooddata/sdk-model";
-type FoundObjectsProps = {
-    foundObjects?: GenAIChatFoundObjects;
-};
-export declare const FoundObjects: React.FC<FoundObjectsProps>;
-export {};
-//# sourceMappingURL=FoundObjects.d.ts.map

package/esm/components/messages/FoundObjects.d.ts.map

@@ -1 +0,0 @@
-{"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,EAA6B,MAAM,qBAAqB,CAAC;AAEvF,KAAK,iBAAiB,GAAG;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}

package/esm/components/messages/FoundObjects.js

@@ -1,28 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { Hyperlink, Typography } from "@gooddata/sdk-ui-kit";
-const SUPPORTED_OBJECT_TYPES = ["visualization", "dashboard"];
-export const FoundObjects = ({ foundObjects }) => {
-    const first5FoundObjects = React.useMemo(() => {
-        return foundObjects?.objects?.filter((obj) => SUPPORTED_OBJECT_TYPES.includes(obj.type)).slice(0, 5);
-    }, [foundObjects?.objects]);
-    const foundObjectsReasoning = foundObjects?.reasoning;
-    if (!first5FoundObjects) {
-        return null;
-    }
-    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message__found_objects" },
-        React.createElement(Typography, { tagName: "p" }, foundObjectsReasoning),
-        React.createElement("ul", null, first5FoundObjects.map((obj) => (React.createElement("li", { key: obj.id },
-            React.createElement(Hyperlink, { href: getFoundObjectLink(obj), text: obj.title })))))));
-};
-const getFoundObjectLink = (obj) => {
-    switch (obj.type) {
-        case "visualization":
-            return `/analyze/#/${obj.workspaceId}/${obj.id}/edit`;
-        case "dashboard":
-            return `/dashboards/#/workspace/${obj.workspaceId}/dashboard/${obj.id}`;
-        default:
-            throw new Error(`Unsupported object type ${obj.type}`);
-    }
-};
-//# sourceMappingURL=FoundObjects.js.map

package/esm/components/messages/FoundObjects.js.map

@@ -1 +0,0 @@
-{"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,sBAAsB,GAAG,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IAC1E,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,OAAO,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACzG,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5B,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,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,GAAI,CAC5D,CACR,CAAC,CACD,CACH,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,GAA8B,EAAE,EAAE;IAC1D,QAAQ,GAAG,CAAC,IAAI,EAAE,CAAC;QACf,KAAK,eAAe;YAChB,OAAO,cAAc,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC;QAC1D,KAAK,WAAW;YACZ,OAAO,2BAA2B,GAAG,CAAC,WAAW,cAAc,GAAG,CAAC,EAAE,EAAE,CAAC;QAC5E;YACI,MAAM,IAAI,KAAK,CAAC,2BAA2B,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/D,CAAC;AACL,CAAC,CAAC"}

package/esm/components/messages/SystemMessage.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { SystemMessage } from "../../model.js";
-type SystemMessageProps = {
-    message: SystemMessage;
-};
-export declare const SystemMessageComponent: React.FC<SystemMessageProps>;
-export {};
-//# sourceMappingURL=SystemMessage.d.ts.map

package/esm/components/messages/SystemMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SystemMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/SystemMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,kBAAkB,GAAG;IACtB,OAAO,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAM/D,CAAC"}

package/esm/components/messages/SystemMessage.js

@@ -1,7 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-export const SystemMessageComponent = ({ message }) => {
-    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__message mgd-gen-ai-chat__messages__message--system" },
-        React.createElement("div", { className: "gd-gen-ai-chat__messages__contents" }, message.content.text)));
-};
-//# sourceMappingURL=SystemMessage.js.map

package/esm/components/messages/SystemMessage.js.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/UserTextMessage.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { UserTextMessage } from "../../model.js";
-type UserTextMessageProps = {
-    message: UserTextMessage;
-};
-export declare const UserTextMessageComponent: React.FC<UserTextMessageProps>;
-export {};
-//# sourceMappingURL=UserTextMessage.d.ts.map

package/esm/components/messages/UserTextMessage.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/UserTextMessage.js

@@ -1,10 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import cx from "classnames";
-export const UserTextMessageComponent = ({ message }) => {
-    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");
-    return (React.createElement("div", { className: classNames },
-        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__contents" }, message.content.text)));
-};
-//# sourceMappingURL=UserTextMessage.js.map

package/esm/components/messages/UserTextMessage.js.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/Visualization.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { GenAIChatCreatedVisualization } from "@gooddata/sdk-model";
-type VisualizationProps = {
-    definition: GenAIChatCreatedVisualization;
-};
-export declare const Visualization: React.FC<VisualizationProps>;
-export {};
-//# sourceMappingURL=Visualization.d.ts.map

package/esm/components/messages/Visualization.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/esm/components/messages/Visualization.js

@@ -1,39 +0,0 @@
-// (C) 2024 GoodData Corporation
-import React from "react";
-import { BarChart, ColumnChart, Headline, LineChart, PieChart } from "@gooddata/sdk-ui-charts";
-import { PivotTable } from "@gooddata/sdk-ui-pivot";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import { useExecution } from "./useExecution.js";
-export const Visualization = ({ definition }) => {
-    const { metrics, dimensions } = useExecution(definition);
-    return (React.createElement("div", { className: "gd-gen-ai-chat__messages__visualization" },
-        React.createElement("div", { className: "gd-gen-ai-chat__messages__visualization__wrapper" }, (() => {
-            switch (definition.visualizationType) {
-                case "BAR":
-                    return (React.createElement(BarChart, { height: 300, measures: metrics, viewBy: [dimensions[0], dimensions[1]].filter(Boolean), stackBy: metrics.length <= 1 ? dimensions[2] : undefined, config: {
-                            // Better visibility with stacked bars if there are multiple metrics and dimensions
-                            stackMeasures: metrics.length > 1 && dimensions.length === 2,
-                        } }));
-                case "COLUMN":
-                    return (React.createElement(ColumnChart, { height: 300, measures: metrics, viewBy: [dimensions[0], dimensions[1]].filter(Boolean), stackBy: metrics.length <= 1 ? dimensions[2] : undefined, config: {
-                            // Better visibility with stacked bars if there are multiple metrics and dimensions
-                            stackMeasures: metrics.length > 1 && dimensions.length === 2,
-                        } }));
-                case "LINE":
-                    return (React.createElement(LineChart, { height: 300, measures: metrics, trendBy: dimensions[0], segmentBy: metrics.length <= 1 ? dimensions[1] : undefined }));
-                case "PIE":
-                    return (React.createElement(PieChart, { height: 300, measures: metrics, viewBy: metrics.length <= 1 ? dimensions[0] : undefined }));
-                case "TABLE":
-                    return React.createElement(PivotTable, { measures: metrics, rows: dimensions });
-                case "HEADLINE":
-                    return (React.createElement(Headline, { height: 300, primaryMeasure: metrics[0], secondaryMeasures: [metrics[1], metrics[2]].filter(Boolean) }));
-                default:
-                    return assertNever(definition.visualizationType);
-            }
-        })()),
-        React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__messages__visualization__title" }, definition.title)));
-};
-const assertNever = (value) => {
-    throw new Error("Unknown visualization type: " + value);
-};
-//# sourceMappingURL=Visualization.js.map