@gooddata/sdk-ui-gen-ai 11.57.0 → 11.58.0-alpha.1

package/styles/scss/messages.scss

@@ -337,379 +337,6 @@ $dataset_color: #952f8e;
     }
 }
 
-//MESSAGES
-
-.gd-gen-ai-chat__messages__message {
-    display: flex;
-}
-
-.gd-gen-ai-chat__messages__message__contents_wrap {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    flex-grow: 1;
-}
-
-.gd-gen-ai-chat__messages__feedback {
-    display: flex;
-    flex-direction: row;
-    height: 20px;
-
-    svg {
-        opacity: 0;
-        transition: opacity 0.2s;
-    }
-
-    &:focus-within {
-        svg {
-            opacity: 1;
-        }
-    }
-}
-
-.gd-gen-ai-chat__messages__message:last-child .gd-gen-ai-chat__messages__feedback,
-.gd-gen-ai-chat__messages__message:hover .gd-gen-ai-chat__messages__feedback,
-.gd-gen-ai-chat__messages__feedback--assigned {
-    svg {
-        opacity: 1;
-    }
-}
-
-.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;
-        }
-
-        @include content-markdown(kit-variables.$gd-color-white, "user");
-    }
-
-    &.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;
-    }
-
-    &.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: 19px;
-
-    &:last-child {
-        margin-bottom: 40px;
-    }
-
-    .gd-gen-ai-chat__messages__content {
-        .gd-typography--h1,
-        .gd-typography--h2,
-        .gd-typography--h3,
-        .gd-typography--h4 {
-            margin-top: 15px;
-            margin-bottom: 10px;
-        }
-
-        .gd-typography--p {
-            margin-top: 5px;
-            margin-bottom: 5px;
-        }
-    }
-}
-
-.gd-gen-ai-chat__messages__contents {
-    flex: 1;
-    padding: 4.5px 0;
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-
-    // UI kit links have white-space nowrap, which is not desired in the chat
-    & .gd-hyperlink,
-    & .gd-hyperlink-text {
-        white-space: normal;
-    }
-
-    // List contents should be styled same as a pargraph
-    & li {
-        @include typo-mixins.gd-paragraph;
-    }
-
-    @include object-types("user");
-}
-
-.gd-gen-ai-chat__messages__content--text {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    p,
-    ul,
-    ol {
-        margin: 0 0 8px;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        margin-top: 12px;
-    }
-
-    h1:first-child,
-    h2:first-child,
-    h3:first-child,
-    h4:first-child,
-    h5:first-child,
-    h6:first-child {
-        margin-top: 0;
-    }
-
-    ul,
-    ol {
-        padding-left: 20px;
-    }
-
-    li {
-        margin-bottom: 4px;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-
-    p:last-child,
-    ul:last-child,
-    ol:last-child {
-        margin-bottom: 0;
-    }
-
-    table {
-        @include typo-mixins.gd-paragraph;
-        width: 100%;
-        border-collapse: collapse;
-        margin: 8px 0;
-    }
-
-    th,
-    td {
-        border: 1px solid kit-variables.$gd-border-color;
-        padding: 4px 8px;
-        text-align: left;
-    }
-
-    th {
-        background: kit-variables.$is-focused-background;
-        font-weight: 600;
-    }
-}
-
-.gd-gen-ai-chat__messages__content--error {
-    flex: unset;
-    padding: 4px 10px;
-    border-radius: 3px;
-    background: kit-variables.$gd-palette-error-dimmed;
-    color: kit-variables.$gd-palette-error-base;
-}
-
-.gd-gen-ai-chat__messages__content--changeAnalysis {
-    &__button {
-        margin-top: 15px;
-    }
-
-    &__metric {
-        display: inline-flex;
-        align-items: baseline;
-        flex-direction: row;
-        gap: 5px;
-        color: kit-variables.$gd-color-object-type-metric;
-
-        svg {
-            position: relative;
-            bottom: -4px;
-        }
-    }
-}
-
-.gd-gen-ai-chat__messages__content--semantic-search {
-    display: grid;
-
-    .gd-gen-ai-chat__messages__semantic-search-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;
-        overscroll-behavior: contain;
-        margin: 0;
-    }
-}
-
-.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;
-    }
-}
-
-.gd-gen-ai-chat__loading {
-    animation: gd-gen-ai-message-loading 3s infinite linear;
-}
-
-.gd-gen-ai-chat__visualization {
-    margin: 10px 0;
-    padding: 10px;
-    border-radius: 8px;
-    position: relative;
-    border: 1px solid kit-variables.$is-focused-background;
-    background: kit-variables.$gd-chart-background;
-    color: variables.$gd-dashboards-content-widget-title-color;
-
-    &--headline {
-        height: auto;
-        min-height: 50px;
-
-        // Headline value is smaller in chart, looks much better with contrast with other text
-        .headline-value {
-            font-size: 0.8em;
-        }
-
-        .gd-icon-filter::before {
-            background: none;
-        }
-    }
-
-    &--table {
-        background: kit-variables.$gd-table-background;
-    }
-
-    &__wrapper {
-        height: 250px;
-
-        &--headline {
-            height: auto;
-            min-height: 50px;
-        }
-    }
-
-    &__drill_overlay {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: rgba(0, 0, 0, 0.01);
-    }
-
-    &__title {
-        text-align: center;
-        margin-top: 15px;
-    }
-
-    &__suggestions {
-        display: flex;
-        flex-wrap: wrap;
-        flex-direction: row;
-        gap: 10px;
-
-        .gd-ui-kit-button + .gd-ui-kit-button {
-            margin-left: 0;
-        }
-    }
-
-    &__save-dialog {
-        width: 565px;
-
-        .gd-dialog-content p {
-            margin-bottom: 1em;
-        }
-    }
-
-    &__buttons {
-        position: absolute;
-        top: 0.5em;
-        right: 0.5em;
-        display: flex;
-        flex-direction: row;
-        gap: 5px;
-    }
-
-    &__save button:not(:focus):not(:focus-visible) {
-        opacity: 0;
-    }
-
-    &__table button:not(:focus):not(:focus-visible) {
-        opacity: 0;
-    }
-
-    // Show menu button on hover or when menu is open (active class)
-    &:hover,
-    &.active {
-        .gd-gen-ai-chat__visualization__save button {
-            opacity: 1;
-        }
-
-        .gd-gen-ai-chat__visualization__table button {
-            opacity: 1;
-        }
-    }
-
-    &__menu_overlay {
-        padding: 8px 0;
-        box-shadow: 0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2));
-        background: kit-variables.$gd-color-white;
-        border-radius: 3px;
-    }
-
-    &__what-if-group {
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
-    }
-}
-
 .gd-gen-ai-chat__messages__empty {
     display: flex;
     flex-direction: column;
@@ -815,7 +442,7 @@ $dataset_color: #952f8e;
     display: inline;
 }
 
