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

package/styles/css/messages.css

@@ -148,10 +148,15 @@
   border: 1px solid var(--gd-palette-complementary-2, #ebeff4);
   background: var(--gd-palette-complementary-0, #fff);
   border-radius: 8px;
+  position: relative;
 }
 .gd-gen-ai-chat__visualization__wrapper {
   height: 250px;
 }
+.gd-gen-ai-chat__visualization__wrapper--headline {
+  height: auto;
+  min-height: 50px;
+}
 .gd-gen-ai-chat__visualization__title {
   text-align: center;
   margin-top: 15px;
@@ -165,6 +170,32 @@
 .gd-gen-ai-chat__visualization__suggestions .gd-button + .gd-button {
   margin-left: 0;
 }
+.gd-gen-ai-chat__visualization__save-dialog {
+  width: 400px;
+}
+.gd-gen-ai-chat__visualization__save-dialog .gd-dialog-content p {
+  margin-bottom: 1em;
+}
+.gd-gen-ai-chat__visualization__save {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+  cursor: pointer;
+  opacity: 0.8;
+  background: var(--gd-palette-complementary-8, #464e56);
+  border-radius: 3px;
+  height: 35px;
+  width: 40px;
+}
+.gd-gen-ai-chat__visualization:hover .gd-gen-ai-chat__visualization__save {
+  display: flex;
+}
+.gd-gen-ai-chat__visualization__save__bubble {
+  display: flex;
+}
 
 .gd-gen-ai-chat__messages__empty {
   display: flex;

package/styles/css/messages.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACKA;EACI;EACA;EAGA;EACA,eCbQ;;;ADgBZ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MElBQ;;;AFsBhB;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,ME3BkB;EF4BlB;;AAGJ;EAEI,MEjCkB;;AFoCtB;EAEI,MEtCkB;;;AF2CtB;EAII;EACA,kBEhDkB;EFiDlB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,mBAlBS;EAmBT;EACA;;AAGJ;EACI,OE7FK;;AFiGb;EACI,OElGS;EFmGT,kBEpEsB;;AFuE1B;EACI,kBExEsB;;;AF4E9B;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EAEI;;AAIJ;EG3IA,aDuFc;ECnFd;EA+CA;EACA,OD7BY;EC8BZ;;;AH2FJ;EACI;EACA;EACA;EACA,YE/FsB;EFgGtB,OElGoB;;;AFsGpB;EAMI,OEjJY;;;AFqJpB;EACI;;;AAGJ;EACI;EACA;EACA;EACA,YEjKa;EFkKb;;AAEA;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;;AAEA;EACI,OEvKkB;;AF0KtB;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI","file":"messages.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACKA;EACI;EACA;EAGA;EACA,eCbQ;;;ADgBZ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MElBQ;;;AFsBhB;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,ME3BkB;EF4BlB;;AAGJ;EAEI,MEjCkB;;AFoCtB;EAEI,MEtCkB;;;AF2CtB;EAII;EACA,kBEhDkB;EFiDlB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,mBAlBS;EAmBT;EACA;;AAGJ;EACI,OE7FK;;AFiGb;EACI,OElGS;EFmGT,kBEpEsB;;AFuE1B;EACI,kBExEsB;;;AF4E9B;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EAEI;;AAIJ;EG3IA,aDuFc;ECnFd;EA+CA;EACA,OD7BY;EC8BZ;;;AH2FJ;EACI;EACA;EACA;EACA,YE/FsB;EFgGtB,OElGoB;;;AFsGpB;EAMI,OEjJY;;;AFqJpB;EACI;;;AAGJ;EACI;EACA;EACA;EACA,YEjKa;EFkKb;EACA;;AAEA;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YElMQ;EFmMR;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,OE5MkB;;AF+MtB;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI","file":"messages.css"}

package/styles/scss/messages.scss

@@ -1,4 +1,4 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 
 @use "sass:color";
 @use "variables" as variables;
@@ -178,9 +178,15 @@
     border: 1px solid kit-variables.$is-focused-background;
     background: kit-variables.$gd-color-white;
     border-radius: 8px;
+    position: relative;
 
     &__wrapper {
         height: 250px;
+
+        &--headline {
+            height: auto;
+            min-height: 50px;
+        }
     }
 
     &__title {
@@ -198,6 +204,37 @@
             margin-left: 0;
         }
     }
+
+    &__save-dialog {
+        width: 400px;
+
+        .gd-dialog-content p {
+            margin-bottom: 1em;
+        }
+    }
+
+    &__save {
+        display: none;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: 0.5em;
+        right: 0.5em;
+        cursor: pointer;
+        opacity: 0.8;
+        background: kit-variables.$gd-color-text;
+        border-radius: 3px;
+        height: 35px;
+        width: 40px;
+    }
+
+    &:hover &__save {
+        display: flex;
+    }
+
+    &__save__bubble {
+        display: flex;
+    }
 }
 
 .gd-gen-ai-chat__messages__empty {