@gooddata/sdk-ui-gen-ai 11.11.0-alpha.3 → 11.11.0-alpha.5

package/styles/scss/messages.scss

@@ -228,12 +228,23 @@
 .gd-gen-ai-chat__messages__content--semantic-search {
     display: grid;
 
+    header {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 7px;
+        margin: 10px 0 5px 0;
+        font-size: 14px;
+        font-weight: 400;
+        color: var(--gd-palette-complementary-7);
+    }
+
     .gd-ui-kit-treeview {
         border: 1px solid kit-variables.$gd-border-color;
         border-radius: 8px;
         overflow-x: hidden;
         overflow-y: auto;
-        margin: 15px 0 0 0;
+        margin: 0;
     }
 }
 
@@ -430,6 +441,12 @@
         width: 100%;
     }
 
+    &__legend {
+        color: var(--gd-palette-complementary-7);
+        line-height: 21px;
+        margin-bottom: 10px;
+    }
+
     &__section {
         display: flex;
         flex-direction: column;
@@ -439,6 +456,11 @@
         display: flex;
         flex-direction: column;
         gap: 10px;
+
+        .gd-label {
+            color: var(--gd-palette-complementary-8);
+            line-height: 19px;
+        }
     }
 
     &__textarea {
@@ -453,5 +475,9 @@
         &::placeholder {
             color: var(--gd-palette-complementary-5, #b0beca);
         }
+
+        textarea {
+            min-height: 84px;
+        }
     }
 }

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