-.gd-gen-ai-chat__visualization__drill-header {
+.gd-gen-ai-chat__conversation__visualization__drill-header {
     padding: 4px 10px;
     display: flex;
     text-transform: uppercase;
@@ -1507,9 +1134,13 @@ $dataset_color: #952f8e;
     }
 
     &--error {
+        flex: unset;
+        padding: 4px 10px;
+        border-radius: 3px;
+        background: kit-variables.$gd-palette-error-dimmed;
+        color: kit-variables.$gd-palette-error-base;
         display: flex;
         flex-direction: column;
-        padding: 0;
 
         .gd-gen-ai-chat__error-info {
             display: flex;
@@ -1786,4 +1417,12 @@ $dataset_color: #952f8e;
         background: kit-variables.$gd-color-white;
         border-radius: 3px;
     }
+
+    &__save-dialog {
+        width: 565px;
+
+        .gd-dialog-content p {
+            margin-bottom: 1em;
+        }
+    }
 }

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

@@ -1,8 +0,0 @@
-import { type AssistantMessage } from "../../model.js";
-type AssistantMessageProps = {
-    message: AssistantMessage;
-    isLast?: boolean;
-};
-export declare function AssistantMessageComponent({ message, isLast }: AssistantMessageProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AssistantMessage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AssistantMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AssistantMessage.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAQvD,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CA+FnF"}

package/esm/components/messages/AssistantMessage.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2024-2026 GoodData Corporation
-import { useCallback } from "react";
-import cx from "classnames";
-import { useIntl } from "react-intl";
-import { useDispatch } from "react-redux";
-import { UiIconButton, UiTooltip } from "@gooddata/sdk-ui-kit";
-import { setUserFeedback } from "../../store/messages/messagesSlice.js";
-import { FeedbackPopup } from "./FeedbackPopup.js";
-import { MessageContents } from "./MessageContents.js";
-import { getAssistantMessageState } from "./messageState.js";
-import { useUserFeedback } from "./useUserFeedback.js";
-export function AssistantMessageComponent({ message, isLast }) {
-    const intl = useIntl();
-    const dispatch = useDispatch();
-    const setUserFeedbackAction = useCallback((payload) => {
-        dispatch(setUserFeedback(payload));
-    }, [dispatch]);
-    const { handlePositiveFeedbackClick, handleNegativeFeedbackClick, handleFeedbackSubmit } = useUserFeedback({ message, setUserFeedback: setUserFeedbackAction });
-    const messageState = getAssistantMessageState(message);
-    const thumbsUpLabel = intl.formatMessage({ id: "gd.gen-ai.feedback.like" });
-    const thumbsDownLabel = intl.formatMessage({ id: "gd.gen-ai.feedback.dislike" });
-    return (_jsxs("div", { className: cx("gd-gen-ai-chat__messages__message", "gd-gen-ai-chat__messages__message--assistant", messageState === "cancelled" && "gd-gen-ai-chat__messages__message--cancelled"), "data-state": messageState, "data-testid": "gen-ai-thread-assistant-message", children: [_jsx("span", { className: "gd-gen-ai-chat__visually__hidden", children: intl.formatMessage({ id: "gd.gen-ai.message.label.assistant" }) }), _jsxs("div", { className: "gd-gen-ai-chat__messages__message__contents_wrap", children: [_jsx(MessageContents, { useMarkdown: true, content: message.content, messageState: messageState, isLastMessage: isLast, messageId: message.localId }), message.complete ? (_jsxs("div", { className: cx({
-                            "gd-gen-ai-chat__messages__feedback": true,
-                            "gd-gen-ai-chat__messages__feedback--assigned": message.feedback !== "NONE",
-                        }), children: [_jsx(UiTooltip, { triggerBy: ["focus", "hover"], arrowPlacement: "bottom", anchor: _jsx(UiIconButton, { icon: "thumbsUp", variant: "tertiary", size: "small", isActive: message.feedback === "POSITIVE", onClick: handlePositiveFeedbackClick, accessibilityConfig: {
-                                        ariaLabel: thumbsUpLabel,
-                                        ariaPressed: message.feedback === "POSITIVE" ? "true" : "false",
-                                    } }), content: thumbsUpLabel }), _jsx(FeedbackPopup, { anchor: (opened) => {
-                                    return (_jsx(UiTooltip, { triggerBy: ["focus", "hover"], arrowPlacement: "bottom", anchor: _jsx(UiIconButton, { icon: "thumbsDown", variant: "tertiary", size: "small", isActive: message.feedback === "NEGATIVE" || opened, onClick: handleNegativeFeedbackClick, accessibilityConfig: {
-                                                ariaLabel: thumbsDownLabel,
-                                                ariaPressed: message.feedback === "NEGATIVE" ? "true" : "false",
-                                            } }), content: thumbsDownLabel }));
-                                }, onSubmit: handleFeedbackSubmit })] })) : null] })] }));
-}

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

@@ -1,12 +0,0 @@
-import { type Contents } from "../../model.js";
-import { type AssistantMessageState } from "./messageState.js";
-type MessageContentsProps = {
-    content: Contents[];
-    messageId: string;
-    messageState?: AssistantMessageState;
-    isLastMessage?: boolean;
-    useMarkdown?: boolean;
-};
-export declare function MessageContents({ content, messageId, messageState, isLastMessage, useMarkdown, }: MessageContentsProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MessageContents.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageContents.d.ts","sourceRoot":"","sources":["../../../src/components/messages/MessageContents.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAU/C,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG/D,KAAK,oBAAoB,GAAG;IACxB,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,YAAyB,EACzB,aAAqB,EACrB,WAAmB,GACtB,EAAE,oBAAoB,2CA+EtB"}

package/esm/components/messages/MessageContents.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2024-2026 GoodData Corporation
-import { FormattedMessage } from "react-intl";
-import { useSelector } from "react-redux";
-import { Typography } from "@gooddata/sdk-ui-kit";
-import { settingsSelector } from "../../store/chatWindow/chatWindowSelectors.js";
-import { ChangeAnalysisContentsComponent } from "./contents/ChangeAnalysisContentsComponent.js";
-import { ErrorContentsComponent } from "./contents/ErrorContents.js";
-import { RoutingContentsComponent } from "./contents/RoutingContents.js";
-import { SearchContentsComponent } from "./contents/SearchContents.js";
-import { SemanticSearchContentsComponent } from "./contents/SemanticSearchContents.js";
-import { TextContentsComponent } from "./contents/TextContents.js";
-import { VisualizationContentsComponent } from "./contents/VisualizationContents.js";
-import { ReasoningMessage } from "./ReasoningMessage.js";
-export function MessageContents({ content, messageId, messageState = "complete", isLastMessage = false, useMarkdown = false, }) {
-    const settings = useSelector(settingsSelector);
-    const isReasoningEnabled = Boolean(settings?.enableGenAIReasoningVisibility);
-    const isComplete = messageState === "complete" || messageState === "cancelled" || messageState === "error";
-    const isCancelled = messageState === "cancelled";
-    return (_jsxs("div", { className: "gd-gen-ai-chat__messages__contents", children: [_jsx(ReasoningMessage, { content: content, messageState: messageState }), content.map((item, index) => {
-                const type = item.type;
-                switch (type) {
-                    case "text":
-                        return _jsx(TextContentsComponent, { useMarkdown: useMarkdown, content: item }, index);
-                    case "error":
-                        return (_jsx(ErrorContentsComponent, { useMarkdown: useMarkdown, content: item }, index));
-                    case "routing":
-                        // When reasoning visibility is enabled, routing/use-case reasoning must not be shown.
-                        // It would overlap with the model-provided reasoning answer and create confusion.
-                        return isReasoningEnabled ? null : (_jsx(RoutingContentsComponent, { useMarkdown: useMarkdown, content: item }, index));
-                    case "reasoning":
-                        // Skip reasoning here - shown in dropdown when FF is enabled
-                        return null;
-                    case "search":
-                        return (_jsx(SearchContentsComponent, { useMarkdown: useMarkdown, content: item }, index));
-                    case "semanticSearch":
-                        return (_jsx(SemanticSearchContentsComponent, { content: item, useMarkdown: useMarkdown }, index));
-                    case "visualization":
-                        return (_jsx(VisualizationContentsComponent, { useMarkdown: useMarkdown, content: item, showSuggestions: isLastMessage, messageId: messageId }, index));
-                    case "changeAnalysis":
-                        return (_jsx(ChangeAnalysisContentsComponent, { useMarkdown: useMarkdown, content: item, messageId: messageId }, index));
-                    default:
-                        return assertNever(type);
-                }
-            }), !isReasoningEnabled && !isComplete ? (_jsx(Typography, { tagName: "p", children: _jsx(FormattedMessage, { id: "gd.gen-ai.state.generating" }) })) : null, isCancelled ? (_jsx(Typography, { tagName: "p", children: _jsx(FormattedMessage, { id: "gd.gen-ai.state.cancelled" }) })) : null] }));
-}
-const assertNever = (value) => {
-    throw new Error(`Unknown content type: ${value}`);
-};

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

@@ -1,14 +0,0 @@
-import { type ReactNode } from "react";
-import { type ReasoningContents } from "../../model.js";
-type ReasoningDropdownProps = {
-    children: ReactNode;
-    isReasoningFinished: boolean;
-    lastReasoningStepTitle: string | undefined;
-};
-export declare function ReasoningDropdown({ children, isReasoningFinished, lastReasoningStepTitle, }: ReasoningDropdownProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Gets the title of the last reasoning step across all reasoning items.
- */
-export declare function getLastReasoningStepTitle(reasoningItems: ReasoningContents[]): string | undefined;
-export {};
-//# sourceMappingURL=ReasoningDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReasoningDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/messages/ReasoningDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAC9B,QAAQ,EACR,mBAAmB,EACnB,sBAAsB,GACzB,EAAE,sBAAsB,2CA2CxB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,cAAc,EAAE,iBAAiB,EAAE,GAAG,MAAM,GAAG,SAAS,CAcjG"}

package/esm/components/messages/ReasoningDropdown.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2025-2026 GoodData Corporation
-import { useState } from "react";
-import cx from "classnames";
-import { useIntl } from "react-intl";
-import { UiButton } from "@gooddata/sdk-ui-kit";
-export function ReasoningDropdown({ children, isReasoningFinished, lastReasoningStepTitle, }) {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const intl = useIntl();
-    const thoughtProcessText = intl.formatMessage({ id: "gd.gen-ai.routing.thinking-process" });
-    const thinkingText = intl.formatMessage({ id: "gd.gen-ai.state.thinking" });
-    const displayText = isReasoningFinished
-        ? thoughtProcessText
-        : lastReasoningStepTitle
-            ? lastReasoningStepTitle + "..."
-            : thinkingText + "...";
-    // Announce reasoning intent changes to screen readers.
-    // The parent log has aria-relevant="additions" which only announces new elements,
-    // but we want to announce text updates (e.g., "Thinking..." → "Creating a visualization...")
-    const liveRegionText = isReasoningFinished ? undefined : displayText;
-    return (_jsxs("div", { className: cx("gd-gen-ai-chat__thought-process-dropdown", {
-            "gd-gen-ai-chat__thought-process-dropdown--loading": !isReasoningFinished,
-        }), children: [_jsx("span", { className: "gd-gen-ai-chat__visually__hidden", "aria-live": "polite", "aria-atomic": "true", children: liveRegionText }), _jsx(UiButton, { onClick: () => setIsExpanded(!isExpanded), accessibilityConfig: { ariaExpanded: isExpanded }, iconBefore: isExpanded ? "navigateDown" : "navigateRight", iconBeforeSize: 12, label: displayText, variant: "tertiary" }), isExpanded ? (_jsxs("div", { className: "gd-gen-ai-chat__thought-process-dropdown__content", children: [_jsx("div", { className: "gd-gen-ai-chat__thought-process-dropdown__timeline" }), _jsx("div", { className: "gd-gen-ai-chat__thought-process-dropdown__body", children: children })] })) : null] }));
-}
-/**
- * Gets the title of the last reasoning step across all reasoning items.
- */
-export function getLastReasoningStepTitle(reasoningItems) {
-    // Iterate from the end to find the last step with a title
-    for (let i = reasoningItems.length - 1; i >= 0; i--) {
-        const steps = reasoningItems[i].steps;
-        if (steps?.length) {
-            // Find the last step with a non-empty title
-            for (let j = steps.length - 1; j >= 0; j--) {
-                if (steps[j].title) {
-                    return steps[j].title;
-                }
-            }
-        }
-    }
-    return undefined;
-}

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

@@ -1,9 +0,0 @@
-import { type Contents } from "../../model.js";
-import { type AssistantMessageState } from "./messageState.js";
-interface IReasoningMessageProps {
-    content: Contents[];
-    messageState: AssistantMessageState;
-}
-export declare function ReasoningMessage({ content, messageState }: IReasoningMessageProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ReasoningMessage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReasoningMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/ReasoningMessage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAA+C,MAAM,gBAAgB,CAAC;AAI5F,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG/D,UAAU,sBAAsB;IAC5B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,YAAY,EAAE,qBAAqB,CAAC;CACvC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,sBAAsB,kDA0DjF"}

package/esm/components/messages/ReasoningMessage.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2025-2026 GoodData Corporation
-import { useSelector } from "react-redux";
-import { isReasoningContents } from "../../model.js";
-import { settingsSelector } from "../../store/chatWindow/chatWindowSelectors.js";
-import { ReasoningContentsComponent } from "./contents/ReasoningContents.js";
-import { ReasoningDropdown, getLastReasoningStepTitle } from "./ReasoningDropdown.js";
-export function ReasoningMessage({ content, messageState }) {
-    const settings = useSelector(settingsSelector);
-    const isReasoningEnabled = Boolean(settings?.enableGenAIReasoningVisibility);
-    const isComplete = messageState === "complete" || messageState === "cancelled" || messageState === "error";
-    // Collect reasoning items for the dropdown
-    const reasoningItems = content.filter(isReasoningContents);
-    const mergedReasoningSteps = reasoningItems.flatMap((item) => item.steps ?? []);
-    const hasReasoningSteps = mergedReasoningSteps.length > 0;
-    const mergedReasoningContent = {
-        type: "reasoning",
-        steps: mergedReasoningSteps,
-    };
-    // Treat dropdown as "complete" once any real (non-reasoning) answer content exists
-    const hasRenderedAnswer = content.some((item) => {
-        if (item.type === "reasoning")
-            return false;
-        if (item.type === "routing")
-            return false; // routing is hidden when reasoning FF is enabled
-        if (item.type === "text" || item.type === "error") {
-            return item.text.trim().length > 0;
-        }
-        // search / semanticSearch / visualization / changeAnalysis => all render meaningful output
-        return true;
-    });
-    const isReasoningFinished = isComplete || hasRenderedAnswer;
-    // Show dropdown when reasoning is enabled and (response is still streaming or contains reasoning items)
-    const shouldShowDropdown = isReasoningEnabled && (!isReasoningFinished || reasoningItems.length > 0);
-    if (!shouldShowDropdown) {
-        return null;
-    }
-    // Count reasoning steps
-    const totalReasoningSteps = reasoningItems.reduce((sum, item) => sum + (item.steps?.length ?? 0), 0);
-    // Get the title of the last reasoning step
-    const lastReasoningStepTitle = getLastReasoningStepTitle(reasoningItems);
-    // Show placeholder when streaming and no reasoning yet
-    const showThinkingPlaceholder = !isReasoningFinished && totalReasoningSteps === 0;
-    return (_jsxs(ReasoningDropdown, { isReasoningFinished: isReasoningFinished, lastReasoningStepTitle: lastReasoningStepTitle, children: [showThinkingPlaceholder ? _jsx("div", { className: "gd-gen-ai-chat__reasoning" }) : null, hasReasoningSteps ? _jsx(ReasoningContentsComponent, { content: mergedReasoningContent }) : null] }));
-}

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

@@ -1,8 +0,0 @@
-import { type UserMessage } from "../../model.js";
-type UserMessageProps = {
-    message: UserMessage;
-    isLast?: boolean;
-};
-export declare function UserMessageComponent({ message, isLast }: UserMessageProps): import("react/jsx-runtime").JSX.Element;
-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":"AAKA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,KAAK,gBAAgB,GAAG;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAuBzE"}

package/esm/components/messages/UserMessage.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2024-2026 GoodData Corporation
-import cx from "classnames";
-import { useIntl } from "react-intl";
-import { MessageContents } from "./MessageContents.js";
-export function UserMessageComponent({ message, isLast }) {
-    const intl = useIntl();
-    const classNames = cx("gd-gen-ai-chat__messages__message", "gd-gen-ai-chat__messages__message--user", message.cancelled && "gd-gen-ai-chat__messages__message--cancelled");
-    return (_jsxs("div", { className: classNames, children: [_jsx("span", { className: "gd-gen-ai-chat__visually__hidden", children: intl.formatMessage({ id: "gd.gen-ai.message.label.user" }) }), _jsx(MessageContents, { useMarkdown: true, content: message.content, messageState: "complete", isLastMessage: isLast, messageId: message.localId })] }));
-}