@gooddata/sdk-ui-gen-ai 10.12.0-alpha.3

package/styles/css/main.css

@@ -0,0 +1,456 @@
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+/* ==========================================================================
+   Mixins, silent classes etc.
+   ========================================================================== */
+.gd-gen-ai-chat__input {
+  position: relative;
+  margin: 0 15px;
+}
+.gd-gen-ai-chat__input__textarea {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px 7px 5px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  line-height: normal;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-0, #fff);
+  font-size: 14px;
+  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
+  font-weight: 200;
+  -moz-transition-property: all;
+  -webkit-transition-property: all;
+  transition-property: all;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  border-radius: 3px;
+  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
+  resize: none;
+  box-sizing: border-box;
+  width: 100%;
+  outline: 0;
+  overflow: hidden;
+  padding-right: 30px;
+}
+.gd-gen-ai-chat__input__textarea::-webkit-input-placeholder {
+  color: var(--gd-palette-complementary-6, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+.gd-gen-ai-chat__input__textarea:-moz-placeholder {
+  color: var(--gd-palette-complementary-6, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+.gd-gen-ai-chat__input__textarea::-moz-placeholder {
+  color: var(--gd-palette-complementary-6, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+.gd-gen-ai-chat__input__textarea:-ms-input-placeholder {
+  color: var(--gd-palette-complementary-6, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+.gd-gen-ai-chat__input__textarea:hover {
+  border-color: var(--gd-palette-complementary-5, #b1c1d1);
+}
+.gd-gen-ai-chat__input__textarea:hover::-webkit-input-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__input__textarea:hover:-moz-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__input__textarea:hover::-moz-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__input__textarea:hover:-ms-input-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__input__textarea:focus {
+  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
+  outline: 0;
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__input__textarea:disabled, .gd-gen-ai-chat__input__textarea:disabled:hover, .gd-gen-ai-chat__input__textarea.disabled, .gd-gen-ai-chat__input__textarea.disabled:hover {
+  box-shadow: none;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  border-color: var(--gd-palette-complementary-4, #ccd8e2);
+  background-color: var(--gd-palette-complementary-0, #fcfcfd);
+}
+.gd-gen-ai-chat__input__send_button {
+  -moz-transition-property: all;
+  -webkit-transition-property: all;
+  transition-property: all;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  position: absolute;
+  top: 8.5px;
+  height: 15px;
+  right: 10px;
+  cursor: pointer;
+}
+.gd-gen-ai-chat__input__send_button path {
+  fill: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__input__send_button:hover path {
+  fill: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__input__send_button--disabled, .gd-gen-ai-chat__input__send_button--disabled:hover {
+  cursor: default;
+}
+.gd-gen-ai-chat__input__send_button--disabled path, .gd-gen-ai-chat__input__send_button--disabled:hover path {
+  fill: var(--gd-palette-complementary-5, #b0beca);
+}
+.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button path {
+  fill: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button--disabled, .gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button--disabled:hover {
+  cursor: default;
+}
+.gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button--disabled path, .gd-gen-ai-chat__input:focus-within .gd-gen-ai-chat__input__send_button--disabled:hover path {
+  fill: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.gd-gen-ai-chat__messages {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px 15px 0;
+}
+.gd-gen-ai-chat__messages__scroll {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+.gd-gen-ai-chat__messages__message {
+  display: flex;
+}
+.gd-gen-ai-chat__messages__message--user {
+  max-width: 80%;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+  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;
+}
+.gd-gen-ai-chat__messages__message--user::after {
+  content: "";
+  position: absolute;
+  bottom: -7px;
+  right: 0;
+  border: 0 solid transparent;
+  border-top: 7px solid var(--gd-palette-primary-base, #14b2e2);
+  border-left-width: 10px;
+  width: 0;
+  height: 0;
+}
+.gd-gen-ai-chat__messages__message--user .gd-gen-ai-chat__messages__contents {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+.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__message--error .gd-gen-ai-chat__messages__contents {
+  flex: unset;
+  padding: 4.5px 12px;
+  border-radius: 3px;
+  background: var(--gd-palette-error-dimmed, #fcedec);
+  color: var(--gd-palette-error-base, #e54d42);
+}
+.gd-gen-ai-chat__messages__contents {
+  flex: 1;
+  padding: 4.5px 0;
+}
+.gd-gen-ai-chat__messages__empty {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.gd-gen-ai-chat__messages__empty__h1--accent {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__messages__empty .gd-button {
+  margin-top: 2em;
+}
+.gd-gen-ai-chat__messages__empty .gd-button + .gd-button {
+  margin-top: 1em;
+  margin-left: 0;
+}
+.gd-gen-ai-chat__messages__visualization {
+  margin: 10px 0;
+  padding: 10px;
+  border: 1px solid var(--gd-palette-complementary-2, #ebeff4);
+  border-radius: 8px;
+}
+
+@keyframes gd-gen-ai-message-in {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.gd-gen-ai-chat__agent_state {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  align-items: center;
+  margin-bottom: 39px;
+}
+.gd-gen-ai-chat__agent_state__status {
+  animation: gd-gen-ai-agent-state 3s infinite linear;
+}
+
+@keyframes gd-gen-ai-agent-state {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.3;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.gd-gen-ai-chat__agent_icon {
+  width: 32px;
+  height: 32px;
+  flex-shrink: 0;
+}
+.gd-gen-ai-chat__agent_icon__background {
+  fill: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+.gd-gen-ai-chat__agent_icon__circle {
+  fill: none;
+  stroke-width: 2px;
+  transform: translate(16px, 16px);
+}
+.gd-gen-ai-chat__agent_icon__star {
+  fill: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__agent_icon--loading .gd-gen-ai-chat__agent_icon__circle {
+  animation: gd-gen-ai-chat__agent_icon--rotation 2s linear infinite;
+}
+.gd-gen-ai-chat__agent_icon--loading .gd-gen-ai-chat__agent_icon__star--flickr {
+  animation: gd-gen-ai-chat__agent_icon--flickr 2s linear infinite;
+}
+.gd-gen-ai-chat__agent_icon--loading .gd-gen-ai-chat__agent_icon__star--flickr--delay {
+  animation-delay: 0.6666666667s;
+}
+.gd-gen-ai-chat__agent_icon--appear .gd-gen-ai-chat__agent_icon__background {
+  animation: gd-gen-ai-chat__agent_icon--appear 0.3s ease-out;
+}
+.gd-gen-ai-chat__agent_icon--error .gd-gen-ai-chat__agent_icon__background {
+  fill: none;
+  stroke-width: 1px;
+  stroke: var(--gd-palette-error-dimmed, #fcedec);
+  animation: gd-gen-ai-chat__agent_icon--appear--error 0.3s ease-out;
+}
+.gd-gen-ai-chat__agent_icon__grad--from {
+  stop-color: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__agent_icon__grad--mid {
+  stop-color: color-mix(in sRGB, #14b2e2 50%, var(--gd-palette-primary-dimmed, #e8f7fc) 50%);
+}
+.gd-gen-ai-chat__agent_icon__grad--to {
+  stop-color: var(--gd-palette-primary-base-t80, rgba(20, 178, 226, 0.2));
+}
+
+@keyframes gd-gen-ai-chat__agent_icon--rotation {
+  0% {
+    transform: translate(16px, 16px) rotate(0deg);
+  }
+  100% {
+    transform: translate(16px, 16px) rotate(360deg);
+  }
+}
+@keyframes gd-gen-ai-chat__agent_icon--flickr {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes gd-gen-ai-chat__agent_icon--appear {
+  0% {
+    fill: var(--gd-palette-primary-dimmed, #e8f7fc);
+  }
+  50% {
+    fill: var(--gd-palette-primary-base, #14b2e2);
+  }
+  100% {
+    fill: var(--gd-palette-primary-dimmed, #e8f7fc);
+  }
+}
+@keyframes gd-gen-ai-chat__agent_icon--appear--error {
+  0% {
+    fill: rgba(255, 255, 255, 0);
+  }
+  50% {
+    fill: var(--gd-palette-error-dimmed, #fcedec);
+  }
+  100% {
+    fill: rgba(255, 255, 255, 0);
+  }
+}
+.gd-gen-ai-chat__window {
+  width: 420px;
+  height: calc(100vh - 84px);
+  background-color: var(--gd-palette-complementary-0, #fcfcfd);
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-radius: 3px;
+  box-shadow: 0 1px 20px 0 rgba(20, 56, 93, 0.1490196078);
+  display: flex;
+  flex-direction: column;
+}
+.gd-gen-ai-chat__window--fullscreen {
+  width: 768px;
+  height: calc(100vh - 60px);
+}
+.gd-gen-ai-chat__window__header {
+  flex-shrink: 0;
+  height: 45px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+  padding: 0 16px;
+}
+.gd-gen-ai-chat__window__header__gap {
+  flex: 1;
+}
+.gd-gen-ai-chat__window__header__divider {
+  width: 1px;
+  height: 29px;
+  background-color: var(--gd-palette-complementary-3, #dde4eb);
+}
+.gd-gen-ai-chat__window__header__icon {
+  display: flex;
+  cursor: pointer;
+}
+.gd-gen-ai-chat__window__header__icon svg path {
+  transition: fill 0.2s;
+  fill: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__window__header__icon--disabled {
+  cursor: default;
+}
+.gd-gen-ai-chat__window__header__icon--disabled svg path {
+  fill: var(--gd-palette-complementary-5, #b0beca);
+}
+.gd-gen-ai-chat__window__header__icon svg {
+  width: 18px;
+  height: 18px;
+}
+.gd-gen-ai-chat__window__header__icon--reset:not(.gd-gen-ai-chat__window__header__icon--disabled):hover svg path {
+  fill: var(--gd-palette-error-base, #e54d42);
+}
+.gd-gen-ai-chat__window__header__icon--close:not(.gd-gen-ai-chat__window__header__icon--disabled):hover svg path, .gd-gen-ai-chat__window__header__icon--fullscreen:not(.gd-gen-ai-chat__window__header__icon--disabled):hover svg path {
+  fill: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip] {
+  position: relative;
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip]::before {
+  content: "";
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 4px 6px 0 6px;
+  border-style: solid;
+  border-color: var(--gd-palette-complementary-8, #464e56) transparent transparent transparent;
+  z-index: 100;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip]::after {
+  content: attr(data-gd-tooltip);
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  transform: translateX(-50%) translateY(-100%);
+  background: var(--gd-palette-complementary-8, #464e56);
+  text-align: center;
+  color: var(--gd-palette-complementary-0, #fff);
+  padding: 0.3em 0.6em;
+  font-size: 0.85em;
+  min-width: 5em;
+  text-wrap: balance;
+  border-radius: 5px;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip]:hover::after, .gd-gen-ai-chat__window__header__icon[data-gd-tooltip]:hover::before {
+  opacity: 1;
+}
+
+.gd-gen-ai-chat {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 10px;
+  width: 100%;
+  height: 100%;
+  background-color: var(--gd-palette-complementary-0, #fcfcfd);
+}
+.gd-gen-ai-chat .gd-gen-ai-chat__disclaimer {
+  font-size: 12px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  text-align: center;
+  margin: 0 15px 10px;
+}
+
+/*# sourceMappingURL=main.css.map */

package/styles/css/main.css.map

@@ -0,0 +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/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/messages.scss","../scss/agentState.scss","../scss/agentIcon.scss","../scss/window.scss","../scss/main.scss","../scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;AAEA;EDWA;EACA;EACA;EACA;EACA;EACA;EACA,OECY;EFAZ,YEba;EFcb;EACA,aE8Dc;EF7Dd;EDkCA,0BChC2B;EDiC3B,6BCjC2B;EDkC3B,qBClC2B;EDsC3B,0BCtCgC;EDuChC,6BCvCgC;EDwChC,qBCxCgC;ED4ChC,iCC5CuC;ED6CvC,oCC7CuC;ED8CvC,4BC9CuC;EDrBvC;EAQI;EEMA;EACA;EACA;EACA;EACA;EACA;;AFmHJ;EEhIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AF+HrD;EEpIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AFmIrD;EExIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AFuIrD;EE5IQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AAUjD;EAKI,cCmGiB;;AHSzB;EE/GY,OCXA;;AH8HZ;EEnHY,OCXA;;AHkIZ;EEvHY,OCXA;;AHsIZ;EE3HY,OCXA;;ADiBR;EFrBA;EE0BI;EACA,cCRc;;ADad;EFhCJ;EEoCQ,OCrCI;EDsCJ,cC+EO;ED9EP,kBCzCC;;AD8Cb;EFEA,0BEDmC;EFEnC,6BEFmC;EFGnC,qBEHmC;EFOnC,0BEPwC;EFQxC,6BERwC;EFSxC,qBETwC;EFaxC,iCEb+C;EFc/C,oCEd+C;EFe/C,4BEf+C;EAE3C;EACA;EACA;EACA;EACA;;AAEA;EACI,MCjDI;;ADoDR;EACI,MCtCc;;ADyClB;EAEI;;AAEA;EACI,MClEI;;ADwEZ;EACI,MCrDc;;ADwDlB;EAEI;;AAEA;EACI,MCjFI;;;ACbpB;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EAII;EACA,kBDcc;ECbd;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,mBAlBS;EAmBT;EACA;;AAGJ;EACI,OD/BC;;ACmCT;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,YDJc;ECKd,ODPY;;ACWpB;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,ODvCc;;AC0ClB;EACI;;AAEA;EACI;EACA;;AAKZ;EACI;EACA;EACA;EACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;ACpGR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;;ACbR;EACI;EACA;EACA;;AAEA;EACI,MHuBoB;;AGpBxB;EACI;EACA;EACA;;AAGJ;EACI,MHUkB;;AGNlB;EACI;;AAGJ;EAGI;;AAEA;EACI;;AAMR;EACI;;AAKJ;EACI;EACA;EACA;EACA;;AAKJ;EACI,YH1Bc;;AG4BlB;EACI,YA7DuB;;AA+D3B;EACI,YHzBkB;;;AG8B9B;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAIR;EACI;IACI,MHzDoB;;EG2DxB;IACI,MH/DkB;;EGiEtB;IACI,MH/DoB;;;AGmE5B;EACI;IACI;;EAEJ;IACI,MHxDkB;;EG0DtB;IACI;;;AC/GR;EACI;EACA;EACA,kBJQa;EIPb;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,kBJFU;;AIKd;EACI;EACA;;AAEA;EACI;EACA,MJxBI;;AI2BR;EACI;;AAEA;EACI,MJpCI;;AIwCZ;EACI;EACA;;AAIA;EACI,MJVQ;;AIgBZ;EACI,MJlCU;;AIsClB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,YJzEI;EI0EJ;EACA,OJxFK;EIyFL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;;;AC5GZ;EACI;EACA;EACA;EACA,KCXQ;EDYR;EACA;EACA,kBLEa;;AKAb;EACI;EACA,OLEe;EKDf;EACA","file":"main.css"}

package/styles/css/messages.css

@@ -0,0 +1,94 @@
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+/* ==========================================================================
+   Mixins, silent classes etc.
+   ========================================================================== */
+.gd-gen-ai-chat__messages {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px 15px 0;
+}
+.gd-gen-ai-chat__messages__scroll {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+.gd-gen-ai-chat__messages__message {
+  display: flex;
+}
+.gd-gen-ai-chat__messages__message--user {
+  max-width: 80%;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+  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;
+}
+.gd-gen-ai-chat__messages__message--user::after {
+  content: "";
+  position: absolute;
+  bottom: -7px;
+  right: 0;
+  border: 0 solid transparent;
+  border-top: 7px solid var(--gd-palette-primary-base, #14b2e2);
+  border-left-width: 10px;
+  width: 0;
+  height: 0;
+}
+.gd-gen-ai-chat__messages__message--user .gd-gen-ai-chat__messages__contents {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+.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__message--error .gd-gen-ai-chat__messages__contents {
+  flex: unset;
+  padding: 4.5px 12px;
+  border-radius: 3px;
+  background: var(--gd-palette-error-dimmed, #fcedec);
+  color: var(--gd-palette-error-base, #e54d42);
+}
+.gd-gen-ai-chat__messages__contents {
+  flex: 1;
+  padding: 4.5px 0;
+}
+.gd-gen-ai-chat__messages__empty {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.gd-gen-ai-chat__messages__empty__h1--accent {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__messages__empty .gd-button {
+  margin-top: 2em;
+}
+.gd-gen-ai-chat__messages__empty .gd-button + .gd-button {
+  margin-top: 1em;
+  margin-left: 0;
+}
+.gd-gen-ai-chat__messages__visualization {
+  margin: 10px 0;
+  padding: 10px;
+  border: 1px solid var(--gd-palette-complementary-2, #ebeff4);
+  border-radius: 8px;
+}
+
+@keyframes gd-gen-ai-message-in {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/*# sourceMappingURL=messages.css.map */

package/styles/css/messages.css.map

@@ -0,0 +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","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EAII;EACA,kBCcc;EDbd;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,mBAlBS;EAmBT;EACA;;AAGJ;EACI,OC/BC;;ADmCT;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA,YCJc;EDKd,OCPY;;ADWpB;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,OCvCc;;AD0ClB;EACI;;AAEA;EACI;EACA;;AAKZ;EACI;EACA;EACA;EACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA","file":"messages.css"}

package/styles/css/variables.css

@@ -0,0 +1,3 @@
+
+
+/*# sourceMappingURL=variables.css.map */

package/styles/css/variables.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"variables.css"}

package/styles/css/window.css

@@ -0,0 +1,100 @@
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+/* ==========================================================================
+   Mixins, silent classes etc.
+   ========================================================================== */
+.gd-gen-ai-chat__window {
+  width: 420px;
+  height: calc(100vh - 84px);
+  background-color: var(--gd-palette-complementary-0, #fcfcfd);
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-radius: 3px;
+  box-shadow: 0 1px 20px 0 rgba(20, 56, 93, 0.1490196078);
+  display: flex;
+  flex-direction: column;
+}
+.gd-gen-ai-chat__window--fullscreen {
+  width: 768px;
+  height: calc(100vh - 60px);
+}
+.gd-gen-ai-chat__window__header {
+  flex-shrink: 0;
+  height: 45px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+  padding: 0 16px;
+}
+.gd-gen-ai-chat__window__header__gap {
+  flex: 1;
+}
+.gd-gen-ai-chat__window__header__divider {
+  width: 1px;
+  height: 29px;
+  background-color: var(--gd-palette-complementary-3, #dde4eb);
+}
+.gd-gen-ai-chat__window__header__icon {
+  display: flex;
+  cursor: pointer;
+}
+.gd-gen-ai-chat__window__header__icon svg path {
+  transition: fill 0.2s;
+  fill: var(--gd-palette-complementary-7, #6d7680);
+}
+.gd-gen-ai-chat__window__header__icon--disabled {
+  cursor: default;
+}
+.gd-gen-ai-chat__window__header__icon--disabled svg path {
+  fill: var(--gd-palette-complementary-5, #b0beca);
+}
+.gd-gen-ai-chat__window__header__icon svg {
+  width: 18px;
+  height: 18px;
+}
+.gd-gen-ai-chat__window__header__icon--reset:not(.gd-gen-ai-chat__window__header__icon--disabled):hover svg path {
+  fill: var(--gd-palette-error-base, #e54d42);
+}
+.gd-gen-ai-chat__window__header__icon--close:not(.gd-gen-ai-chat__window__header__icon--disabled):hover svg path, .gd-gen-ai-chat__window__header__icon--fullscreen:not(.gd-gen-ai-chat__window__header__icon--disabled):hover svg path {
+  fill: var(--gd-palette-primary-base, #14b2e2);
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip] {
+  position: relative;
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip]::before {
+  content: "";
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 4px 6px 0 6px;
+  border-style: solid;
+  border-color: var(--gd-palette-complementary-8, #464e56) transparent transparent transparent;
+  z-index: 100;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip]::after {
+  content: attr(data-gd-tooltip);
+  position: absolute;
+  top: -4px;
+  left: 50%;
+  transform: translateX(-50%) translateY(-100%);
+  background: var(--gd-palette-complementary-8, #464e56);
+  text-align: center;
+  color: var(--gd-palette-complementary-0, #fff);
+  padding: 0.3em 0.6em;
+  font-size: 0.85em;
+  min-width: 5em;
+  text-wrap: balance;
+  border-radius: 5px;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+.gd-gen-ai-chat__window__header__icon[data-gd-tooltip]:hover::after, .gd-gen-ai-chat__window__header__icon[data-gd-tooltip]:hover::before {
+  opacity: 1;
+}
+
+/*# sourceMappingURL=window.css.map */

package/styles/css/window.css.map

@@ -0,0 +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/window.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;EACA,kBCQa;EDPb;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA,kBCFU;;ADKd;EACI;EACA;;AAEA;EACI;EACA,MCxBI;;AD2BR;EACI;;AAEA;EACI,MCpCI;;ADwCZ;EACI;EACA;;AAIA;EACI,MCVQ;;ADgBZ;EACI,MClCU;;ADsClB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,YCzEI;ED0EJ;EACA,OCxFK;EDyFL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI","file":"window.css"}