@gooddata/sdk-ui-gen-ai 10.12.0-alpha.11 → 10.12.0-alpha.13

package/styles/scss/input.scss

@@ -72,11 +72,13 @@
         right: 10px;
         cursor: pointer;
 
-        & path {
+        & path,
+        & rect {
             fill: kit-variables.$gd-color-link;
         }
 
-        &:hover path {
+        &:hover path,
+        &:hover rect {
             fill: kit-variables.$gd-palette-primary-base;
         }
 
@@ -84,14 +86,16 @@
         &--disabled:hover {
             cursor: default;
 
-            path {
+            path,
+            rect {
                 fill: kit-variables.$gd-color-disabled;
             }
         }
     }
 
     &:focus-within &__send_button {
-        path {
+        path,
+        rect {
             fill: kit-variables.$gd-palette-primary-base;
         }
 
@@ -99,7 +103,8 @@
         &--disabled:hover {
             cursor: default;
 
-            path {
+            path,
+            rect {
                 fill: kit-variables.$gd-color-disabled;
             }
         }

package/styles/scss/main.scss

@@ -15,6 +15,7 @@
     gap: variables.$y-spacing;
     width: 100%;
     height: 100%;
+    overflow: hidden;
     background-color: kit-variables.$gd-color-light;
 
     & &__disclaimer {

package/styles/scss/messages.scss

@@ -9,7 +9,7 @@
 .gd-gen-ai-chat__messages {
     flex: 1;
     overflow-y: auto;
-    padding: variables.$y-spacing variables.$x-spacing 0;
+    margin: variables.$y-spacing variables.$x-spacing 0;
 
     &__scroll {
         display: flex;
@@ -48,6 +48,14 @@
             .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;
+            }
         }
 
         &--assistant {
@@ -56,6 +64,10 @@
             gap: 10px;
             align-items: flex-start;
             margin-bottom: 39px;
+
+            &--cancelled .gd-gen-ai-chat__messages__contents {
+                color: kit-variables.$gd-color-disabled;
+            }
         }
 
         &--error .gd-gen-ai-chat__messages__contents {
@@ -65,6 +77,10 @@
             background: kit-variables.$gd-palette-error-dimmed;
             color: kit-variables.$gd-palette-error-base;
         }
+
+        &__found_objects ul {
+            margin: 0;
+        }
     }
 
     &__contents {
@@ -95,7 +111,16 @@
         margin: 10px 0;
         padding: 10px;
         border: 1px solid kit-variables.$is-focused-background;
+        background: kit-variables.$gd-color-white;
         border-radius: 8px;
+
+        &__wrapper {
+            height: 250px;
+        }
+
+        &__title {
+            text-align: center;
+        }
     }
 }
 

package/styles/scss/window.scss

@@ -20,6 +20,10 @@
     &--fullscreen {
         width: 768px;
         height: calc(100vh - 60px);
+
+        .gd-gen-ai-chat__messages__visualization__wrapper {
+            height: 300px;
+        }
     }
 
     &__header {
@@ -28,8 +32,8 @@
         display: flex;
         flex-direction: row;
         align-items: center;
-        gap: 16px;
-        padding: 0 16px;
+        gap: 15px;
+        margin: 0 15px;
     }
 
     &__header__gap {

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/UserMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,KAAK,gBAAgB,GAAG;IACpB,OAAO,EAAE,WAAW,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQ3D,CAAC"}

package/esm/components/messages/UserMessage.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserMessage.js","sourceRoot":"","sources":["../../../src/components/messages/UserMessage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,MAAM,CAAC,MAAM,oBAAoB,GAA+B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5E,OAAO,CACH,6BAAK,SAAS,EAAC,2EAA2E;QACtF,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,oCAAoC,IACjE,OAAO,CAAC,OAAO,CACP,CACX,CACT,CAAC;AACN,CAAC,CAAC"}