@@ -1,9 +0,0 @@
-import { SVGAttributes } from "react";
-type AgentStateIconProps = SVGAttributes<SVGSVGElement> & {
-    loading?: boolean;
-    error?: boolean;
-    cancelled?: boolean;
-};
-export declare function AgentIcon({ loading, error, cancelled, className, ...rest }: AgentStateIconProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AgentIcon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AAM/C,KAAK,mBAAmB,GAAG,aAAa,CAAC,aAAa,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,OAAe,EACf,KAAa,EACb,SAAiB,EACjB,SAAc,EACd,GAAG,IAAI,EACV,EAAE,mBAAmB,2CA4ErB"}

package/esm/components/messages/AgentIcon.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2024-2025 GoodData Corporation
-import { useMemo } from "react";
-import cx from "classnames";
-let INSTANCE_COUNTER = 0;
-export function AgentIcon({ loading = false, error = false, cancelled = false, className = "", ...rest }) {
-    // A precaution in case there are multiple instances of the component on the same page
-    // In-line SVGs must obey the unique ID rule as any other HTML element
-    const instanceId = useMemo(() => INSTANCE_COUNTER++, []);
-    const isLoading = loading && !cancelled && !error;
-    // We are adding only one modifier class at a time
-    const cn = cx("gd-gen-ai-chat__agent_icon", {
-        // Error state has the top priority
-        "gd-gen-ai-chat__agent_icon--error": error,
-        // Cancelled state
-        "gd-gen-ai-chat__agent_icon--cancelled": !error && cancelled,
-        // Loading state
-        "gd-gen-ai-chat__agent_icon--loading": isLoading,
-        // The default state with animation on first appearance
-        "gd-gen-ai-chat__agent_icon--appear": !loading && !error && !cancelled,
-    }, className);
-    return (_jsxs("svg", { ...rest, className: cn, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: `url(#clip_mask_${instanceId})`, children: [isLoading ? (_jsxs("g", { className: "gd-gen-ai-chat__agent_icon__circle", children: [_jsx("path", { d: "M 0 -16 A 16 16 0 0 1 0 16", stroke: `url(#first_half_${instanceId})` }), _jsx("path", { d: "M 0 16 A 16 16 0 0 1 0 -16", stroke: `url(#second_half_${instanceId})` })] })) : (_jsx("circle", { cx: "16", cy: "16", r: "16", className: "gd-gen-ai-chat__agent_icon__background" })), _jsx("path", { className: "gd-gen-ai-chat__agent_icon__star", d: "M16.2317 7.76912C16.2737 7.51389 16.6407 7.5139 16.6827 7.76913L17.1108 10.368C17.493 12.6883 19.3116 14.507 21.632 14.8892L24.2308 15.3172C24.4861 15.3593 24.4861 15.7263 24.2308 15.7683L21.632 16.1964C19.3116 16.5786 17.493 18.3972 17.1108 20.7176L16.6827 23.3164C16.6407 23.5716 16.2737 23.5716 16.2317 23.3164L15.8036 20.7176C15.4214 18.3972 13.6027 16.5786 11.2824 16.1964L8.68355 15.7683C8.42832 15.7263 8.42832 15.3593 8.68355 15.3172L11.2824 14.8892C13.6027 14.507 15.4214 12.6883 15.8036 10.368L16.2317 7.76912Z" }), _jsx("path", { className: "gd-gen-ai-chat__agent_icon__star gd-gen-ai-chat__agent_icon__star--flickr", d: "M9.87936 20.2796C9.91251 20.0783 10.2019 20.0783 10.235 20.2796C10.3606 21.0419 10.9581 21.6394 11.7204 21.765C11.9217 21.7981 11.9217 22.0875 11.7204 22.1206C10.9581 22.2462 10.3606 22.8437 10.235 23.606C10.2019 23.8073 9.91251 23.8073 9.87936 23.606C9.75379 22.8437 9.15629 22.2462 8.39396 22.1206C8.19271 22.0875 8.19271 21.7981 8.39396 21.765C9.15629 21.6394 9.75379 21.0419 9.87936 20.2796Z" }), _jsx("path", { className: "gd-gen-ai-chat__agent_icon__star gd-gen-ai-chat__agent_icon__star--flickr gd-gen-ai-chat__agent_icon__star--flickr--delay", d: "M22.6793 7.47953C22.7124 7.27828 23.0018 7.27828 23.0349 7.47953C23.1605 8.24186 23.758 8.83936 24.5203 8.96493C24.7216 8.99808 24.7216 9.28744 24.5203 9.32059C23.758 9.44616 23.1605 10.0437 23.0349 10.806C23.0018 11.0072 22.7124 11.0072 22.6793 10.806C22.5537 10.0437 21.9562 9.44616 21.1939 9.32059C20.9926 9.28744 20.9926 8.99808 21.1939 8.96493C21.9562 8.83936 22.5537 8.24186 22.6793 7.47953Z" })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: `first_half_${instanceId}`, gradientUnits: "objectBoundingBox", x1: "0", y1: "1", x2: "0", y2: "0", children: [_jsx("stop", { offset: "0%", className: "gd-gen-ai-chat__agent_icon__grad--from" }), _jsx("stop", { offset: "100%", className: "gd-gen-ai-chat__agent_icon__grad--mid" })] }), _jsxs("linearGradient", { className: "gd-gen-ai-chat__agent_icon__grad2", id: `second_half_${instanceId}`, gradientUnits: "objectBoundingBox", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", className: "gd-gen-ai-chat__agent_icon__grad--mid" }), _jsx("stop", { offset: "100%", className: "gd-gen-ai-chat__agent_icon__grad--to" })] }), _jsx("clipPath", { id: `clip_mask_${instanceId}`, children: _jsx("rect", { width: "32", height: "32", rx: "16" }) })] })] }));
-}
-//# sourceMappingURL=AgentIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentIcon.js","sourceRoot":"","sources":["../../../src/components/messages/AgentIcon.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAQzB,MAAM,UAAU,SAAS,CAAC,EACtB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,EACd,GAAG,IAAI,EACW;IAClB,sFAAsF;IACtF,sEAAsE;IACtE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC;IAElD,kDAAkD;IAClD,MAAM,EAAE,GAAG,EAAE,CACT,4BAA4B,EAC5B;QACI,mCAAmC;QACnC,mCAAmC,EAAE,KAAK;QAC1C,kBAAkB;QAClB,uCAAuC,EAAE,CAAC,KAAK,IAAI,SAAS;QAC5D,gBAAgB;QAChB,qCAAqC,EAAE,SAAS;QAChD,uDAAuD;QACvD,oCAAoC,EAAE,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS;KACzE,EACD,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,kBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,aAAG,QAAQ,EAAE,kBAAkB,UAAU,GAAG,aACvC,SAAS,CAAC,CAAC,CAAC,CACT,aAAG,SAAS,EAAC,oCAAoC,aAC7C,eAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAE,mBAAmB,UAAU,GAAG,GAAI,EACjF,eAAM,CAAC,EAAC,4BAA4B,EAAC,MAAM,EAAE,oBAAoB,UAAU,GAAG,GAAI,IAClF,CACP,CAAC,CAAC,CAAC,CACA,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,wCAAwC,GAAG,CACvF,EACD,eACI,SAAS,EAAC,kCAAkC,EAC5C,CAAC,EAAC,0gBAA0gB,GAC9gB,EACF,eACI,SAAS,EAAC,2EAA2E,EACrF,CAAC,EAAC,6YAA6Y,GACjZ,EACF,eACI,SAAS,EAAC,2HAA2H,EACrI,CAAC,EAAC,+YAA+Y,GACnZ,IACF,EACJ,2BACI,0BACI,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,aAEN,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,wCAAwC,GAAG,EACvE,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,uCAAuC,GAAG,IAC3D,EACjB,0BACI,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,aAEN,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,uCAAuC,GAAG,EACtE,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,sCAAsC,GAAG,IAC1D,EACjB,mBAAU,EAAE,EAAE,aAAa,UAAU,EAAE,YACnC,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,GAChC,IACR,IACL,CACT,CAAC;AACN,CAAC"}

package/styles/css/agentIcon.css

@@ -1,98 +0,0 @@
-/* allow vendor prefixes and disable max length */
-/* allow vendor prefixes and disable max length */
-/* ==========================================================================
-   Mixins, silent classes etc.
-   ========================================================================== */
-.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--cancelled .gd-gen-ai-chat__agent_icon__background {
-  fill: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
-}
-.gd-gen-ai-chat__agent_icon--cancelled .gd-gen-ai-chat__agent_icon__star {
-  fill: var(--gd-palette-complementary-5, #b0beca);
-}
-.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, var(--gd-palette-primary-base, #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: var(--gd-palette-complementary-0, #fff);
-  }
-  50% {
-    fill: var(--gd-palette-error-dimmed, #fcedec);
-  }
-  100% {
-    fill: var(--gd-palette-complementary-0, #fff);
-  }
-}
-
-/*# sourceMappingURL=agentIcon.css.map */

package/styles/css/agentIcon.css.map

@@ -1 +0,0 @@
-{"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/agentIcon.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACWA;EACI;EACA;EACA;;AAEA;EACI,MCuBoB;;ADpBxB;EACI;EACA;EACA;;AAGJ;EACI,MCUkB;;ADNlB;EACI;;AAGJ;EAGI;;AAEA;EACI;;AAMR;EACI;;AAKJ;EACI;EACA;EACA;EACA;;AAKJ;EACI,MChDK;;ADmDT;EACI,MClDQ;;ADuDZ;EACI,YCpCc;;ADuClB;EACI,YAxEuB;;AA2E3B;EACI,YCrCkB;;;AD0C9B;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI,MCxEoB;;ED2ExB;IACI,MC/EkB;;EDkFtB;IACI,MChFoB;;;ADoF5B;EACI;IACI,MChGc;;EDmGlB;IACI,MC1EkB;;ED6EtB;IACI,MCxGc","file":"agentIcon.css"}

package/styles/scss/agentIcon.scss

@@ -1,141 +0,0 @@
-// (C) 2024-2025 GoodData Corporation
-
-@use "sass:color";
-@use "variables" as variables;
-@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
-@use "@gooddata/sdk-ui-kit/styles/scss/mixins" as kit-mixins;
-@use "@gooddata/sdk-ui-kit/styles/scss/Form/mixins" as form-mixins;
-
-// Needed for spinner as a mid-point color
-$gd-palette-primary-base-midpoint: color-mix(
-    in sRGB,
-    kit-variables.$gd-palette-primary-base 50%,
-    kit-variables.$gd-palette-primary-dimmed 50%
-);
-
-.gd-gen-ai-chat__agent_icon {
-    width: 32px;
-    height: 32px;
-    flex-shrink: 0;
-
-    &__background {
-        fill: kit-variables.$gd-palette-primary-dimmed;
-    }
-
-    &__circle {
-        fill: none;
-        stroke-width: 2px;
-        transform: translate(16px, 16px);
-    }
-
-    &__star {
-        fill: kit-variables.$gd-palette-primary-base;
-    }
-
-    &--loading & {
-        &__circle {
-            animation: gd-gen-ai-chat__agent_icon--rotation 2s linear infinite;
-        }
-
-        &__star--flickr {
-            $duration: 2s;
-
-            animation: gd-gen-ai-chat__agent_icon--flickr $duration linear infinite;
-
-            &--delay {
-                animation-delay: calc($duration / 3);
-            }
-        }
-    }
-
-    &--appear & {
-        &__background {
-            animation: gd-gen-ai-chat__agent_icon--appear 0.3s ease-out;
-        }
-    }
-
-    &--error & {
-        &__background {
-            fill: none;
-            stroke-width: 1px;
-            stroke: kit-variables.$gd-palette-error-dimmed;
-            animation: gd-gen-ai-chat__agent_icon--appear--error 0.3s ease-out;
-        }
-    }
-
-    &--cancelled & {
-        &__background {
-            fill: kit-variables.$gd-color-light;
-        }
-
-        &__star {
-            fill: kit-variables.$gd-color-disabled;
-        }
-    }
-
-    &__grad {
-        &--from {
-            stop-color: kit-variables.$gd-palette-primary-base;
-        }
-
-        &--mid {
-            stop-color: $gd-palette-primary-base-midpoint;
-        }
-
-        &--to {
-            stop-color: kit-variables.$gd-palette-primary-base-t80;
-        }
-    }
-}
-
-@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: kit-variables.$gd-palette-primary-dimmed;
-    }
-
-    50% {
-        fill: kit-variables.$gd-palette-primary-base;
-    }
-
-    100% {
-        fill: kit-variables.$gd-palette-primary-dimmed;
-    }
-}
-
-@keyframes gd-gen-ai-chat__agent_icon--appear--error {
-    0% {
-        fill: kit-variables.$gd-color-text-light;
-    }
-
-    50% {
-        fill: kit-variables.$gd-palette-error-dimmed;
-    }
-
-    100% {
-        fill: kit-variables.$gd-color-text-light;
-    }
-}